html{color:#000;background:#FFF;}
body,div,ul,li,h3,h4,h5,form,input,p{margin:0;padding:0;}
li{list-style:none;}
h3,h4,h5{font-size:100%;font-weight:normal;}
input{font-family:inherit;font-size:inherit;font-weight:inherit;}
input{*font-size:100%;}


body > #outer {height:auto; min-height:100%;}

#inner {padding-bottom:232px;} 
#colophon {
	position:relative;
	margin-top:-232px; 
	height:232px;
	clear:both;
	} 
.cf:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;}
.cf {display:inline-block;}
* html .cf {height:1%;}
.cf {display:block;}



html {background-color:#f0e8db;}

body {
	background:#f0e8db url("../images/ebg.jpg") repeat-x left top;
	color:#6a6a6a;
	font:11px "Trebuchet MS";
	}
a {
	color:#b2cdcb;
	text-decoration:none;
	}
a:hover {
	color:#6a6a6a;
	}

#wrap {
	width:920px;
	margin:0 auto;
	padding:0 20px;
	position:relative;
	overflow:off;
	}
#logo {
	position:absolute;
	width:400px;
	height:100px;
	left:20px;
	top:0px;
	}
#logo a {
	display:block;
	height:0;
	width:400px;
	padding-top:100px;
	background:url("../images/elogo.png") no-repeat left top;
	text-indent:-9999em;
	outline:none;
	}
#nav {
	position:absolute;
	right:13px;
	top:66px;
	width:418px;
	height:34px;
	padding-right:6px;
	background:url("../images/enav-shadow.gif") no-repeat right top;
	}
#nav li, #nav a {
	display:block;
	float:left;
	width:84px;
	height:34px;
	outline:none;	
	font-size:14px;
	color:#FFF;
	text-align:center;
	text-decoration:none;
	line-height:34px;	
	}
#nav-press, #nav-press a, #nav-blog, #nav-blog a {
	width:83px !important;
	}
#nav a {
	background:url("../images/enav.png") no-repeat;
	}
#nav-portfolio a {
	background-position:left top !important;
	}
#nav-portfolio a:hover,
#nav-portfolio.on .hl {
	background-position:left -34px !important;
	}
#nav-portfolio.current .hl {
	background-position:left -68px !important;
	}
#nav-about a {
	background-position:-84px top !important;
	}
#nav-about a:hover {
	background-position:-84px -34px !important;
	}
#nav-about.current a {
	background-position:-84px -68px !important;
	}
#nav-press a {
	background-position:-168px top !important;
	}
#nav-press a:hover {
	background-position:-168px -34px !important;
	}
#nav-press.current a {
	background-position:-168px -68px !important;
	}
#nav-blog a {
	background-position:-252px top !important;
	}
#nav-blog a:hover {
	background-position:-252px -34px !important;
	}
#nav-blog.current a {
	background-position:-252px -68px !important;
	}
#nav-contact a {
	background-position:-336px top !important;
	}
#nav-contact a:hover {
	background-position:-336px -34px !important;
	}
#nav-contact.current a {
	background-position:-336px -68px !important;
	}

#nav ul {
	position:absolute;
	display:none;
	}
#nav li:hover ul {
	display:block;
	width:162px;
	height:130px;
	left:0;
	top:30px;
	z-index:2;
	padding-top:5px;
	background:url("../images/nav-portfolio.png") no-repeat left top;
	}
#nav-portfolio-sub li, #nav-portfolio-sub li a {
	width:162px;
	height:29px;
	}
#nav-portfolio-sub li a {
	background-image:url("../images/nav-portfolio.png");
	background-repeat:no-repeat;
	}
	
	



	
	
#nav-custom a {
	background-position:left -5px !important;
	}
#nav-custom a:hover {
	background-position:-162px -5px !important;
	}
#nav-studio a {
	background-position:left -34px !important;
	}
#nav-studio a:hover {
	background-position:-162px -34px !important;
	}
#nav-corporate a {
	background-position:left -63px !important;
	}
#nav-corporate a:hover {
	background-position:-162px -63px !important;
	}
#nav-faq a {
	background-position:left -92px !important;
	}
#nav-faq a:hover {
	background-position:-162px -92px !important;
	}

#nav li.current:hover ul {
	background-position:-324px top;
	}
#nav .current #nav-custom a {
	background-position:-324px -5px !important;
	}
#nav .current #nav-custom a:hover {
	background-position:-486px -5px !important;
	}
#nav .current #nav-studio a {
	background-position:-324px -34px !important;
	}
#nav .current #nav-studio a:hover {
	background-position:-486px -34px !important;
	}
#nav .current #nav-corporate a {
	background-position:-324px -63px !important;
	}
#nav .current #nav-corporate a:hover {
	background-position:-486px -63px !important;
	}
#nav .current #nav-faq a {
	background-position:-324px -92px !important;
	}
#nav .current #nav-faq a:hover {
	background-position:-486px -92px !important;
	}


/* home page modules */

#lmod {
	width:920px;
	height:10px;
	margin-top:97px;
	}
	
	#lmain {
	width:920px;
	height:340px;
	margin-top:97px;
	}
	

