html, body{ 
 margin:0; 
 padding:0; 
 text-align:center; 
 background-color:#e5d2a4; 
} 
 
#pagewidth{ 
 width:900px; 
 text-align:left;  
 margin-left:auto; 
 margin-right:auto; 
 background-color:#ffffff;
 border-left: 1px solid #d6b972;
 border-right: 1px solid #d6b972; 
} 
 
#header{
 position:relative; 
 height:90px; 
 background-color:#e5d2a4;
 border-bottom: 1px solid #d6b972;
 border-left: 1px solid #e5d2a4;
 border-right: 1px solid #e5d2a4; 
 margin:0 0 0 -1px;
 padding:0;
 width:100%;
}

#logo {
  margin:0 0 0 15px;
  padding:55px 0 0 0;
}

/*  Top Navigation */
#navcontainer {
 height:30px;
 margin: 40px 0 0 12px;
 padding: 0px 0 0 0px;
 width:876px;
 border-bottom: 1px solid #ded6a8;
}

#navcontainer UL {
 list-style: none;
 margin: 0 0 0 20px;
 padding: 0;
 border: none;
}

#navcontainer LI {
 display: block;
 margin: 0;
 padding: 0 30px 0 0;
 float: left;
 width: auto;
}

#navcontainer A {
 color: #444;
 display: block;
 width: auto;
 text-decoration: none;
 background-color:#ffffff;
 margin: 0;
 padding: 2px 20px;
 font-family:tahoma,arial;
 font-size:12px;
}

#navcontainer A:hover, #navcontainer A:active { background: #ffffff; color: #457796; text-decoration: underline;}

#navcontainer A.active:link, #navcontainer A.active:visited {
 position: relative;
 z-index: 102;
 background-color:#ffffff;
 font-weight: bold;
}

#subnav {
 position: relative;
 top: -1px;
 z-index: 101;
 margin: 0;
 padding: 0px 0 3px 0;
 background: #BBBBBB;
 border-top: 1px solid #fff;
 border-bottom: 1px solid #aaa;
}

#subnav UL {
 list-style: none;
 margin: 1px 0 0px 13px;
 padding: 0px;
 border-right: 1px solid #fff;
 border-left: 1px solid #aaa;
}

#subnav LI {
 position: relative;
 z-index: 102;
 display: block;
 margin: 0;
 padding: 0;
 float: left;
 width: auto;
}

#subnav A {
 color: #fff;
 display: block;
 width: auto;
 text-decoration: none;
 margin: 0;
 padding: 2px 12px 2px 10px;
}

#subnav A:hover, #subnav A:active { color: #444; }
#subnav A.active:link, #subnav A.active:visited { color: #444; }
#subnav BR, #navcontainer BR { clear: both; }
/* End Top Navigation */

#featurebox {
 height:80px;
 background-color:#faf6ed;
 width:876px;
 margin:20px 0 0 12px;
 border: 1px solid #ded6a8;
}

#featurebox img {
 margin:0 0 0 0px;
 padding:0 12px 0 0;
} 

#featurebox p {
 margin:0 0 0 7px;
 padding:0;
 font-family:tahoma,arial;
 font-size:13px;
}

#rightcol{ 
 width:186px;   
 float:right; 
 position:relative;  
 margin:20px 0 0 0;
 padding:0 5px 0 5px;  
 font-family:tahoma,arial; 
 }

#rightcol p{
 color:#333;
 font-size:12px;
 margin:0 0 0 0;
 padding:7px 0 0 0;
}

#rightcol h3{
 color:#333;
 font-size:14px;
}

#rightcol h4{
 color:#333;
 font-size:13px;
 margin:0;
 padding:7px 0 0 0;
}

#rightcol ul{
 margin: 0;
 padding: 0 0 0 12px;
 list-style-type:disc;
 font-family:tahoma;
 font-size:12px;
 color:#333;
}

#rightcol a{
 color:#333;
 font-weight:normal;
 text-decoration:none;
}

#rightcol a:hover{
 color:#457796;
}

#rightcol a:visited{
 color:#333;
}

#rightcol img{
 padding: 7px 7px 13px 0;
}
 
#maincol{background-color: #FFFFFF;  
 float: left; 
 display:inline; 
 position: relative; 
 width:685px;;
 font-family:tahoma,arial;
 margin:20px 0 0 12px; 
 }

#maincol p{
 width:90%;
 color:#333;
 font-size:12px;
 margin:0 0 0 0;
 padding:7px 0 0 0;
}

#maincol h3{
 color:#333;
 font-size:14px;
 margin:0 0 0 0;
 padding:0 0 7px 0;
}

#maincol h4{
 color:#333;
 font-size:13px;
 margin:0;
 padding:7px 0 0 0;
}

#maincol ul{
 width:90%;
 margin: 0;
 padding: 0 0 0 12px;
 list-style-type:disc;
 font-family:arial;
 font-size:12px;
 color:#333;
}

#maincol li{
 margin: 0 0 0 12px;
 padding: 0;
}

#maincol a{
 color:#333;
 font-weight:bold;
 text-decoration:none;
}

#maincol a:hover{
 color:#457796;
}

#maincol a:visited{
 color:#333;
}

#slideshow{ 
 position:relative;
 background-color: #FFFFFF; 
 margin:20px 0 0 0;
 padding:0 0 0 0; 
}

#slideshow h3{
 font-family:tahoma;
 font-size:14px;
 padding:0 0 0 7px;
}


#footer{
 margin:20px 7px 0 12px;
 border-top: 2px solid #e4d3a7;
 height:175px; 
}

#aboutbryan{
 position:relative;
 float:left;
 width:685px;
}

#aboutbryan p{
 font-family:arial;
 font-size:12px;
 color:#222;
 width:95%;
}

#aboutbryan a{
 color:#222;
 font-weight:bold;
 text-decoration:none;
}

#aboutbryan a:hover{
 color:#457796;
}

#aboutbryan a:visited{
 color:#222;
}

#webplanning p{
 font-family:arial;
 font-size:12px;
 color:#222;
}

#webplanning a{
 color:#222;
 font-weight:bold;
 text-decoration:none;
}

#webplanning a:hover{
 color:#457796;
}

#webplanning a:visited{
 color:#222;
}

#footer_short{
 margin:10px 12px 0 12px;
 padding:5px 0 5px 0;
 border-top: 2px solid #e4d3a7;
 text-align:center;
 font-size:10px 
}

#footer_short a{
 color:#222;
 font-weight:bold;
 text-decoration:none;
}

#footer_short a:hover{
 color:#457796;
}

#footer_short a:visited{
 color:#222;
}
 

 
 /* *** Float containers fix *** */ 
.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;} 

/*hide the right column when printing*/ 
#rightcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}