body {
	margin: 20px;
	padding: 10px;
	background-repeat: no-repeat;
	font: normal  "century gothic", sans-serif;
	color: #333; /*font color*/
}


body{ margin: 0; padding: 1px; font-family: "century gothic", sans-serif; font-size: 1em; 
color: #111111; background-image: url(images/paper_bg.jpg); }
body.home #nav ul li.home a, body.profile #nav li.profile a, body.services #nav li.services a, 
body.clients #nav li.clients a, body.projects #nav li.projects a, body.contact #nav li.contact a{ 
}
body.projects #nav ul li.projects ul li a, body.projects #nav ul li.projects ul li ul li a{ border: 0 none; 
background-image: none;
}


#container{ width: 780px; margin: 0 auto; background-color: #fff; border: 
1.5px solid #ccc; /*dark brown*/ border-top: 0 none; }
#right { float: right; padding: 10px; margin: 1px;}

#header{ width: 780px; /*top grey bar*/
	height: 50px;
	margin: 0 auto;
	padding: 15px 0 0 0;
	border: 0px solid #FFFFFF;
	border-bottom: none;}
#header h1, #header h2{ text-align: left;font-size: 1.6em; color: #ddd; }


/* START: navigation */
#nav ul{ width: 780px; list-style: none; margin: 0; padding: 0; line-height: 1;  background-color: #ddd; } /*line in drop down */
#nav ul li { float: left; padding: 0; position: relative; width: 107px; text-align: center; z-index: 50; }
/*btn boxes*/ #nav ul li a { display: block; width: 137px; height: 26px; padding: 10px 0 0 0; 
text-align: center; text-transform: uppercase; text-decoration: none; font-family:
"century gothic", sans-serif; font-weight: bold; font-size: 12px; color: #fff; border-right: 1px solid #ddd; 
border-left: 1px solid #ddd; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; /*main nav btn border*/
background-color: #b2b2b2; }  /*main nav btn*/
#nav ul li.projects{ width: 180px;}
#nav ul li.projects a{ width: 178px; }
#nav ul li a:link, #nav ul li a:visited, #nav ul li a:active, #nav ul li a:hover { color: #fff; } /*txt color*/
#nav ul li a:hover { border-right: 1px solid #ddd; border-left: 1px solid #ddd; 
border-top: 1px solid #ccc; 
border-bottom: 1px solid #ddd;  background-repeat: repeat-x; background-color: #ccc; }/*main nav hover*/


#nav ul li ul { position: absolute; width: 177px; left: -999em; }
#nav ul li ul ul { margin: -23px 0 0 -223px; width: 222px; }
#nav ul li:hover ul ul, #nav ul li.sfhover ul ul { left: -999em; }
#nav ul li:hover ul, #nav ul li li:hover ul, #nav ul li.sfhover ul, #nav ul li li.sfhover ul { left: auto; left: 0px; }

#nav ul li ul li, #nav ul li ul li ul li { margin: 0; padding: 0; height: auto;  
clear: left; background-color: #ffffff; border-top: 1px 
solid #ffffff; border-left: 1px solid #ffffff; border-bottom: 0.5px solid #ffffff; border-right: 0.5px solid #ffffff; }
#nav ul li ul li{ width: 178px; }
#nav ul li ul li ul li{ width: 220px; }

#nav ul li ul li a, #nav ul li ul li ul li a { background-image: none; 
background-color: #999;	
 /*grey brown*/display: block; height: /*drop down menue color*/
auto; padding: 4px 20px 6px 21px; text-align: left; text-transform: none; text-decoration: none; font-family:
"century gothic", sans-serif; font-weight: normal; font-size: 12px; color: #fff; border: 0 none; } 
#nav ul li ul li a, #nav ul li ul li a.expand{ width: 139px; }
#nav ul li ul li ul li a, #nav ul li ul li ul li a:hover{ width: 179px; }

body.projects #nav ul li.projects ul li a.expand, body.projects #nav ul li.projects ul li a.expand:hover,
#nav ul li.projects ul li a.expand, #nav ul li.projects ul li a.expand:hover{ ; 
background-repeat: no-repeat; background-position: 5px 7px; }
#nav ul li ul li a:hover, #nav ul li ul li ul li a:hover /*over sub menu*/
{ background-color: #666666; border: 0 none; background-image: none; }
/* END: navigation */



#footer{ background-color: #ccc; color: #134d7f; font-size: 1em; }
#footer div.copy{ width: 343px; padding: 8px; float: left; text-align: left;}


h1{ color: #134d7f; font-family: "century gothic", sans-serif; 
font-size: 1.3em;  border-left: 0px solid #d34300; margin: 0 0 1em 0; padding: .2em 0 .2em 5px; padding-left: 80px;}

h2{ color: #134d7f; font-family: "century gothic", sans-serif; 
font-size: 1.2em; font-weight: bold; margin: 0 0 .5em 0; padding: .2em 0; }
p{ margin: 0 0 1em 0; padding-left: 80px; padding-right: 200px; line-height: 1.5em; }

p, ul{ font-size: .85em; }
ul{ list-style: none; padding:0; margin: 0 0 1.5em 20px; }
ul li{ padding:.1em 0 .1em 20px;  background-repeat: no-repeat; background-position: 0 50%; }
ul li.sub{ background-image: none; padding-left: 30px; font-style: italic;}


a, a:link, a:active, a:visited, a:hover{ text-decoration: none; color: #134d7f; } /*mid blue*/
a:hover{ text-decoration: underline; color: #134d7; }


#smallimg { float: right; padding: none; margin: 1px;}
#imgCanvas{ text-align: center; background-color: #fff; ; background-repeat: repeat-x; 
background-position: bottom; }/* white container behind images */

ul.thumbs{ list-style: none; margin: 0; padding: 0;}
ul.thumbs li{ float: left; padding: 0 5px 10px 10px; background-image: none; }
ul.thumbs li img{ width: 45px; height: 45px; }
.thumbNormal { border: 3px solid #635958; }
.thumbSelected { border: 3px solid #134d7f; } 

.clearfix:after { display:block; content:"."; height:0; visibility:hidden; clear:both; }
.clearfix {display:inline-table;}/* for IEMac only */
/* this line hides these rules from IEMac \*/
* html .clearfix{height:1%;} /* for IE*/
.clearfix {display:block;} /* resets to block */
/* end hide from IEMac */