/**
 * Creative Networks
 *
 * Colours:
 *  #a6ffff - Light blue
 *  #0086be - Medium blue
 *  #003364 - Dark blue
 *  #006792 - Shadow blue
 */



/* 960 Grid */
.container_12,.container_16{margin-left:auto;margin-right:auto;width:960px}.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12,.grid_13,.grid_14,.grid_15,.grid_16{display:inline;float:left;position:relative;margin-left:10px;margin-right:10px}.container_12 .grid_3,.container_16 .grid_4{width:220px}.container_12 .grid_6,.container_16 .grid_8{width:460px}.container_12 .grid_9,.container_16 .grid_12{width:700px}.container_12 .grid_12,.container_16 .grid_16{width:940px}.alpha{margin-left:0}.omega{margin-right:0}.container_12 .grid_1{width:60px}.container_12 .grid_2{width:140px}.container_12 .grid_4{width:300px}.container_12 .grid_5{width:380px}.container_12 .grid_7{width:540px}.container_12 .grid_8{width:620px}.container_12 .grid_10{width:780px}.container_12 .grid_11{width:860px}.container_16 .grid_1{width:40px}.container_16 .grid_2{width:100px}.container_16 .grid_3{width:160px}.container_16 .grid_5{width:280px}.container_16 .grid_6{width:340px}.container_16 .grid_7{width:400px}.container_16 .grid_9{width:520px}.container_16 .grid_10{width:580px}.container_16 .grid_11{width:640px}.container_16 .grid_13{width:760px}.container_16 .grid_14{width:820px}.container_16 .grid_15{width:880px}.container_12 .prefix_3,.container_16 .prefix_4{padding-left:240px}.container_12 .prefix_6,.container_16 .prefix_8{padding-left:480px}.container_12 .prefix_9,.container_16 .prefix_12{padding-left:720px}.container_12 .prefix_1{padding-left:80px}.container_12 .prefix_2{padding-left:160px}.container_12 .prefix_4{padding-left:320px}.container_12 .prefix_5{padding-left:400px}.container_12 .prefix_7{padding-left:560px}.container_12 .prefix_8{padding-left:640px}.container_12 .prefix_10{padding-left:800px}.container_12 .prefix_11{padding-left:880px}.container_16 .prefix_1{padding-left:60px}.container_16 .prefix_2{padding-left:120px}.container_16 .prefix_3{padding-left:180px}.container_16 .prefix_5{padding-left:300px}.container_16 .prefix_6{padding-left:360px}.container_16 .prefix_7{padding-left:420px}.container_16 .prefix_9{padding-left:540px}.container_16 .prefix_10{padding-left:600px}.container_16 .prefix_11{padding-left:660px}.container_16 .prefix_13{padding-left:780px}.container_16 .prefix_14{padding-left:840px}.container_16 .prefix_15{padding-left:900px}.container_12 .suffix_3,.container_16 .suffix_4{padding-right:240px}.container_12 .suffix_6,.container_16 .suffix_8{padding-right:480px}.container_12 .suffix_9,.container_16 .suffix_12{padding-right:720px}.container_12 .suffix_1{padding-right:80px}.container_12 .suffix_2{padding-right:160px}.container_12 .suffix_4{padding-right:320px}.container_12 .suffix_5{padding-right:400px}.container_12 .suffix_7{padding-right:560px}.container_12 .suffix_8{padding-right:640px}.container_12 .suffix_10{padding-right:800px}.container_12 .suffix_11{padding-right:880px}.container_16 .suffix_1{padding-right:60px}.container_16 .suffix_2{padding-right:120px}.container_16 .suffix_3{padding-right:180px}.container_16 .suffix_5{padding-right:300px}.container_16 .suffix_6{padding-right:360px}.container_16 .suffix_7{padding-right:420px}.container_16 .suffix_9{padding-right:540px}.container_16 .suffix_10{padding-right:600px}.container_16 .suffix_11{padding-right:660px}.container_16 .suffix_13{padding-right:780px}.container_16 .suffix_14{padding-right:840px}.container_16 .suffix_15{padding-right:900px}.container_12 .push_3,.container_16 .push_4{left:240px}.container_12 .push_6,.container_16 .push_8{left:480px}.container_12 .push_9,.container_16 .push_12{left:720px}.container_12 .push_1{left:80px}.container_12 .push_2{left:160px}.container_12 .push_4{left:320px}.container_12 .push_5{left:400px}.container_12 .push_7{left:560px}.container_12 .push_8{left:640px}.container_12 .push_10{left:800px}.container_12 .push_11{left:880px}.container_16 .push_1{left:60px}.container_16 .push_2{left:120px}.container_16 .push_3{left:180px}.container_16 .push_5{left:300px}.container_16 .push_6{left:360px}.container_16 .push_7{left:420px}.container_16 .push_9{left:540px}.container_16 .push_10{left:600px}.container_16 .push_11{left:660px}.container_16 .push_13{left:780px}.container_16 .push_14{left:840px}.container_16 .push_15{left:900px}.container_12 .pull_3,.container_16 .pull_4{left:-240px}.container_12 .pull_6,.container_16 .pull_8{left:-480px}.container_12 .pull_9,.container_16 .pull_12{left:-720px}.container_12 .pull_1{left:-80px}.container_12 .pull_2{left:-160px}.container_12 .pull_4{left:-320px}.container_12 .pull_5{left:-400px}.container_12 .pull_7{left:-560px}.container_12 .pull_8{left:-640px}.container_12 .pull_10{left:-800px}.container_12 .pull_11{left:-880px}.container_16 .pull_1{left:-60px}.container_16 .pull_2{left:-120px}.container_16 .pull_3{left:-180px}.container_16 .pull_5{left:-300px}.container_16 .pull_6{left:-360px}.container_16 .pull_7{left:-420px}.container_16 .pull_9{left:-540px}.container_16 .pull_10{left:-600px}.container_16 .pull_11{left:-660px}.container_16 .pull_13{left:-780px}.container_16 .pull_14{left:-840px}.container_16 .pull_15{left:-900px}.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0}.clearfix{display:inline-block}* html .clearfix{height:1%}.clearfix{display:block}

