/* CSS Document */

body {margin:0px; padding:0px;
font: normal 12px/1.6em "lucida grande", "Helvetica Neue", Helvetica, Arial, sans-serif; background:#fff;
background:url(images/body_bkg.gif)repeat-y top #f1f0f0;}



h1, h2, h3, h4, h5, dt {margin:0px; font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal;}


#container a { color:#666666; text-decoration:none; border-bottom:#666666 1px dotted; font-weight:normal;}
#container a:hover { color:#000; text-decoration:none; border-bottom:#666666 1px solid; }

#container ul {margin:0; padding:0px;}
#container ul li {margin:0px; padding:0px; list-style:none;}


#container h1 { font-size:36px; color:#CCCCCC; margin:0 0 40px 0; position:fixed;  }
#container h2 { font-size:14px; margin:0px 0 5px 0; font: normal 25px Georgia, "Times New Roman", Times, serif;  }
#container h3 { font-size:12px; margin:10px 0 0 0; font-family: "lucida grande", "Helvetica Neue", Helvetica, Arial, sans-serif; font-style:italic; font-weight:normal;}

#superwrapper {height:550px; }


#container { 
position: relative;
width:800px;
margin:0px auto; padding:0px;
 }
 
#subcontainer { width:200px; position:fixed; bottom:170px; right:30px; } 


#nav_main { position:absolute; top:9px; left:30px; color:#000; z-index:20;  margin:0px; padding:0px; font:normal 16px/5px arial; color:#fff;line-height:5px;}
#nav_main li { display:inline; padding:0px 5px 0 0;  font: normal 16px/1em "Helvetica Neue", Helvetica, Arial, sans-serif;}
#nav_main li a {color:#fff; text-decoration:none; padding:0 7px;}
#nav_main li a:hover { background:#ccc; color:#000; }

#siteinfo { position:fixed; bottom:0px; left:0px; width:100%; height:130px;  z-index:60; background:url(images/gradient_bottom.png) no-repeat center top  ;}
#branding { height:35px; position:relative;  color:#fff;
font-family: arial, "Helvetica Neue", Helvetica, Arial, sans-serif; background:url(images/branding_bkg.gif) no-repeat; 
width:94%;  width:870px; margin:0 auto;margin-top:80px; }

#branding h1 {font-size:60px; position:absolute; top:-30px; left:30px;height:45px; letter-spacing:-.03em;font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }

#branding h1 a {color:#000; text-decoration:none;}

#contact { position:absolute; top:9px; right:30px; color:#FFFFFF; margin:0px; padding:0px; font:normal 12px arial; }
#contact li {display:inline; font-weight:normal; padding:0 10px;}
#contact li a {color:#FFFFFF; text-decoration:none; padding:0 5px;}
#contact li a:hover { background:#ccc; color:#000000;}

#wrapper { position: absolute; 
height: 325px; width:600px; overflow: hidden; 
margin:0px; padding:0px;
margin:0 auto; top:60px;  left:170px;
color:#666666;
font-size:11px; line-height:1.6em;
border-top:1px dotted #999;
border-bottom:1px dotted #999;}

#wrap { position: absolute; 
overflow: hidden; 
margin:0px; padding:0px;
top:60px;  right:0px;
color:#666666;
width:600px;
font-size:11px; line-height:1.6em;
}


#content  { height: 3000px; width:2000px;  position: relative;  margin:0px; padding:0px; z-index:10;}
#content2  { position: relative;  margin:0px; padding:0px; z-index:10; height:2160px; width:600px;}


 p.intro { font: normal 25px Georgia, "Times New Roman", Times, serif;}
#welcome p  {letter-spacing:.05em; margin:5px 0 15px 0px;}

div.section {width:600px; height:300px; margin:0 auto; position:absolute; padding:20px;  }
div.section img {float:right; padding:0 20px 0 0 }


#welcome {margin: 80px auto 150px; padding:70px 0 0 0; color:#666666; }
#about {top:1000px }
#work { top:0px; }

#print1 { top:000px; left:600px; }
#print3 { top:000px; left:1200px; }
#print4 { top:000px; left:1800px; }
#print5 { top:000px; left:2400px; }
#print6 { top:000px; left:3000px; }
#print7 { top:000px; left:3600px; }
#print8 { top:000px; left:4200px; }
#print9 { top:000px; left:4800px; }
#print10 { top:000px; left:5400px; }
#print11 { top:000px; left:6000px; }
#print12 { top:000px; left:6600px; }
#print13 { top:000px; left:7200px; }
#print14 { top:000px; left:7800px; }
#print15 { top:000px; left:8400px; }

#web1 { top:500px; left:600px; }
#web2 { top:500px; left:1200px; }
#web3 { top:500px; left:1800px; }
#web4 { top:500px; left:2400px; }
#web5 { top:500px; left:3000px; }
#web6 { top:500px; left:3600px; }


#welcome h2 { clear:both; display:block; padding:4px 0 0 0 ;}
#container .worknav {font: normal 16px/1em "Helvetica Neue", Helvetica, Arial, sans-serif; padding:0px 0 0 0; margin:0px 0 140px; width:120px; z-index:60; }
#container .worknav li {float:left;  margin:3px 6px 3px 0px; list-style:none;  width:34px; height:34px;}
#container .worknav li a { padding:0px; padding:3px; margin: 0px; text-decoration:none; display:block;  width:30px; height:30px; background:url(images/thumb_bkg.gif); border:none;}
#container .worknav li a:hover {background:#CCCCCC;}
#container .worknav li a img { width:30px; height:30px; border:none;  }


#wrap h2 {margin:0px ; }
div.floatleft {width:170px; margin:0  0 0 30px; float:left; }
#container.work div.floatleft { height:270px;}
#container div.floatleft h2 {border-bottom:3px #EDEDED solid; padding:0 0 5px 0;}
.clear {clear:both; text-align:right; border-top:1px dotted #CCCCCC; margin:30px 0 0 0; padding:20px 0 0 0;}

ul#portnav {margin:50px 0 0 0; position:fixed; }

#nav {margin:30px 0 0 0;}

div.section em {display:block; margin:5px 0 0 0px; font-size:90%; line-height:1.1em;}