html, body{ 
  
 padding:0; 
 text-align:center;
 background-color: #dddace
} 
 
#pagewidth{ 
 width:800px; 
 text-align:left;  
 margin-left:auto; 
 margin-right:auto;

}  

#home_nav{
 height:30px; 
 clear:both;
 width: 800px;

 } 
 
#header{
 position:relative; 
 height: 70px; 
 width:100%;


} 

 .menu {
 margin-left: 10px;
 border-bottom: 1px solid #666666

 }
 
  #flash {
 margin-left: 10px;
 margin-top:10px;


 }
 
 
 
#nav {
 width: 100%; 
 float:left;
 position:relative;
 padding-top: 10px;
  height: 70px;
 background: url('../images/bg_top.gif') repeat-y;

 }


 
#image_container {
margin-top: 30px;
padding-bottom: 10px
 }

#portfolio_image {

padding-bottom: 10px;
m
 }

#image_controls {
width: 100%;
position:relative;
text-align:center;
height:30px;
margin-top:30px;
margin-left:10px
 
 }
 
 
#prev {
float:left;
margin-left: 20px;
 } 
 #next {
float:right;
margin-right:30px;
 } 
 
 
#twocols{
 width:100%; 
 float:left;
 min-height: 470px;
 position:relative;
 background: url('../images/bg.gif') repeat-y;


 }
 

 
#leftcol{
 width: 400px; 
 float:left; 
 position:relative;
 
 }
 
#rightcol{ 
 float: right; 
 display:inline; 
 position: relative; 
 width: 350px;
 min-height: 400px;
 margin-right: 40px;
 

 }
 
#footer{
 height:30px; 
 clear:both;
 width: 800px;
 background: url(../images/bg_btm.gif) no-repeat;


 } 
 
 
#twocols_ftr{
 width:100%; 
 float:left;
 padding-top:10px;
 height: 20px;
 position:relative;   
 font: 10px Georgia, "Times New Roman", Times, serif;
 color: #414142

 }


#leftcol_ftr{
 width: 400px; 
 float:left; 
 position:relative;

 
 }

#rightcol_ftr { 
 float: right; 
 display:inline; 
 position: relative; 
 width: 350px;
 text-align:right;
 margin-right: 10px;
 }
 
 

#main { 
 float: right; 
 display:inline; 
 position: relative; 
 width: 600px;
 margin-right: 30px;


 }

#logos {
 clear:both;
 width: 800px;
 padding-left: 30px;
   background: url(../images/bg_mid.gif) repeat-y;
 }


 #credits {
	position: relative;
	bottom: 0;
	width: 100%; /* See note below */
	text-align: center;

	font-family: Arial, Helvetica, sans-serif;
	font-size: 7pt;
	color: #4F504F;
	margin-top: 30px;
}

/* SBMH -- see http://css-discuss.incutio.com/?page=BoxModelHack 
 * Stupid hack lets IE see 100%, others see 70%. 
 */
#credits {
    \width: 100%;
    w\idth: 100%;
}
 
 /* *** 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;}
}