/* 
	Theme Name: Atelier Base 2012
	Description: Atelier Base Theme
	Author: Atelier Studios
	Author URI: http://www.atelier-studios.com/
	Date: January 2012
==================================================================================================
	
	1. GLOBAL RESETS
	2. TYPOGRAPHY
	3. LINK STYLES
	4. MAIN STRUCTURE
	5. THE FOUNDATION GRID - From Foundation Framework
	6. INNER ELEMEMTS
	7. LISTS
	8. TABLES
	9. CSS3 BUTTONS - From Foundation Framework
	10. MAIN NAVIGATION
	11. SIDEBAR SUB NAVIGATION
	12. MISC STYLES
	13. IMAGE REPLACEMENT HEADINGS
	14. IMAGE REPLACEMENT BUTTONS
	15. FORMS
	16. PRINT STYLES
	17. MOBILE STYLES
	18. IE STYLES

*/

/*==================================================================================================

	1. GLOBAL RESETS
	
 ====================================================================================================*/
 
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin:0; padding:0; border:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline; } html, body {height: 100%; width: 100%; } table { border-collapse:separate; border-spacing:0; } /* Prevents sub and sup affecting line-height in all browsers - gist.github.com/413930 */ sub, sup {font-size:75%;line-height:0;position:relative;vertical-align:baseline;} sup {top:-.5em;} sub {bottom:-.25em;} caption, th, td { text-align:left; font-weight:normal; } table, td, th { vertical-align: top; } blockquote:before, blockquote:after, q:before, q:after { content:""; } blockquote, q { quotes:"" ""; } a img { border:none; } /* || Reset all margins/padding => */ * { margin:0; padding:0; } /* || Gets rid of outlined links in Firefox => */ a {outline: none;} a:hover,a:active { outline:0; } /* || No boders on images and displays them as block level elements in IE6 => */img {border:0;	padding: 0;	margin: 0;	display: block;	} br {clear:both; line-height:10px;	} div#content br {clear: none;	line-height:10px;}	ul { margin: 0; padding: 0;	list-style-type: none; } ul li { margin: 0;	padding: 0;	list-style: none; }	/* || HTML 5 Resets taken from normalize.css 17-01-2012- http://github.com/necolas/normalize.css => */ article, aside, details, figcaption, figure, footer, header, hgroup, nav, section{display:block;}audio, canvas, video{display:inline;zoom:1;}audio:not([controls]),[hidden]{display:none;} /* || Form Resets taken from normalize.css 17-01-2012- http://github.com/necolas/normalize.css => */ legend{border:0;white-space:normal;margin-left:-7px;padding:0;} button,input,select,textarea{font-size:100%;vertical-align:middle;margin:0;} button,input{line-height:normal;} button,input[type=button],input[type=reset],input[type=submit]{cursor:pointer;-webkit-appearance:button;overflow:visible;} input[type=checkbox],input[type=radio]{box-sizing:border-box;height:13px;width:13px;padding:0;} input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;} button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;} textarea{overflow:auto;vertical-align:top;} input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none;} form, input, textarea, label, select, fieldset { margin: 0; padding: 0; } input { border: none; border: 0px solid #FFFFFF; vertical-align: top; overflow: visible; } article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }


/*html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { border: 1px solid green; }*/


/*==================================================================================================

	2. TYPOGRAPHY
	
 ====================================================================================================*/
 
html,body{
  width:100% !important;
  margin:0;
  padding:0;
overflow-x: hidden;
}

body, button, input, select, textarea {
	font-size: 16px;
	line-height: 20px;
	text-align: left;
	font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif;
	color: #111111;
	}


	.align_right { text-align: right; }
	.align_left { text-align: left;	}
	.align_centre { text-align: center;	}

p {
	padding: 0 0 15px 0;
	}
	
	.small, .small p {
	font-size: 11px;
	line-height: 16px;
	}

	.medium_text {
	font-size: 14px;
	line-height: 18px;
	}

	.large_text {
	font-size: 16px;
	line-height: 22px;
	}

	.extra_large_text {
	font-size: 30px;
	line-height: 36px;
	}

	.largest_text {
	font-size: 36px;
	line-height: 42px;
	}
	
	.italic { font-style: italic; }

	.leaflet-control-attribution { display}


/*--------------- HEADINGS --------------- */

h1, h2, h3, h4, h5, h6 {
	font-family: 'Economica', Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	color: #d28417;
	font-weight: bold;
	text-transform: uppercase;
	}
	
h1 {
	padding: 0 0 24px 0;
	font-size: 60px;
	line-height: 60px;
	}
	
h2 {
	padding: 0 0 24px 0;
	font-size: 36px;
	line-height: 42px;
	}
	h2.black_full {
		font-size: 48px;
		line-height: 48px;
	}

h3 {
	padding: 0 0 24px 0;
	font-size: 36px;
	line-height: 42px;
	}
	
h4 {
	padding: 0 0 24px 0;
	font-size: 30px;
	line-height: 36px;
	}

h5 {
	padding: 0 0 24px 0;
	font-size: 22px;
	line-height: 28px;
	}

h6 {
	padding: 0 0 24px 0;
	font-size: 18px;
	line-height: 24px;
	}

/*--------------- OTHER TEXT STYLES --------------- */	
			
strong {
	font-weight:bold;
	}

.uppercase {
	text-transform: uppercase;
}
	
em {
	font-style:italic;
	display:inline;
	}

blockquote {
	margin: 0;
	padding: 0;
	border: none;
	}

	blockquote cite {
	margin: 5px 0 0;
	display: block;
	}
	
	div#content blockquote {
	float: left;
	color: #333333;
	margin:0;
	padding:24px;
	text-align:justify;	
	}

hr {
	border: 0;
	color: #cfd0d4;
	background-color: #cfd0d4;
	height: 1px;
	font-size: 1px;
	line-height: 1px;
	margin: 6px 0 10px 0 ;
	padding: 0;
	}

.white {
	color: #ffffff;
}

.black {
	color: #222222;
}

.orange {
	color: #d28417;
}

.orange2 {
	color: #f6c06a;
}

.economica {
	font-family: 'Economica', Helvetica, sans-serif;
}

/*==================================================================================================

     3. LINK STYLES
	 
================================================================================================== */	
	