#smod {
	width:920px;
	height:280px;
	margin-top:0px;
	background:#f0e8db url("../images/smod.jpg") no-repeat left 39px;
	}
#smod h3 {
	height:0;
	padding-top:39px;
	text-indent:-9999em;
	}
#smod1, #smod2, #smod3 {
	float:left;
	height:192px;
	}
#smod1 {
	width:308px;
	margin-left:-19px;
	padding-left:19px;
	background:transparent url("../images/banner-left.gif") no-repeat left top;
	font-size:14px;
	}
#smod2 {
	width:307px;
	}
#smod3 {
	width:305px;
	margin-right:-20px;
	padding-right:20px;
	background:transparent url("../images/banner-right.gif") no-repeat right top;
	}
#smod1 h3 {
	background:url("../images/ehead-ordering.jpg") no-repeat left top;
	width:308px;
	}
#smod2 h3 {
	background:url("../images/ehead-social.jpg") no-repeat left top;
	width:307px;
	}
#smod3 h3 {
	background:url("../images/ehead-publications.jpg") no-repeat left top;
	width:305px;
	}
#smod img {
	margin-left:25px;
	}
#smod ul {
	margin:20px 0 0 20px;
	}
#smod p {
	margin:20px;
	}



#social a {
	height:0;
	padding-left: 20px;
	
	width:229px;
	outline:none;
	text-decoration:none;
	
	}
	


#online a {
	background-position:center top;
	line-height: 24px;
	color:#666;
	font:22px "Trebuchet MS";
	border:1px solid #b2cdcb;
	padding-right: 20px;
	margin-left: 20px;
	}
	
#online a:hover {
	color:#FFF;
	}
	
	
	#cats a {
	background-position:center top;
	line-height: 20px;
	color:#666;
	font:14px "Trebuchet MS";
	padding-right: 20px;
	margin-left: 0px;
	}

#cats a:hover {
	color:#FFF;
	}
	
	
	#catlist  {
	color:#FFF;
	background:url("../images/flower.png") no-repeat;
	background-position:150px 50px !important;
	}

/* footer */

#colophon {
	background:#6a6a6a url("../images/efooter.png") repeat-x left -116px;
	color:#999;
	clear:left;
	}
#colophon a {
	color:#999;
	}
#colophon a:hover {
	color:#d5d5d5;
	text-decoration:underline;
	}
#jtweet, #wtweet, #newsletter, #contact1 {
	position:absolute;
	margin-top:26px;
	width:230px;
	height:128px;
	top:0;
	left:50%;
	}
	
	
#jtweet {margin-left:-400px; border-left:1px solid #a09c97;}
#newsletter {margin-left:-140px; border-left:1px solid #a09c97;}
#contact1 {margin-left:160px; border-left:1px solid #a09c97; border-right:1px solid #a09c97;}


	

#colophon h4 {
	background:url("../images/estar.png") no-repeat left ;
	padding-left:24px;
	font:16px "Trebuchet MS";
	padding-top: 3px;
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 10px;

	}


#social2 a {
	height:0;
	padding-left: 20px;
	margin-left:20px;
	width:229px;
	outline:none;
	text-decoration:none;


	
	}
	
	#social2 a:hover {
	color:#FFF;
	text-decoration:none;
	}
	
#social2 ul {
		padding:10px;
		text-decoration:none;
		vertical-align:middle;
		

}

#social2 li {
		line-height:20px;
		font:14px "Trebuchet MS";
		padding-left: 10px;
		vertical-align:middle;
		
		


}
	
#facebook a {
	
	color:#999;
	padding-left:0px;
	vertical-align:middle;
	
	
	}
	


#follow a {
	color:#999;
	padding-left:0px;
	vertical-align:middle;
	}


#colophon p {
	padding:4px 10px 0 30px;
	}
#jtweet p {
	padding-left:22px;
	}

#newsletter {
	padding-left: 20px;
	}
#newsletter-email {
	padding:3px 0 0 10px;
	width:110px;
	height:18px;
	border:1px solid #ccc;
	color:#999;
	}
#privacy {
	font-size:10px;
	line-height:12px;
	text-align:center;
	}
#footer {
	position:absolute;
	left:50%;
	top:190px;
	height:40px;
	margin-left:-460px;
	width:920px;
	font-size:10px;
	}
#fnav1, #flogo, #fnav2 {
	position:absolute;
	top:0;
	left:50%;
	}
#fnav1 {
	margin-left:-420px;
	padding-top:2px;
	height:38px;
	width:328px;
	}
#flogo {
	margin-left:-125px;
	width:265px;
	height:40px;
	text-align:center;
	line-height:11px;
	color:#888;
	}
#fnav2 {
	margin-left:150px;
	padding-top:2px;
	height:38px;
	width:327px;
	text-align:right;
	}
#flogo h5 {
	height:0;
	padding-top:23px;
	width:265px;
	background:url("../images/efooter.png") no-repeat left -93px;
	text-indent:-9999em;
	}
#footer a {
	text-transform:lowercase;
	text-decoration:none;
	margin-right:4px;
	}