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

							GLOBAL SITE STYLES

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





body { color: #333333; padding: 0; margin: 0; background: #99cccc url(/assets/images/site/bg.gif) repeat-x top left; }
img { border:0 none; }
a, a:visited, a:active { color:#0a4f7f; text-decoration:underline; }
a:hover { color: #2d90cb; text-decoration:none; }
h1 { font-size:1.4em; color:#003333; padding:0 0 18px 0; margin:0; }
#accesslinks ul { padding:0; margin:0; list-style:none; }
#accesslinks a, #accesslinks a:hover, #accesslinks a:visited { position:absolute; left:0px; top:-500px; width:1px; height:1px; overflow:hidden; }
#accesslinks a:active, #accesslinks a:focus { position:absolute; width:auto; height:auto; top:-500px; }
#wrapper { width:943px; margin:0 auto; padding:0; }
/*
=================================

HEADER AND MAIN NAVIGATION STYLES

=================================

*/
#hdr { width:943px; height:144px; padding:0; margin-bottom:0; position:relative; }
#hdr #comlogo { float:left; padding:0; margin-bottom:0; }
#hdr #adspace { float:right; padding:0; margin-bottom:0; color:#ffffff; }
ul#nav { margin:0; padding:0; height:41px; list-style:none; text-align:center; }
ul#nav li { margin:0; padding:0; display:inline; }
ul#nav li a, ul#nav li a:visited, ul#nav li a:active { float:left; padding:0; margin:0; }
ul#nav li a:hover { background-color:#6aa7d8; }
/*
=================================

			PAGE CONTENT STYLES

=================================

*/

.split_content_left ul, #content_container ul { font-size: 0.929em; padding: 0px; }
.split_content_left li, #content_container li { padding-bottom: 5px; padding-left: 0px; margin-left: 30px; margin-top: 5px; margin-bottom: 5px; }
.split_content_left ol, #content_container ol { font-size: 0.929em; padding: 0px; list-style-type: lower-alpha; }
.split_content_left ol li, #content_container ol li { padding-bottom: 5px; padding-left: 0px; margin-left: 40px; }
#contact_sticker { float:right; right:0; position:relative; z-index:1000; margin:-15px -25px 0 0; }
#contact_sticker2 { float:right; right:0; position:relative; z-index:100; margin:-15px -25px 0 0; }
#contentleft { float:left; width:240px; }
#contentleft h2 { font-size:1.2em; font-weight:lighter; color:#ffffff; display:block; background-color:#507b67; padding:12px 14px; margin-bottom:0; width:200px; }
#contentleft ul#subnav1 { padding:0; margin:0; list-style:none; width:228px; }
#contentleft ul#subnav1 li { display:block; padding:0px; margin:0px; }
#contentleft ul#subnav1 li a { display:block; text-decoration:none; font-weight:bold; color:#003333; border-bottom:#c8e2dc 1px solid; padding:6px 14px 6px 14px; margin:0px; border-bottom:#99cccc 1px solid; }
#contentleft ul#subnav1 li a:hover { background-color: #6aa6d8; color:#ffffff; background-image: url(/assets/images/icons/ico-subnav-arrow-2.gif); background-repeat: no-repeat; background-position: 210px center; }
#contentright { float:right; width:698px; display:block; }
#contentright h1 { display:block; background-color:#7daaa4; padding:10px 14px; }
#hp_leftside { float:left; text-align:center; width:282px; height:346px; background:url(/assets/images/site/view-gallery-bg1.jpg) no-repeat top left; }
#hp_leftside span { float:left; background:url(/assets/images/site/view-gallery-bg1.jpg) no-repeat top left; text-align:center; width:282px; height:346px; }
#hp_leftside span a { position:relative; top:250px; }
#hp_rightside { float:right; width:661px; }
#hp_rightside #slider { position:absolute; }
#hp_maincontent { background:url(/assets/images/site/content-bg-1.gif) repeat-y top left; }
#hp_maincontent #leftside_testimonials { float:left; background-color:#5c8780; width:282px; height:100%; }
#hp_maincontent #rightside_pagecontent { float:right; width:621px; background-color:#cfe3df; min-height:306px; padding:20px; }
#hp_maincontent #rightside_pagecontent #hp_contenttext { float:left; width:380px; }
#hp_maincontent #rightside_pagecontent #hp_contenttext p { padding:0 0 20px 0; margin:0; }
#hp_maincontent #rightside_pagecontent #hp_contentfeatures { float:right; width:228px; }
#content_container { clear:both; float:left; width:672px; position:relative; margin-top: -50px; margin-right: 0; margin-bottom: 0; margin-left: 0; padding-top: 5px; padding-right: 14px; padding-bottom: 0px; padding-left: 14px; }
#content_container .split_content_left { float:left; width:380px; margin-bottom: 10px; }
#content_container .split_content_left h2, #wrapper #contentarea #contentright #content_container h2 { color:#003300; font-size:1.2em; font-weight:bold; padding:0; margin-bottom:10px; }
#content_container .split_content_right { float:right; width:267px; }
#contact_container { clear:both; float:left; position:relative; margin:0; padding:5px 14px 10px 14px; }
#gallery_container { clear:both; float:left; position:relative; margin:-50px 0 0 0; }
#gallery_container img { width:110px; height:87px; }
#gallery_container a.pager { float:left; text-decoration:none; border:#003300 1px solid; background-color:#7daaa4; color:#ffffff; padding:1px 4px; margin:0 0 0 2px; font-size:0.8em; font-weight:bold; }
#gallery_container a.pager:hover { background-color:#37654d; color:#7daaa4; }
#gallery_container a.pagersel { float:left; text-decoration:none; border:#003300 1px solid; background-color:#37654d; color:#7daaa4; padding:1px 4px; margin:0 0 0 2px; font-size:0.8em; font-weight:bold; cursor:default; }
/*
=================================

		FOOTER CONTENT STYLES

=================================

*/
#ftr { clear:both; color:#ffffff; font-size:0.8em; font-weight:bold; margin:0 0 10px 0; padding:0 0 20px 0; }
#ftr_fixed { clear:both; width:915px; color:#ffffff; font-size:0.8em; font-weight:bold; margin:0 0 10px 0; padding:0 0 20px 0; }
#ftr a, #ftr_fixed a { color:#ffffff; text-decoration:none; }
#ftr a:hover, #ftr_fixed a:hover { color:#2d90cb; text-decoration:underline; }
/* ==============================================

									SITE CLASSES

===============================================*/
.blog-btn { position:absolute; top:74px; right:270px; }
.featurebox, .featurebox2 { width:220px; padding:4px; background-color:#ffffff; }
.featurebox .innersect, .featurebox .innersectfull, .featurebox2 .innersect { display:block; padding:4px; }
.featurebox .innersect { background-color:#bed9d4; }
.featurebox .innersectfull { background-color:#bed9d4; }
.featurebox2 .innersect { background-color:#003300; }
.featurebox h3, .featurebox2 h3 { padding:5px 10px; margin:0; font-size:1.0em; }
.featurebox h3 { color:#003333; background-color:#a5c4be; }
.featurebox2 h3 { color:#ffffff; background:#37654d url(/assets/images/icons/ico-featurebox2-h3-arrow.gif) no-repeat right; }
.featurebox .innersect p { float:left; width:110px; font-size:0.8333em; padding:0 6px; margin:0; }
.featurebox .innersectfull p { float:left; width:200px; font-size:0.8333em; padding:0 6px; margin:0; }
.featurebox2 .innersect p { float:left; font-size:0.8333em; color:#ffffff; padding:0 6px; margin:0; }
.featurebox .innersect a { text-decoration:none; font-weight:normal; }
.featurebox2 .innersect a { text-decoration:none; font-weight:bold; display:block; margin:10px 0 0 0; color:#a7ccc5; }
.featurebox2 .innersect a:hover { text-decoration:underline; }
.featurebox .innersect img { float:right; padding:0; margin:0; }
.featurebox2 .innersect p img { float:right; padding:0 0 0 5px; margin:0 -4px 0 0; }
.featurebox2 .innersect a img { float:right; padding:0 0 5px 0px; margin:0 -4px 0 0; }
.featurebox-video { width:220px;  background-color:#a8d5d5; border:solid 4px #ffffff }
.featurebox-video h3 { padding:10px 0px 0px 10px; color:#FFFFFF; font-size:16px; font-weight:bold; background-color:#016fd5}
.featurebox-video p { padding:0px 10px 5px 10px; color:#FFFFFF; font-size:11px; background-color:#016fd5} 
.floatleft { float:left; }
.floatright { float:right; }
.imageleft { float:left; padding:0px 5px 2px 0px; }
.imageright { float:right; padding-top: 0px; padding-right: 0px; padding-bottom: 10px; padding-left: 10px; }
.btnrgt { float:right; margin:10px 2px 0px 0px; }
.spacer5 { clear:both; padding:3px 0px 2px 0px; }
.spacer10 { clear:both; padding:5px 0px 5px 0px; }
.spacer20 { clear:both; padding:10px 0px 10px 0px; }
.hrule10dotted { clear:both; border-bottom:#333333 1px dotted; height:2px; margin:5px 0px 6px 0px; padding:0px; }
.formerror { padding:5px; margin:0px 0px 5px 0px; text-align:center; color:#ffffff; background-color:#ff0000; }
.formsuccess { padding:5px; margin:0px 0px 5px 0px; text-align:center; color:#ffffff; background-color:#427413; }
.textbox150 { width:150px; }
.textbox230 { width:230px; }
.textbox250 { width:250px; }
.textbox340 { width:340px; }
.textbold { font-weight:bold; }
.textsize2 { font-size:1.2em; }
.textsize3 { font-size:1.4em; }
.textsize4 { font-size:1.6em; }
.colorblue { color:#336699; }
.temp_outline { border:#ff0000 1px solid; }
.AccordionPanelContent { overflow:hidden; }
.case-study-image { overflow:hidden; }
/* Clear float fix for floating elements */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
/* Fading Slideshow */
#slideshow { position:relative; height:350px; }
#slideshow-inner { position:relative; height:253px; }
#slideshow IMG, #slideshow-inner IMG { position:absolute; top:0; left:0; z-index:8; opacity:0.0; }
#slideshow IMG.active, #slideshow-inner IMG.active { z-index:10; opacity:1.0; }
#slideshow IMG.last-active, #slideshow-inner IMG.last-active { z-index:9; }
#thumbslide { position:relative; height:200px; width:325px; }
#thumbslide IMG { position:absolute; top:0; left:0; z-index:8; filter: Alpha(Opacity=0.0); opacity:0.0; height:200px; width:325px; }
/* Easy Slider */
#slider ul, #slider li, #slider2 ul, #slider2 li, #slider3 ul, #slider3 li, #slider4 ul, #slider4 li, #slider5 ul, #slider5 li { margin:0; padding:0; list-style:none; }
#slider li, #slider2 li, #slider3 li, #slider4 li, #slider5 li { /* 
define width and height of list item (slide)
entire slider area will adjust according to the parameters provided here
*/ 
width:325px; height:220px; overflow:hidden; }
/* numeric controls */	

ol#controls { margin:1em 0; padding:0; height:16px; }
ol#controls li { margin:0 2px 0 0; padding:0; float:left; list-style:none; height:16px; line-height:16px; }
ol#controls li a { float:left; height:16px; line-height:16px; border:1px solid #ccc; background:#DAF3F8; color:#555; padding:0 5px; text-decoration:none; }
ol#controls li.current a { background:#5DC9E1; color:#fff; }
ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus { outline:none; }
/* // Easy Slider */
.blockquote-names { font-size: 0.786em; }
.quote { font-style: italic; font-weight: bold; font-variant: normal; color:#37654d; background-color:#f1f7f7; padding: 10px 10px 10px 10px; line-height: 1.50em; font-size: 1em; border-left:solid; border-left-width: 8px; border-left-color: #003300; text-align: justify; }
.quote-name { font-style: normal; font-weight: normal; font-size: 0.786em; }
.split_content_left p { margin-bottom: 10px; }
#contentright #content_container p { margin-bottom: 10px; }
#contentarea #contentright p { margin-bottom: 10px; }
.home-page-heading { margin-bottom: 10px; }
.crittal-benenden-swf { float: left; width: 480px; }
.crital-benenden-text { float: left; width: 170px; margin-right: 10px; padding: 10px; }
.small-text { font-size: 0.846em; }
.cs-image { float: left; width: 165px; margin-right: 4px; }
.floatright-image { float: right; margin-bottom: 10px; margin-left: 10px; border: 4px solid #FFFFFF; }
.three-d-contact a { background-repeat: no-repeat; display:block; text-indent: -9999px; background-position: 0px -70px; height:70px; background-image: url(/assets/images/btns/btn-contactus-phone.gif); }
.three-d-contact a:hover { background-position: 0px 0px; }
.background-colour-one { -moz-border-radius: 5px; -webkit-border-radius: 5px; background-color: #7DAAA4; padding: 10px; margin: 0px; color: #FFFFFF; font-weight: bold; }
.background-colour-two { -moz-border-radius: 5px; -webkit-border-radius: 5px; background-color: #99cccc; padding: 10px; margin: 0px; color: #333333; font-weight: bold; }
.quote-product-codes h3 strong, .quote-colour-codes h3 strong, .quote-window-styles h3 strong { font-size: 1.167em; margin-bottom:10px; font-weight:bold; }
.quote-product-codes, .quote-colour-codes, .quote-window-styles { font-size: 0.917em; margin-bottom:10px; width:228px; }
.quote-product-codes { margin-top: 10px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; }
.quote-product-codes ul li, .quote-colour-codes ul li, .quote-window-styles ul li { padding-left: 0px; list-style-type: disc; list-style-position: inside; }
.quote-product-codes li, .quote-colour-codes li, .quote-window-styles li { padding-top: 5px; padding-right: 0px; padding-bottom: 5px; border-bottom-width: 1px; border-bottom-style: none; border-bottom-color: #FFFFFF; }
.example-button { margin-top: 10px; padding: 5px; background-color: #ffffff; -moz-border-radius: 5px; -webkit-border-radius: 5px; text-align:center; }
.example-button a { text-decoration:none; }
.quote-window-styles, quote-product-codes, quote-colour-codes { border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #FFFFFF; padding-bottom: 10px; }
#content_container h3 { font-size: 16px; color: #003300; font-weight: bold; }
#gallery_container img { padding-right: 6px; padding-top:6px; }
.innerlogos{position:relative}
.innerlogos p {color: #333333}