/***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). The following values calculate as:
h1 - 2.81em - 36px
h2 - 1.67 - 20px
h3 - 1.5em - 18px
h4 - 1.33em - 16px
h5 - 1.17em - 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.75em/*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.81em;/*36px*/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.5em;/*18px*/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:30px 0 0;}
	h5{font-size:1.17em;/*14px*/font-weight:normal;color:#24292a;line-height:1.3em;padding:8px 0;}	
	h6{font-size:1.1em;/*14px*/font-weight:bold;color:#24292a;line-height:1.3em;padding:20px 0 0; clear: both;}	
	p, blockquote{line-height:1.4em;}
	input, textarea{font-family:"Lucida Grande","Lucida Sans Unicode","Trebuchet MS",Helvetica,Arial,Verdana,sans-serif;}
	strong{color:#000;font-weight:strong;}
/*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:#636669;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{background:#f5f5f5;color:#f60116;}
	#primarynav  li li a{text-decoration:none;color:#bcc1c2;}
	#primarynav  li ul li a, #primarynav  li.current_page_item ul li a, #primarynav  li.sfHover ul li a{color:#BCC1C2;background:#4d4d4d;font-size:1em;}
	#primarynav  li ul li a:hover, #primarynav  li.current_page_item ul li a:hover, #primarynav  li ul li.current_page_item a:hover, #primarynav  li.sfHover ul li a:hover, #primarynav li  ul li.current_page_item a {color:#fff;background:#4d4d4d;}
/*homepage sliders*/	
	.slider-controls div{color:#636669;}
	.overlay{position: relative;z-index: 1;}
	#slider-controls-full .overlay p {color:#fff;line-height:1.2em;}
	#slider-controls-full .overlay a{color:#f60116;text-decoration:none;}
	#slider-controls-full .overlay a:hover{/*text-decoration:underline;*/}
	#slider-controls-full .overlay h2{color:#f60116;font-size:1.35em;text-transform:uppercase;position: relative;	z-index: 1;}
	#slider-controls-full .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{border-bottom:1px dotted #f60116;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:#636669;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:12px;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.active{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.active a{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*/
	.portfolio-single #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{color:#24292A;border-bottom:0;}
	#contentwrapper .blog h2 a:hover{color:#f60116;border-bottom:0;}
	.blog h2 span{color:#f60116;}
	.blog .avatar-meta .author{color:#636669;}
	.blog .avatar-meta .date{color:#b1b3b4;}
	#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*/
/*search results*/

/***END fonts***/

/***START main structure***/
body{background:#f5f5f5;}
#outerwrapper{overflow:hidden;background: url(images/header-bg.png) no-repeat 50% 0;}
#headerwrapper{min-height:160px;background: url(images/header-bg.png) repeat-x 0 0;border-top:solid 6px #f60116;}
#header, #content, #content-sidebarwrapper, #bottom-content, #footer{width:962px;margin:0 auto;position:relative;}
#contentwrapper{background:#f9f9f9;padding-top:40px;overflow:hidden;}
/*overrides for content pages which have a different structure (smaller content area plus right hand column)*/
.content #contentwrapper{padding-top:13px;background:#f5f5f5; min-height: 476px;}
.portfolio #contentwrapper, .fullwidth #contentwrapper{background:#f5f5f5;}/*full page width style has different bg*/
.content #content{padding:8px 35px 58px 0;}
#content-sidebarwrapper{overflow:hidden;}
.portfolio #content-sidebarwrapper, .fullwidth #content-sidebarwrapper{overflow:hidden;background:#f5f5f5;}/*full page width style has different bg*/
#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;/*margin-top:46px;*/clear:both; display: none;}
#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;background:#242424;border-top:1px solid #323232;padding:17px 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;display:none;}
#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:#F5F5F5;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;}
#slider-controls-right .panel, #slider-controls-right .slider{width:633px;}
.slider-controls div{overflow:hidden;}
.slider-controls h2{margin-top:40px;margin-bottom:5px;}
.slider-controls .slide-copy-left{width:309px;float:left;text-align:right;margin-right:66px;min-height:40px;}
.slider-controls .slide-copy-right{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-left h2, .jsactive .slide-copy-left 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;}
.slide-copy-right .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:29px;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*/
#slider-controls-full .panel, #slider-controls-full .slider{width:960px;}
#slider-controls-full .panel{display:block;visibility: visible;left:0;}
#slider-controls-full .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;}
#slider-controls-full .overlay h2{padding:6px 10px 0 40px;margin:0;}
#slider-controls-full .overlay h3{padding:4px 10px 0 40px;margin:0;}
#slider-controls-full .overlay p {padding:4px 10px 0 40px;margin:0;}
#slider-controls-full .panel img{display:inline;}
/*is this panel using a fade fx? If so, hide nav buttons*/
#slider-controls-full.fade .button-left, #slider-controls-full.fade .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;}
/*strech column used to bring in blog post is different*/
#content-controls-stretchcolumn .column{width:586px;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 {width:330px;overflow:hidden;border:0;padding:0;list-style-type:none;}
#columns ul.squareimages li{float:left;margin:0 22px 20px 0;background:0;border:0;padding:0;}
#columns 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 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{float:left;border:1px solid #bababa;margin:11px 10px 5px 0;}
.portfolio-single #content 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;}
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 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;}
#bottom-content  li span {display:block;padding-top:3px;}
/*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{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:hover{background:url('images/bottom-content-submit.png') no-repeat 0 -32px;}
/*col2*/
#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;}
.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*/
 .blog-single #content{padding-top:0;}
 .blog-single .blog{margin-top:0;} 
.comment-wrapper {float:left;clear:both;overflow:hidden;margin-top:24px;}
.comment-wrapper.nested1 {margin-left:25px;}
.comment-wrapper.nested2 {margin-left:50px;}
.comment-wrapper.nested3 {margin-left:75px;}
.avatar-meta, .avatar-meta img, .avatar-meta span{float:left;clear:left;}
#content .avatar-meta img{margin-top:0;}
.blog .avatar-meta .date{padding-top:5px;}
.comment{border-top:1px solid #dbdbdb;float:right;margin-left:11px;width:532px;margin-bottom:30px;min-height:90px;}
#content .comment .quote{background:#ddd;padding:3px 5px;margin-top:5px;margin-bottom:20px;}
.nested1 .comment{width:507px;}
.nested2 .comment{width:482px;}
.nested3 .comment{width:457px;}
#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#comment-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#comment-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;}
.searchextract span{font-weight:bold;}
/*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;}


.row_area {
	width: 960px;
}
.row_area .main_left {
	float: left;
	width: 450px;
}
.row_area .main_right {
	float: right;
	width: 450px;
}
.row_area .small_left {
	float: left;
	width: 130px;
}
.row_area .small_right {
	float: right;
	width: 320px;
}
.row_area .new_row {
	clear: both;
	padding-top: 20px;
}
.row_area input[type=text] {
	width: 220px;
	padding: 3px;
	margin-top: -3px;
}
.row_area input[type=password] {
	width: 220px;
	padding: 3px;
	margin-top: -3px;
}


.row_area .entire_left {
  	float: none !important;
	width: 970px;
}
.row_area .main_right {
	float: right;
	width: 450px;
}
.row_area .large_left {
	float: left;
  	width: 900px !important;
}
.row_area .large_right {
	float: right;
  	width: 30px !important;
}


label.error { float: left; color: red; padding-left: .5em; vertical-align: top; }

.cancel img { margin: 0 !important; }
.borderspace { border-bottom: 1px solid #dadada; padding: 5px 0 0; height: 1px; clear: both; }