/* Generated by Font Squirrel (http://www.fontsquirrel.com) on April 26, 2011 */

@font-face {
    font-family: 'HelveticaNeueWHAM75Bold';
    src: url('assets/fonts/helveneubol-wham-webfont.eot');
    src: url('assets/fonts/helveneubol-wham-webfont.eot?#iefix') format('embedded-opentype'),
         url('assets/fonts/helveneubol-wham-webfont.woff') format('woff'),
         url('assets/fonts/helveneubol-wham-webfont.ttf') format('truetype'),
         url('assets/fonts/helveneubol-wham-webfont.svg#HelveticaNeueWHAM95Black') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'HelveticaNeueWHAM55Regular';
    src: url('assets/fonts/helveneurom-wham-webfont.eot');
    src: url('assets/fonts/helveneurom-wham-webfont.eot?#iefix') format('embedded-opentype'),
         url('assets/fonts/helveneurom-wham-webfont.woff') format('woff'),
         url('assets/fonts/helveneurom-wham-webfont.ttf') format('truetype'),
         url('assets/fonts/helveneurom-wham-webfont.svg#HelveticaNeueWHAM55Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}


/* MAIN STYLES
-------------------------------------------*/
* { margin: 0; padding: 0; }

body,html {
	font-weight:normal;
	font-family:Arial, Helvetica;
	font-size:12px;
	color:#000;
	margin:0;
	padding:0;
	line-height:135%;
}
/* Force scroll */
html {
	overflow-y: scroll;
}

ul {
	list-style:none;
}

a {
	color:#999;
	text-decoration:none;
}

a:hover {
	text-decoration:none;
	color:#444;
}

a:focus {
	outline:none;
}

p {
	margin:1em 0;
}

h2, h3 {
	padding:10px 0 5px;
	line-height:100%;
	
}

h2 {
	margin:15px 0 5px;
	padding:5px 0;
	color:#00A4CC;
	font-size:20px;
	font-weight:normal;
}

h1 {
	font-size:30px;
	line-height:100%;
	font-weight:normal;
	display:block;
	padding-bottom:5px;
	
}

 /* LAYOUT STRUCTURE
--------------------------------------------------*/
#mainWrapper {	
}

#wrapper {
	margin:0 auto;
	width:960px;
}


#header {
	height:74px;
	position:relative;
	z-index:99; 
}

#content {
	border-top:2px solid #333;
	padding:20px 0 25px;

}

#footer {
	font-size: 95%;
	border-top:2px solid #333;
	padding:20px 0 10px 0;
	width:960px;
	height:80px;
	margin:1px auto;
	color:#999;
	position:relative;
}

/* HEADER ELEMENTS 
--------------------------------------------------*/
/* -- logo --*/
#logo {
	position:absolute;
	top:30px;
	left:5px;
	
}

#logo a img{
	border:none;
}


/* top menu */

#topMenu {
	position:absolute;
	left:173px;
	top:39px;
	width:787px;
}

.sf-menu li {
	position: relative;
	float: left;
	line-height: 37px;
	padding: 10px 1px 5px 0;
	text-align: center;
	height:35px;
}
.sf-menu li a {
	display: block;
	float: left;
	text-decoration: none;
	text-transform:uppercase;
	padding:0 13px;
	position:relative;
	color:#333;
	border-left:2px solid #333;
	line-height:100%;
	font-weight: bold;
}
.sf-menu li .selected, .sf-menu li.selected a {
	color:#999;
}

.sf-menu li.page_item a, .sf-menu li.last a {
	border-left: 0;
	padding-left: 0;
}

.sf-menu li.last {
	float: right;
}
.sf-menu li.last a {
	padding-right: 0;
}



#topMenu ul.sf-menu li a:hover {
	color:#999;
}
#topMenu ul.sf-menu li ul.children {
	background: transparent url(assets/images/menu_bg.png) left bottom no-repeat;
	width: 133px;
	clear: both;
	margin: 7px 0 0 -2px;
	padding: 12px 0 9px 0;
}

#topMenu .sf-menu li li {
	background: transparent;
	padding: 0;
}


#topMenu ul.sf-menu li ul.children li,#topMenu ul.sf-menu li.page_item ul li  {
	position:relative;
	line-height:100%;
	height:28px;
}

#topMenu ul.sf-menu li ul.children li a {
	color: #000;
	text-decoration: none;
	display:block;
	margin: 0 0 0 6px;
	padding: 0 0 0 9px;
	width: 111px;
	height: 28px;
	line-height: 28px;
	border:none;
	
	overflow: hidden;
	text-align: left;
	font-weight: bold;
	text-transform: uppercase;
}


#topMenu ul.sf-menu li ul.children li a:hover {
	display:block;
	color: #FFF;
	background: #000;
}


