/* Layout Stylesheet for SM Construction website



  (c) Colin Sewell, 2007

------------------------- */



#outer {

	width: 920px;

	margin-left: auto;	/* center main page content (FireFox etc. ) */

	margin-right: auto;

	text-align: left;

	background-color:#F7F7F7;
	background-image: url(../images/outerbg.jpg);
	background-repeat:no-repeat;
	margin-top:-7px;

/*	border: 2px solid #8856a4; */

	padding: 0px;

/*	overflow:hidden;*/	/* needed (?) in IE to keep page centred, no white space to right */



}



#header {

	position: relative;

	width: 895px;

	height: 125px;

	left: 0px;

	top: 2px;
	

	background-color: #fff;

	margin-bottom:20px;
	
	z-index:10000;

	

}

@media screen and (-webkit-min-device-pixel-ratio:0){

#header{

top:2px;

}
}


#NavMenu {

	float: left; 

	width: 135px;

	margin-left: 10px;

	margin-top: 10px;

}



#content-main {

	float: left; 

	width: 920px;

	margin-left: 10px;
	margin-top:24px;
	*margin-top:60px;


}

#content-main p{

line-height:22px;

}



#NavMenuRight {

	float: left; 

	width: 135px;

	margin-left: 0px;

	margin-top: 10px;

}



#ImageSimonPhoto {

	float: left;

	margin: 4px 10px 2px 0;

}



#footer {

	position: relative;

	width: 920px;

	text-align: right;

	margin-top: 10px;

	margin-bottom: 10px;

	padding-bottom: 10px;

}



#FreeIndex {

	float: left;

	margin-left: 20px;

}





/* Other Layout Bits

   ---------------------- */



/* Div Clear space after Float fix  -  to stretch a container div to contain floated elements */



.ClearFix:after {

	content: ".";

	display: block;

	height: 0;

	font-size: 0;

	clear: both;

	visibility: hidden;

}



.ClearFix  {display: inline-table;}  /* fix for IE Mac */



/* Hide from IE Mac \*/



* html .ClearFix  {height: 1%;}



.ClearFix {display:block;}



/* End IE Mac Hack */





.Clear {

	clear: both;

}





div.DivShow {

/* for design debugging, shows the divs ! */

	border: 1px solid #cccc00;

	background-color: #cfcfcf;

}



div.DivBorder {

	border: 1px solid #cccccc;

}



div.spacer {

	clear: both;

	height: 1px;

}



div.DivFloatLeft {

	float: left;

	margin: 1px;

}



div.DivCenter {

	text-align: center;

}

#nav{

position:absolute;left:0px;top:121px;*top:140px;z-index:100000;

}

#nav, x:-moz-any-link, x:default{

position:absolute;left:0px;top:120px;*top:140px;

}

#nav, #nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
	width: 922px;
}

#nav a {
	display: block;
	border:0;
	color:#FFFFFF;
	z-index:3000;
	margin-left:0px;
	padding-top:8px;
	font-weight:bold;
	padding-bottom:7px;
	font-size:12px;
	/*border-right:1px solid #FFFFFF;*/
	padding-left:10px;
	padding-right:10px;
	
	
}

#nav a:hover{

background-color:#FFFFFF;
color:#CC0000;


}


#nav li {
	float: left;
	z-index:1000;
	width:95px;
}

#nav li ul {
	position: absolute;
	width:95px;
	left: -999em;
	background-color:#CC0000;
	z-index:1000;
	font-size:12px;
}

#nav li ul a{
	
	font-size:12px;
	z-index:1000;
	border:0;
}

#nav li:hover ul {
	left: auto;
}

#nav li:hover ul, #nav li.sfhover ul {
	left: auto;
	z-index:1000;
}