/* ===================== BASE TAGS BEGIN ===================== */
html,body,div,
code,var,pre,samp,span,blockquote,address,kbd,cite,abbr,acronym,
ul,ol,dl,li,dt,dd,
a,p,h1,h2,h3,h4,h5,h6,
em,strong,
abbr,acronym,
form,fieldset,legend,label,option,textarea,
table,caption,tr,th,td,tbody,thead,tfoot,col,colgroup 
{margin:0;padding:0;border:none;outline:none;font-family:Helvetica,Arial,sans-serif;color:#a1a1a1;font-size:11px;font-style:normal;font-weight:normal;line-height:100%;}
body {background-color:#fff;height:100%;}
input,textarea {border:1px solid #ccc;background-color:#fff;}
input,select {margin:0;}
select option {padding-right:.6em;}
h1,h2,h3,h4,h5,h6,strong {font-weight:bold;}
a {text-decoration:underline;color:#109692;}
a:hover {text-decoration:none;color:#dc6399;}
p {line-height:120%;margin-top:10px;}
em {font-style:italic;}
img {border:none;margin:0;padding:0;}
blockquote {margin:10px 40px;}
hr {margin:0;padding:0;border:0;border-bottom:1px solid #ccc;height:1px;line-height:0;font-size:0;}
abbr,acronym {border-bottom:1px dotted #000;cursor:help;}
ol,ul,dl {margin:10px;}
li {margin-top:5px;}
ol li {list-style:decimal outside;}
ul li {list-style:disc outside;}
/* ===================== BASE TAGS END ===================== */



body{background-color:#000000;background-image: url(../images/black_wood_bg.jpg);background-repeat:repeat;background-position: left top;}

div.site_Wrapper{width:1000px;margin: 0 auto 0 auto;overflow:hidden;display:block;background-color:#fff;padding: 0 0 30px 0;}

div.site_Header{overflow:hidden;width: 1000px;height: 176px;}
div.site_Header.home{background-image: url(../images/header.gif);background-repeat: no-repeat;background-position: left top;}
div.site_Header.design{background-image: url(../images/header_design.gif);background-repeat: no-repeat;background-position: left top;}
div.site_Header.illustration{background-image: url(../images/header_illustration.gif);background-repeat: no-repeat;background-position: left top;}
div.site_Header.contact{background-image: url(../images/header_contact.gif);background-repeat: no-repeat;background-position: left top;}


div.site_Header ul.nav{display:block;list-style-type:none;margin: 30px 0 0 250px;padding: 0 0 0 0;}
div.site_Header ul.nav li{margin: 0 40px 0 0;display:inline;list-style-type:none;float:left;font-family:helvetica,verdana,arial;color:#109692;font-size:13px;}
div.site_Header ul.nav li a{text-decoration:none;font-size:13px;}
div.site_Header ul.nav li a:hover{text-decoration:none;font-size:13px;color:#dc6399;}
div.site_Header ul.nav li.email{margin-left:160px;font-size:10px;}
div.site_Header ul.nav li.email img.emailletter{margin-right:6px;}
div.site_Header ul.nav li.email a{font-size:10px;}
div.site_Header h1.statement{font-weight:normal;display:inline;margin-top:50px;margin-right:30px;color:#fff;font-size:12px;float:right;}

div.site_Middle{padding:0 0 0 0px;overflow:hidden;width:1000px;height:393px;/*background-image: url(../images/header2.jpg);*/background-repeat: no-repeat;background-position: left top;}
div.site_Middle h2{margin:325px 0 0px 0;}



div.site_Content{width:1000px;margin-top:25px;overflow:hidden;margin-bottom:30px;}
div.site_Content.contact{height:1000px;}
div.site_Content div.news{width:310px;float:left;display:inline;margin-left:20px;}
div.site_Content div.news h3{color:#b7b4b1;font-size:14px;font-weight:bold;margin: 0 0 5px 0;font-family:arial,verdana;}
div.site_Content div.news dl.newslist{margin:10px 0 20px 0; padding:0px;}
div.site_Content div.news dl.newslist dt.date{color:#119692;font-family:arial,verdana;font-size:12px;font-weight:bold;margin:0 0 5px 0;}
div.site_Content div.news dl.newslist dd.story{color:#b7b4b1;font-family:arial;font-size:11px;margin: 0 0 25px 0;}

div.site_Content div.projects{width:600px;float:right;display:inline;margin-right:20px;overflow:hidden;}
div.site_Content div.projects h4{font-size:14px;font-weight:bold;font-family:arial;color:#b7b4b1;}
div.projects div.project_container{width:600px;display:block;border-top:1px solid #cdc9c5;padding: 10px 0 10px 0;float:left;margin:5px 0 0 0;}
div.projects div.project_container div.artwork{width:277px;height:152px;display:inline;float:left;}
div.projects div.project_container div.artwork img{border:1px solid #119692;width:275px;height:150px;}

div.projects div.project_container div.info{width:290px;float:right;display:inline;}
div.projects div.project_container div.info p{padding:0px;margin:0 0 10px 0px;font-family:arial;font-size:11px;color:#b7b4b1;}
div.projects div.project_container div.info p.title{color:#119692;font-weight:bold;font-size:12px;font-family:arial;}


/*design page*/
div.artwork_section{width:1000px;float:left;display:block;overflow:hidden;margin-bottom:36px;}
div.artwork_section div.artwork_left{float:left;display:inline;width:478px;height:248px;margin-left:25px;}
div.artwork_section div.artwork_left img{width:476px;height:246px;border: 1px solid #b6b6b6;}
div.artwork_section div.artwork_details{float:right;display:inline;width:428px;margin-right:40px;}
div.artwork_section div.artwork_details p{font-family:arial;}
div.artwork_section div.artwork_details p.title{font-size:14px;color:#b7b4b1;font-weight:bold;margin-top:0px;margin-bottom:10px;}
div.artwork_section div.artwork_details p.client{font-size:12px;color:#119692;font-weight:bold;margin-bottom:20px;}
div.artwork_section div.artwork_details p.description{font-size:12px;color:#b7b4b1;font-weight:normal;width:390px;margin-bottom:30px;}


div.artwork_section div.artwork_details hr{margin:0;padding:0;border:0;border-bottom:1px solid #d7d4d1;height:1px;line-height:0;font-size:0;}



div.site_Footer{overflow:hidden;background-image: url(../images/new_footer_bg.gif);background-repeat: no-repeat;background-position: left top;width:957px;height:183px;margin: 0 auto 0 auto;}
div.site_Footer ul.footer{display:block;margin: 40px 0 0 580px;padding: 0 0 0 0;}
div.site_Footer ul.footer li{list-style-type:none;float:left;margin-right:12px;display:inline;}
div.site_Footer ul.footer li.copyright{padding-top:10px;}
div.site_Footer ul.footer li.virb{}




div.form{width:360px;margin:13px auto 0 auto;}
div.form div.row{display:block;float:left;width:360px;margin-bottom:5px;}
div.form div.row div.label{float:left;display:inline;width:80px;font-weight:bold;font-size:12px;color:#109692;}
div.form div.row div.field{float:right;display:inline;width:263px;}
div.form div.row div.field input.text{width:260px;border:1px solid #DEDDDA;color:#A1A1A1;}
div.form div.row div.field textarea.textarea{width:260px;height:100px;}
div.form div.row div.field input{border:none;color:#A1A1A1;}







/*LIGHTBOX*/


#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }