@charset "utf-8";
/* CSS Document */




body {
	background: #000 url(/assets/templates/sxs/img/bg.jpg) no-repeat  fixed 50% 0;
	padding:0px;
	margin: 0px;
	width: 100%;
	height: 100%;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size: 12px;
	line-height:150%;
	color: #fff;
	text-align: left;
		}
	
p  {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #8c8c8c;
	line-height:150%;
	text-align: left;
	margin: 8px 0 8px 0;
	}

h1  {
	color:#44a2ff;
	font-size:22px;
	font-weight:normal;
	line-height:100%;
	margin:3px 3px 5px 0;
	padding: 0 0 5px 0;
	text-align:left;
	text-transform:uppercase;
	border-bottom:1px dotted #242424;
	}
	
#introbox h1  {border-bottom:none;
	}
	
h2{
	font-size: 19px;
	color:#44a2ff;
	text-align: left;
	font-weight:normal;
	line-height:130%;
	padding: 0 0 0 0;
	margin: 7px 3px 7px 0;
	text-transform:uppercase;
	}


h3  {
	border:medium none;
	color:#8c8c8c;
	font-size:16px;
	font-weight:normal;
	line-height:130%;
	margin:3px 3px 5px 0;
	padding:0 0 5px 0;
	text-align:left;
	}
	
h4  {
	border:medium none;
	color:#8c8c8c;
	font-size:14px;
	font-weight:bold;
	line-height:130%;
	margin:3px 3px 5px 0;
	padding:0 0 5px 0;
	text-align:left;
	}
	

a {
    text-decoration: none;
	font-weight:normal;
	font-size: 13px;
	color: #44a2ff;
	text-align: left;
	}

a:hover {
	margin: 0px 0px 0px 0px; 
	color: #44a2ff;
	text-decoration:underline;
	}
	
#maincontentbox ul {margin:0 0 10px 15px;padding: 0 0 0 0;list-style:none;}
#maincontentbox li {color: #8c8c8c;font-weight:bold;margin:0 0 5px 0;padding: 0 0 0 15px;background:url(/assets/templates/sxs/img/bullet-footer.png) no-repeat 0 4px;}
#coda-nav-1 li {background:none;}
	
/* =============================================================================
 * Containers
 * =============================================================================
 *
 *
 */	

#pagebox { 
	padding:0 0 0 0;
	margin:0 0 0 0;
	width: 100%;
	height: 494px;
	}
	
	
#header {
	position:relative;
	width: 1000px;
	height:110px;
	margin:0 auto 0 auto;
	padding:0 0 0 0;
	}
	
#logobox { 
	background:none;
	position:absolute;
	margin: 10px 0 0 0;
	width: 160px; 
	height: 95px;
	text-align:left;
	}
	
#logobox a:hover img{ 
	margin: 1px 0 0 0;
	}
	
#toplinks {width:450px;float:right;text-align:right; color:#2d2d2d;font-weight:bold;margin:10px 0 0 0;}
#toplinks em{color: #44a2ff;font-weight:bold;margin: 0 5px 0 5px;}
#toplinks a{color:#2d2d2d;font-weight:bold;}
#toplinks a:hover{color:#fff;font-weight:bold;text-decoration:none;}
/* Custom Icons */
.addthis_toolbox {margin: 5px 0 0 0;width:150px;}
.addthis_toolbox .custom_images a {width: 32px; height: 32px; margin: 0; padding: 0;}
.addthis_toolbox .custom_images a img {filter:alpha(opacity=40); -moz-opacity: .4; opacity: 0.4;}
.addthis_toolbox .custom_images a:hover img {filter:alpha(opacity=100); -moz-opacity: 1; opacity: 1;cursor:pointer;}   

	
#topnav {
	background: #151515;
	position:relative;
	width: 100%; 
	height:40px;
	margin:0 auto 0 0;
	padding:0 0 0 0;
	text-align:left;
	z-index:100;
	}
	
#topnav ul.sf-menu {margin:0 auto 0 auto;padding:0 0 0 0;width:1000px;list-style:none;}
ul.sf-menu li {margin:0 10px 0 0;padding:0 0 0 0;float:left;position:relative;list-style:none;}
ul.sf-menu li a{display:block;position:relative;font-size:14px;font-weight:normal;text-transform:uppercase;padding:14px 12px 6px 12px;margin:0 0 0 0;height:20px;overflow:hidden;}