/* 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}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}



body {background:#0086be url("../images/background_highlight.png") no-repeat top center; font:16px/1.3em Arial,Helvetica,sans-serif;}
p {margin-top:10px;}

.container {width:960px; margin-right:auto; margin-left:auto;}

#header {height:100px; padding-top:15px;}
#logo {float:left;}
#logo a {display:block; width:447px; height:114px; background:transparent url("../images/logo.png") no-repeat; text-indent:-999em;}
#slogan {float:right; width:218px; height:27px; margin-top:70px; background:transparent url("../images/slogan.png") no-repeat bottom right; text-indent:-999em;}

#nav {height:34px; margin-top:30px;}
	#nav ul {padding:0 0 0 9px;}
	#nav li {float:left; width:250px; padding-left:28px;}
	#nav a {display:block; height:34px; background:transparent no-repeat bottom center; text-indent:-999em;}
	#nav li.active a img {background-position:bottom center;}
	#nav a img {display:block; width:250px; height:34px; background:transparent no-repeat top center;}
	#nav .about a, #nav .about a img {background-image:url("../images/menu.about.png");}
	#nav .service a, #nav .service a img {background-image:url("../images/menu.service.png");}
	#nav .smallbusiness a, #nav .smallbusiness a img {background-image:url("../images/menu.smallbusiness.png");}
	
	#nav .support, #nav .support img {width:50px;}
	#nav .support a, #nav .support a img {background-image:url("../images/menu.support.png");}

#content {padding-bottom:20px; background:transparent url("../images/roundedbox.png") no-repeat bottom center; color:#888888;}
#content_inner {overflow:hidden; position:relative; padding-top:20px; background:transparent url("../images/roundedbox.png") no-repeat top center;}
#content p {margin:0;}
#footer {padding-bottom:3em; font-size:15px; line-height:1.3em; color:#a6ffff;}



#tabbed {position:relative; width:960px; height:170px; margin-left:auto; margin-right:auto;}
.page {display:none; position:absolute; top:0; left:0; width:900px; padding:15px 30px; text-align:justify;}
.headline {display:block; padding-bottom:20px;}
.col-left, .col-right {float:left; width:435px;} .col-right {float:right;}

.title, .title-center {display:block; margin-top:30px; margin-bottom:10px;}
.title-center {margin-left:auto; margin-right:auto;}

#tab_overlay {position:absolute; top:20px; left:50%; width:900px; height:100%; margin-left:-450px; background:#ffffff;}


#videos {position:relative; height:112px; padding:20px 0; background:transparent url("../images/videos_box.png") no-repeat top center;}
	#videos .button {position:absolute; display:block; top:0; width:50px; height:152px; background:transparent no-repeat top right;}
	#videos .button img {display:block; width:50px; height:152px; background:transparent no-repeat top left;}
	#videos .left, #videos .left img {left:10px; background-image:url("../images/videos_button_left.png");}
	#videos .right, #videos .right img {right:10px; background-image:url("../images/videos_button_right.png");}
	#videos .scroller {overflow:hidden; margin:0 80px;}
	#videos ul {width:1350px;}
	.video {float:left; width:440px; padding-right:10px;}
	.video a {display:block; height:112px; color:#888888; text-decoration:none;}
	.video img {display:block; float:left; width:150px; height:112px; margin-right:10px; background:#eeeeee;}
	.video a:hover img {background-color:#dddddd;}
	.video strong {display:block; padding-top:6px; color:#003364;}
	.video p {margin:0;}


#testimonials {position:relative; height:180px; font-style:italic; text-align:justify; overflow:visible;}
#testimonials li {position:absolute; top:0; left:0; width:460px;}
#testimonials p {margin:0;}
#testimonials .signed {font-style:normal; color:#ffffff; text-align:right;}

.nickvocal {float:left; margin-right:10px; margin-bottom:10px;}

dl.kvp {margin:10px 0;}
dl.kvp dt {float:left; width:100px; color:#ffffff; text-align:right;}
dl.kvp dd {float:left; width:350px; padding-left:10px;}
dl.kvp dd.clear {clear:both; float:none;}

input, textarea {font:normal 16px Arial,Helvetica,sans-serif;}
form dl.kvp dt {padding-top:7px;}
form dl.kvp input {width:338px; padding:5px; border:2px solid #006792;}
form dl.kvp textarea {width:338px; height:120px; padding:5px; border:2px solid #006792;}
form p.error {color:#ffffff; padding-left:110px;}







/* mediaboxAdvanced - black theme */