a { color: #d28417;	text-decoration: none;}

	a:hover { color: #d28417; text-decoration: underline; }

	a.staff { color: #222222; text-decoration: none;}

		a.staff:hover { color: #222222; text-decoration: underline; }

footer a { color: #ffffff; text-decoration: none; }

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

/*==================================================================================================

	4. MAIN STRUCTURE
	
==================================================================================================*/	

div#page_centre {
	margin: 0 auto;
	max-width: 980px;
	height: auto;
	position: relative;
	z-index: 5;
	}

header {
	width: 100%;
	position: relative;
box-sizing: border-box;
	z-index: 60;
	background-color: #000000;
	}
	
	nav {
	width: 100%;
	position: relative;
	/*left: 0px;*/
	z-index: 40;
	}
	
div.content_container {
	position: relative;
	z-index: 10;	
	}
	
	div#content {
	position: relative;
	z-index: 40;	
	}

	#sidebar {
	/*background: #99CC33;*/
	position: relative;
	z-index: 50;	
	}

footer {
	clear: both;
	width: 100%;
	position: relative;
	z-index: 30;
	color: #ffffff;
	}

/*==================================================================================================

	5. THE FOUNDATION GRID - Copied from Foundation - Nov 2012 - v3.2 http://foundation.zurb.com
	
==================================================================================================*/	


/* ----- ADD BY ATELIER------ ADDED STYLES TO BE ABLE TO FLOAT SIDEBAR LEFT AND CONTENT RIGHT */

	.columns.no_margin { margin-left: 0; }
	.columns.margin { margin-left: 4.4%; }
	
/* ----- ADD BY ATELIER ENDS------ */

	.container { padding: 0 20px; }
	.row { width: 100%; max-width: 980px; margin: 0 auto; clear: both; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
	.row.full-width { max-width: 100%; }
    .row.fixed { width: 980px; max-width: none!important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }	 
	.row .row { min-width: 0; }
	.column, .columns { margin-left: 4.4%; float: left; min-height: 1px; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
	.column:first-child, .columns:first-child { margin-left: 0; }

/*	--------------------------------------------------
	Columns
	-------------------------------------------------- */

	.row .one.columns 		{ width: 4.3%; }
	.row .two.columns 		{ width: 13%; }
	.row .three.columns 	{ width: 21.68%; }
	.row .four.columns 		{ width: 30.37%; }
	.row .five.columns 		{ width: 39.1%; }
	.row .six.columns 		{ width: 47.8%; }
	.row .seven.columns 	{ width: 56.5%; }
	.row .eight.columns 	{ width: 65.2%; }
	.row .nine.columns 		{ width: 73.9%; }
	.row .ten.columns 		{ width: 82.6%; }
	.row .eleven.columns 	{ width: 91.3%; }
	.row .twelve.columns 	{ width: 100%; }
	
	
/*	--------------------------------------------------
	Grid Misc Styles
	-------------------------------------------------- */

	img { max-width: 100%; height: auto; }
	.map img, img.indicator {  max-width: none; height: auto; width: auto; }
	img { -ms-interpolation-mode: bicubic; }
	#map_canvas img, .map_canvas img { 	max-width: none!important; }
	
	/* Nicolas Gallagher's micro clearfix */
	.row { *zoom: 1; }
	.row:before, .row:after { content: ""; display: table; }
	.row:after { clear: both; }


/*  --------------------------------------------------
    ATELIER POSITIONING - MARGIN PADDING ETC
    -------------------------------------------------- */

    .inline_block { display: block; }

/*---------- POSITIONING ---------**/

    .float_right { float:right; }
    .float_left { float:left; }
    .float_none { float: none !important; }
    .clear { clear:both; }
    .no_clear { clear: none!important; }
    .centre { margin: 0 auto; }
    
    .z_index_top { z-index: 9999; }

    .z_index_middle { z-index: 100; }

    .z_index_bottom { z-index: 1; }
    
/*---------- POSITIONING ---------**/

    .height_70 { height: 70px; }
    .height_80 { height: 80px; }
    .height_100 { height: 100px; }
    .height_120 { height: 120px; }
    .height_140 { height: 140px; }
    .height_143 { height: 143px; }
    .height_150 { height: 150px; }
    .height_160 { height: 160px; }
    .height_170 { height: 170px; }
    .height_190 { height: 190px; }
    .height_220 { height: 220px; }
    .height_240 { height: 240px; }
    .height_260 { height: 260px; }
    .height_280 { height: 280px; }
    .height_340 { height: 340px; }
    .height_300 { height: 300px; }
    .height_420 { height: 420px; }
    .height_640 { height: 640px; }
    .min_height_274 { min-height: 274px; }

    
/*---------- MARGINS ---------**/

    .margin_none { margin: 0 0 0 0!important; }

    .margin_top_3 { margin-top: 3px; }
    .margin_top_5 { margin-top: 5px; }
    .margin_top_10 { margin-top: 10px; }
    .margin_top_15 { margin-top: 15px; }
    .margin_top_20 { margin-top: 20px; }
    .margin_top_30 { margin-top: 30px; }
    .margin_top_40 { margin-top: 40px; }
    .margin_top_50 { margin-top: 50px; }
    .margin_top_60 { margin-top: 60px; }

    .margin_bottom_5 { margin-bottom: 5px; }
    .margin_bottom_10 { margin-bottom: 10px; }
    .margin_bottom_15 { margin-bottom: 15px; }
    .margin_bottom_25 { margin-bottom: 25px; }
    .margin_bottom_20 { margin-bottom: 20px; }
    .margin_bottom_30 { margin-bottom: 30px; }
    .margin_bottom_40 { margin-bottom: 40px; }
    .margin_bottom_60 { margin-bottom: 60px; }
    
    .margin_left_5 { margin-left:5px;}
    .margin_left_10 { margin-left:10px;}
    .margin_left_15 { margin-left:15px;}
    .margin_left_20  { margin-left: 20px; }
    
    .margin_right_10 { margin-right: 10px!important; }
    .margin_right_15 { margin-right: 15px; }
    .margin_right_20 { margin-right: 20px; }
    .margin_right_30 { margin-right: 30px; }


/*---------- PADDING ---------**/

    .padding_none { padding: 0 0 0 0!important; }
    .padding_bottom_none { padding-bottom: 0!important; }
    .padding_20 { padding: 20px; }
    .padding_30 { padding: 30px; }
    
    .padding_top_2 { padding-top: 2px; }
    .padding_top_5 { padding-top: 5px; }
    .padding_top_10 { padding-top: 10px; }
    .padding_top_15 { padding-top: 15px; }
    .padding_top_20 { padding-top: 20px; }
    .padding_top_30 { padding-top: 30px; }
    .padding_top_35 { padding-top: 35px; }
    .padding_top_36 { padding-top: 36px; }
    .padding_top_40 { padding-top: 40px; }
    .padding_top_60 { padding-top: 60px; }
    .padding_top_110 { padding-top: 110px; }
    
    .padding_bottom_1 { padding-bottom: 1px; }
    .padding_bottom_5 { padding-bottom: 5px; }
    .padding_bottom_10 { padding-bottom: 10px; }
    .padding_bottom_15 { padding-bottom: 15px; }
    .padding_bottom_20 { padding-bottom: 20px; }
    .padding_bottom_30 { padding-bottom: 30px; }
    .padding_bottom_35 { padding-bottom: 35px; }
    .padding_bottom_36 { padding-bottom: 36px; }
    .padding_bottom_40 { padding-bottom: 40px; }
    .padding_bottom_50 { padding-bottom: 50px; }
    .padding_bottom_60 { padding-bottom: 60px; }
    .padding_bottom_100 { padding-bottom: 100px; }

    .padding_top_5_bottom_5  { padding-top: 5px; padding-bottom: 5px; }
    .padding_top_10_bottom_10  { padding-top: 10px; padding-bottom: 10px; }
    .padding_top_15_bottom_15 { padding-top: 15px; padding-bottom: 15px; }
    .padding_top_20_bottom_20 { padding-top: 20px; padding-bottom: 20px; }
   	.padding_top_36_bottom_36 { padding: 36px 0!important;}
    .padding_top_40_bottom_40 { padding-top: 40px; padding-bottom: 40px; }
    
    .padding_left_10 { padding-left: 10px; }
    .padding_left_15 { padding-left: 15px; }
    .padding_left_20 { padding-left: 20px; }
    .padding_left_30 { padding-left: 30px; }
    .padding_left_40 { padding-left: 40px; }
    
    .padding_right_5 { padding-right: 5px; }
    .padding_right_10 { padding-right: 10px; }
    .padding_right_15 { padding-right: 15px; }
    .padding_right_20 { padding-right: 20px; }
    .padding_right_30 { padding-right: 30px; }
    .padding_right_40 { padding-right: 40px; }
    .padding_right_50 { padding-right: 50px; }

    .padding_left_10_right_10 { padding-right: 10px; padding-left: 10px; }
    .padding_left_15_right_15 { padding-right: 15px; padding-left: 15px; }
    .padding_left_20_right_20 { padding-right: 20px; padding-left: 20px; }
    .padding_left_25_right_25 { padding-right: 25px; padding-left: 25px; }
    .padding_left_30_right_30 { padding-right: 30px; padding-left: 30px; }
    .padding_left_35_right_35 { padding-right: 35px; padding-left: 35px; }
    .padding_left_40_right_40 { padding-right: 40px; padding-left: 40px; }
    .padding_left_75_right_75 { padding-right: 75px; padding-left: 75px; }
    .padding_left_80_right_80 { padding-right: 80px; padding-left: 80px; }



/*---------- Border ---------**/
    
    .border_top_1px_grey { border-top: 1px solid #e5e5e5; }

    .border_bottom_1px_grey { border-bottom: 1px solid #e5e5e5; }

    .border_top_1px_white { border-top: 1px solid #fff; }

    .border_bottom_1px_white { border-bottom: 1px solid #fff; }

        
    .border_radius { -webkit-border-radius: 6px; border-radius: 6px; }

    .border_radius_large { -webkit-border-radius: 12px; border-radius: 12px; }

    .borderbottom { border-bottom:1px dotted #bbb; }

    .borderright { border-right:1px dotted #bbb; }

    .thickborder { border-bottom:3px solid #bbb; }

    .thickborderdotted { border-top:3px dotted #bbb; border-bottom:3px dotted #bbb; }

    .border_light_grey { border:1px solid #bbb; }
        
	
/*	--------------------------------------------------
	Panels
	-------------------------------------------------- */
	
	.white_panel { background: #fff;	}
	
	.grey_panel { background: #f3f3f3; }

	.grey_panel_dark { background: #222222; }
 
	.black_panel { background: #000000; } 


/*	--------------------------------------------------
	Panels
	-------------------------------------------------- */
	div.panel {
		padding: 20px;
		background: #efefef;
		background: -moz-linear-gradient(top, #FFFFFF 0%, #F4F4F4 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(100%,#F4F4F4));
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#F4F4F4',GradientType=0 );
		box-shadow: 0 2px 5px rgba(0,0,0,0.15);
		-webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.15);
		-moz-box-shadow: 0 2px 5px rgba(0,0,0,0.25);
		margin: 0 0 20px 0;
	}



/*-----------  Copied from Foundation - Jan 2012 - v2.1.4 http://foundation.zurb.com -----------------*/

/* Hide for both screenreaders and browsers: css-discuss.incutio.com/wiki/Screenreader_Visibility */
.hidden { display: none; visibility: hidden; }
.desktop-hidden { display: none; }

/* Hide only visually, but have it available for screenreaders: by Jon Neal. www.webaim.org/techniques/css/invisiblecontent/  &  j.mp/visuallyhidden */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: drupal.org/node/897638 */
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }

/* The Magnificent Clearfix: Updated to prevent margin-collapsing on child elements in most situations.   nicolasgallagher.com/micro-clearfix-hack/ */
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }	




/*==================================================================================================

	6. INNER ELEMEMTS
	
==================================================================================================*/

/*---------- Homepage Slider Styles -----------*/

div.sub_header {
	background-color: #C9C9C9;
	position: relative;
	width: 100%;
	height: 550px;
	z-index: 10;
	margin: 0;
	}

	div.slide_container {
	float: left;
	width: 100%;
	height: 550px;
	position: relative;
	overflow: hidden;
	z-index: 10;
	margin: 0;
	}
	
	div.slide {
	width: 100%;
	height: 550px;
	}
	
	/*---------- Slides - The Post ID is applied to the slides so these numbers won't always be sequential  -----------*/

	div.slide_wrapper {
	margin: 0 auto;
	width: 100%;
	height: 550px;
	position: relative;
	}
	


	/*---------- Slide Images - By default images are added to the slides by the styles below  -----------*/

	div.text_position {
	position: absolute;
	bottom: 0px;
	width: 100%;
	z-index: 500;
	background: rgba(0, 0, 0, 0.8);

	-webkit-transition: all 1.0s ease;
	-moz-transition: all 1.0s ease;
	-o-transition: all 1.0s ease;
	transition: all 1.0s ease;
	}

		div.sub_header:hover div.text_position {
		background: rgba(0, 0, 0, 0.8);
		}

	div.slide_image {
	background-image:;
	background-repeat: no-repeat;
	position: absolute;
	z-index: 20;
	width: 100%;
	height: 550px;
	top: 0px;
	left: 0px;	
	}

		
/*---------- Homepage Slider Nav -----------*/


div.slider_nav_conatiner {
	float: left;
	clear: both;
	position: absolute;
	height: 1px;
	z-index: 9999;	
	margin-top: 125px;
	width: 100%;
	}

ul.slider_nav {
	width: 100%;
	height: 105px;
	bottom: 0px;
	left: 0px;
	z-index: 8888;
	list-style: none;
	}
	
	ul.slider_nav li {
	float: left;
	padding: 0 10px 0 0;
	}
	
	ul.slider_nav li a {
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	width: 8px;
	height: 8px;
	opacity:0.6;
	}
	
	ul.slider_nav li.activeSlide a {
	opacity: 1.0;
	}





/*---------- Non-map Page Banner Styles -----------*/

div.banner-inner {
	height: 300px;
}

div.banner-filter {
		background: #000000; 
		width: 100%; 
		height: 100%;
		position: absolute; 
		left: 0; 
		top: 0; 
		opacity: 0.5;

		-webkit-transition: all 1.0s ease;
		-moz-transition: all 1.0s ease;
		-o-transition: all 1.0s ease;
		transition: all 1.0s ease;
	}

	div.banner-filter:hover {
		opacity: 0.4;
	}

/*---------------------------- NEWS STYLES ----------------------------*/

.news_article_container {
	float: left;
	width: 100%;
	}

	.news_article_container:nth-child(odd) {
	margin-left: 0px;
	}

	.knowledge_article_container {
	float: left;
	width: 100%;
	}
	
	p.news_month {
    color: #FFFFFF;
    font-size: 12px;
    font-weight: bold;
    padding: 6px 0;
    text-align: center;
	background: #999;
	}

	p.news_day {
    color: #666666;
    font-family: Georgia,"Times New Roman",Times,serif;
    font-size: 24px;
    font-style: italic;
    font-weight: bold;
    line-height: 26px;
    padding: 6px 0 10px 0;
    text-align: center;
	border: 1px solid #e2e2e2;
	}

	/*---------------------------- HEADING BAR ----------------------------*/

	div.branding {
		background: url('/wp-content/themes/atelier_base_2012/furniture/images/sitewide/sitewide_sprite.png') no-repeat 0 -68px;
		position: absolute;
		height: 127px;
		width: 396px;
		right: 0px;
		bottom: 0px;
	}


	/*---------------------------- MAPSSSSS ----------------------------*/

	/*.locations_map_large {
	background: url(/wp-content/themes/atelier_base_2012/furniture/images/images/world-map.gif) no-repeat center center;
	width: 980px;
	height: 450px;
	position: relative;
	}*/

	a.target {
	float: left;
	width: 30px;
	height: 30px;
	display: block;
	position: absolute;
	}

	.map_container { width: 100%; height: 450px; }

	.menu-ui {
		position:absolute;
		top:10px;
		/*left:10px;*/
		right: 10px;
		z-index:1;
		width:170px;
	}
		.menu-ui a {
	    font-size:12px;
	    color:#ffffff;
	    display:block;
	    margin:0;
	    padding: 9px 10px;
	    text-decoration: none;
	    text-transform: uppercase;
	    border-bottom: 1px solid #404040;
	    text-align:left;
	    background: rgba(34, 34, 34, 0.8);

	    -webkit-transition: all 1.0s ease;
		-moz-transition: all 1.0s ease;
		-o-transition: all 1.0s ease;
		transition: all 1.0s ease;
	    }
	    .menu-ui a:last-child {
	    	border: none;
	    }


	    .menu-ui a:hover {
	    	background:#f3f3f3;
	    	color:#222222;
	    }
	    .menu-ui a.active,
	    .menu-ui a.active:hover {
	    	background:#f3f3f3;
	    	color:#222222;
	    }


	.leaflet-control {
	border-radius: 0px!important;
	}

	/*.leaflet-left {
	left: auto!important;
	right: 10px!important;
	}*/


	/*---------------------------- ZOOMING HOMEPAGE BOXES ----------------------------*/

	.home_box_master {
		width: 50%; 
		float: left; 
		position: relative;
		overflow: hidden;
		font-family: 'Economica', Helvetica, sans-serif;
	}

	.home_box {
		width: 100%
	}

	.home_box .bg {
	    width: 100%;
	    height: 0;
	    padding-top: 38.125%; /* (img-height / img-width * width) */

	    -webkit-transition: all 6.0s ease;
		-moz-transition: all 6.0s ease;
		-o-transition: all 6.0s ease;
		transition: all 6.0s ease;
	} 

		.home_box_master:hover .home_box .bg {
		-webkit-transform: scale(1.3, 1.3) rotate(0.01deg);
		-moz-transform: scale(1.3, 1.3) rotate(0.01deg);
		-ms-transform: scale(1.3, 1.3) rotate(0.01deg);
		backface-visibility: hidden;
		/*-webkit-backface-visibility: hidden; - causes a strange z-index style bug in chrome? */
		-moz-backface-visibility: hidden;
		-ms-backface-visibility: hidden;
		}

		.home_box .one .bg {
			background: url('/wp-content/themes/atelier_base_2012/furniture/images/backgrounds/home-what.jpg') no-repeat;
			background-size: cover;
		}

		.home_box .two .bg {
			background: url('/wp-content/themes/atelier_base_2012/furniture/images/banners/market-sectors.jpg') no-repeat;
			background-size: cover;
		}

		.home_box .three .bg {
			background: url('/wp-content/themes/atelier_base_2012/furniture/images/backgrounds/home_box_3.jpg') no-repeat;
			background-size: cover;
		}

		.home_box .four .bg {
			background: url('/wp-content/themes/atelier_base_2012/furniture/images/backgrounds/home_box_4.jpg') no-repeat;
			background-size: cover;
		}

	.home_box .title {
	top: 0px;
	right: 0px;
	width: 30%;
	display: block;
	max-height: 90%;
	min-height: 10%;
	position: absolute;
	padding: 30px;
	
	font-size: 36px;
	line-height: 42px;
	font-weight: normal;
	text-transform: uppercase;
	color: #ffffff;
	text-align: right;

	-webkit-transition: all 1.0s ease;
	-moz-transition: all 1.0s ease;
	-o-transition: all 1.0s ease;
	transition: all 1.0s ease;
	}

		.home_box_master:hover .home_box .title { 
			top: -10px;
		}

	.home_box .filter {
		background: #000000; 
		width: 100%; 
		height: 100%;
		position: absolute; 
		left: 0; 
		top: 0; 
		opacity: 0.5;

		-webkit-transition: all 1.0s ease;
		-moz-transition: all 1.0s ease;
		-o-transition: all 1.0s ease;
		transition: all 1.0s ease;
	}

		.home_box_master:hover .home_box .filter { 
			opacity: 0.4;
		}

		
	/*---------------------------- ZOOMING NEWS BOXES ----------------------------*/	

	.news_box_master {
	width: 100%;
	height: 200px;
	float: left;
	overflow: hidden;
	position: relative;
	}

		.news_box_master.contact_us {
		height: 297px;
		}

	.news_box img {
	-webkit-transition: all 1.0s ease;
	-moz-transition: all 1.0s ease;
	-o-transition: all 1.0s ease;
	transition: all 1.0s ease;
	}

	.news_box_master:hover .news_box img {
		-webkit-transform: scale(1.1, 1.1) rotate(0.01deg);
		-moz-transform: scale(1.1, 1.1) rotate(0.01deg);
		-ms-transform: scale(1.1, 1.1) rotate(0.01deg);
		backface-visibility: hidden;
		/*-webkit-backface-visibility: hidden; - causes a strange z-index style bug in chrome? */
		-moz-backface-visibility: hidden;
		-ms-backface-visibility: hidden;
		}

		.news_box .title {
		position: absolute; 
		bottom: -20px; 
		padding: 20px 20px 40px 20px; 
		width: 100%; 
		background: rgba(255,255,255,0.8);; 
		color: #222222; 
		
		font-size: 14px;
		line-height: 18px;

		-webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
		transition: all 0.5s ease;

		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		}

			.news_box .title .uppercase {
			text-transform: uppercase;
			font-size: 16px;
			line-height: 20px;
			}

		.news_box_master:hover .news_box .title { 
			bottom: 0px;
		}


	/*---------------------------- STAFF PROFILE SECTIONS ----------------------------*/

	.attachment-staff_image_small{
		background: #ffffff;
		width: 100%;
		border: 1px solid #e5e5e5;
	}

	div.knowledge_page div.columns.three:nth-child(4n+1) {
		margin-left: 0px;
	}


	/*---------------------------- NEWS/KNOWLEDGE BASE SECTIONS ----------------------------*/

	.news_page .news_box_master:nth-child(odd) {
	margin-left: 0px;
	}

		.knowledge_page .news_box_master:nth-child(4n+4) {
		margin-left: 0px;
		}

	.attachment-news_page_image {
		width: 100%;
	}

	.attachment-article_image {
		width: 100%;
		margin: 10px 0;
	}

		.attachment-knowledge_image {
		width: 100%;
		margin: 10px 0 30px 0;
	}

	ul.post-categories {
		padding: 0px!important;
		float: right;
	}

	ul.post-categories li {
		float: left;
		list-style-type: none!important;
		margin: 0 0 0 10px!important;
	}


	/*---------------------------- OUR COMPANY AND INLINE QUOTES/STATS ----------------------------*/

	div.info-box {
		position: relative;
	}

		div.stat {
			margin: 0 0 20px 0;
		}

	div.info-image {
		background: url('/wp-content/themes/atelier_base_2012/furniture/images/backgrounds/sps-our-company.jpg') no-repeat;
		width: 100%;
		height: 100%;
		position: relative;
	}

		div.info-image p {
			padding: 0;
		}

	div.info-image .overlay { 
		position: absolute; 
		top: 0px; 
		width: 100%; 
		min-height: 100%;
		background: #000000; 
		opacity: 0.75; 
		-webkit-transition: all 1.0s ease;
		-moz-transition: all 1.0s ease;
		-o-transition: all 1.0s ease;
		transition: all 1.0s ease;
	} 

		div.info-image img {
			 position: relative; 
			 top: 0; 
			 left: 0;
		}

	div.info-box:hover .overlay { opacity:0.5; }

	div.info-label {
		padding: 30px;
		background: #000000;
		color: #ffffff;
		-webkit-transition: all 1.0s ease;
		-moz-transition: all 1.0s ease;
		-o-transition: all 1.0s ease;
		transition: all 1.0s ease;
	}

	div.info-box:hover .info-label {
		background: #ffffff;
		color: #000000;
	}


	div.info-quote {
		background: #222222 url('/wp-content/themes/atelier_base_2012/furniture/images/backgrounds/sps-quote.png') no-repeat right bottom;
		color: #ffffff;
		width: 100%;
		margin: 10px 0 25px 0;
		padding: 30px;
		font-family: 'Economica', Helvetica, sans-serif;
		font-size: 30px;
		line-height: 36px;
		text-transform: uppercase;

		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
	}
	div.info-quote-person {
		background: #000000;
		color: #ffffff;
		width: 100%;
		padding: 20px 30px;
		margin: 0 0 25px 0;
		font-family: 'Economica', Helvetica, sans-serif;
		font-size: 30px;
		line-height: 24px;
		text-align: right;
		text-transform: uppercase;

		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
	}

		div.info-quote-person span {
			font-size: 16px;
		}

	div.info-stat {
		background: #222222 url('/wp-content/themes/atelier_base_2012/furniture/images/backgrounds/sps-quote.png') no-repeat right bottom;
		color: #ffffff;
		width: 100%;
		padding: 30px;
		font-family: 'Economica', Helvetica, sans-serif;
		font-size: 30px;
		line-height: 36px;
		text-transform: uppercase;

		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
	}





	
/*==================================================================================================

	7. LISTS 
	
==================================================================================================*/

div#content ul {
	margin: 0;
	padding: 5px 0 10px 20px;
	list-style-type: disc;
	}
	
	div#content ul li {
	margin: 0;
	padding: 0 0 7px 0;
	list-style-type: disc;
	}

ul.news_feature li {
	padding: 15px 0 0 0;
	border-top: 1px solid #CCCCCC;
	}
	
div#sidebar ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: left;
	}
	
	div#sidebar ul li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	}

div#content ol {
	padding: 5px 0 10px 22px;
	margin: 0;
	}
	
	div#content ol li {
	margin: 0;
	padding: 0 0 10px 0;
	}
	
p.knwbse-title {
	font-size: 16px;
	color: #00B2DF;
}

/*==================================================================================================

	8. TABLES
	
 ====================================================================================================*/
 
div#content table {
	width: 100%;
	border-collapse: collapse;
	margin: 0 0 20px 0;
	}
	
	div#content table th {
	padding: 7px 15px;
	font-weight: bold;
	color: #FFFFFF;
	background: #000000;
	border-right: 1px solid #FFFFFF;
	}
	
	div#content table td {
	padding: 7px 15px;
	border-bottom: 1px solid #CCCCCC;
	}

/*==================================================================================================

	9. CSS3 BUTTONS - Copied from Foundation - Jan 2012 - v2.1.4 http://foundation.zurb.com
	
==================================================================================================*/

.button {
	background: #222222;
	display: inline-block;
	text-align: center;
	padding: 16px 32px;
	color: #fff;
	font-family: 'Economica', Helvetica, sans-serif;
	text-decoration: none;
	text-transform: uppercase;
	line-height: 1;
	position: relative;
	cursor: pointer;
	border: none;

	-webkit-transition: all 1.0s ease;
	-moz-transition: all 1.0s ease;
	-o-transition: all 1.0s ease;
	transition: all 1.0s ease;
	}
	
  	/* Don't use native buttons on iOS */
	input[type=submit].button { -webkit-appearance: none; }
	


	.button.full-width {
	width: 100%;
	padding-left: 0 !important;
	padding-right: 0 !important;
	text-align: center;
	}

	
	/* Sizes ---------- */
	.small.button 			{ font-size: 11px; padding: 8px 20px 10px; width: auto; }
	.medium.button 			{ font-size: 13px; width: auto; }
	.large.button 			{ font-size: 18px; padding: 11px 48px 13px; width: auto; }

	/* Colors ---------- */
	.white.button			{ background-color: #e9e9e9; color: #333; }
	
	/* Hovers ---------- */
	.button:hover, .button:focus 				{ background-color: #ffffff; color: #000000; text-decoration: none; }
	.white.button:hover, .white.button:focus	{ background-color: #dadada; color: #333; }
	
	/* Disabled ---------- */
	.button.disabled, .button[disabled] { opacity: 0.6; cursor: default; }


/*==================================================================================================

	10. MAIN NAVIGATION - CSS DROP DOWN MENU WITH JQUERY FADE IN EFFECT - ALTERED BY ATELIER - INSPIRED BY - http://www.webinterfacelab.com/snippets/tabbed-navigation
	
==================================================================================================*/	

/*------ MAIN NAV ITEMS ---------*/

div.main_nav {
	background-color: #222222;
	border-top: 1px solid #2d2d2d;
}

div.main_nav div.nav_block {
	width: 16.7%;
	float: left;
}

	div.main_nav div.nav_block:first-child {
	width: 16.5%;
	}

div.main_nav a {
	display: block;
	font-size: 16px;
	padding: 16px 0 32px 16px;
	color: #fff;
	font-family: 'Economica', Helvetica, sans-serif;
	background: #222222;
	text-decoration: none;
	text-transform: uppercase;

	-webkit-transition: all 1.0s ease;
	-moz-transition: all 1.0s ease;
	-o-transition: all 1.0s ease;
	transition: all 1.0s ease;
}

	div.main_nav a:hover, div.current.nav_block a {
	background: #ffffff;
	color: #404040;
	}

div.main_nav div.underline {
	width: 16px;
	height: 4px;
	background: #d28417;
	margin: 10px 0 0 0;
	position: absolute;
}

div.contact a.contact-us {
	display: block;
	text-indent: -9999px;
	height: 100%;
	padding: 0 58px;
	background: #222222;
	float: right;

	-webkit-transition: all 1.0s ease;
	-moz-transition: all 1.0s ease;
	-o-transition: all 1.0s ease;
	transition: all 1.0s ease;
}

	div.contact a.contact-us:hover {
		background: #000000;
	}

div.contact div.telephone {
	display: block;
	height: 100%;
	padding: 0 58px 0 0;
	float: right;
	font-size: 32px;
	line-height: 139px;
	color: #ffffff;
}

	div.contact div.icon {
		background: url('/wp-content/themes/atelier_base_2012/furniture/images/sitewide/sitewide_sprite.png') no-repeat 0 -430px;
		height: 48px;
		width: 48px;
		position: relative;
		top: 46px;
	}



/*------ CASCADING STYLES FOR DROP DOWN LINK STYLES ---------*/

li.dropdown ul {
	background: #999;
	border-top: 1px solid #dadada;
	border-left: 1px solid #dadada;
	border-right: 1px solid #dadada;
	}
	
li.dropdown li {
	display: block;
	overflow: visible;
	float: left;
	}

li.dropdown li a {
	display: block;
	color: #fff;
	padding: 10px 20px;
	float: left;
	min-width: 140px;
	border-bottom: 1px solid #eee;
	text-decoration: none;
	}
	
	li.dropdown li a:hover {
	color: #fff;
	background: #000000;
	text-decoration: underline;
	}

/*------ DROP DOWN LEVEL ONE ---------*/
	
li.dropdown {
	position: relative;
	}
	
li.dropdown ul {
	display: none;
	position: absolute;
	top: 44px;
	left: -1px;
	min-width: 180px;
	}

/*------ DROP DOWN LEVEL TWO ---------*/

li.dropdown > ul > li.page_item {
	position: relative;
	}
	
li.dropdown > ul > li.page_item ul {
	display: none;
	position: absolute;
	top: -1px;
	left: 180px;
	min-width: 180px;
	}

/* ---------- This is only need if your not using the jQuery fade in functionality, switching this on would make pure CSS menus work

	li.dropdown:hover ul {
		display: block;
		}
	
	li.dropdown > ul > li.page_item:hover ul {
		display: block;
		}

*/


/*==================================================================================================

	11. SIDEBAR SUB NAVIGATION
	
==================================================================================================*/

ul.sidebar_nav {
	float: left;
	width: 100%;
	}

	ul.sidebar_nav li {
	float: left;
	clear: both;
	width: 100%;
	border-bottom: 1px solid #404040;
	}

		ul.sidebar_nav li:last-child {
		border-bottom: none;
		}
	
	ul.sidebar_nav li a {
	display: block;
	padding: 16px 20px 16px 65px;
	color: #ffffff;
	text-decoration: none;
	background: #222222;

	font-family: 'Economica', Helvetica, sans-serif;
	text-transform: uppercase;
	text-indent: -35px;

	-webkit-transition: all 1.0s ease;
	-moz-transition: all 1.0s ease;
	-o-transition: all 1.0s ease;
	transition: all 1.0s ease;
	}

		ul.sidebar_nav li a:before {
		background: url('/wp-content/themes/atelier_base_2012/furniture/images/sitewide/sitewide_sprite.png') no-repeat 0 -223px;
	    width: 34px;
	    height: 9px;
	    display: inline-block;
	    content: " ";
	    position: relative;
	    top: 0px;
	    left: 0px;
		}

	ul.sidebar_nav li.current_page_item > a, ul.sidebar_nav li.current-cat > a {
	background: #f3f3f3;
	color: #000000;
	}
	
		ul.sidebar_nav li.current_page_item a:hover,
		ul.sidebar_nav li a:hover {
		text-decoration: none;
		background: #f3f3f3;
		color: #222222;
		}
		
/* --------------------- SECOND LEVEL NAVIGATION ------------------------- */

ul.sidebar_nav li.current_page_item ul,
ul.sidebar_nav li.current_page_ancestor ul {
	display: block;
	clear: both;
	float: left;
	width: 100%;
	list-style: none;
	}

	ul.sidebar_nav li.current_page_item ul li,
	ul.sidebar_nav li.current_page_ancestor ul li {
	clear: both;
	width: 100%;
	border-top: 1px solid #dfdfdf;
	border-bottom: none;
	}
	
	ul.sidebar_nav li.current_page_item ul li a,
	ul.sidebar_nav li.current_page_ancestor ul li a {
	color: #666666;
	text-decoration: none;
	padding: 16px 20px 16px 80px;
	text-indent: -35px;
	background: #f3f3f3;
	}
	
	ul.sidebar_nav li.current_page_item ul li.current_page_item a,
	ul.sidebar_nav li.current_page_ancestor ul li.current_page_item a {
	color: #000;
	background: #efefef;
	}
	
		ul.sidebar_nav li.current_page_item ul li a:hover {
		text-decoration: none;
		}

	div.icon.mail {
		background: url('/wp-content/themes/atelier_base_2012/furniture/images/sitewide/sitewide_sprite.png') no-repeat 0 -264px;
		width: 24px;
		height: 16px;
		margin: 0 10px 0 0;
		float: left;
		position: relative;
		top: 9px;
	}

	div.icon.knowledge {
		background: url('/wp-content/themes/atelier_base_2012/furniture/images/sitewide/sitewide_sprite.png') no-repeat 0 -280px;
		width: 24px;
		height: 24px;
		margin: 0 10px 0 0;
		float: left;
		position: relative;
		top: 6px;
	}

	div.icon.mail-staff {
		background: url('/wp-content/themes/atelier_base_2012/furniture/images/sitewide/sitewide_sprite.png') no-repeat 0 -304px;
		width: 24px;
		height: 16px;
		margin: 0 8px 0 0;
		float: left;
		position: relative;
		top: 2px;
	}

	div.icon.phone-staff {
		background: url('/wp-content/themes/atelier_base_2012/furniture/images/sitewide/sitewide_sprite.png') no-repeat 0 -320px;
		width: 24px;
		height: 20px;
		margin: 0 8px 0 0;
		float: left;
	}

/*==================================================================================================

	12. MISC STYLES
	
==================================================================================================*/


.skip-link { position: absolute; top: -200px; left: 0px; width: 10px; height: 10px; z-index: 100; }

div.pagination { float: left; width: 100%; padding: 20px 0 0 0;	}

#map { height: 450px; }

.featured_image { float: right; margin: 0 0 15px 15px; }


/*==================================================================================================

	13. IMAGE REPLACEMENT HEADINGS
	
==================================================================================================*/

	/* {
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	cursor: pointer;
	border: none;
	}*/
	
/*------------- IMAGE REPLACEMENT SIZES & POSITION -----------------*/
	
	
/*==================================================================================================

	14. IMAGE REPLACEMENT BUTTONS
	
==================================================================================================*/

/*------------- IMAGE REPLACEMENT BUTTON RESETS - ADD ALL BUTTON CLASSES HERE -----------------*/

	a.logo, p.social_icons a {
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	cursor: pointer;
	border: none;
	}
	
	a.next, a.previous {
	display: block;
	overflow: hidden;
	cursor: pointer;
	border: none;
	font-size: 64px;
	line-height: 78px;
	font-family: arial;
	color: #ffffff;
	text-align: center;
	width: 95px; 
	height: 95px;
	position: absolute;
	z-index: 9999;

	-webkit-transition: all 1.0s ease;
	-moz-transition: all 1.0s ease;
	-o-transition: all 1.0s ease;
	transition: all 1.0s ease;
	}

		a.next:hover, a.previous:hover {
		text-decoration: none;
		background: rgba(255, 255, 255, 1);
		color: #222222;
		}

/*------------- BUTTON RESETS ENDS -----------------*/

	a.logo {
	width: 297px;
	height: 67px;
	position: relative;
	z-index: 4000;
	left: 0px;
	background: url(/wp-content/themes/atelier_base_2012/furniture/images/sitewide/sitewide_sprite.png) no-repeat 0 0;
	}


	div.contact {
	position: absolute;
	height: 100%;
	right: 0px;
	top: 0px;
	}

	a.next {
	bottom: 1px;
	right: 0px;
	
	}
	
	a.previous {
	bottom: 1px;
	left: 0px;
	}

p.social_icons {
	position: relative;
	float: right;
	clear: both;
	width: 200px;
	}

	p.social_icons a {
	background-image: url(/wp-content/themes/atelier_base_2012/furniture/images/sitewide/sitewide_sprite.png); 
	width: 16px; 
	height: 16px;
	float: right;
	margin: 0 0 0 5px;
	}

	a.linkedin_icon {
	background-position: -316px 0;
	}
	
	a.facebook_icon {
	background-position: -338px 0;
	}	

	a.twitter_icon {
	background-position: -360px 0;
	}
	
	a.rss_icon {
	background-position: -293px 0;
	}


	

/*==================================================================================================

	15. FORMS
	
 ====================================================================================================*/

form.page_form { float: none; }

/*============ LABEL STYLES ================*/

label {
	float: left;
	clear: both;
	text-align: right;
	padding: 8px 15px 0 0;
	}
	
	label.short_label {	width: 55px; }
	
	label.medium_label { width: 60px; }
	
	label.long_label { width: 220px; }
	
	label.check_box_label {
	float: none;
	padding: 2px 0 0 10px;
	margin: 0;
	}
	
	label.small_text_checkbox {
	font-weight: normal;
	font-size: 11px;	
	}
	
/*============ SELECT STYLES ================*/
	
select {
	padding: 3px;
	height: 25px;
	margin: 0 0 8px 0;
	border: 1px solid #c5c3c4;
	background-color: #FFFFFF;
	}		
	
	select.short_select { width: 80px; margin: 0 15px 8px 0; }
	
	select.medium_select { width: 178px; }	
	
	select.long_select { width: 227px; }		

/*============ FIELDSET STYLES ================*/

fieldset {
	clear: both;
	border: none;
	}		

/*============ TEXT FIELD STYLES ================*/

input {
	color: #212121;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	}
	
	input.short_text_field,
	input.medium_text_field,
	input.long_text_field { 
	float: left; 
	padding: 9px 8px 9px 8px; 
	border: 1px solid #c5c3c4; 
	}
	
	input.short_text_field:focus,
	input.medium_text_field:focus,
	input.long_text_field:focus { background: #f8f8f8; }	

	input.short_text_field { width: 100px; }
	
	input.medium_text_field { width: 200px; }	
	
	input.long_text_field { width: 100%; }	

/*============ TEXT AREA STYLES ================*/

textarea {
	height: 142px;
	padding: 9px 8px 9px 8px;
	border: 1px solid #c5c3c4;
	float: left;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	}
	
	textarea:focus { background: #f8f8f8; }
	
	textarea.medium_text_area { width: 100%; }

/*============ CHECK BOXES ================*/

span.checkbox_container {
	float: left;
	clear: both;
	}
	
	span.checkbox_long { padding: 0 0 8px 265px; }
	
	span.checkbox_medium { padding: 0 0 8px 235px; }	
	
	span.checkbox_short { padding: 0 0 8px 95px; }	
	
	input.checkbox { padding: 5px 10px 0 0; }
	

/*============ INPUT BUTTON STYLES ================*/

/* Uses default


/*============ CONTACT FORM 7 STYLES ================*/

form.wpcf7-form {
	width: 100%;
	float: left;
	padding: 20px 0 0 0;
	}

div.wpcf7-display-none {
	display: none;
	}

div.wpcf7-response-output {
    padding: 10%;
	float: left;
	clear: both;
	width: 80%;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	position: relative;
	bottom: 3px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	}
	
	div.wpcf7-validation-errors {
	color:#CC0000;
	border: 2px solid #f3a653;
	background: #FFFF99;	
	}		
		
		span.wpcf7-form-control-wrap {
		position: relative;
		float: left;
		}
	
		span.wpcf7-not-valid-tip {
	 	background: none repeat scroll 0 0 #FFFF99;
		border: 2px solid #F3A653;
		color: #CC0000;
		left: 2px;
		padding: 5px;
		position: absolute;
		text-align: center;
		top: 3px;
		width: 200px;
		z-index: 100;
		-webkit-border-radius: 6px;
		-moz-border-radius: 6px;
		border-radius: 6px;		
		}	
	
	div.wpcf7-mail-sent-ok {
	color: #339933;
	border: 2px solid #82B827;
	background: #bbe57f;
	}	

span.wpcf7-form-control-wrap { float: left;	margin: 0; padding: 0;	}

div.wpcf7 br { clear: none;	}

div.wpcf7 p { width: 100%; float: left; clear: both; }
	
div.wpcf7 img.ajax-loader {
  	border: none;
    vertical-align: middle;
	position: absolute;
	bottom: 23px;
	left: 206px;
	z-index: 50;
	}


/*==================================================================================================

	16. PRINT STYLES - Inlined to avoid additional HTTP connection request  - Copied from Foundation - Jan 2012 - v2.1.4 http://foundation.zurb.com
	
==================================================================================================*/
		
@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important;
	-ms-filter: none !important; } /* Black prints faster: sanbeiji.com/archives/953 */
	a, a:visited { color: #444 !important; text-decoration: underline; }
	a[href]:after { content: " (" attr(href) ")"; }
	abbr[title]:after { content: " (" attr(title) ")"; }
	.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
	pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
	thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */
	tr, img { page-break-inside: avoid; }
	img { max-width: 100% !important; }
	@page { margin: 0.5cm; }
	p, h2, h3 { orphans: 3; widows: 3; }
	h2, h3{ page-break-after: avoid; }
 
/*------ ADDED BY ATELIER --------*/
  
 	.no_print { display: none; }
  
	.row .one.columns, .row .two.columns, .row .three.columns, .row .four.columns, .row .five.columns, .row .six.columns, .row .seven.columns, .row .eight.columns, 
	.row .nine.columns, .row .ten.columns, .row .eleven.columns, .row .twelve.columns 	{ width: 100%; clear: both; padding: 0 0 30px 0; }  
	
	.column, .columns { margin-left: 0; float: left; min-height: 1px; position: relative;  }
	
	.columns.margin { margin-left: 0; }
}		

/*==================================================================================================

	17. MOBILE STYLES  - Copied from Foundation - Jan 2012 - v2.1.4 http://foundation.zurb.com
	
==================================================================================================*/

	@media only screen and (max-width: 1179px) {		
		body { -webkit-text-size-adjust: none; -ms-text-size-adjust: none; width: 100%; min-width: 0; margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0; }
		.container { min-width: 0; margin-left: 0; margin-right: 0; }



		/* MAX WIDTH SEEMS TO EXTEND PAGE WIDTH BEYOND DIVS - INVESTIGATE */

		.row { width: 100%; min-width: 0; max-width: none!important; margin-left: 0; margin-right: 0; }
		/* Added line below */
		.row.fixed { width: 100%; }
		.row .row .column, .row .row .columns { padding: 0; }
		.column, .columns { width: auto !important; float: none; margin-left: 0; margin-right: 0; }
		.column:last-child, .columns:last-child { margin-right: 0; }
		
		.offset-by-one, .offset-by-two, .offset-by-three, .offset-by-four, .offset-by-five, .offset-by-six, .offset-by-seven, .offset-by-eight, .offset-by-nine, .offset-by-ten, .offset-by-eleven, .centered { margin-left: 0 !important; }
		
		.push-two, .push-three, .push-four, .push-five, .push-six, .push-seven, .push-eight, .push-nine, .push-ten { left: auto; }
		.pull-two, .pull-three, .pull-four, .pull-five, .pull-six, .pull-seven, .pull-eight, .pull-nine, .pull-ten { right: auto; }
		
		/* Mobile 4-column Grid */
		.row .phone-one.column:first-child, .row .phone-two.column:first-child, .row .phone-three.column:first-child, .row .phone-four.column:first-child, .row .phone-one.columns:first-child, .row .phone-two.columns:first-child, .row .phone-three.columns:first-child, .row .phone-four.columns:first-child { margin-left: 0; }
		
		.row .phone-one.column, .row .phone-two.column, .row .phone-three.column, .row .phone-four.column,
		.row .phone-one.columns, .row .phone-two.columns, .row .phone-three.columns, .row .phone-four.columns { margin-left: 4.4%; float: left; min-height: 1px; position: relative; padding: 0; }
		
		.row .phone-one.columns 	{ width: 21.68% !important; }
		.row .phone-two.columns 	{ width: 47.8% !important; }
		.row .phone-three.columns 	{ width: 73.9% !important; }
		.row .phone-four.columns 	{ width: 100% !important; }
		
		.row .columns.push-one-phone { left: 26.08%; }
		.row .columns.push-two-phone { left: 52.2% }
		.row .columns.push-three-phone { left: 78.3% }
		
		.row .columns.pull-one-phone { right: 26.08% }
		.row .columns.pull-two-phone { right: 52.2% }
		.row .columns.pull-three-phone { right: 78.3%; }

		/* Margin / Padding */
		.padding_mobile_left_30_right_30 { padding-left: 30px!important; padding-right: 30px!important; }
		.padding_mobile_36 { padding: 36px!important; }
		.padding_mobile_left_36_right_36 { padding-left: 36px!important; padding-right: 36px!important; }

		.padding_mobile_top_0 { padding-top: 0px!important; }
		.padding_mobile_bottom_0 { padding-bottom: 0px!important; }
		.padding_mobile_top_24_bottom_24 { padding: 24px 0!important; }

		.margin_mobile_left_36_right_36 { margin: 0 36px!important; }
		.margin_mobile_bottom_36 { margin: 0 0 36px 0!important; }

		.centre { margin: 0 auto; }



		div.content_container { background: none; }

		div.banner_text { display: none; }

		/*div.page_container { width: 100px;}*/
		div#content, div#home_content {
			padding: 0 30px;
		}

		div.contact div.icon {
			top: 44px;
		}

		div.contact div.telephone {
			line-height: 115px;
		}


		/* Homepage */

		.home_box .title {
		font-size: 24px;
		line-height: 30px;
		}

		.news_box img {
		width: 100%!important;
		height: auto!important;
		}

		.news_box_master {
		height: auto!important;
		/*margin-left: 30px!important;
		margin-right: 30px;*/
		}


		/* Our Company page */

		div.info-box {
		margin-bottom: 20px;
		}	



	     #sidebar { width: 100%!important; clear: both; padding: 0 30px!important; float: left; margin: 36px 0 0 0; }

	     div.pseudo-sidebar {
			width: 100%;
			text-align: center;
			padding: 16px 0;
			color: #ffffff;
			text-decoration: none;
			background: #404040;
			font-family: 'Economica', Helvetica, sans-serif;
			text-transform: uppercase;
			}

		input.long_text_field {
			width: 100%!important;
		}

	}

		.topbar {
			padding: 5px 10px;
			background: #222222;
						font-size: 14px;
						border-bottom: solid 1px #2d2d2d;

		}

		.topbar .row {
			padding: 0px 5px;
			opacity: 1;

		}

		.social {
			margin-left: 10px;
		}

		.facebook {
			color: #3b5998;
		}

		.twitter {
			color: #00aced;
		}

		.google {
			color: #dd4b39;
		}

		.linkedin {
			color: #007bb5;
		}

		.fade {
			opacity: 0.2;
			padding: 0px 10px;
		}
		

		/*Styles for screen 900px and lower*/
		@media screen and (max-width: 900px) {

			.desktop-hidden { display: block!important; }
			.mobile-hidden { display: none; }

			#map { height: 250px; }

			/*==================================================================================================

		    MOBILE NAV STYLES
		    
			==================================================================================================*/  
			
			div.main_nav div.nav_block a:before {
			background: url('/wp-content/themes/atelier_base_2012/furniture/images/sitewide/sitewide_sprite.png') no-repeat 0 -223px;
		    width: 34px;
		    height: 9px;
		    display: inline-block;
		    content: " ";
		    position: relative;
		    top: 0px;
		    left: 0px;
			}
		  	
		  	
		  	nav a#pull {
				display: block;
				width: 100%;
				position: relative;
				text-align: center;
				padding: 18px 32px;
				background: #222222!important;
				color: #ffffff!important;
				text-decoration: none;
				font-family: 'Economica', Helvetica, sans-serif;

				-webkit-transition: all 1.0s ease;
				-moz-transition: all 1.0s ease;
				-o-transition: all 1.0s ease;
				transition: all 1.0s ease;

				box-sizing: border-box;
				-moz-box-sizing: border-box;
				-webkit-box-sizing: border-box;
			}
				nav a#pull:hover {
				background: #ffffff;
				color: #222222;
				}

			/*nav a#pull:after {
				content:"";
				background: url('/wp-content/themes/atelier_base_2012/furniture/images/sitewide/nav-icon.png') no-repeat;
				width: 30px;
				height: 30px;
				display: inline-block;
				position: absolute;
				right: 0px;
				top: 7px;
			}*/





			div.main_nav div.nav_block {
				width: 100%;
				float: left;
			}

				div.main_nav div.nav_block:first-child {
				width: 100%;
				}

			div.main_nav a {
				font-size: 16px;
				padding: 24px 32px;
			}

				div.main_nav a:hover, div.current.nav_block a {
				background: #ffffff;
				color: #404040;
				}

			div.main_nav div.underline {
				display: none;
			}













			div.sub_header {
			height: 300px;
			}

			div.slide_container {
			height: 300px;
			}
			
			div.slide {
			height: 300px;
			}
			
			div.slide_wrapper {
			height: 300px;
			}
			


			/*---------- Slide Images - By default images are added to the slides by the styles below  -----------*/

			div.text_position {
			left: 0px;
			right: 0px;
			}

			div.slide_image {
			height: 300px;
			}

			a.next, a.previous {
			font-size: 20px;
			line-height: 52px;

			background: rgba(0, 0, 0, 0.7);
			width: 60px; 
			height: 60px;
			}



			.slider_nav_conatiner {
				top: -100px;
				opacity: 0.5;
				position: absolute;
			}






			.home_box_master {
			width: 100%;
			}

			.home_box .title {
				width: 50%;
			}

			.branding {
			display: none;
			}

			.news_box img {
			width: 100%;
			height: auto!important;
			}

			nav.menu-ui {
				display: none;
			}

			.contact {
				display: none;
			}

			a.logo { 
				margin: 0 auto!important;
				width: 180px;
				height: 40px;
				background: none!important;
			}

			.footer_links {
				line-height: 48px;
			}



			h1 {
				font-size: 48px;
				line-height: 48px
			}
				h1.home {
					font-size: 30px;
					line-height: 30px;
				}

			h2 {
				font-size: 30px;
				line-height: 36px;
			}
				h2.black_full {
					font-size: 30px;
					line-height: 36px;
				}

		}

		@media screen and (max-width: 1180px) {
			a.next, a.previous {
			font-size: 20px;
			line-height: 30px;
			position: absolute;
			top: -95px;
			background: rgba(0, 0, 0, 0.7);
			width: 30px; 
			height: 30px;
			}
		}


		/*Styles for screen 600px and lower*/
		@media screen and (max-width: 600px) {
			
			.we_are { display: none; }

			a.next, a.previous {
			font-size: 20px;
			line-height: 52px;

			background: rgba(0, 0, 0, 0.7);
			width: 60px; 
			height: 60px;
			}

			div.text_position {
			}
		}




		/*Styles for screen 480px and lower*/
		@media screen and (max-width: 480px) {

			h1.home {
			font-size: 20px;
			line-height: 20px;
			}

			.home_box_master {
			width: 100%;
			}

			.home_box .title {
				padding: 10px;
			}



			div.sub_header {
			height: 200px;
			}

			div.slide_container {
			height: 200px;
			}
			
			div.slide {
			height: 200px;
			}
			
			div.slide_wrapper {
			height: 200px;
			}
			


			/*---------- Slide Images - By default images are added to the slides by the styles below  -----------*/

			div.slide_image {
			height: 200px;
			}
		}

	
/* -------  Mobile Visibility Affordances ----------*/

	@media (max-width: 901px) {
		.hide-on-phones { display: none !important; }		
	}

	@media (max-width: 900px) {
		.show-on-phones { display: block !important; }		
	}

	@media (min-width: 1024px) {
		.show-sidebar { display: block !important; }
	}

	@media (max-width: 1023px) {
		.show-sidebar { display: none !important; }
	}

	@media (max-width: 400px) {
		span.hide-language { display: none !important; }
	}


/*==================================================================================================

	18. IE STYLES - This is for all IE specfific style less than IE9 
	
==================================================================================================*/

#ie6 div.page_container_ie6 { width: 980px; } 



/*==================================================================================================

	19. COOKIE CUTR STYLES - Cookies pop up warning - cookieCuttr by Chris Wharton (http://cookiecuttr.com) 
	
==================================================================================================*/


.cc-cookies {
	position:fixed;
	width: 90%;
	left: 0;
	top: 0;
	padding: 0.5em 5%;
	background: #666666;
	opacity:0.95;
	color: #fff;
	font-size: 12px;
	font-weight: normal;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.35);
	z-index: 99999;
	text-align: center;
	color: #fff;
}

.cc-cookies a, .cc-cookies a:hover {
	color: #fff;
	text-decoration: underline;
}

.cc-cookies a:hover {
	text-decoration: none;
}

.cc-overlay {
	height: 100%;
	padding-top: 25%;
}

.cc-cookies-error {
	float: left;
	width: 90%;
	text-align: center;
	margin: 1em 0 2em 0;
	background: #fff;
	padding: 2em 5%;
	border: 1px solid #ccc;
	font-size: 18px;
	color: #333;
}

.info-quote-person {
	display: none;
}

.oldie .cc-cookies {
	background: #565656;
}

.cc-cookies a.cc-cookie-accept, .cc-cookies-error a.cc-cookie-accept, .cc-cookies a.cc-cookie-decline, .cc-cookies-error a.cc-cookie-decline, .cc-cookies a.cc-cookie-reset {
	display: inline-block;
	color: #fff;
	font-size: 13px;
	font-weight: normal;
	text-decoration: none;
	background: #7DAF3B;
	padding: 5px 15px;
	margin: 0 7px;
	border-radius: 3px;
	box-shadow: 0 0 2px rgba(0, 0, 0, 0.25);
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.35);
	-o-transition: background 0.5s ease-in;
	-webkit-transition: background 0.25s ease-in;
	-moz-transition: background 0.25s ease-in;
}

.cc-cookies a.cc-cookie-decline, .cc-cookies-error a.cc-cookie-decline {
	background: #af3b3b;
	margin-left: 0.5em;
}

.cc-cookies a.cc-cookie-reset {
	background: #f15b00;
}

.cc-cookies a:hover.cc-cookie-accept, .cc-cookies-error a:hover.cc-cookie-accept, .cc-cookies a:hover.cc-cookie-decline, .cc-cookies-error a:hover.cc-cookie-decline, .cc-cookies a:hover.cc-cookie-reset {
	background: #000;
	-o-transition: background 0.5s ease-in;
	-webkit-transition: background 0.25s ease-in;
	-moz-transition: background 0.25s ease-in;
}

.cc-cookies-error a.cc-cookie-accept, .cc-cookies-error a.cc-cookie-decline {
	display: block;
	margin-top: 1em;
}
 @media screen and (max-width: 768px) {
.cc-cookies a.cc-cookie-accept, .cc-cookies a.cc-cookie-decline, .cc-cookies a.cc-cookie-reset {
display: block;
margin: 1em 0;
}
}
 @media screen and (max-width: 480px) {
.cc-cookies {
position: relative;
}
}