/*  

Theme Name: Studio theme

Theme URI: http://themeforest.net/user/webdesignpeople

Description: @studio corporate Wordpress theme.

Version: 1.2

Author: Web Design People

Author URI: http://themeforest.net/user/webdesignpeople

*/

/*

CSS structure:

Reset styles

Fonts - sizes, colour, line height, anchor

Main containers

Header

Homepage sliders

Homepage banner options

Homepage 2/3 columns

Generic content and sidebar

Bottom content area

Footer

Portfolio

Blog

Search results

Cufon

Overlay unique styles, modal popup values

*/

/***START reset***/

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,

del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,

fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;}

body {line-height: 1;}

ol, ul {list-style: none;}

blockquote, q {quotes: none;}

blockquote:before, blockquote:after,

q:before, q:after {content: '';content: none;}

a, input, label, :focus {outline: 0;}

ins {text-decoration: none;}

del {text-decoration: line-through;}

table {border-collapse: collapse;border-spacing: 0;}

/***END reset***/



/***START font styles - size, colour, line height; anchor styles and hover behaviour***/

/***FONT SIZES:

The body is set at 0.75em (12px). [increased to .80 nov15 2010] The following values calculate as:

h1 - 2.6em - 31px

h2 - 1.67 - 20px

h3 - 1.45em - 17px

h4 - 1.33em - 16px

h5 - 1.1em - 14px

1.09em - 13px

Standard body text size for HTML content (p, ul, ol etc.,) is the body default of 0.75em (12px)***/

