/* CSS Main */

html, body{margin:0;padding:0}
a:link		{ color: #0000FF; text-decoration: none; }
a:visited	{ color: #0000FF; text-decoration: none; } 
a:active	{ color: #0000FF;  } 
a:hover		{ color: #6699CC;  } 
body{font: 76% Verdana,sans-serif;text-align:center; background: #5D6B7B;}
p {line-height:1.4em;}


h2.pagetitle {display:block; background-color:#5D6B7B; color:#fff; width: 313px; padding:5px 15px; margin:0; font-weight:normal;}

#mainnav {width:778px; height: 50px; background:#5D6B7B;}
#wrapper {background-color:blue; border: thick #ff0; overflow:display;}
#header {background: #5D6B7B; margin-bottom:20px;}
#header .banner {padding-top: 20px;}
#container{text-align:left;}
#extra{background:#FF8539}
#footer{color: #fff; background: #5D6B7B;}
#container{width:778px;margin:0 auto;}
#content{float:left;width:536px; margin:0; padding:0; height:333px; }
#subcontent{float:left;width:486px; margin:0; padding:25px;background:#fff;}
#navigation{float:right;width:212px;height:303px;
	font-size:.9em;
	line-height:normal;
	padding:15px; 
	background:#fff;}
#subnavigation{float:right;width:212px;
	font-size:.9em;
	padding:15px; 
	background:#dbdfe3;}
#navigation img{padding:10px;}
#footer{clear:both;width:100%; text-align:center; padding:1.5em 0 1em 0;}

.rollover {}
.rollover a {
display:block;
width: 154px;
height: 30px;
color:#fff;
}

.rollover a:hover {
background-position: -154px 0;
} 

#navcontainer {background: #5D6B7B; overflow:visible; height:50px;}

#navcontainer ul
{
margin-left: 5px;
padding: 0;
list-style-type: none;
text-align: left;
}

#navcontainer ul li { float: left; }

#navcontainer ul li a
{
padding: 0 0 20px 0;
text-decoration: none;
font-size: 10px/12px;
float: left;
height: 30px;
width: 154px;
}

a#navhome {
	width:154px;
	background: transparent url(../images/button-home.gif) no-repeat;
	}
	
a#navhome:hover
{
background-position: -154px 0;
}

a#navabout {
	width:154px;
	background: transparent url(../images/button-about.gif) no-repeat;
	}
	
a#navabout:hover
{
background-position: -154px 0;
}

a#navportfolio {
	width:154px;
	background: transparent url(../images/button-portfolio.gif) no-repeat;
	}
	
a#navportfolio:hover
{
background-position: -154px 0;
}

a#navservices {
	width:154px;
	background: transparent url(../images/button-services.gif) no-repeat;
	}
	
a#navservices:hover
{
background-position: -154px 0;
}

a#navcontact {
	width:154px;
	background: transparent url(../images/button-contact.gif) no-repeat;
	}
	
a#navcontact:hover
{
background-position: -154px 0;
}

li span {
	margin-left:-5000px;
	}


.copyright {font-size:.9em; padding: 1em 0; color:#dbdfe3;}






#faux {
 background: #fff;
 margin-bottom: 5px;
 overflow: auto; 
 padding:20px;
}

#rightcolumn { 
 color: #333;
 width: 260px;
 float: right;
 padding:20px 30px;
 font-size:.9em;
}
#leftcolumn { 
 float: left;
 color: #333;
 width: 320px;
 padding:20px 30px;
}