/* John Giesecke Design Studio
	Site Design by: John Giesecke & Justin Michaliga
	http://www.giso.net

	December 10, 2009 07:28:09
*/

body{background-color: #000000;}

h3, p{font-family: Arial, Helvetica, sans-serif;}
a{text-decoration: none; padding: 1px; color: #AAAA00;}
a:hover{color: #FFFF00;}
a:visited{color: #555555; text-decoration: underline;}
a img{border: 0px;}

#container{position: relative; width: 750px; margin: 0px auto;}

#date{position: relative; left: 0px; top: 0px; float: left;}
	#date p{color:#FFFFFF; font-size: 14px; letter-spacing: 0.05em;}
	
#head-tab{position: relative; top: 10px; border-bottom: 1px solid #FFF; width: 750px; height: 35px;}

#headnav{float: right; width: 100px;}
  #nav{margin: 0px; padding: 0px; list-style: none; float: right; width: 100px; clear: none;}
  #nav li{display: block; float: left; position: relative;}
  #nav li a.on{display: block; height: 35px; padding: 0 !important;}
  #nav li a.on strong{display: none;}
    	  li#news a.on {width: 80px; background: transparent url(../images/site/nav-news.gif) top left no-repeat;}
		  li#news a.on:hover {background-position: bottom left;}
  		  li#product a.on {width: 100px; background: transparent url(../images/site/nav-product.gif) top left no-repeat;}
		  li#product a.on:hover {background-position: bottom left;}
		  li#contact a.on {width: 100px; background: transparent url(../images/site/nav-contact.gif) top left no-repeat;}
		  li#contact a.on:hover {background-position: bottom left;}
		  
#logo{position: relative; top: 20px; left: 0px; width: 580px;}
	#logo a{display: block; height: 160px; padding: 0 !important; background: url(../images/site/jgdslogo2.gif) no-repeat;}
	#logo h1{margin: 0;}
	#logo h1 strong{display: none;}
	
#navigation{float: left; width: 750px; border-bottom: 1px solid #FFF; margin-bottom: 40px; margin-top: 80px; z-index:3;}
  #mainnav{margin: 0px; padding: 0px; list-style: none; float: left; width: 750px; clear: none; }
  #mainnav li{display: block;float: left; position: relative; z-index: 5;}
  #mainnav li a.on{display: block; height: 35px; padding: 0 !important;}
  #mainnav li a.on strong{display: none;}
    	  li#editions a.on {width: 90px; background: transparent url(../images/site/nav-editions.gif) top left no-repeat;}
		  li#editions a.on:hover {background-position: bottom left;}
  		  li#previous a.on {width: 145px; background: transparent url(../images/site/nav-previous.gif) top left no-repeat;}
		  li#previous a.on:hover {background-position: bottom left;}
		  li#contact2 a.on {width: 100px; background: transparent url(../images/site/nav-contact.gif) top left no-repeat;}
		  li#contact2 a.on:hover {background-position: bottom left;}
		  li#studio a.on {width: 250px; background: transparent url(../images/site/nav-studio.gif) top left no-repeat;}
		  li#studio a.on:hover {background-position: bottom left;}

#content{position: relative; width: 750px; z-index:3;}
	#content h3{color: #F5F5F5; font-size: 14px; text-shadow: 0 0 0 #000;}
	#content p{color:#CCCCCC; font-size: 14px; line-height: 1.5em; 
		text-indent: 1.0em; letter-spacing: 0.07em; text-shadow: 0 0 0 #000;}
		
	
	#title{position: relative; left:0px;}
		#title h3{font-size: 18px; text-shadow: 0 0 0 #000; margin: 0px;} 
		#title p{font-size: 14px; text-shadow: 0 0 0 #000; letter-spacing: 0px; line-height: 20px;}
		
	.text{position: relative; left: 0px;}
	
	.project{position: relative; margin-left: 0px; margin-right: 50px; margin-bottom: 20px;
		 width: 750px; float: left; border: #FFF solid 1px; z-index:5;}
	.project-pics{width: 730px; height: 340px; margin-top: 6px; margin-bottom: 5px; overflow:hidden;}
	.project-pics a img{border: 3px solid #000; margin: 0px 5px;} 
	.project-desc{width:730px; margin-left: 10px; float: left;}
	
#footer{position: relative; bottom: 0px; width: 750px; background-color:#000000; padding:5px; height: 20px; 
		text-align: center; padding-bottom: 30px;}
	#footer p{color:#F5F5F5; font-size: 14px;}