.sf-menu li a.cartLink {
	display: block;
	text-decoration: underline;
	background: #FFF url(assets/images/cart.gif) right top no-repeat;
	width: 75px;
	height: 24px;
}

.sf-menu li a.cartLink span {
	padding-top: 10px;
	display: block;
	text-transform: lowercase;
}


.followUs {
	position:absolute;
	top: 18px;
	
	display: block;
	width: 16px;
	height: 16px;
	
	background-image: url(assets/images/follow_us.gif?v=2);
	background-color: #FFF;
	background-repeat: no-repeat;
	text-indent: -999px;
	overflow: hidden;
}

.followUs.tumblr {
	right: 1px;
	background-position: right top;
}
.followUs.tumblr:hover { background-position: right bottom; }

.followUs.twitter {
	right: 23px;
	background-position: left top;
}
.followUs.twitter:hover { background-position: left bottom; }
/*
.twitter {
	position:absolute;
	height:28px;
	top:55px;
	right:90px;
	line-height:28px;
	font-size:11px;
	display: none;
}

.rss {
	position:absolute;
	height:28px;
	line-height:28px;
	top:55px;
	right:0;
	font-size:11px;
}
*/

/* CONTENT ELEMENTS
----------------------------------------------*/

.alignleft {
	float:left;
	margin:5px 15px 5px 0;
}

.alignright {
	float:right;
	margin:5px 0 5px 15px;
}

#colLeft .portfolioItem {
	float:left;
	width:304px;
	margin-right:20px;
	margin-bottom:10px;
	margin-top:15px;
	background:url(assets/images/bk_dotted.gif) 0 100% repeat-x;
	padding-bottom:10px;
}

#colLeft .portfolioItem h2 {
	font-size:14px;
	line-height:100%;
	margin:0;
	padding:8px 0;
}

*html #colLeft .portfolioItem{
	margin-right:20px;
	width:300px;
}

#colLeft a img{
	border:none;
	padding-left: 0px;
	padding-right: 8px;
	padding-top: 0px;
	padding-bottom: 8px;	
	background:#fff;
	/*border-right:1px solid #ddd;
	border-bottom:1px solid #ddd;*/
	
}




/* SLIDER
-----------------------------------------------*/

#slider {
	padding-bottom:21px;
	height:340px;
	height: 555px;
}


.clickableArea {
	width: 100%;
	height: 100%;
	cursor: pointer;
	position: absolute;
	z-index: 3;
}

.panel p {
	
	padding: 0;
	margin: 0;
}


#sliderNavigation {
	margin: 0 auto;
}

#sliderNavigation li {
	width: 14px;
	height: 14px;
	float: left;
	margin: 0 2.5px;
}

#sliderNavigation li a {
	display: block;
	width: 14px;
	height: 14px;
	text-decoration: none;
	background: #9d9d9d;
}

#sliderNavigation li a:active, #sliderNavigation li a:hover, #sliderNavigation li a.selected {
	background: #000;
}

.navLink a {
	text-transform: uppercase;
	color: #000;
}
.navLink a:hover { color: #444; text-decoration: underline; }
.navLink.prev { float: left; }
.navLink.next { float: right; }

/* CAROUSEL
---------------------------------------------*/

.stepcarousel{
	float:left;
	position: relative; /*leave this value alone*/
	overflow: hidden; /*leave this value alone*/
	width: 100%; /*Width of Carousel Viewer itself*/
	height: 555px; /*Height should enough to fit largest content's height*/;
}

.stepcarousel span.featured {
	color:#666;
	font-size:11px;
	display:block;
	border-bottom:1px dotted #666;
	padding-bottom:5px;
	width:270px;
}

.stepcarousel .belt{
	position: absolute; /*leave this value alone*/
	left:0;
	top: 0;
}

.stepcarousel .panel, .news.panel {
	float: left; /*leave this value alone*/
	overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
	width: 960px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
	position:relative;
	height: 555px;
}


/* CLEARING
---------------------------------------------------*/
.clear {
	clear: both;
}


/* Added by S.Taurand <stephane@thewhamagency.com> (12/11/2010) : new about page with team member */
.about_intro {
	margin-top: 10px;
	margin-bottom: 55px;
	padding-top: 0;
	font-size: 27px;
	line-height: 30px;
	font-weight: bold;
}

.team_img {
	width: 181px;
	height: 222px;
	margin: 0 13px 13px 0;
	float: left;
}

.team_title {
	display: none;
	width: 181px;
	height: 222px;
	background-color:#000000;
	/* for IE */
	filter:alpha(opacity=75);
	/* CSS3 standard */
	opacity:0.75;
}

.team_title h4 {
	padding: 22px 0 0 17px;
	color: #FFFFFF;
	font-size: 14px;
}

.team_title a {
	color: #FFFFFF;
	font-weight: normal;
	padding: 153px 0 0 12px;
	display: block;
}

.team_last_of_line {
	margin-right: 0;
}

#about {
	position: relative;
}