/*generic*/

	body{font-size:0.80em/*12px*/;font-family: "Lucida Grande","Lucida Sans Unicode","Trebuchet MS",Helvetica,Arial,sans-serif;}

	a {color:#f60116;}

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

	h1{font-size:2.6em;/*31px*/font-weight:normal;color:#24292a;padding-bottom:15px;}

	h2{font-size:1.67em;/*20px*/font-weight:400;color:#24292a;line-height:1.3em;padding-bottom:10px;}

	h3{font-size:1.45em;/*17px*/font-weight:normal;color:#24292a;line-height:1.3em;padding-bottom:10px;}

	h4{font-size:1.33em;/*16px*/font-weight:normal;color:#24292a;line-height:1.3em;padding-bottom:8px;}

	h5{font-size:1.1em;/*14px*/font-weight:normal;color:#24292a;line-height:1.3em;padding-bottom:8px;}	

	p, blockquote{line-height:1.4em;}

	input, textarea{font-family:"Lucida Grande","Lucida Sans Unicode","Trebuchet MS",Helvetica,Arial,Verdana,sans-serif;}

	textarea { width: 75%; }

        .wpcf7-text {width: 75% !important; }

	strong{color:#000;font-weight:normal;}

	.clear { clear: both; }

/* Custom Styles */



.calloutsub { margin: 13px 13px 0 0; float: left;}



/*specific font styles*/

/*header*/

	#feedslink{font-size:1.09em;/*13px*/color:#bcc1c2;text-decoration:none;}

	#customise{font-size:1.09em;/*13px*/color:#bcc1c2;text-decoration:none;}

	#feedslink:hover, #customise:hover{color:#fff;text-decoration:none;}

	#feeds ul li a{color:#bcc1c2;text-decoration:none;}

	#feeds ul li a:hover{color:#fff;text-decoration:none;}

	#s {color:#798184;font-size:1em;}

	#primarynav  li a{font-size:1.17em;}

	#primarynav  li li{font-size:1em;}

	#primarynav  li li a{font-size:0.75em;}

	#primarynav  li a{color:#f9f9f9;}

	#primarynav  li a:hover,  #primarynav  li.sfHover a{background:#606060;}

	#primarynav  li.current_page_item a, #primarynav  li.current_page_parent a, #primarynav  li a.current_page_parent, #primarynav  li.current_page_ancestor a {background:#f5f5f5;color:#f60116;}

	#primarynav  li li a{text-decoration:none;color:#bcc1c2;}

	#primarynav  li li a, #primarynav  li.current_page_item li a, #primarynav  li.sfHover  li a{color:#BCC1C2;background:#4d4d4d;font-size:1em;}

	#primarynav  li li a:hover, #primarynav  li.current_page_item  li a:hover, #primarynav  li li.current_page_item a:hover, #primarynav  li.sfHover  li a:hover, #primarynav li.current_page_parent   li.current_page_item > a {color:#fff;background:#4d4d4d;}



/*homepage sliders*/	

	.slider-controls div{color:#636669;}

	.overlay{position: relative;z-index: 1;}

	#cycle-fullwidth .overlay p {color:#fff;line-height:1.2em;}

	#cycle-fullwidth .overlay a{color:#f60116;text-decoration:none;}

	#cycle-fullwidth .overlay a:hover{/*text-decoration:underline;*/}

	#cycle-fullwidth .overlay h2{color:#f60116;font-size:1.35em;text-transform:uppercase;position: relative;	z-index: 1;}

	#cycle-fullwidth .overlay h3{color:#fff;font-size:2em;position: relative;	z-index: 1;}

/*homepage banner testimonial*/

	#banner-controls-testimonial blockquote{font-size:1.67em;line-height:1.55em;}

	#banner-controls-testimonial blockquote span{font-size:0.6em/*12px within 20px container*/;color:#f60116;}

/*homepage 3 content columns*/

	#columns p{color:#636669;}

	#contentwrapper a, .slider-controls a{text-decoration:none;color:#f60116;}

	#contentwrapper a:hover, .slider-controls a:hover{border-bottom:1px solid #f60116;text-decoration:none;color:#f60116;}

/*content and sidebar*/

	#content h1 span{color:#f60116;}	

	#content #intro{font-size:1.17em;color:#636669;}

	#content img.header{margin-bottom:20px;}

	#content p, #sidebar p{color:#4c4c4c;line-height:1.6em;}

	#content blockquote{font-style:italic;}

    #content li{color:#636669;line-height:1.6em;}	

    #content ol.red li{color:#f60116;}

	#content .pullquote {font-style:italic;color:#000;}	

	#content h3.code{font:1.2em 'Lucida Console','courier new',courier,monospace;}

	#content pre{font:1.2em 'Lucida Console','courier new',courier,monospace;color:#323232;}

	#content caption{font-size:1.2em;color:#24292A;}

	#content thead th{font-size:1em;font-weight:normal;color:#323232;}

	#content tbody th{color:#323232;font-weight:normal;}	

	#content tbody td{color:#636669;font-weight:normal;}	

	#sidebar h2{font-size:1.66em;/*20px*/color:#26292a;}

	#contentwrapper ul.alternative li:hover, #contentwrapper ul.alternative li.current-cat{background-color:#f5f5f5;}/*this alternative style is shown on the blog sidebar, but it can be used anywhere - especially when you have links encapsulating your list-item elements*/ 

	#contentwrapper ul.alternative li a:hover, #contentwrapper ul.alternative li.current-cat a, #content ul.grey a:hover{color:#26292a;}

	#contentwrapper ul.alternative a{color:#636669;border-bottom:0;}

	#sidebar #taglist a{color:#636669;border:0;line-height:1.4em;}

	#sidebar #taglist a:hover{color:#26292a;border:0;line-height:1.4em;}

/*bottom content*/

	#bottom-content label, #bottom-content input, #bottom-content textarea{color:#BCC1C2;font-size:1em/*resets it to 12px*/;font-family: "Lucida Grande","Lucida Sans Unicode","Trebuchet MS",Helvetica,Arial,sans-serif;}

	#bottom-content input:hover, #bottom-content textarea:hover{color:#fff;}

	#bottom-content h2, #bottom-content li a{color:#fff;}

	#hp-bottom-col2 li a, #hp-bottom-col3 li a{text-decoration:none;border-bottom:1px dotted #BCC1C2;color:#BCC1C2;}

	#hp-bottom-col2 li a:hover, #hp-bottom-col3 li a:hover{text-decoration:none;border-bottom:1px solid #fff;color:#fff;}

	#bottom-content p, #bottom-content li{color:#BCC1C2;line-height:1.4em;}

	#hp-bottom-col4 a:hover{border:0;} 

	.red #bottom-content label, .red #bottom-content input, .red #bottom-content textarea, .red #bottom-content p, .red #bottom-content li{color:#fa8e7f;}

	.red #hp-bottom-col2 li a, .red #hp-bottom-col3 li a{border-bottom:1px dotted #fa8e7f;color:#fa8e7f;}

	.red #hp-bottom-col2 li a:hover, .red #hp-bottom-col3 li a:hover{border-bottom:1px solid #fff;color:#fff;}

/*footer*/	

	#footer li, #footer p{color:#6c777a;line-height:1.1em;}

	#footer li a{color:#6c777a;text-decoration:none;}

	#footer li a:hover{color:#fff;}

	#copyright a{border-bottom:1px dotted #BCC1C2;color:#BCC1C2;text-decoration:none;}

	#copyright a:hover{text-decoration:none;border-bottom:1px solid #fff;color:#fff;}

	.red #footer li, .red #footer p{color:#fa8e7f;}

	.red #footer li a{color:#fa8e7f;}

	.red #footer li a:hover{color:#fff;}

	.red #copyright a{border-bottom:1px dotted #fa8e7f;color:#fa8e7f;}

	.red #copyright a:hover{border-bottom:1px solid #fff;color:#fff;}

/*portfolio*/

	ul#filtertags li a, #filtertags li a{color:#fff;font-size:1.17em;}

	ul#filtertags li a:hover{color:#fff;background:#000;}

	#portfolio-wrapper div a span{color:#fff;}

	#portfolio-wrapper .filtered{cursor:default;}

	#portfolio-wrapper div.filtered p a:hover{border-bottom:1px dotted #f60116;}/*remove anchor hover style from filtered portfolio anchors*/

	#content .portfolio h1{font-size:2.5em/*30px*/;padding-top:13px;}/*this is used on single blog page*/	

	#cboxContent .portfolio-single-item-full h1{display:block;font-size:1.67em;}/*this is used on colorbox pop ups for portfolio items*/	

/*contact form on contact page*/

	#content-contactfieldset input, #content-contactfieldset textarea{color:#636669;font-size:1em;}

/*blog page*/

	.meta .date{color:#fff;} 

	#contentwrapper .blog h2 a, #content .post h2 a {color:#24292A;border-bottom:0;}

	#contentwrapper .blog h2 a:hover, #content .post h2 a:hover{color:#f60116;border-bottom:0;}

	.blog h2 span{color:#f60116;}	

	.blog .author-date{color:#636669;}

	#comment-contactfieldset input, #comment-contactfieldset textarea{color:#636669;font-size:1em;}

	#content div.blog h1{font-size:2.5em;padding-top:13px;}/*this is used on single blog page*/

	#content h1.archive{font-size:1.4em;}

/*search results*/



/***END fonts***/



/***START main structure***/

body{background:#f5f5f5;}

#outerwrapper{overflow:hidden;}

#headerwrapper{min-height:160px;background: url(images/header-bg.png) repeat-x 0 0;border-top:solid 6px #f60116;}

#header, #bottom-content,  #footer{width:962px;margin:0 auto;position:relative;}

#contentwrapper{padding-top:13px;background:#f5f5f5;}

.page-template-portfolio-php #contentwrapper, .fullwidth #contentwrapper, .page-template-portfolioone-php #contentwrapper{background:#f5f5f5;}/*full page width style has different bg*/

#content{width:617px;float:left;padding:8px 35px 58px 0;}

#content-sidebarwrapper{overflow:hidden;background: url(images/content-sidebarwrapper-bg.png) repeat-y 0 0;width:962px;margin:0 auto;position:relative;}

.page-template-portfolio-php #content-sidebarwrapper, .page-template-portfolioone-php #content-sidebarwrapper, .fullwidth #content-sidebarwrapper{overflow:hidden;background:#f5f5f5;}/*full page width style has different bg*/

/*homepage and full page style*/

body.home #content, body.home #content-sidebarwrapper, .fullwidth #content, .fullwidth #content-sidebarwrapper, .page-template-portfolio-php #content, .page-template-portfolio-php #content-sidebarwrapper, .page-template-portfolioone-php #content, .page-template-portfolioone-php #content-sidebarwrapper{width:962px;margin:0 auto;position:relative;padding:0;float:none;}

body.home #contentwrapper{background:#f9f9f9;padding-top:20px;overflow:hidden;}

/*end*/

#sidebar{width:270px;border-top:1px solid #e6e6e6;border-right:1px solid #e6e6e6;float:right;background:#f9f9f9;padding:20px 19px 0;margin-bottom:46px;}

#bottom-contentwrapper{padding-top:37px;clear:both;}

#bottom-contentwrapper{background:#212222 url(images/bottom-content-grey-bg.png) repeat-y 50% 0;;}

#bottom-contentwrapper.red{background:#96010E url(images/bottom-content-red-bg.png) repeat-y 50% 0;}

#bottom-content{overflow:hidden;}

#footerwrapper{clear:both;min-height:30px;overflow:hidden;background:#242424;border-top:1px solid #323232;padding:28px 0 0 9px;}

#footerwrapper.red{background:#96010e;border-top:1px solid #ec0115;}

/***END main structure***/



/***START header***/

#logo{float:left;margin:32px 0 26px 0;}

#feeds{float:right;position:relative;z-index:100;}

#feedslink{padding:16px 0 0 23px;background: url(images/header-feeds.png) no-repeat 0 75%;min-height:16px;display:block;}

#feeds ul{display:none;position:absolute;right:0;text-align:right;background:  url("images/slider-panel-transparent-lighter-bg.png") repeat 0 0;width:100px;}

#feeds li{border-bottom:1px solid #535252;padding:6px 4px;}

#customise{display:none;}/*if user doesn't have JS, hide customise button*/

.jsactive #customise{float:right;position:relative;z-index:100;padding:16px 0 0 20px;background: url(images/demo-options.png) no-repeat 0 79%;min-height:16px;display:block;margin-right:15px;}

#search {position:absolute;right:0;top:36px;margin-top:20px;min-width:264px;height:27px;background:url(images/search-bg.png) no-repeat 0 0;}

#search:hover {background:url(images/search-bg.png) no-repeat 0 -27px;}

#search #s {width:229px;height:16px;float:left;border:0;background:none;padding:6px 0 5px 8px;}

#search #searchbutton{float:left;width:27px;height:27px;border:0;background:none;}

#primarynavwrapper{position:absolute;right:0;top:124px;}

#primarynav {float:right;}

#primarynav  li{float:left;margin:0 4px 0 0;background:#4d4d4d;}

#primarynav  li.last{margin:0;}

#primarynav  li a{float:left;display:block;padding:10px 10px 11px;text-decoration:none;}

#primarynav  li li{border-top:1px solid #535252;}

#primarynav  li li a{padding:8px 10px;text-decoration:none;}

#primarynav  li.first a{width:44px;height:35px;padding:0;text-indent:-9000px;background:url(images/primarynav-home.png) no-repeat 0 0;}

#primarynav  li.first a:hover, #primarynav  li.first.current_page_item a{background:url(images/primarynav-home.png) no-repeat 0 -35px;}



/***END header***/



/***START homepage image slider options***/

.slider-controls{width:962px;margin:0 auto;overflow:hidden;min-height:333px;padding-top:15px;}

.slider-controls .slider{position:relative;width:587px;}

.slider-controls .panel{position:relative;width:587px;height:330px;}

#cycle-texttoright .panel, #cycle-texttoright .slider{width:633px;}

.slider-controls div{overflow:hidden;}

.slider-controls h2{margin-top:5px;margin-bottom:5px;}

#cycle-texttoleft .slide-copy, #nivo .slide-copy{width:309px;float:left;text-align:right;margin-right:66px;min-height:40px;}

#cycle-texttoright .slide-copy{width:263px;float:right;text-align:left;margin-left:60px;}

.slider-controls .slide{float:left;}

.jsactive .slider-controls .panel {visibility: hidden;left: -5000px;}/*class applied when JS is running to enable smoother transitions*/

.jsactive .panel, .jsactive .slide-copy h2, .jsactive .slide-copy p{display:none;}/*as JS is active, hide panel here and show through JS*/

.gotobutton{float:right;text-align:left;margin-top:30px;position:relative;height:60px;}

.gotobutton a{text-indent:-9000px;display:block;background:url(images/slide-gotoproject-button.png) no-repeat 0 0;height:40px;width:133px;float:right;border:0;}

.gotobutton img.shadow{display:block;position:absolute;top:29px;left:-3px;z-index:-1;}/*this element loaded via script*/

.gotobutton a:hover{background:url(images/slide-gotoproject-button.png) no-repeat 0 -40px;border:0;}

#cycle-texttoright .gotobutton{float:left;}

/*left/right nav button positions for both cycle and nivo options*/

.button-left, .button-right, .nivo-prevNav, .nivo-nextNav{display:none;}/*don't show if scripting is disabled, instead load using style below which only matches when JS is on*/

.jsactive .button-left, .jsactive .button-right, .jsactive .nivo-prevNav, .jsactive .nivo-nextNav{position:absolute;bottom:220px;z-index:100;width:28px;height:59px;display:block;text-indent:-9000px;border:0;}

.jsactive .button-left, .jsactive .nivo-prevNav{left:0;background:url(images/back-arrow.png) no-repeat 0 0;}

.jsactive .button-right, .jsactive .nivo-nextNav{right:0;background:url(images/forward-arrow.png) no-repeat 0 0;}

.jsactive .button-left:hover, .jsactive .button-right:hover, .jsactive .nivo-prevNav:hover, .jsactive .nivo-nextNav:hover{background-position:0 -61px;border:0;}

/*avoid fouc*/

.jsactive .panel img, #header label{display:none;}

.jsactive h1, .jsactive h2{display:none;}



/*slider with full width images*/

#cycle-fullwidth .panel, #cycle-fullwidth .slider{width:960px;}

#cycle-fullwidth .panel{display:block;visibility: visible;left:0;}

#cycle-fullwidth .overlay {background: url("images/overlay-transparency.png") no-repeat 0 0;/*background:#39535B;*/bottom:-78px;height:110px/*half the height of the container*/;position:absolute;width:960px;}

#cycle-fullwidth .overlay h2{padding:6px 10px 0 40px;margin:0;}

#cycle-fullwidth .overlay h3{padding:4px 10px 0 40px;margin:0;}

#cycle-fullwidth .overlay p {padding:4px 10px 0 40px;margin:0;}

#cycle-fullwidth .panel img{display:inline;}

/*is this panel using a fade fx? If so, hide nav buttons*/

.jsactive .fade .button-left, .jsactive .fade .button-right, .jsactive .hide .button-left, .jsactive .hide .button-right{display:none;}

/*Nivo slider*/

.nivo-directionNav{overflow:auto;}

.slider-controls .nivo-caption{color:#fff;}/*the nivo caption colour*/



/***END homepage image slider options***/



/***START homepage banner options***/

/*default - client logos*/

.banner-controls{height:119px;border-top:1px solid #e0e0e0;border-bottom:1px solid #e3e3e3;background:#ededed;margin-top:20px;}

.banner-controls div{width:962px;margin:0 auto;overflow:hidden;}

#banner-controls-client  p{margin-top:21px;margin-bottom:1px;}

#banner-controls-client a{text-indent:-9000px;display:block;float:left;margin-right:68px;cursor:pointer;}

#banner-clients-1{background: url(images/banner-client1.png) no-repeat 0 -27px;width:214px;height:27px;margin-top:10px;}

#banner-clients-1:hover{background: url(images/banner-client1.png) no-repeat 0 0;}

#banner-clients-2{background: url(images/banner-client2.png) no-repeat 0 -58px;width:110px;height:58px;}

#banner-clients-2:hover{background: url(images/banner-client2.png) no-repeat 0 0;}

#banner-clients-3{background: url(images/banner-client3.png) no-repeat 0 -32px;width:164px;height:32px;margin-top:4px;}

#banner-clients-3:hover{background: url(images/banner-client3.png) no-repeat 0 0;}

#banner-clients-4{background: url(images/banner-client4.png) no-repeat 0 -65px;width:93px;height:65px;}

#banner-clients-4:hover{background: url(images/banner-client4.png) no-repeat 0 0;}

#banner-clients-5{background: url(images/banner-client5.png) no-repeat 0 -34px;width:106px;height:34px;margin-top:7px;}

#banner-clients-5:hover{background: url(images/banner-client5.png) no-repeat 0 0;}

#banner-controls-client a.last{margin-right:0;}

/*testimonial banner*/

#banner-controls-testimonial blockquote{background:url(images/banner-testimonial-blockquote.png) no-repeat 0 6px;margin-top:29px;padding:0 0 15px 80px;}

#banner-controls-testimonial blockquote span{padding:0 0 0 10px;}

/*no banner*/

#banner-controls-hidden{background:url(images/banner-hidden.png) repeat-x 0 0;border:0;height:13px;margin-top:10px;}

/***END homepage banner options***/



/***START homepage 3 content columns***/

#columns{overflow:hidden;margin-bottom:57px;}

.column p{padding-bottom:15px;}

.column {width:263px;float:left;margin-right:64px;overflow:hidden;}

/*strech column used to bring in blog post is different*/

#stretch{width:588px;margin-right:0;}

.column.first{width:308px}

.column.last {margin-right:0;}

.column h2{padding-bottom:15px;}

.column h2 span{border-top:3px solid #f60116;}

.column h2 .cufon-canvas{padding-top:15px;}

.column:hover h2 span, .column:focus h2 span{border-top:3px solid #3a555d;}

.column img{border:1px solid #ccc;margin-bottom:17px;}

#columns ul.squareimages, #content ul.squareimages {width:330px;overflow:hidden;border:0;padding:0;list-style-type:none;}

#columns ul.squareimages li, #content ul.squareimages li{float:left;margin:0 22px 20px 0;background:0;border:0;padding:0;}

#columns ul.squareimages li img, #content ul.squareimages li img{margin:0;}

/***END homepage 3 content columns***/



/***START generic content pages and sidebar areas***/

#content  p{padding:0 0 15px;}

#content  p#intro{padding:0;margin-bottom:8px;}

#content ul, #content ol{padding:0 0 15px 0;list-style-type:none;border-top:1px solid #d7d7d7;}

#content ol{list-style-type:decimal;padding-left:20px;border:0;}

#content ul li, #content ol li{padding:10px 0 10px 15px;background:url(images/list-arrow.png) no-repeat 0 11px;list-style-type:none;border-bottom:1px solid #d7d7d7;}

#content ul ul{border:0;padding:5px 0 0;}

#content ul ul li{border:0;padding:7px 0 7px 10px;}

#content ul.grey li li{background:url(images/list-arrow-small.png) no-repeat 0 11px;}

#content ul li li{background:none;}

#content ul.grey a{color:#636669;text-decoration:none;border:0;}

#content ol li{background:none;border:0;padding:5px 0 5px 15px;list-style-type:decimal;}

#content ol li p{padding:0;}

#content h2 {padding-top:15px;}	

#content h3 {padding-top:10px;}	

#content img{border:1px solid #bababa;margin:11px 10px 5px 0;}

#content .portfolio img{border:1px solid #fff;margin:11px 10px 15px 0;}

#content blockquote{background:url(images/blockquote.png) no-repeat 0 8px;padding:0 0 0 47px;}

#content .pullquote{border-left:3px solid #F60116;display:block;float:right;margin:0 0 0 15px;padding:0 15px 0 10px;width:8em;}

h3.code, caption {padding-bottom:0;margin-bottom:5px;}

p#backtotop{clear:both;padding-bottom:25px;margin-top:15px;} 

pre {background:#ededed;padding:1em;margin:0 0 30px;overflow:auto;}

hr{background:#d7d7d7;border:0;height:1px;margin:5px 0 25px;clear:both;}

acronym{border-bottom:1px dotted #ccc;cursor:help;}

p code, li code{font:1em 'Lucida Console','courier new',courier,monospace;background:#fff;}

table {border:1px solid #DADADA;width:100%;margin-bottom:15px;}

caption	{text-align:left;}

thead th{text-align: left;background: #ededed;padding:8px 2px 8px 7px;}	

thead td{background: #ededed;}	

tbody th {background:none;padding:8px 2px 8px 7px;text-align:left;}

tbody td {padding:8px 2px 8px 7px;}



/*the content example page shows all headings together. They have consistent padding applied. Outside of this context, the normal padding rules apply*/

#headings h1, #headings h2,#headings h3, #headings h4,#headings h5{padding-bottom:5px;}

/*contact form*/

#content-contactfieldset{margin-bottom:40px;}

#content-contactfieldset input{border:0;background:url('images/content-input-bg.png') no-repeat 0 0;display:block;margin-bottom:10px;width:396px;height:20px;padding:6px 5px 5px 8px;}

#content-contactfieldset textarea{border:0;background:url('images/content-textarea-bg.png') repeat-y 0 0;display:block;width:602px;height:300px;margin:0;padding:6px 5px 5px 8px;overflow:auto;}

#content-textarea-top{background:url('images/content-textarea-top-bg.png') no-repeat 0 0;display:block;width:615px;height:3px;}

#content-textarea-bottom{background:url('images/content-textarea-bottom-bg.png') no-repeat 0 0;display:block;width:615px;height:3px;margin-bottom:9px;}

#content-contactfieldset label{display:block;margin-top:9px;/*this is what you will see if you turn overlabel off*/}

input#content-submit{display:block;margin:21px 0 10px 0;width:121px;height:36px;background:url('images/content-submit.png') no-repeat 0 0;text-indent:-9000px;}

input#content-submit:hover{background:url('images/content-submit.png') no-repeat 0 -36px;}

.contact-column{float:left;width:270px;margin-right:47px;padding-bottom:10px;}

.contact-column.last{margin-right:0;}

/*sidebar*/

#sidebar .adblock{border-top:1px solid #dadada;border-bottom:1px solid #dadada;padding:20px 0 0 0;overflow:hidden; } 

#sidebar .map {padding-bottom:24px;border-bottom:1px solid #dadada;}/*.map is used on the contact page*/

#sidebar .map img{border:1px solid #ccc;}

#sidebar .adblock a {border:0;}

#sidebar h3{padding-bottom:5px;}

#sidebar p{padding:0 0 20px 0; } 

#sidebar .textblock{padding:16px 0 20px 0; } 

#sidebar .textblock.first{padding:0 0 20px 0; } 

ul.squareimages.small{width:270px;}

ul.squareimages.small li{float:left;margin:0 20px 20px 0;border:0;}

ul.squareimages.small li.nomarginright{margin-right:0;}

#sidebar  ul.alternative{padding:0 0 15px 0;list-style-type:none;border-top:1px solid #d7d7d7;}

#sidebar  ul.alternative li{padding:10px 0 10px 15px;background:url(images/list-arrow.png) no-repeat 0 50%;list-style-type:none;border-bottom:1px solid #d7d7d7;}

/***END content page content area***/



/***START bottom content area, default is grey colour scheme***/

#hp-bottom-col1 , #hp-bottom-col2, #hp-bottom-col3, #hp-bottom-col4{width:213px;float:left;margin-right:47px;padding-bottom:15px;}

#hp-bottom-col3{position:relative;}

#hp-bottom-col4{margin-right:0;width:182px;}

#bottom-content h2{display:block;padding-bottom:10px;}

#hp-bottom-col2 ul, #hp-bottom-col3 ul{padding-bottom:5px;border-top:1px solid #434343;}

#hp-bottom-col2 li, #hp-bottom-col3 li {margin-top:8px;padding-bottom:11px;border-bottom:1px solid #434343;display:block;}

#hp-bottom-col3 li.twitterusername {border-bottom:0;}

#bottom-content  li span {display:block;padding-top:3px;}

#bottom-content .hide{display:none;}

/*col1*/

#hp-bottom-col1 input{border:0;background:url('images/bottom-content-input-bg.png') no-repeat 0 0;display:block;margin-bottom:10px;width:203px;height:20px;padding:6px 5px 5px 8px;}

#hp-bottom-col1 textarea{border:0;background:url('images/bottom-content-textarea-bg.png') repeat-y 0 0;display:block;width:198px;height:90px;margin:0;padding:6px 5px 5px 8px;overflow:auto;}

#hp-bottom-col1 div#textarea-top{background:url('images/bottom-content-textarea-top-bg.png') no-repeat 0 0;display:block;width:211px;height:4px;}

#hp-bottom-col1 div#textarea-bottom{background:url('images/bottom-content-textarea-bottom-bg.png') no-repeat 0 0;display:block;width:211px;height:3px;margin-bottom:9px;}

#hp-bottom-col1 label{display:block;margin-top:9px;/*this is what you will see if you turn overlabel off*/}

input#submit-bottomcontent{display:block;margin-bottom:10px;width:60px;height:32px;background:url('images/bottom-content-submit.png') no-repeat 0 0;text-indent:-9000px;}

input#submit-bottomcontent:hover{background:url('images/bottom-content-submit.png') no-repeat 0 -32px;}

/*col2-4*/

#bird{background:url('images/twitter-bird.png') no-repeat 0 0;height:34px;left:162px;position:absolute;top:8px;width:50px;}

#hp-bottom-col4 ul{margin:0;padding:0;border:0;}

#hp-bottom-col4 li {float:left;margin-top:0;padding-bottom:0;border:0;}

#hp-bottom-col4 li a{text-indent:-9000px;display:block;float:left;margin-right:10px;background: url(images/bottom-content-social-networks.png) no-repeat 0 0;width:38px;height:37px;border:0;}

li a#social-media-1{background-position:0 0;}

li a#social-media-1:hover{background-position:0 -40px;}

li a#social-media-2{background-position:-46px 0;}

li a#social-media-2:hover{background-position:-46px -40px;}

li a#social-media-3{background-position:-92px 0;}

li a#social-media-3:hover{background-position:-92px -40px;}

li a#social-media-4{background-position:-139px 0;margin-right:0;}

li a#social-media-4:hover{background-position:-139px -40px;}

/*now for red scheme overrides, to activate add 'class=red' to bottomcontent-wrapper element*/

.red #hp-bottom-col2 ul, .red #hp-bottom-col3 ul{border-top:1px solid #cd0112;}

.red #hp-bottom-col2 li, .red #hp-bottom-col3 li {border-bottom:1px solid #cd0112;}

.red #hp-bottom-col1 input{background:url('images/bottom-content-input-red-bg.png') no-repeat 0 0;}

.red #hp-bottom-col1 textarea{border:0;background:url('images/bottom-content-textarea-red-bg.png') repeat-y 0 0;}

.red #hp-bottom-col1 div#textarea-top{background:url('images/bottom-content-textarea-red-top-bg.png') no-repeat 0 0;}

.red #hp-bottom-col1 div#textarea-bottom{background:url('images/bottom-content-textarea-red-bottom-bg.png') no-repeat 0 0;}

.red #bird{background:url('images/twitter-bird-red.png') no-repeat 0 0;}

.red input#submit{background:url('images/bottom-content-submit-red.png') no-repeat 0 0;}

.red input#submit:hover{background:url('images/bottom-content-submit-red.png') no-repeat 0 -32px;}

/***END bottom content area***/



/***START footer***/

#footer ul{float:left;overflow:hidden;}

#footer ul li{float:left;padding:0 7px 2px 7px;border-right:1px solid #6C777A;}

#footer ul li.first{padding-left:0;}

#footer ul li.last{border-right:0;}

#copyright{float:right;padding:0;}

/*red scheme overrides*/

.red #footer ul li{border-right:1px solid #ed6954;}

/***END footer***/



/***START portfolio***/

ul#filtertags{border:0;overflow:hidden;}

ul#filtertags li{float:left;background:#f60116;margin-right:1px;padding:0;border:0}

ul#filtertags li a{padding:4px 12px;display:block;border:0;}

ul#filtertags li a:hover{border:0;}

ul#filtertags li.active a{background:#000;color:#fff;}

#portfolio-wrapper{overflow:hidden;clear:both;}

#portfolio-wrapper div.row{overflow:hidden;clear:both;}

#portfolio-wrapper div div{width:299px;float:left;margin-right:32px;margin-bottom:25px;position:relative;}

#portfolio-wrapper div div.end{margin-right:0;}

#portfolio-wrapper img{border:1px solid #ccc;}

#portfolio-wrapper div a span{position:absolute;top:161px;left:1px;padding:5px;width:275px;background:#f60116;}

.jsactive #portfolio-wrapper img{visibility:hidden;}/*shown when they have loaded via script*/

.jsactive #portfolio-wrapper .hide{display:none;}/*hides links to gallery images used by colorbox*/

#portfolio-wrapper .overlaybutton{display:none;width:69px;height:68px;position:absolute;top:67px;left:115px;background:url('images/portfolio-selected.png') no-repeat 0 0;}/*element loaded through script and then animated*/

/*when loading portfolio full text through colorbox...*/

#cboxLoadedContent .portfolio-single-item-full p{margin-top:13px;width:600px;margin:13px 0 5px 0;} 

/*single portfolio page*/

 .portfolio-single #content{padding-top:0;}

 .portfolio-single .portfolio{margin-top:0;} 

/***END portfolio***/



/***START blog***/

div.blog{margin:0 0 15px;overflow:hidden;}

.meta{overflow:hidden;padding:7px 0;margin-bottom:5px;border-top:1px solid #ccc;border-bottom:1px solid #ccc;}

.blog h2{padding-bottom:8px;}

.meta .date {padding:7px 9px;display:block;background:#f60116;float:left;}



#content .meta p {float:left;padding:3px 0 0 20px;}

#content .blog img{margin:11px 10px 15px 0;}

/*single blog post page*/

.single #content{padding-top:0;}

.single .blog{margin-top:0;} 

.comment-wrapper {clear:both;overflow:hidden;margin-top:24px;}

.avatar-meta{margin-right:11px;}

.avatar-meta, .avatar-meta img{float:left;clear:left;}

.blog .author-date{float:left;}

#content .avatar-meta img{margin-top:0;}

div.comment{border-top:1px solid #dbdbdb;margin-bottom:30px;float:right;margin-top:2px;min-height:60px;padding-top:3px;width:532px;}

#content div.comment .quote{background:#ddd;padding:3px 5px;margin-top:5px;margin-bottom:20px;}

#content #commentslist, #commentslist ul.children{padding:0;border:0;} 

#content #commentslist li{padding:0;border:0;background:0;} 

.depth-1 div.comment-wrapper{width:617px;}

.depth-2 div.comment-wrapper{margin-left:25px;width:auto;}

.depth-3 div.comment-wrapper{margin-left:50px;}

.depth-4 div.comment-wrapper{margin-left:75px;}

.depth-2 div.comment{width:507px;}

.depth-3 div.comment{width:482px;}

.depth-4 div.comment{width:457px;}



#respond{overflow:hidden;clear:both;}





#comment-respond{clear:both;float:left;margin-top:30px;}

/*comments*/

#comment-contactfieldset{margin-bottom:40px;}

#comment-contactfieldset input{border:0;background:url('images/content-input-bg.png') no-repeat 0 0;display:block;margin-bottom:10px;width:396px;height:20px;padding:6px 5px 5px 8px;}

#comment-contactfieldset textarea{border:0;background:url('images/content-textarea-bg.png') repeat-y 0 0;display:block;width:602px;height:300px;margin:0;padding:6px 5px 5px 8px;overflow:auto;}

#comment-textarea-top{background:url('images/content-textarea-top-bg.png') no-repeat 0 0;display:block;width:615px;height:3px;}

#comment-textarea-bottom{background:url('images/content-textarea-bottom-bg.png') no-repeat 0 0;display:block;width:615px;height:3px;margin-bottom:9px;}

#comment-contactfieldset label{display:block;margin-top:9px;/*this is what you will see if you turn overlabel off*/}

input#submit{display:block;margin:21px 0 10px 0;width:121px;height:36px;background:url('images/content-submit.png') no-repeat 0 0;text-indent:-9000px;}

input#submit:hover{background:url('images/content-submit.png') no-repeat 0 -36px;}

/***END blog***/



/***START search results***/

#content .searchdescription  {padding-bottom:8px;padding-top:7px;}

.search #content ol{padding:0;margin-bottom:15px;list-style-type:none;}

.search #content ol li{list-style-type:none;padding:20px 0 25px 0;border-bottom:1px solid #d7d7d7}

.search #content li h2{padding:0;}

.search #content li h2 a{color:#24292A;border-bottom:0;}



/*pagination*/

.search #content  ul.pagination  {list-style-type:none; margin-bottom:15px; float:right;border:0;}

.search #content  ul.pagination   li { float:left; margin-right: 4px;border:0;padding:0;background:none;}

.search #content  ul.pagination   li a {display: block;padding:1px 2px 3px;text-decoration:none;}

.search #content  ul.pagination   .prev-off,  .search #content  ul.pagination   .next-off {padding: 1px 5px;}

.search #content  ul.pagination   .active {padding:1px 2px 3px;font-weight: bold;}



/***START Cufon special styles***/

.cufon-loading h1, .cufon-loading h2 {visibility: hidden;}

/***END Cufon ***/



/***show homepage variants***/

/*.slider-controls, #banner-controls-client, #content-controls-twocolumn, #banner-controls-hidden{display:none;} *//*hide optional elements*/

/*#slider-controls-left, #banner-controls-testimonial, #content-controls-stretchedcolumn{display:block;} *//*show defaults - text to left, client banner, merge content cols 2 and 3*/

#explorelist div {float:left;width:265px;margin-right:15px;text-align:left;padding-bottom:2px;}

#explorelist .row{clear:both;float:none;overflow:hidden;margin:0 0 20px;width:580px;}

#demooptions{width:580px;}

/*modal popup styling*/

#panel {	display: none;}

#cboxLoadedContent p {margin: 5px 0 0 20px;padding: 0;color:#636669;}

#cboxLoadedContent p#intro{margin-bottom:20px;}

#cboxLoadedContent h2{margin-left:20px;}

#cboxLoadedContent a {border-bottom:1px dotted #848889;color:#636669;text-decoration:none;}

#cboxLoadedContent a:hover{text-decoration:none;border-bottom:1px solid #848889;color:#BCC1C2;}

#cboxLoadedContent  input {float:left;clear:left;display: block;margin-left:15px;}

#cboxLoadedContent  label {float:left;padding-top: 5px;clear: right;display: block;margin-left:5px;}

#cboxLoadedContent label a:focus{color:#BCC1C2;border-bottom:1px solid #848889;}

#slider-controls p, #banner-controls p, #content-controls p, #colour-controls p, #explorelist h2{color:#f60116;}

#explorelist h2{padding-top:15px;}

#contentwrapper.jsdemohiddenbanner{padding-top:15px;}



.textwidget img { margin-right: 10px; }

.textwidget a { border-bottom: none !important; }

#sidebar li { list-style-type: none; }



.embeddedvid p {

width: 425px;

}



.alignleft {float:left;}

.alignright {float:right;}

/***crisis by design page***/

#crisis_text

{color:#4c4c4c;font-size:120%; line-height:1.6em;}

.single-product #content{ width:100% !important;}
.single-product #sidebar{display:none;}
.single-product #content-sidebarwrapper{background:none !important;}

.designedby {
   
    display: none !important;
}