html, body{ 
 margin:0; 
 padding:0; 
 text-align:center; 
  background-color: #333333;
  background-image: url(images/bgmain.gif);
  background-repeat: repeat-x;
}


 
#pagewidth{ 
 width:850px; 
 text-align:left;  
 margin-left:auto; 
 margin-right:auto;  
} 
 
#header{
 position:relative; 
 height:127px; 
 width:100%;
} 

#bgwrap {
	background-image: url(images/bgcontent.jpg);
	background-repeat: repeat-y;
	width: 100%;
		}
	
		
#leftcol{
 width: 180px;
 float:left; 
 position:relative; 
 }

#navwrap {
margin-left: 10px;)
}
 
#leftcol ul {
list-style-type:disc;
list-style-position:outside;
margin-top:25px;
list-style: none;
	}
	
#leftcol li {	
margin: 10 0 0 -20;
}

#leftcol a {
font-family: Arial, Helvetica, sans-serif;
font-size: 22px;
color: #FFFFFF;
text-decoration:none;
}
#leftcol a:hover {
font-family: Arial, Helvetica, sans-serif;
font-size: 22px;
color: #D2B049;
text-decoration:none;
}

#maincol{
 float: right; 
 display:inline; 
 position: relative; 
 width: 670px;
 }

#maincol p {
	padding-top: 7px;
	padding-left: 20px;
	padding-right: 30px;
	width: 360px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	text-align: left;
	}
#maincol a {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	}	
#maincol a:hover {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #D2B049;
	}		
	
	
	
	
#maincol h1 {
	padding-top: 15px;
	padding-left: 20px;
	padding-right: 30px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 22px;
	color: #FFFFFF;
	text-align: left;
	}  
#maincol h2 {
	padding-top: 15px;
	padding-left: 20px;
	padding-right: 30px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #FFFFFF;
	text-align: left;
	}
	
#maincol img {
float: right;
	}
	
#maincol ul {
margin-top:0;
margin-bottom:0;
list-style: square;
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 14px;
color: #FFFFFF;
			}
			
#maincol li {
margin:0 0 0 -20;
list-style: square;
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 14px;
color: #FFFFFF;
width: 350px;
			}


#portfolio {
	margin-left: 20px;
	width: 410px;
	background-image: url(images/portbg.jpg);
	background-repeat: repeat-x;
	float: left;
		}
#portfolio p {
    padding-top: 7px;
	padding-left: 20px;
	padding-right: 20px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #333333;
	text-align: left;
		}
#portfolio img {
	float:none;
	border: none;
	}	
#portfolio a {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #333333;
	}	
#portfolio a:hover {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	}
	
	
		
h4 {
	color: #333333;
	padding: 15px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	}

#footer{
 height:100px; 
 clear:both;
 } 
 
 #wrapper {
 	background-image: url(images/bgcontent.jpg);
	background-repeat: repeat-y;
	}

.ad {
margin-left: 60px;
}
 
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


 
 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}