#mbOverlay {
	position: fixed;
	z-index: 9998;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	cursor: pointer;
}

#mbOverlay.mbOverlayFF {
	background: transparent url("../images/mediabox/80.png") repeat;
}

#mbOverlay.mbOverlayIE {
	position: absolute;
}

#mbCenter {
	position: absolute;
	z-index: 9999;
	left: 50%;
	overflow: hidden;
	background-color: #000;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-box-shadow: 0px 10px 40px rgba(0,0,0,0.70);
	-webkit-box-shadow: 0px 10px 40px rgba(0,0,0,0.70);
}

#mbCenter.mbLoading {
	background: #000 url("../images/mediabox/BlackLoading.gif") no-repeat center;

/*	This style is applied only during animation.	*/
/*	For example, the following turns off shadows,	*/
/*	helping browser performance on slow systems.	*/
/*	To leave shadows on, just remove these lines:	*/
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
}

#mbImage {
	position: relative;
	left: 0;
	top: 0;

/*	Begin styles for inline content, if no style is given	*/
	font-family: Myriad, Verdana, Arial, Helvetica, sans-serif;
	line-height: 20px;
	font-size: 12px;
	color: #fff;
	text-align: left;
	background-position: center center;
	background-repeat: no-repeat;
	padding: 10px;
}

#mbImage a, #mbImage a:link, #mbImage a:visited {
	color: #ddd;
}

#mbImage a:hover, #mbImage a:active {
	color: #fff;
}

/*	End inline content styles	*/

#mbBottom {
	min-height: 20px;
	font-family: Myriad, Verdana, Arial, Helvetica, sans-serif;
	line-height: 20px;
	font-size: 12px;
	color: #999;
	text-align: left;
	padding: 0 10px 10px;
}

#mbTitle {
	display: inline;
	color: #fff;
	font-weight: bold;
	line-height: 20px;
	font-size: 12px;
}

#mbNumber {
	display: inline;
	color: #999;
	line-height: 14px;
	font-size: 10px;
	margin: auto 10px;
}

#mbCaption {
	display: block;
	color: #999;
	line-height: 14px;
	font-size: 10px;
}

#mbPrevLink, #mbNextLink, #mbCloseLink {
	display: block;
	float: right;
	height: 20px;
	margin: 0;
	outline: none;
}

#mbPrevLink {
	width: 69px;
	background: transparent url("../images/mediabox/BlackPrevious.gif") no-repeat center;
}

#mbNextLink {
	width: 41px;
	background: transparent url("../images/mediabox/BlackNext.gif") no-repeat center;
}

#mbCloseLink {
	width: 46px;
	background: transparent url("../images/mediabox/BlackClose.gif") no-repeat center;
}

/*	Styles for flash version alert	*/

#mbError {
	position: relative;
	font-family: Myriad, Verdana, Arial, Helvetica, sans-serif;
	line-height: 20px;
	font-size: 12px;
	color: #fff;
	text-align: center;
	border: 10px solid #700;
	padding: 10px 10px 10px;
	margin: 20px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

#mbError a, #mbError a:link, #mbError a:visited, #mbError a:hover, #mbError a:active {
	color: #d00;
	font-weight: bold;
	text-decoration: underline;
}