@import "/css/reset.css";

body { background:url( '/images/back.jpg' ) repeat-x #F4F4F4; color:#333333; font:normal 10px/10px Verdana, Arial, Helvetica, sans-serif; }
#wrapper, #content{ width:840px; }
	
/* =top /*
/* =+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+ */
#top{ height:51px; width:720px; }
#top div{ float:left; }
#logo{ height:51px; width:178px; }

/* =nav /*
/* =+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+ */
#nav{ background:url( '/images/nav_back.jpg' ) repeat-x #535353; color:#cccccc; height:51px; width:522px; }
#nav ul{ margin:20px 0 0 25px; }
#nav ul li{	display:inline; padding:0 15px; line-height: 14px; }
#nav ul li a, #nav ul li a:visited{ color:#9C9B96; text-decoration:none; }
#nav ul li a.store {color:#676767;}
#nav ul li a:hover, #nav ul li a.active{ color:#ffffff; text-decoration:none; }

/* =home /*
/* =+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+ */
#home #content{	margin:30px 0 0 19px; }
#front_pic{	float:left;	width:340px; }
#front_pic img{	border:11px solid #fcfcfc; }
#intro{ color:#7F7E7A; float:left; line-height:18px; margin:70px 0 0 0; width:390px; }
#intro h1, #work h1{ color:#736A49; font:bold 14px/14px Helvetica, Tahoma, Verdana, Arial, sans-serif; letter-spacing:2px; margin:0 0 7px 0; text-transform:uppercase; }
#intro p.home_piece { margin:85px 0 0 0; }
#intro p.home_piece a { color:#969696; text-decoration:none; }
#intro p.home_piece a:hover{ color:#333333; }

/* =work /*
/* =+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+ */
#work{ height:auto !important; min-height:500px; margin:30px 0px 0px 19px; height:500px; }
#work.sub-about { height:auto !important; min-height:300px; margin:30px 0px 0px 19px; height:300px; }
#work.sub-contact { height:auto !important; min-height:410px; margin:30px 0px 0px 19px; height:410px; }
#work h1{ color:#272727; }
#gallery, #gallery ul{ width:180px; }
#gallery { margin-right:15px; }
#gallery ul li{	display:block; float:left; margin:0 5px 5px 0; }
#gallery ul li a img{ background:#F4F4F4; padding:1px; }
#gallery ul li a:hover img, #gallery ul li a.active_img img{ background:#736A49; }
#gallery #paginatediv { background-color:#666; padding:5px; margin-bottom:5px; width:148px; }
#gallery #paginatediv a { color:#fff; padding:3px 1px; text-decoration: none; }
#gallery #paginatediv a.selected { background:#444; color:#777; padding:3px 5px; }
#gallery #paginatediv a:hover { text-decoration: underline; }

#gallery, #sub-title{	float:left;	position:relative; }
#placeholder-silk-prints, #placeholder-monoprints, #placeholder-photographs, #placeholder-explorations, #placeholder-contours { height:500px; }
#full_description { background:#e5e5e5; display:block; padding:9px; width:140px; }
#sub-title { margin-top:44px; width:198px; }
  h1.graphic-headline { text-indent:-9999px; }
  h1.about-cean { background:url('/images/about-cean.gif') 7px 0 no-repeat; height:54px; width:162px;}
  h1.contact-cean { background:url('/images/contact-cean.gif') 7px 0 no-repeat; height:54px; width:162px;}
#body-copy { color:#444; float:left; line-height:17px; margin-top:12px; width: 400px; }
  #body-copy a { color:#000000; font-weight:bold;	text-decoration:none; }
  #body-copy a:hover { text-decoration:underline; }
  #body-copy p { margin:0 0 12px 0; }
  
form{ margin:0px; padding:0px; position:relative; }
label{ display:block; padding:4px 4px 0 0; vertical-align:middle; }
input, textarea{ display:block; font:normal 10px/11px Arial, Helvetica, sans-serif; margin:0 0 4px 0;	padding:3px; vertical-align:middle;	width:205px; }
input.submit{	background:#ffffff; border:1px solid #999999; color:#999999; display:inline; margin:10px 6px 0 0; padding:9px; width:100px; }
fieldset{ background-color:#f0f0f0; border:1px solid #c0c0c0; margin:0px; padding:18px; width:270px; }

/* =footer /*
/* =+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+ */
#footer{ color:#9B9B9B;	margin:30px; }
#footer ul{	float:left; }
#footer ul li{ display:inline; padding:0 30px 0 0; }
#footer ul li a{ color:#B6B6B6; text-decoration:none; }
#footer ul li a:hover{ color:#333333; }