/* Punch - screen styles */

/* Yahoo reset --------------------------------------------------------------------------------*/
@import url("http://yui.yahooapis.com/2.6.0/build/reset-fonts-grids/reset-fonts-grids.css");

/* root elements ------------------------------------------------------------------------------*/
html{
	background:#ddd url('/images-new/ui/body_bg.gif') repeat-y 0 0;
}
body{
	color:#333;
	font:11px/16px Verdana, Arial, Helvetica, sans-serif;
	padding:100px 0 0 100px;
	text-align:left;
	width: 1100px;
}
a:link, a:visited{
	color:#f90;
	text-decoration:none;
}
a:hover, a:active{
	text-decoration:underline;
}
:focus {
	outline: 0;
}

strong {font-weight: bold;}

.author {text-transform: capitalize;}

span.orange {color: #f90;}


/* header -------------------------------------------------------------------------------------*/
#header{
	height:80px;
	margin-left:50px;
	position:relative;
}
#header h1{
	height:80px;
	width:170px;
}

/* primary nav --------------------------------------------------------------------------------*/
#primary_nav{
	position:absolute;
	left:180px;
	top:10px;
}
#primary_nav li{
	float:left;
	width:100px;
}
#primary_nav li#blog{
	margin-left:20px;
}
#primary_nav a:link, #primary_nav a:visited{
	display:block;
	height:30px;
	text-indent:-9999px;
	width:100px;
}
#primary_nav li#home a:link, #primary_nav li#home a:visited{
	background:url('/images-new/ui/nav_home_bg.gif') no-repeat 0 0;
}
#primary_nav li#about a:link, #primary_nav li#about a:visited{
	background:url('/images-new/ui/nav_about_bg.gif') no-repeat 0 0;
}
#primary_nav li#portfolio a:link, #primary_nav li#portfolio a:visited{
	background:url('/images-new/ui/nav_portfolio_bg.gif') no-repeat 0 0;
}
#primary_nav li#news a:link, #primary_nav li#news a:visited{
	background:url('/images-new/ui/nav_news_bg.gif') no-repeat 0 0;
}
#primary_nav li#contact a:link, #primary_nav li#contact a:visited{
	background:url('/images-new/ui/nav_contact_bg.gif') no-repeat 0 0;
}
#primary_nav li#blog a:link, #primary_nav li#blog a:visited{
	background:url('/images-new/ui/nav_blog_bg.gif') no-repeat 0 0;
}
body.blog #primary_nav li#blog a:link, body.blog #primary_nav li#blog a:visited{
	background:url('/images-new/ui/nav_bloghome_bg.gif') no-repeat 0 0;
}
#primary_nav li a:hover, #primary_nav li a:active, #primary_nav li.on a{
	background-position:0 -30px !important;
}
#primary_nav li ul{
	bottom:30px;
	left:-9999px;
	position:absolute;
	width:100px;
}
#primary_nav li#about, #primary_nav li#about a, #primary_nav li#portfolio,  #primary_nav li#portfolio a{
	width:140px;
} 
#primary_nav li ul a:link, #primary_nav li ul a:visited{
	background:none !important;
	color:#999;
	font:9px/18px Verdana, Arial, Helvetica, sans-serif;
	height:auto;
	padding-left:14px;
	text-indent:0;
	text-transform:uppercase;
}
#primary_nav li ul a:hover, #primary_nav li ul a:active{
	background:url('/images-new/ui/sub_menu_plus.gif') no-repeat 0 5px !important;
	text-decoration:none;
}
#primary_nav li:hover ul, #primary_nav li.sfhover ul{
	left:auto;
}
#primary_nav li#portfolio:hover ul, #primary_nav li#portfolio.sfhover ul{
	left:233px;
}
#primary_nav li#news:hover ul, #primary_nav li#news.sfhover ul{
	left:375px;
}

