/******************************************************************************************************
 * This file represents the common styles used throughout all the pages on the site. It defines all
 * layout rules, base font styles, and common content elements.
 ******************************************************************************************************/

/** Global Zero Out ***********************************************************************************/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td{
	margin: 0;
	padding: 0;
}

html, body{
    height: 100%;
    margin: 0;
    padding: 0;
}
body{
}

input{
    outline: none;
}
p, td, li{
    font-size: 1.3em;
    line-height:1.3em;
    text-align:left;
    color:#fff;
}
p, td, h1, h2, h3, h4, h5, h6, th, td, span, caption{
    text-align:left;
	vertical-align:top;
}
img{
	border: 0;
}
object, embed{
    outline: none;
    border: 0;
}
ol, ul { list-style: disc; list-style-position:outside;}
div { position: relative; }

/* tables still need 'cellspacing="0"' in the markup */
table{
	border-collapse: collapse; 
	border-spacing: 0;
}





/* * * * * * * * * * * * * * * *
	SITE BASE STYLES
* * * * * * * * * * * * * * * */

body{
    font: 62.5%/1.5 Arial, Helvetica, sans-serif;
    color: #fff;
    background: #fff url(images/main-bg.jpg) repeat-x 50% 0;
	margin-top:12px;
}

a:link,
a:visited{
	text-decoration:underline;
	color:#3E4D4C;
}

a:hover, 
a:active{
	text-decoration:underline;	
	
}




/** Basic 'Hacks' ***************************************************************************************/

.ir{ text-indent: -9000px; overflow:hidden; } /* Image Replacement */
.clear{ float:none; clear:both; }
.clearDiv{ float:none; clear:both; height:1px;}

/* IE6 PNG Fix & Hover Fix */
/* Path is relative to THE HTML DOCUMENT THAT CALLS IT */
.pngFix { behavior: url(scripts/iepngfix.htc) } /* for documents 0 levels deep */
.pngFix1 { behavior: url(scripts/iepngfix1.htc) } /* for documents 1 levels deep */
.pngFix2 { behavior: url(scripts/iepngfix2.htc) } /* for documents 2 levels deep */




/** Layout **********************************************************************************************/

body{
    text-align: center;
}

#Page{
    width: 842px;
    margin: 0 auto;
    position: relative;
}

#Presentation{
	width:822px;
	background:url(images/page-bg2.png) repeat-y 0 0;
	padding:0 9px;
	float:left;
	}

#Header{
    position: relative;
    z-index: 99;
    height: 191px;
	background:url(images/header-bg.gif) no-repeat 0 0;
	padding:0 10px;
}

#Content {
	width:822px;
	/*min-height:500px;*/
	text-align:left;
	float:left;
	border-bottom:#3d5755 solid 1px;
}


#Content .home-bg {;
	background:url(images/grid-bg.gif) repeat 0 0;
	text-align:left;
	float:left;
}



#Content .left-white-bg {
	width:275px;
	min-height:479px;
	background:#fff;
	text-align:left;
	float:left;
}

#Content .right-grid-bg {
	width:487px;
	/*min-height:479px;*/
	background:url(images/grid-bg.gif) repeat 0 0;
	text-align:left;
	float:left;
	padding:30px;
}

#Content .left-green-bg {
	width:275px;
	min-height:558px;
	background:url(images/grid-bg.gif) repeat 0 0;
	text-align:left;
	float:left;
}

#Content .right-white-bg {
	width:487px;
	/*min-height:479px;*/
	background:#fff;
	text-align:left;
	float:left;
	padding:30px;
}




/** Header **********************************************************************************************/
#Header #MainHeader{
	position:relative;
	height:145px;
	
}

#Header #MainHeader a.Logo {
	float:left;
	margin:0;
}

#Header h2 {
	font-size:1.4em;
	color:#4d5856;
	font-weight:normal;
	line-height:1.4em;
	padding:50px 0 0 291px;
	}


/** Main Navigation **********************************************************************************************/

#Header ul#PrimaryNav  {
	display:block;
	height:46px;
	background:url(images/nav-bg.jpg) repeat-x 0 0;
	margin:0;
	position:relative;;
	
}

#Header ul#PrimaryNav li {
	display:block;
	float:left;
	margin:0;
	padding:0;
	position:relative;
	
}


