/*
Pettit Art Partners
http://pettitartpartners.com

Site by: Juliette Cezzar & Jeremy Zilar
http://juliettecezzar.com
http://silencematters.com

*/

body{
	margin:0;
	font-size:.625em;
	font-family:Helvetica, Arial, sans-serif;
	color:#ccc;
	background:#272727;
/*	background:#272727;*/
}

a{color:#99f;text-decoration:none;}
a:hover{text-decoration:underline;}

hr{display:block;}

a.refer{font-size:10px;display:block;text-decoration: underline;}

h1,h2,h3,h4,h5,h6{margin:0;font-family:"Helvetica Neue",Arial,sans-serif;font-weight:normal;line-height:1em;}
h1{margin:0;font-size:3em;}
h2{margin:0;font-size:2.1em;}
h3{margin:0;font-size:1.8em;}
h4{margin:0 0 1em 0;font-size:1.7em; font-weight:bold; color:#C5CCD3;}
h5{margin:0;font-size:1.2em;}
h6{margin:0;font-size:1.1em;color:#989898;}

hr{margin:5em auto;display:block;width:60%;height:1px;border:none;border-top:1px #555 solid;clear:both;}

.entry hr{display:block;}
p{margin:0 0 1.2em 0;font-size:1.2em;line-height:1.5em;}
.left{float:left;}
.right{float:right;}



.container{margin:0 auto;padding:3em 1em 1em 0em;width:750px;}

.box {
	margin: 10em 0 6em 0;
	opacity: 0;
	-moz-opacity: 0;
	filter: alpha(opacity=0);
}
/*#about .box,#press .box,#services .box,#contact .box {
	opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=1);
}*/



/*Head*/
#head{float:left;opacity:0;-moz-opacity:0;filter:alpha(opacity=0);}
#about #head,#press #head,#services #head,#contact #head{opacity:1;-moz-opacity:1;filter:alpha(opacity=1);}

#head h1 {
	margin-top:.35em;
	font-size: 3em;
	line-height:1.1em;
	font-weight:bold;
	color:#ccc;
	height:35px;
	width:300px;
	background: url('../img/pettit-art-partners.png') no-repeat;
	opacity:0.7;-moz-opacity:0.7;filter:alpha(opacity=70);
}

#head h1:hover{opacity:1;-moz-opacity:1;filter:alpha(opacity=1);}
#head h1 a{color:#B3B3B3;color:#efefef;width:300px;display:block;}
#head h1 a:hover{color:#F84B1D;text-decoration:none;}
#head h1 a:active{outline:none;}
#head h1 a:focus{-moz-outline-style:none;}
#head h1 a span{left:-9876px;position:relative;}


/*Entry*/
.entry{margin:0 0 4em 0;padding:0;width:350px;}


/*.large{font-size:2.5em;font-style:italic;font-family:Georgia,serif;}*/
/*.slideshow{float:right;}*/



/*images --------*/
.w350{margin:0 0 4em 0;}

.frame{padding:1em;background:#efefef;}
.frame img{border:1px #ccc solid;}


/*Nav top*/
#nav{margin:2.5em 0 0 0;float:right;opacity:0;-moz-opacity:0;filter:alpha(opacity=0);}
#about #nav,#press #nav,#services #nav,#contact #nav{opacity:1;-moz-opacity:1;filter:alpha(opacity=1);}
#nav ul{margin:0;padding:0;}
#nav li{margin:0 0 .2em .5em;padding-right:.5em;list-style-type:none;font-size:1.1em;float:left;text-transform:uppercase;}
#nav li a{padding:3px 0;color:#efefef;}
#nav li a:hover{border-bottom:1px #777 solid;color:#fff;text-decoration:none;}
#services #nav li a.services,
#about #nav li a.about,
#press #nav li a.press,
#contact #nav li a.contact{border-bottom:1px #efefef solid;color:#fff;}




/*Contact*/
#contact .entry span{display:block;color:#ddd;}


#footer{margin:0 auto;padding:1em .5em 5em .5em;width:750px;border-top:1px #ccc solid;opacity:0;-moz-opacity:0;filter:alpha(opacity=0);}
#about #footer,#press #footer,#services #footer,#contact #footer{opacity:1;-moz-opacity:1;filter:alpha(opacity=1);}
#footer p{margin:.5em 0;font-size:10px;color:#7A7A7A;text-transform:uppercase;}
#footer a{color:#7A7A7A;}
#footer a:hover{color:#5A5A5A;color:#999;text-decoration:underline;}
#footer .jc{text-align:right;float:right;width:100px;text-transform:lowercase;}
#footer em.colors{margin-left:5em;clear:both;}



/*Print*/
.container .print{display:none;}
#print-logo{margin-bottom:1.5em;}