/* Secondary Nav -----------------------------------------------------------------------------------*/
#secondary_nav{
	color:#666;
	display:inline;
	float:left;
	font:10px/18px Verdana, Arial, Helvetica, sans-serif;
	padding:0 0 40px 0;
	width:180px;
	text-transform:uppercase;
}
#secondary_nav small{
	text-transform:small-caps;
}
.home #secondary_nav{
	padding-left:50px;
	width:130px;
}
.contact #secondary_nav a{
	color:#666;
	font-style:italic;
	text-transform:none;
}
#secondary_nav li ul a{
	text-align:right;
}
#secondary_nav li a:link, #secondary_nav li a:visited{
	display:block;
	height:18px;
	text-indent:-9999px;
	width:180px;
}
/* About Page */
#secondary_nav li#about_us a:link, #secondary_nav li#about_us a:visited{
	background:url('/images-new/ui/sec_nav_bg_about_us.gif') no-repeat 0 -9px;
}
#secondary_nav li#services a:link, #secondary_nav li#services a:visited{
	background:url('/images-new/ui/sec_nav_bg_services.gif') no-repeat 0 -9px;
}
#secondary_nav li#bios a:link, #secondary_nav li#bios a:visited{
	background:url('/images-new/ui/sec_nav_bg_bios.gif') no-repeat 0 -9px;
}
#secondary_nav li#archives a:link, #secondary_nav li#archives a:visited{
	background:url('/images-new/ui/sec_nav_bg_archives.gif') no-repeat 0 -9px;
}

#secondary_nav li#archives{
	background:url('/images-new/ui/sec_nav_bg_archives.gif') no-repeat 0 -9px;
}
#secondary_nav li#archives {text-indent: -9999px;}

/* Portfolio Page */
#secondary_nav li#print a:link, #secondary_nav li#print a:visited{
	background:url('/images-new/ui/sec_nav_bg_print.gif') no-repeat 0 -9px;
}
#secondary_nav li#corporate a:link, #secondary_nav li#corporate a:visited{
	background:url('/images-new/ui/sec_nav_bg_corporate.gif') no-repeat 0 -9px;
}
#secondary_nav li#multimedia a:link, #secondary_nav li#multimedia a:visited{
	background:url('/images-new/ui/sec_nav_bg_multimedia.gif') no-repeat 0 -9px;
}
#secondary_nav li#illustration a:link, #secondary_nav li#illustration a:visited{
	background:url('/images-new/ui/sec_nav_bg_illustration.gif') no-repeat 0 -9px;
}
#secondary_nav li#case_studies a:link, #secondary_nav li#case_studies a:visited{
	background:url('/images-new/ui/sec_nav_bg_case_studies.gif') no-repeat 0 -9px;
}

/* News Page */
#secondary_nav li#press a:link, #secondary_nav li#press a:visited{
	background:url('/images-new/ui/sec_nav_bg_press.gif') no-repeat 0 -9px;
}
#secondary_nav li#newsletter a:link, #secondary_nav li#newsletter a:visited{
	background:url('/images-new/ui/sec_nav_bg_newsletter.gif') no-repeat 0 -9px;
}

#secondary_nav li a:hover, #secondary_nav li a:active, #secondary_nav li.on a{
	background-position:-180px -9px !important;
}
#secondary_nav li ul a:link, #secondary_nav li ul a:visited{
	background:none !important;
	color:#999;
	font:9px/18px Verdana, Arial, Helvetica, sans-serif;
	height:auto;
	padding-right:20px;
	text-indent:0;
	text-transform:uppercase;
	width:144px;
}
#secondary_nav li ul a:hover, #secondary_nav li ul a:active, #secondary_nav li ul li.on a{
	background:url('/images-new/ui/sub_menu_plus.gif') no-repeat 151px 5px !important;
	text-decoration:none;
}


/* Content area -----------------------------------------------------------------------------------*/
#content{
	display:inline;
	float:left;
	padding:0 30px 40px 60px;
	width:540px;
}
.home #content{
	color:#666;
	font:12px/16px Myriad, "Myriad Pro", "Myriad Web", Verdana, Helvetica, Arial, sans-serif;
}
#content .column{
	display:inline;
	float:left;
}
#content .left.column{
	width:120px;
}
#content .right.column{
	width:410px;
}
.home #content .left.column, .home #content .middle.column, .home #content .right.column{
	width:160px;
	margin-right:30px;
}
.home #content .right.column{
	margin-right:0;
}
.case_studies #content .left.column{
	width:60px;
}
.case_studies #content .right.column{
	padding:0 10px;
	width:460px;
}
#content h2{
	font:bold 14px Verdana, Arial, Helvetica, sans-serif;
}
.home #content h2{
	font:normal 14px/22px Myriad, "Myriad Pro", "Myriad Web", Verdana, Helvetica, Arial, sans-serif;
	margin:0 0 6px 10px;
}
#content h3{
	color:#f90;
	font-size:10px;
	font-weight:bold;
	margin-bottom:10px;
	text-transform:uppercase;
	letter-spacing: 1px;
}
.home #content .column h3{
	color:#390;
	letter-spacing:.1em;
	margin:16px 0 6px 10px;
}
#content p{
	margin-bottom:20px;
}
.home #content p{
	margin:0 0 6px 10px;
}
#content .post_teaser{
	clear:both;
	margin-bottom:60px;
	display:inline;
}
#content .post_teaser img{
	float:left;
	margin-right:20px;
	display:inline;
}
#content .post_teaser div.teaser_wrapper{
	float:left;
	width:360px;
	display:inline;
}
#content .author_tag{
	color:#666;
	display:block;
	font-size:10px;
	font-weight:bold;
	margin-bottom:10px;
	text-transform:uppercase;
}
#content .author_tag img{
	float:left;
	margin-right:10px;
}
body.services #content{
	font:9px/13px Verdana, Arial, Helvetica, sans-serif;
}
body.services #content ul li{
	background:url('/images-new/ui/sub_menu_plus.gif') no-repeat 35px 6px;
	color:#636667;
	line-height:22px;
	padding-left:47px;
}