#Header ul#PrimaryNav li a {
	background-position:0 0;
	background-repeat:no-repeat;
	cursor:pointer;
	display:block;
	font-size:0;
	height:46px;
	overflow:hidden;
	position:relative;
	text-indent:-9999px;
	outline:none;
}

#Header ul#PrimaryNav li.NavLeft {
		background-image:url(Images/building-consulting-associates.jpg) no-repeat 0 0;
		width:391px;
		height:46px;
}

#Header ul#PrimaryNav li.NavHome a {
		background-image:url(Images/nav-home.jpg);
		width:100px;
}

#Header ul#PrimaryNav li.NavAbout a {
		background-image:url(Images/nav-about.jpg);
		width:110px;
}

#Header ul#PrimaryNav li.NavServices a {
		background-image:url(Images/nav-services.jpg);
		width:110px;
}

#Header ul#PrimaryNav li.NavContact a {
		background-image:url(Images/nav-contact.jpg);
		width:111px;
}

#Header ul#PrimaryNav li a:hover{
	background-position:0 -46px;
}

#Header ul#PrimaryNav li a:focus,
#Header ul#PrimaryNav li a:active,
#Header ul#PrimaryNav li a.selected{
	background-position:0 -92px;
}






/** Footer **********************************************************************************************/

#Footer{
	height:74px;
	width:822px;
	text-align:center;
	background:url(images/footer-bg.png) no-repeat 0 0;
	position:relative;
	padding:12px 10px 0 10px;
	float:left;
}

#Footer p{
	display:inline;
	color:#707f7c;
	font-size:1.1em;
	line-height:1.8em;
}

#Footer p.copyright{
	display:inline;
	color:#707f7c;
	font-size:1.0em;
}

#Footer a,
#Footer a:visited {
	display:inline;
	text-align:right;
	color:#707f7c;
	text-decoration:none;
	outline:none;
}

#Footer a:hover,
#Footer a:active {
	display:inline;
	text-align:right;
	color:#707f7c;
	text-decoration:underline;
	outline:none;
}



/** Text Styles **********************************************************************************************/
h1{
}

h2{
	
}

h3{
	font-size:2.4em;
	
}

h4 {
	font-size:1.8em;

}

h5 {
	font-size:1.6em;

}

h6 {
	font-size:1.4em;

}




/* links inside a class container **************************************************/
.class2 a,
.class2 a:visited {
}
.class2 a:hover,
.class2 a:active{
}

/* links inside base elements **************************************************/
h3 a,
h3 a:visited {
}
h3 a:hover,
h3 a:active{
}

/* link classes **************************************************/
a.class1:link,
a.class1:visited {	
}
a.class1:hover
a.class1:active {	
}

/*button links**************************************************/

.btn-learnmore{
	display:block;
	height:23px;
	position:absolute;
	text-align:left;
	bottom:35px;
	left:155px;
}

.btn-learnmore a {
	background:url(Images/btn-learnmore.png) no-repeat 0 0;
	width:99px;
	cursor:pointer;
	display:block;
	font-size:0;
	height:23px;
	overflow:hidden;
	position:relative;
	outline:none;
}


.btn-learnmore a:hover{
	background-position:0 -23px;
}
	

.btn-learnmore a:active,
.btn-learnmore a:focus  {
	background-position:0 -46px;
}


.btn-contactus{
	display:block;
	height:38px;
	position:absolute;
	text-align:left;
	bottom:33px;
	left:85px;
}

.btn-contactus a {
	background:url(Images/btn-contactus.png) no-repeat 0 0;
	width:165px;
	cursor:pointer;
	display:block;
	font-size:0;
	height:37px;
	overflow:hidden;
	position:relative;
	outline:none;
}


.btn-contactus a:hover{
	background-position:0 -37px;
}
	

.btn-contactus a:active,
.btn-contactus a:focus  {
	background-position:0 -75px;
}




.btn-services{
	display:block;
	height:23px;
	position:absolute;
	text-align:left;
	bottom:30px;
	left:400px;
}

.btn-services a {
	background:url(Images/btn-services.png) no-repeat 0 0;
	width:82px;
	cursor:pointer;
	display:block;
	font-size:0;
	height:23px;
	overflow:hidden;
	position:relative;
	outline:none;
}


.btn-services a:hover{
	background-position:0 -23px;
}
	

.btn-services a:active,
.btn-services a:focus  {
	background-position:0 -46px;
}