html
{
	height: 100%;
}

body
{
	height: 100%;
	width: 100%;
	margin: 0;
	padding: 0;
	
	font-family: Arial, Sans-Serif;
	font-size: 11px;
	color: #737373;
}

body.home { background: #dbdfe6 url(../Images/bg_body.gif) repeat-y scroll 50% 0; }

a img { border-width: 0; }
a { text-decoration: none; }
a:hover { text-decoration: underline; }
p, h1, h2, h3, h4, h5 , h6 { margin: 0; padding: 0; }

h2
{
	font-size: 24px;
	padding: 0 0 10px 0;
	font-weight: normal;
}
h2 a { color: #737373; }
h2 strong { color: #f99d29 }

h3
{
	color: #000000;
	font-size: 13px;
}
h2 a:hover, h3 a:hover { text-decoration: none; }

#pageWrapper
{
	width: 968px;
	margin: 0 auto;
	background:	transparent url(../Images/bg_page.gif) no-repeat scroll 0 0;
}

#page
{
	width: 940px;
	padding: 0 14px;
}

#navigation
{
	width: 940px;
	height: 37px;
	background-color: #f99d29;
}

#navigation ul 
{ 
	float: right;
	padding: 18px 20px 0 0;
	margin: 0;
	height: 18px;
}

#navigation li 
{ 
	display: inline;
	list-style-type: none;
	padding: 2px 13px 4px 13px;
	margin: 0;
	border-right: solid 1px #fcce94;
}

#navigation li.last { border-right-width: 0; }

#navigation li a
{
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
}

.contentWrapper
{
	float: left;
	width: 880px;
	padding: 30px 30px 31px 30px;
	margin-bottom: 8px;
	background: #ffffff url(../Images/bg_mainContent.gif) no-repeat 0 100%;
}

#preamble
{
	float: left;
	width: 880px;
	padding-bottom: 10px;
}

h1#header a
{
	float: left;
	display: block;
	width: 183px;
	height: 82px;
	text-indent: -9999px;
	background: #ffffff url(../Images/logo_smartBIM.gif) no-repeat 0 0;
}

#preamble p
{
	float: right;
	width: 585px;
	padding: 0 0 10px 0;
	font-size: 14px; 
	line-height: 1.3em;
}

#featureWrapper { float: left; }

div.feature
{
	float: left;
	width: 435px;
	height: 325px;
	line-height: 18px;
	background: transparent url(../Images/bg_feature.gif) no-repeat 100% 100%;
}

div.feature img { float: left; margin-bottom: 20px; }
div.feature p { padding-right: 40px; }
#featureWrapper div.last { margin-left: 10px; }

div#calloutWrapper { padding: 15px 30px 30px 30px; }
h2.moreInfo { font-size: 16px; }
div.callout 
{
	float: left;
	width: 286px;
	height: 89px;
	overflow: hidden;
	margin-right: 11px;
	background: Transparent url(../Images/bg_callout.gif) no-repeat 100% 0;
}
div#calloutWrapper .last { margin-right: 0;}

div.callout h3
{
	font-size: 18px;
	color: #0c3279;	
	float: left;
	padding: 0px 20px 10px 0;
	background: transparent url(../Images/greyArrow.gif) no-repeat 100% 2px;
}

div.callout h3 a { color: #0c3279;	} 
div.callout h3 strong { color: #f99d29; }
div.callout p { clear: both; padding: 8px 10px; font-size:13px; }

div#footer
{
	float: left;
	color: #9ea8b8;
	padding-bottom: 50px;
}

div#footer p
{
	float: left;
	text-align: right;
	padding-left: 250px;
	padding-right: 30px;
}
div#footer ul
{
	float: left;
	margin: 0;
	padding: 0;
}

div#footer ul li
{
	float: left;
	list-style-type: none;
	padding: 0 5px;
	border-right: solid 1px #9ea8b8;
}

div#footer ul li a { color: #9ea8b8; }

div#footer ul li.last
{
	border-right-width: 0;
}