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

#header_logo {
 float:left;
} 

/*  Top Navigation */
#navcontainer {
 float:right;
 margin: 0;
 padding: 70px 0 0 12px;
 background-color:#ffffff;
 width:600px;
}

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

#navcontainer LI {
 display: block;
 margin: 0;
 padding: 0 0 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;
}

#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 */
 
#maincol{
 width:693px; 
 float:left; 
 position:relative;
 background-color: #FFFFFF; 
 margin:0 0 0 0;
 padding:15px 0 0 7px; 
}

#maincol h3{
 font-family:arial;
 font-size:14px;
}

#maincol h4{
 font-family:arial;
 font-size:14px;
 color:#666;
 font-weight:normal;
}

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

#maincol td{
 font-family:arial;
 font-size:12px;
 color:#222;
}

#maincol hr{
 color:#457796;
 width:90%;
}

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

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

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

#maincol ul{
 font-family:arial;
 font-size:12px;
 color:#222;
 list-style-type:disc;
 width:95%;
}

#maincol ul li a{
 font-weight:normal;
}

 
#rightcol{
 background-color: #FFFFFF;  
 float: right; 
 display:inline; 
 position: relative; 
 width:186px;  
 margin:0 0 0 0;
 padding:15px 5px 0 5px;  
}

#rightcol h3{
 font-family:arial;
 font-size:14px;
}

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


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

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

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

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

#rightcol img{
 padding: 7px 7px 13px 0;
}

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

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

#footer{
 margin:10px 0 0 0;
 border-top: 3px solid #457796;
 height:175px; 
}

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

#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 0 0 0;
 padding:5px 0 5px 0;
 border-top: 3px solid #457796;
 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;} 
#twocols, #maincol{width:100%; float:none;}
}