/* 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 */
body{font-size:0.75em/*12px*/;font-family: "Lucida Grande","Lucida Sans Unicode","Trebuchet MS",Helvetica,Arial,sans-serif;}
a {color:#ffde00;}
a:hover {color:#000000;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-bottom:8px;}
h5{font-size:1.17em;/*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;}
strong{color:#000;font-weight:normal;}
/*specific font styles*/
/*header*/
#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{background:#f5f5f5;color:#000000;}
#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;}
/* START SLIDER */
#contentwrapper .anythingSlider { width: 962px; height: 360px; position: relative; margin: 0 auto 15px; }
#contentwrapper .anythingSlider .wrapper { width: 881px; overflow: auto; height: 324px; margin: 0 40px; position: absolute; top: 0; left: 0; }
/* Width below is max for Opera */
#contentwrapper .anythingSlider .wrapper ul { width: 32700px; list-style: none; position: absolute; top: 0; left: 0; background: #eee; border-top: 3px solid #FFDE00; border-bottom: 3px solid #FFDE00; margin: 0; }
#contentwrapper .anythingSlider .wrapper ul li { display: block; float: left; padding: 0; height: 317px; width: 871px; margin: 0; }
#contentwrapper .anythingSlider .arrow { display: block; height: 200px; width: 67px; background: url(images/arrows.png) no-repeat 0 0; text-indent: -9999px; position: absolute; top: -250px; cursor: pointer; }
#contentwrapper .anythingSlider .forward { background-position: 0 0; right: -20px; }
#contentwrapper .anythingSlider .back { background-position: -67px 0; left: -20px; }
#contentwrapper .anythingSlider .forward:hover { background-position: 0 -200px; }
#contentwrapper .anythingSlider .back:hover { background-position: -67px -200px; }
#contentwrapper .thumbNav { position: relative; top: 323px; text-align: center; }
#contentwrapper .thumbNav li { display: inline; }
#contentwrapper .thumbNav a {color: black; font: 11px/18px Georgia, Serif; display: inline-block; padding: 2px 8px; height: 18px; margin: 0 5px 0 0; background: #c58b04 url(images/cellshade.png) repeat-x; text-align: center; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom:0px dotted #FFFFFF;text-decoration:none;color:#000000;}
#contentwrapper .thumbNav a:hover { background-image: none; }
#contentwrapper .thumbNav a.cur { background: #FFDE00; }
#contentwrapper .start-stop { z-index: 10; background: green; background-image: url(images/cellshade.png); background-repeat: repeat-x; color: white; padding: 2px 5px; width: 40px; text-align: center; position: absolute; right: 45px; top: 323px; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; }
#contentwrapper .start-stop.playing { background-color: red; }
#contentwrapper .start-stop:hover { background-image: none; }
#contentwrapper .anythingSlider .wrapper ul li.slidecontent{ font-size:1.2em;line-height:1.3em; padding: 10px;}
#contentwrapper .anythingSlider .wrapper ul ul { position: static; margin: 0; background: none; overflow: visible; width: auto; border: 0; }
#contentwrapper .anythingSlider .wrapper ul ul li { float: none; height: auto; width: auto; background: none; }
/* END SLIDER */
/*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:#000000;}
/*homepage 3 content columns*/
#columns p{color:#636669;}
#contentwrapper a {border-bottom:1px dotted #000000;text-decoration:none;color:#000000;}
#contentwrapper a:hover{border-bottom:1px solid #000000;text-decoration:none;color:#000000;}
/*content and sidebar*/
#content h1 span{color:#ffde00;}
#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:#ffde00;}
#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;}
/*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:hover, #contentwrapper ul.alternative li.active{background-color:#f5f5f5;}
#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; padding-bottom:5px;}
#hp-bottom-col4 a:hover{border:0;}
/*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;}
/*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 #ffde00;}/*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;}
#content-contactfieldset input, #content-contactfieldset textarea{color:#636669;font-size:1em;}
form input.input-validation-error { border:1px solid #FCCAC3;}
form input.input-validation-error, form textarea.input-validation-error {
border:1px solid #FCCAC3;
}
form input.input-validation-error:focus,form textarea.input-validation-error:focus {
border:1px solid #EA5338;
-webkit-box-shadow:0 1px 2px #EA5338 inset;
-moz-box-shadow:0 1px 2px #EA5338 inset;
}
form .field-validation-error
{
color: #FCCAC3;
font-weight: bold;
}
/*blog page*/
.meta .date{color:#FFFFFF;}
#contentwrapper .blog h2 a{color:#24292A;border-bottom:0;}
#contentwrapper .blog h2 a:hover{color:#ffde00;border-bottom:0;}
.blog h2 span{color:#ffde00;}
.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 #ffde00;}
#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;}
.portfolio #contentwrapper, .fullwidth #contentwrapper{background:#f5f5f5;}/*full page width style has different bg*/
.content #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;}
.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;}
#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:28px 0 0 9px;}
#footerwrapper.red{background:#96010e;border-top:1px solid #ec0115;}
/* END main structure */
/* START header */
#logo{float:left;margin:12px 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 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 #ffde00;}
.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 #ffde00;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{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;}
#sidebar ul.alternative li ul li{padding:10px 10px 10px 30px;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-col3 ul{padding-bottom:5px;border-top:1px solid #434343;}
#hp-bottom-col3 li {margin-top:8px;padding-bottom:11px;border-bottom:1px solid #434343;display:block;}
/*col1*/
#bottom-content li span {display:block;padding-top:3px;}
#hp-bottom-col2 input,#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,#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-col2 div#textarea-top,#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-col2 div#textarea-bottom,#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-col2 labe,l#hp-bottom-col1 label{display:block;margin-top:9px;/*this is what you will see if you turn overlabel off*/}
#hp-bottom-col2 input#submit{display:block;margin-bottom:10px;width:92px;height:32px;background:url('images/bottom-content-subscribe.png') no-repeat 0 0;text-indent:-9000px;}
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;}
/* 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 */
#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:#000000;}
#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:#000000;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 */
#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:#ffde00;}
#explorelist h2{padding-top:15px;}
#contentwrapper.jsdemohiddenbanner{padding-top:15px;}
/* ESSENTIAL STYLES */
#primarynav, #primarynav * {
margin: 0;
padding: 0;
list-style: none;
}
#primarynav {
line-height: 1.0;
}
#primarynav ul {
position: absolute;
top: -999em;
width: 12em; /* left offset of submenus need to match (see below) */
}
#primarynav ul li {
width: 100%;
}
#primarynav li:hover {
visibility: inherit; /* fixes IE7 'sticky bug' */
}
#primarynav li {
float: left;
position: relative;
}
#primarynav a {
display: block;
position: relative;
}
#primarynav li:hover ul,
#primarynav li.sfHover ul {
left: 0;
top: 2.4em; /* match top ul list item height */
z-index: 99;
}
ul#primarynav li:hover li ul,
ul#primarynav li.sfHover li ul {
top: -999em;
}
ul#primarynav li li:hover ul,
ul#primarynav li li.sfHover ul {
left: 12em; /* match ul width */
top: 0;
}
ul#primarynav li li:hover li ul,
ul#primarynav li li.sfHover li ul {
top: -999em;
}
ul#primarynav li li li:hover ul,
ul#primarynav li li li.sfHover ul {
left: 12em; /* match ul width */
top: 0;
}
/* DEMO SKIN */
#primarynav li:hover, #primarynav li.sfHover,
#primarynav a:focus, #primarynav a:hover, #primarynav a:active {
/*background: #CFDEFF;*/
outline: 0;
}
/* arrows **/
#primarynav a.sf-with-ul {
padding-right: 2.25em;
min-width: 1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
position: absolute;
display: block;
right: .75em;
top: 1.05em; /* IE6 only */
width: 10px;
height: 10px;
text-indent: -999em;
overflow: hidden;
background: url('images/primarynav-arrows.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator { /* give all except IE6 the correct values */
top: .9em;
background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/*li.current_page_item a > .sf-sub-indicator {background-position: -10px -100px;} commented to prevent arrow highlighting when on current page */
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator
{
background-position: -10px -100px; /* arrow hovers for modern browsers*/
}
li li a .sf-sub-indicator{display:none;}/*this hides graphical arrows from subnav*/
/* point right for anchors in subs */
#primarynav ul .sf-sub-indicator { background-position: -10px 0; }
#primarynav ul a > .sf-sub-indicator { background-position: 0 0; }
/* apply hovers to modern browsers */
#primarynav ul a:focus > .sf-sub-indicator,
#primarynav ul a:hover > .sf-sub-indicator,
#primarynav ul a:active > .sf-sub-indicator,
#primarynav ul li:hover > a > .sf-sub-indicator,
#primarynav ul li.sfHover > a > .sf-sub-indicator {
display:none;/* arrow hovers for modern browsers*/
}