ul.sf-menu li a{color:#fff;}
ul.sf-menu li a:hover{background:#252525;}
ul.sf-menu li a:hover, ul.sf-menu li.active a, ul.sf-menu li.active a:hover{color:#44a2ff;text-decoration:none;}



ul.sf-menu li ul.submenu, ul.sf-menu li.active ul.submenu {background:#252525;display: none; position: absolute;  top: 1em; left: 0; margin:28px 0 0 0;padding:8px;width:175px;}
li > ul {top: auto;left: auto;}
ul.sf-menu li:hover ul.submenu {display: block; clear: left}

.sf-menu li:hover, .sf-menu li.sfHover,.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {background:#252525;}


ul.submenu li {margin:0 5px 0 0;padding:0 0 0 0;position:relative;list-style:none;float:none;}
ul.submenu li a{display:block;position:relative;font-size:12px;font-weight:normal;text-transform:none;background:none;}

ul.sf-menu li ul.submenu li a, ul.sf-menu li.active ul.submenu li a{color:#fff; margin:0 0 0 0; padding:5px; display:block;background:none;}
ul.sf-menu li ul.submenu li a:hover, ul.sf-menu li.active ul.submenu li a:hover{color:#44a2ff; margin:0 0 0 0;padding:5px;background:none;text-decoration:none;}
ul.sf-menu li ul.submenu li.active a:hover, ul.sf-menu li.active ul.submenu li.active a:hover{color:#44a2ff;margin:0 0 0 0;padding:5px;background:none;}
ul.sf-menu li ul.submenu li.active a, ul.sf-menu li.active ul.submenu li.active a{color:#44a2ff;margin:0 0 0 0;padding:5px;background:none;}

.sf-sub-indicator{display:none;}





#logobox a img{
	border:none;
	text-decoration:none;	}
	
#page {
	position:relative;
	margin:0 auto 0 auto;
	width: 1000px; 
	padding:0 0 0 0;
	
	}
	

/* =============================================================================
 * HOMEPAGE DIVs
 * =============================================================================
 *
 *
 */			
#introbox{background:#151515; width:300px; height:340px; position:relative; float:left;  margin:20px 0 0 0;z-index:10; padding: 10px;overflow:hidden;}
#flashbox{background:#151515; width:640px; height:340px; position:relative; float:right; margin:20px 0 0 0;z-index:10;padding: 10px;}
#box-one  {background:#151515; width:300px;  position:relative; float:left;  margin:20px 20px 20px 0;padding: 10px;height:342px;}
#box-two  {background:#151515; width:300px;  position:relative; float:left;  margin:20px 20px 20px 0;padding: 10px;height:342px;}
#box-three{background:#151515; width:300px;  position:relative; float:left;  margin:20px 0 20px 0;padding: 10px;height:342px;}
#sitemap-box{background:#151515; width:980px; position:relative;   margin:0 0 20px 0;padding: 10px;clear:both;}


#leftcol{background:none; width:265px; position:relative; float:left;  margin:20px 0 20px 0;z-index:10; padding: 0;}
#subnavbox{background:#151515; width:245px; position:relative;  margin:0 0 0 0;z-index:10; padding: 10px;overflow:hidden;}
#quotebox{background:#151515 url(/assets/templates/sxs/img/quote66.png) no-repeat  10px 10px; width:240px; position:relative;  margin:20px 0 0 0;z-index:10; padding: 40px 10px 10px 15px; }
#quotebox-seo{background:#151515 url(/assets/templates/sxs/img/quote66.png) no-repeat  10px 10px; width:240px; position:relative;  margin:0 0 0 0;z-index:10; padding: 40px 10px 10px 15px; }
#newsletter-box{background:#151515; width:245px; position:relative;  margin:20px 0 0 0;z-index:10; padding: 10px;}

#onecol{background:none; width:1000px; position:relative; margin:20px 0 20px 0;z-index:10;padding: 0;}
#rightcol{background:none; width:715px; position:relative; float:right; margin:20px 0 20px 0;z-index:10;padding: 0;}
#maincontentbox{background:#151515; width:695px;  position:relative;  margin:0 0 0 0;z-index:10; padding: 10px;}
#maincontentbox-clear{background:transparent; width:715px;  position:relative;  margin:0 0 0 0;z-index:10; padding: 0;}
#maincontentbox-wide-clear{background:transparent; width:1000px;  position:relative;  margin:0 0 0 0;z-index:10; padding: 0;}
#clientbox{background:#151515; width:695px; position:relative;  margin:20px 0 0 0;z-index:10; padding: 10px;}
#clientbox2{background:#151515; width:695px; position:relative;  margin:6px 0 0 0;z-index:10; padding: 10px;}
#testimonial-area {background:#151515; width:980px; position:relative; margin:0 0 20px 0;z-index:10;padding: 10px;clear:both;}

#leftcol-half{background:none; width:490px; position:relative; float:left;  margin:0 0 0 0;z-index:10; padding: 0;}
#rightcol-half{background:none; width:490px; position:relative; float:right; margin:0 0 0 0;z-index:10;padding: 0;}
#video-player-box{background:#151515; width:470px; position:relative; float:left;  margin:20px 0 20px 0;z-index:1; padding: 10px;}
#gallery-box{background:#151515; width:480px; position:relative; float:left;  margin:20px 0 20px 0;z-index:10; padding: 5px;}
		
	
/* =============================================================================
 * OTHER PAGE DIVs
 * =============================================================================
 *
 *
 */	
	
#subnavbox ul{margin:10px 0 0 0;padding:0 0 0 0;position:relative;list-style:none;}
#subnavbox li {margin:0 0 0 0;padding:3px 0 3px 0;position:relative;list-style:none;}
#subnavbox li a{position:relative;font-size:16px;font-weight:normal;text-transform:uppercase;padding:3px 0 3px 0;margin:3px 0 3px 0;color:#fff;}
#subnavbox li.active a{color:#44a2ff;}

/* =============================================================================
 * INTROBOX LINKS
 * =============================================================================
 */	
#introbox span a{text-transform:uppercase;font-size:16px;padding: 0 0 5px 0;}




/* =============================================================================
 * EVENTS AND SERVICES THUMBNAIL CHUNKS
 * =============================================================================
 */	

.event-block{background:#151515;width:328px;float:left;clear:left;position:relative; margin: 0 15px 15px 0;padding:10px;overflow:hidden;}
.event-block-alt{float:right;clear:right;margin: 0 0 15px 0;}

.event-block a img, .client-block a img, .fp-client-block a img{border:none;}
.event-block a:hover img, .client-block a:hover img, .fp-client-block a:hover img{border:none;filter:alpha(opacity=75); -moz-opacity: .75; opacity: 0.75;}
.event-block h2 a, .client-block h2 a{
	color:#44a2ff;
	font-size:18px;
	font-weight:normal;
	line-height:100%;
	}

.event-block h2, .client-block h2{
	margin:0 0 0 0;
	padding: 10px 0 0 0;
	text-align:left;
	text-transform:uppercase;}

.clearfloat{clear:both;}

.client-block{background:#151515;width:126px;float:left;position:relative; margin: 0 10px 20px 10px;padding:10px;}
.fp-client-block, .fp-image-block {background:#151515;width:90px;float:left;position:relative; margin: 5px;padding:0;}
.fp-client-block a img{border: 1px solid gray;}
.fp-client-block a:hover img{border: 1px solid #fff;filter:alpha(opacity=75); -moz-opacity: .75; opacity: 0.75;}

/* =============================================================================
 * QUOTE BOX
 * =============================================================================
 */	
 
#quotebox span, #quotebox-seo span {color:#44a2ff;font-size:17px;}
.quote-by {font-weight:bold;}

.client-quote-box {margin:10px 0 10px 0;padding:10px 50px 10px 50px;border-bottom:1px dotted #242424;}
.client-quote-box span{color:#44a2ff; font-size:20px;}

/* =============================================================================
 * CLIENT BOX
 * =============================================================================
 */	
.client-box-logo {width:112px;float:left;position:relative;margin: 6px 13px 0 13px;}
.client-box-logo a img{border:1px solid #999999;}
.client-box-logo a:hover img{border:1px solid #44a2ff;ofilter:alpha(opacity=75); -moz-opacity: .75; opacity: 0.75;}

/* =============================================================================
 * NEWS ARTICLES
 * =============================================================================
 */	
 
.news-block{background:none;position:relative; margin: 10px 0 10px 0;padding:0 0 10px 0;overflow:hidden;border-bottom:1px dotted #242424;color:#8c8c8c;clear:both;}
.news-block-img{width:236px;float:left;}
.news-block-img a img{border:2px solid #44a2ff;}
.news-block-img a:hover img{filter:alpha(opacity=75); -moz-opacity: .75; opacity: 0.75;border:2px solid #fff;}
.news-block-content{width:440px;float:right;}

.news-block h2 a{
	color:#44a2ff;
	font-size:18px;
	font-weight:normal;
	line-height:100%;
	}
.news-block h2 a:hover{
	color:#44a2ff;
	font-size:18px;
	font-weight:normal;
	line-height:100%;
	margin:0 0 0 0;
	}

.news-block h2{
	margin:0 0 0 0;
	padding: 0 0 0 0;
	text-align:left;
	text-transform:uppercase;}
	
	
.news-block p{color:#4f4f4f; font-size:10px; font-weight:normal;}
.news-block a{color:#44a2ff; font-size:12px; font-weight:bold;}
.news-block a:hover{color:#44a2ff; font-size:12px; font-weight:normal;text-decoration:underline;font-weight:bold;}


/* =============================================================================
 * STAFF PROFILES
 * =============================================================================
 *
 *
 */	

.staff-profile {margin: 0 0 0 0;padding: 0 0 0 0;clear:both;border-bottom:1px dotted #242424;}
.staff-pic {float:left;width:125px;border:1px solid #292929;padding:10px;margin:15px 0 0 0;}
.staff-info {float:right;width:530px;margin:15px 0 0 0;}
.staff-info span{color:#44a2ff;font-size:20px;text-transform:uppercase;}
.staff-info p{margin: 0 0 16px 0;}
.staff-info em{color:#44a2ff;padding:0 0 0 0;margin: 0 0 0 0;font-style:normal; font-weight:bold;text-transform:uppercase;}



/* =============================================================================
 * FLOWPLAYER 
 * =============================================================================
 */	
 
 #player_api {z-index:10;}

a.player {	
	display:block;
	width:470px;
	height:264px;
	text-align:center;
	color:#fff;
	text-decoration:none;
	cursor:pointer;
	background: #000 url(/assets/templates/sxs/img/video-bg.png) repeat-x 0 0;
}


/* splash image */
a.player img {
	margin:0 0 0 0;
	border:0;	
}


#player {
	float:left;		
	height:264px;
	width:470px;
}	

/* playlist style */
#playlist {
	width:470px;
	padding:0 0 0 0;
	background:none;
	margin: 10px 0 0 0;
	float:left;
	border-top:1px dotted #242424;
}

/* playlist entry */
#playlist a {
	display:block;
	width:456px;
	padding:7px;
	background-color:#161515;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	text-decoration:none;
	margin: 0 0 0 0;
	color:#fff;
}

/* different states of a playlist entry */

.video-box {border-bottom:1px dotted #242424;overflow:hidden;}

#playlist a:hover {background-color:#1c1c1c;}

#playlist a.progress {background-color:#1b1b1b;}

#playlist a.playing {background-color:#1c1c1c;}



/* elements inside playlist entry */
#playlist a img {
	border:1px solid #4f4f4f;	
	float:left;
	margin:0 10px 0 0;
}

#playlist a strong {
	color:blue;		
	padding-bottom:5px;
}

#playlist a em {
	border:0;	
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	background:url(/img/demos/clock.gif) no-repeat 0 50%;
	color:#656565;
	font-weight:normal;
	font-style:normal;
	font-size:12px;
}

#playlist a span {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	color:#44a2ff;
	font-weight:normal;
	font-size:16px;
	text-transform:uppercase;
}


.gallery-image-box {
	width:110px;
	margin:5px 5px 5px 5px;
	float:left;
	position:relative;
	border:none;
	}
#gallery-box h1{margin:8px 3px 5px 5px;}
#gallery-box p{	margin:8px 0 5px 5px;}

/* =============================================================================
 * SITEMAP
 * =============================================================================
 */	


.sitemap {float:left;width:160px; margin:0 0 0 0;}
.sitemap ul {margin:0 0 0 0;padding: 0 0 0 0;list-style:none;}
.sitemap li {margin:0 0 0 0;padding: 0 0 0 15px;background:url(/assets/templates/sxs/img/bullet-footer.png) no-repeat 0 4px;}
.sitemap li a {margin:0 0 0 0;padding: 0 0 0 0;font-size:11px;font-weight:normal;color:#8c8c8c;}
.sitemap li a:hover {margin:0 0 0 0;padding: 0 0 0 0;color:#44a2ff;text-decoration:none;}


/* =============================================================================
 * FOOTER
 * =============================================================================
 */	
 
#footer {
	position:relative;
	clear:both;
	margin:0 0 0 0;
	background: #151515 ;
	width: 100%; 
	height: 100px;
	}
	
#footer-inner {
	position:relative;
	clear:both;
	margin-right:auto;
	margin-left:auto;
	background:none;
	width:1000px; 
	height: 100px;
	}
	
#footer-logo {
	float:right;
	margin-top:20px;
	width: 95px; 
	height: 59px;
	}
	
#footer-nav {
	position:relative;
	float:left;
	text-align:left;
	margin:20px 0 0 0;
	width: 800px; 
	}
	
#footer-nav ul{
	color: #fff;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	}

#footer-nav li{
	display:inline;
	list-style:none;
	}
	
#footer-nav li a{
	text-decoration: none;
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #8c8c8c;
	text-align: left;
	margin: 0 10px 0 0;
	}
	
#footer-nav li a:hover{
	color:#44a2ff;
	}

.footercopy {
	float:left;
	margin:7px 0 0 0;
	width: 600px; 
	padding: 0 0 0 0;
	}
.footercopy p, .footercopy a {
	text-decoration: none;
	font-weight:normal;
	text-align:left;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 10px;
	color: #47546c;
	margin:0 0 0 0;
	padding: 0 0 0 0;
	}
	
.footercopy a:hover {
	color: #44a2ff;
	}
	
	
/* =============================================================================
 * GET A QUOTE FORM & CONTACT FORM
 * =============================================================================
 *
 * Styles for get a quote and contact pages
 *
 */	
	

#quote-form  label {
	clear:left;
	color:#44A2FF;
	float:left;
	font-family: Arial,Helvetica,sans-serif;
	font-weight:bold;
	font-size:12px;
	margin-top:15px;
	padding:8px 10px 0 0;
	width:170px;
	text-align:right;
	}	
	
#quote-form input  {
	width:480px;
	clear:right;
	margin-top:20px;
	padding: 4px;
	border: #969696 2px solid;
	color:#262626;
	font-family: Arial,Helvetica,sans-serif;
	font-weight:normal;
	font-size: 12px;
	}
#quote-form input:hover, #quote-form select:hover {border: #fff 2px solid;}



#quote-form select  {
	width:492px;
	clear:right;
	margin-top:20px;
	padding: 4px;
	border: #969696 2px solid;
	color:#262626;
	font-family: Arial,Helvetica,sans-serif;
	font-weight:normal;
	font-size: 12px;
	}
	

#quote-form textarea{
	width:480px;
	clear:right;
	margin-top:20px;
	padding: 4px;
	border: #969696 2px solid;
	color:#262626;
	font-family: Arial,Helvetica,sans-serif;
	font-weight:normal;
	font-size: 12px;
	}
#quote-form textarea:hover {border: #fff 2px solid;}

#quote-form button {
	margin: 10px 0 0 180px;
	background: #44A2FF;
	border:none;
	width:492px;
	height:29px;
	color:#ffffff;
	font-family: Arial,Helvetica,sans-serif;
	font-weight:normal;
	font-size: 12px;
	}
#quote-form button:hover {
	margin: 10px 0 0 180px;
	background: #0a5eb2;
	border:none;
	width:492px;
	height:29px;
	color:#ffffff;
	font-family: Arial,Helvetica,sans-serif;
	font-weight:normal;
	font-size: 12px;
	}
	
#quote-form h2{margin:20px 3px 0 180px;}

#contact-details p{color: #44A2FF;}
#contact-details p em{color: #44A2FF;font-weight:bold;font-style:normal;}
#contact-details p a{color: #44A2FF;font-weight:normal;}
#contact-details p a:hover{color: #fff;text-decoration:underline;}


#news-form input  {
	width:232px;
	clear:right;
	margin-bottom:10px;
	padding: 4px;
	border: #969696 2px solid;
	color:#262626;
	font-family: Arial,Helvetica,sans-serif;
	font-weight:normal;
	font-size: 12px;
	}
#news-form input:hover, #news-form select:hover {border: #fff 2px solid;}

#news-form button {
	margin: 0 0 0 0;
	background: #44A2FF;
	border:none;
	width:243px;
	height:25px;
	color:#ffffff;
	font-family: Arial,Helvetica,sans-serif;
	font-weight:normal;
	font-size: 12px;
	}
#news-form button:hover {
	margin: 0 0 0 0;
	background: #0a5eb2;
	border:none;
	width:243px;
	height:25px;
	color:#ffffff;
	font-family: Arial,Helvetica,sans-serif;
	font-weight:normal;
	font-size: 12px;
	}

/* =============================================================================
 * FAQ ACCORDION
 * =============================================================================
 *
 * Styles for get a quote and contact pages
 *
 */	
.question {padding: 5px 0 5px 0;cursor: pointer;}
.answer {padding: 0 0 15px 20px;}
.answer p {font-size:15px;}
.question h3 {float:left; margin: 0 0 0 0;width:675px;}
.accordprefix {float:left; width:20px;margin:9px 0 0 0;}