.team_desc {
	position: absolute;
	display: none;
	width: 371px; /* (181x2) + 13 - 4*/
	height: 453px; /* (222x2) + 13 - 4 */
	background-color: #FFFFFF;
	border: 2px solid #000000;
	z-index: 2;
	
}

a.team_popup_close {
	float: right;
	display: block;
	padding: 12px 12px 0 0;
}

a.team_popup_close img {
	border: 0;
}

.team_desc div {
	margin: 28px 0 0 35px;
	width: 300px;
	border-top: 2px solid #000000;
}
.team_desc div h4 {
	padding: 6px 0 4px 0;
	border-bottom: 1px solid #000000;
}

.team_image_2 {
	display: block;
	margin: 17px 0 0 0;
}


/* Common */

.aligncenter, div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/* Thoughts */
.thoughtSidebar {
	width: 228px;
	float: left;
	padding-top: 128px;
}
.thoughtAuthor h3 {
	font-weight: normal;
	padding-top: 26px;
}

.thoughtContent {
	float: left;
	width: 671px;
	min-height: 500px;
	padding-bottom: 50px;
}

.thoughtContent .text {
	width: 555px;
	line-height: 21px;
}

.thoughtContent .text, .thoughtAuthor, .thoughtAuthor h3 {
	font-family: 'HelveticaNeueWHAM55Regular';
	font-size: 16px;
}

.thoughtContent .text h1 {
	padding: 28px 0 15px 0;
	font-family: 'HelveticaNeueWHAM75Bold';
}

.thoughtContent .text p {
	margin: 5px 0;
}

/* pagination */
#mainWrapper .wp-paginate a, #mainWrapper .wp-paginate span {
	border: 0;
	background: transparent;
}

 #mainWrapper .wp-paginate span.page {
 	color: #000;
 }
 
 #mainWrapper .wp-paginate span.page.current, #mainWrapper .wp-paginate a:hover {
 	font-weight: bold;
 	color: #000;
 }

 /* Contact Us */
 #googleMaps {
 	width: 486px;
 	height: 555px;
 	float: right;
 }
 
 .contactInfo h1 {
 	font-family: 'HelveticaNeueWHAM75Bold';
	font-size: 43px;
	padding-bottom: 34px;
	margin-top: -6px;
	
	/* hack IE for disable ClearType */
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=hIEfix.png,sizingMethod=crop);zoom:1;
 }
 .page-template-contact-php #content {
 	padding-top: 71px;
 	padding-bottom: 50px;
 }
 
 .contactInfo h3 {
 font-family: 'HelveticaNeueWHAM55Regular';
 	font-weight: bold;
 	padding-bottom: 0;
 	/* hack IE for disable ClearType */
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=hIEfix.png,sizingMethod=crop);zoom:1;
 }
 
 .contactInfo {
 	float: left;
 	width: 400px;
 	font-size: 14px;
 }


.contactInfo a {
	color: #000;
}

a.ob {
	display: none;
}

.contactInfo p {
 	margin-top: 0;
 	font-family: 'HelveticaNeueWHAM55Regular';
}
  
 
 /* HIDE SHOP 
 .cat-item.cat-item-90 {
 	display: none;
 }
 */
 /* HIDE DOWNLOAD LINKS */
 #wrapper .download {
 	display: none;
 }
 
 
 
 
 
 /*
 * WP-Paginate - WordPress Pagination Function
 * Revision: $Id: wp-paginate.css 286636 2010-09-08 00:11:23Z emartin24 $
 * Copyright (c) 2010 Eric Martin http://www.ericmmartin.com/projects/wp-paginate/
 */
.wp-paginate {padding:0; margin:0;}
.wp-paginate li {display:inline; list-style:none;}
.wp-paginate a {background:#ddd; border:1px solid #ccc; color:#666; margin-right:4px; padding:3px 6px; text-align:center; text-decoration:none;}
.wp-paginate a:hover, .wp-paginate a:active {background:#ccc; color:#888;}
.wp-paginate .title {color:#555; margin-right:4px;}
.wp-paginate .gap {color:#999; margin-right:4px;}
.wp-paginate .current {color:#fff; background:#5f87ae; border:1px solid #89adcf; margin-right:4px; padding:3px 6px;}
.wp-paginate .page {}
.wp-paginate .prev, .wp-paginate .next {}

/* style overrides for comments pagination */
.wp-paginate-comments {}
.wp-paginate-comments li {}
.wp-paginate-comments a {}
.wp-paginate-comments a:hover, .wp-paginate-comments a:active {}
.wp-paginate-comments .title {}
.wp-paginate-comments .gap {}
.wp-paginate-comments .current {}
.wp-paginate-comments .page {}
.wp-paginate-comments .prev, .wp-paginate-comments .next {}