/* ############### */
/* TEMPLATE STYLES */
/* ############### */

/* Styles common to all standard pages */

html { overflow-y:scroll }

body { color:#444; font:13px/1.35 Verdana, sans-serif; }

select, input, textarea { color:#444; }

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

dt { font-weight:bold; }

.clear { clear:both; }

#skip_nav {	left: -10000px; position: absolute; top: -10000px; }

.container { margin:0 auto; width:960px; }

#header { background:#00D3FE url(images/header-bg.jpg) repeat-x; }
#header .container { padding:10px 0; }

#logo { float:left; position:relative; z-index:200; }
#logo p { margin:0 0 4px; }
.tagline { clear:left; color:#FFFE9D; float:left; font-size:14px; font-weight:bold; text-transform:uppercase; }
.tagline a { color:#FFFE9D; }
#contact-info { color:#fff; float:right; font-size:16px; font-weight:bold; margin:1px 0 0; position:relative; text-align:right; z-index:200; }
#contact-info p { margin:0; }
#contact-info a { color:#fff; }
#address { font-size:10px; line-height:14px; }

#header .menuwrapper { background:#0066A6; border-top:1px solid #004872; border-bottom:1px solid #004872; font-weight:normal; padding:4px 0; text-transform:uppercase; }
#header .primary-nav { margin:0 auto; overflow:hidden; padding:0; position:relative; width:960px; z-index:200; }
#header .primary-nav li { float:left; list-style:none; margin:0; padding:0 15px 0 0; }
#header .primary-nav .last { float:right; padding:0; }
#header .primary-nav li a { color:#fff; text-decoration:none; }
#header .primary-nav li.menuactive a, #header .primary-nav li a:hover { color:#FFFE9D; }

#banner { background:url(images/content-bg.jpg) repeat-x top; }
#banner .container { height:258px; position:relative; }
#banner img { position:relative; top:-118px; z-index:100; }


#slideshow {
    position:relative;
    height:258px;
}

#slideshow DIV {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
    height: 260px;
}

#slideshow DIV.active {
    z-index:10;
    opacity:1.0;
}

#slideshow DIV.last-active {
    z-index:9;
}

#slideshow DIV IMG {
    display: block;
    border: 0;
    margin-bottom: 10px;
}
#slideshow DIV a {
	position:relative; top:-118px;
}


#content {}
#content .container { padding:0px; width:960px; position:relative; z-index:500; }
#content h1 { border-bottom:1px solid #0066A6; }

#cboxContent .container { padding:5px; width:auto; }

.col-2 { overflow:hidden; width:960px; }
.content-box { background:#D0EDFF; border:1px solid #0066A6; clear:both; margin:6px 0; overflow:hidden; padding:15px 10px 5px; }
.content-box img { display:block; margin:0 auto; position:relative; z-index:200px;}
.col-2 .content-box { background:none; clear:none; float:left; margin:10px 20px 10px 0; padding:0; width:470px; }
.col-2 .last { margin:10px 0; }
.col-2 .content-box h2 { text-align:left; }

.col-3 { overflow:hidden; width:960px; }
.col-3 .content-box { background:none; border:0; clear:none; float:left; margin:10px 5px 2px 0; padding:0; width:236px; }
.col-3 .last { margin:10px 0; }
.col-3 .content-box h2 { text-align:left; }

.clients { list-style:none; margin:0; overflow:hidden; padding:0; width:960px; }
.clients li { background:#D0EDFF; border:1px solid #0066A6; float:left; height:250px; list-style:none; margin:0 10px 20px; padding:10px; width:198px; }
.clients li.last { font-size:32px; }

table { margin:0 auto 10px; width:640px; }
table th { background:#D0EDFF; padding:3px 5px; text-align:left; }
table td { padding:3px 5px; }

#footer .menuwrapper { background:#0066A6; border-top:1px solid #004872; border-bottom:1px solid #004872; font-size:10px; margin:0 0 5px; padding:4px 0; }
#footer .primary-nav { margin:0 auto; overflow:hidden; padding:0; width:960px; }
#footer .primary-nav li { float:left; list-style:none; margin:0; padding:0 15px 0 0; }
#footer .primary-nav li a { color:#fff; }

#copyright { color:#919191; float:left; font-size:10px; }
#design { color:#919191; float:right; font-size:10px; }
#design a { color:#919191;}

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; } /* Hides from IE-mac \*/
.clearfix { display: block; }

#questionscontainer{	
	margin:0 auto;
	position:relative;
	text-align:left;
	width:696px;
	background:#fff;		
	margin-bottom:2em;
}	

#questionscontent{
	position:relative;
}		

#slider ul, #slider li
{
	margin:0;
	padding:0;
	list-style:none;
}

/* Copyright (c) Studio 2 Online Ltd. */