/* Portfolio Page -------------------------------------------------------------------------*/
#slideshow{
	height:300px;
	position:relative;
}
#slideshow a#slide_prev, #slideshow a#slide_next, #slideshow .slide{
	height:270px;
	display:block;
	position:absolute;
	top:0;
	width:70px;
}
#slideshow a#slide_prev:link, #slideshow a#slide_prev:visited{
	background:url('/images-new/ui/slide_prev_bg.gif') no-repeat 0 110px;
	left:0;
	text-indent:-9999px;
}
#slideshow a#slide_prev:hover, #slideshow a#slide_prev:active{
	background-position:-2px 110px;
}
#slideshow a#slide_next:link, #slideshow a#slide_next:visited{
	background:url('/images-new/ui/slide_next_bg.gif') no-repeat 0 110px;
	left:470px;
	text-indent:-9999px;
}
#slideshow a#slide_next:hover, #slideshow a#slide_next:active{
	background-position:2px 110px;
}
#slideshow div.slide{
	height:250px;
	left:70px;
	width:400px;
}
#slideshow .slide .caption{
	color:#999;
	display:block;
	font-size:8px;
	left:0;
	position:absolute;
	text-transform:uppercase;
	top:260px;
}
#slideshow_thumbs{
	padding-top:10px;
}
#slideshow_thumbs a{
	display:block;
	float:left;
	margin:0 20px 20px 0;
}
#slideshow_thumbs a.eighth{
	padding-right:0;
}

div#slideshow_thumbs a {margin:0 10px 10px 0;}


/* Sidebar -----------------------------------------------------------------------------------*/
#sidebar{
	float:left;
	font:10px/18px Verdana, Arial, Helvetica, sans-serif;
	padding:0 0 40px 30px;
	width:160px;
}
#sidebar p, #sidebar img{
	margin-bottom:10px;
}
#sidebar p.date_tag{
	font-size:9px;
	font-weight:bold;
}
.blog #sidebar{
	text-transform:uppercase;
	width:210px;
}
#sidebar ul.left{
	float:left;
	width:100px;
}
#sidebar ul.right{
	float:right;
	width:100px;
}
#sidebar li{
	color:#f93;
	margin-bottom:18px;
}
#sidebar li ul li{
	margin:0;
}
#sidebar li ul a:link, #sidebar li ul a:visited{
	color:#666;
	font-size:9px;
}
#sidebar form{
	margin-bottom:18px;
}
#sidebar input#search_text{
	border:1px solid #e8e8e8;
	padding:3px 3px 2px;
}
#sidebar input#search_button{
/*	float:left;*/
}

/* footer -------------------------------------------------------------------------------------*/
#footer{
	border-top:1px solid #ccc;
	clear:both;
	color:#999;
	font:9px/20px Verdana, Arial, Helvetica, sans-serif;
	letter-spacing:.05em;
	margin:0 0 40px 240px;
	padding:10px 0 20px;
	width:540px;
	word-spacing:.175em;
}
#footer a{
	color:#999;
}

div#footer div#social-buttons {padding-top: 10px;}


/* cleaner ------------------------------------------------------------------------------------*/
.cleaner{
	clear:both;
}
.blog .cleaner{
	margin-bottom:60px;
}
.author_tag .cleaner{
	margin-bottom:0;
}

/* lists ------------------------------------------------------------------------------------*/
ul#services-list {padding-left: 40px;}
ul#services-list li {padding-bottom: 20px;}