@charset "utf-8";
/* Copyright 2008 Zephyr Concepts. http://www.zephyrconcepts.com
/** ** Color Codes ** **/
/* Off White - EEEFF7  */ 
/* Teal - 92CDCF       */ 
/* Blue - 445878    	*/
/* Vibrant Blue - 115da6 */
/* Dark Grey - 31353D  */ 
/* Near Black - 1C1D21  */ 
/** ** ** ** ** ** ** **/ 
* {
	margin:0;
	padding:0;
	z-index:100;
}
img, div {
	behavior: url(global/iepngfix.htc)
}
body  {
	font: 62.5% Arial, Helvetica, sans-serif;
	margin: 0; 
	padding: 0;
	text-align: center;
	color: #000000;
	background:url(/images/watermark1.png) fixed bottom left no-repeat;
}

html, body {
	height: 100%;
}
a, a:visited, a:active, a:hover {
	color: #445878;
	outline:none;
}
p, ul, ol {
	margin: 0 0 1.5em
}
h1, h2, h3, h4, h5, h6 {
  margin: 1.2em 0 .3em 0;
  padding: 0;
  color: #31353D;
  padding-bottom: .1em;
}
/*Structural ID's */
div#wrap {
	width:960px;
	margin: 0 auto;
	z-index:100;
	position:relative;
	padding-top:25px;
}
div#container { 
	text-align: left;
	border: 1px solid #445878;
	font-size:1.2em;
	background:url(../images/sidebar-bkg.png) repeat-y right #fff;
}  
body.main div#container,
body.samples div#container{background-image:none;}
div#header { 
	height:120px; 
		background: #FFF;
} 
div#navigation {
	background: #1c1d21;
	height:30px;
	padding: 0 5px;
	z-index:5;
}
ul#sidebar1 {
	font-size:1.2em;
	float: left; 
	width: 10em; 
}
div#footer { 
	clear:both;
	text-align:center;
}

/* Header Classes */
div#header img.logo {
	position:absolute;
}
div#header a img.logo {border:none;} 
div#header h1 {
	margin:0;
	background:url(/images/CL.png) no-repeat;
	overflow:hidden;
	position:relative;
	top:30px;
	left:260px;
	width:550px;
	height:65px;
	text-indent:-3333em;
}
div#header ul.links {
	float:right;
	margin: 5px;
}
div#header ul.links li {
	display:inline;
	border-right:1px solid black;
	text-transform:capitalize;
	padding:0 6px;
}
div#header ul.links li a {
	color:#1c1d21;
	text-decoration:none;
}
div#header ul.links li a:hover {
	color: #777;
	text-decoration:underline;
}

/* Navigation Classes */ 
div#navigation ul {
	float:right;
	padding: 7px 0;
}
div#navigation ul li {
	display:inline;
}
div#navigation ul li a {
	color:#92CDCF;
	padding: 3px 15px;
	font-size:1.2em;
	text-decoration:none;
}
div#navigation ul li a:hover {
	background: url(../images/nav-hover.png) repeat-x;
	padding: 3px 14px;
	border: 1px solid #92CDCF;
	border-top:none;
	border-bottom:none;
}
/* Main Content Global Classes */
div#mainContent {padding:15px;}

/* Main Content Classes (home page) */ 
body.main div.homeArticle {
	background: #31353d;
	padding:2px;
	margin-bottom:16px;
	height:256px;
}
body.main div.homeArticle div.flash {
	background: #1c1d21;
	height: 252px;
	width: 450px;
	border:2px solid white;
	float:left;
}
body.main div.homeArticle div.text {
	padding: 15px;
	color: #fff;
	margin-left:452px;
	height:224px;
}
body.main div.homeArticle div.text a {color:#92CDCF;}
body.main div.homeArticle div.text h1 {
	margin:0 0 8px 0;
	padding-bottom:8px;
	font-size:1.8em;
	color:#92CDCF;
	text-align:center;
	border-bottom: 1px solid #eeeff7;
}
body.main div.promo {clear:left;}
body.main div.promo div.box {
	float:left;
	width: 196px;
	height:146px;
	margin-bottom:15px;
	margin-right:20px;
	background:url(/images/promo-bkg.png) no-repeat -2px 0 #f4f4f8;
	padding: 10px;
	position:relative;
}
body.main div.promo div.box h3 {
	margin:0 0 3px 0;
	font-size:1.4em;
	border-bottom: 1px solid #EEEFF7;
	color:#115da6;
}
body.main div.promo div.box p, 
body.main div.promo div.box ul {
	margin-top:8px;
}
body.main div.promo div.box a.more {
		right:5px;
		position:absolute;
		bottom:5px;
		text-decoration:none;
	}
body.main div.promo div.box ul {margin-left:15px;}	
body.main div.promo div.box ul li {}
body.main div.promo div.one div.logos {
	float:right;
}
body.main div.promo div.one a.logo {
	display:block;
	margin:4px 0;
}
body.main div.promo div.one a.logo img {border:none;}
body.main div.promo div.two {
}
body.main div.promo div.three {
}
body.main div.promo div.four {

	margin-right:0px;
}
div.promo a {}	
	
/* Internal page code */
body.internal div#contentWrap	{
	margin-top: 35px;
}
body.internal div#Content {
 	margin: 0 250px 0 0;
	padding: 0 20px 0 20px;
}
body.internal ul.clients {
}
body.internal div.partners {
	clear:left;
	border-top: 1px solid grey;
	}
body.internal ul h3 {
	margin: 5px 0;
}	
body.internal ul.services {
	margin-left:15px;
}
body.internal div.service-details {
	}
body.internal ul.clients li {
	list-style:none;
	background:url(../images/bullet.png) no-repeat;
	padding:2px 0 5px 20px;
}

body.internal div#sidebar1 {
	float:right;
	width: 220px;
	padding:0 15px;
}
body.internal div#sidebar1 h2 {margin:0 0 10px 0;}
body.internal div#sidebar1 ul li {
	list-style:none;
}
body.internal div#sidebar1 ul li a {
	color:#31353d;
	text-decoration:none;
	padding: 2px 10px;
	margin: 3px 0;
	display:block;
}
body.internal div#sidebar1 ul li a:hover {
	background:url(../images/side-highlight.gif) repeat-y;
	border-left:1px solid #31353D;
	padding: 2px 10px 2px 9px;
	margin: 3px 0;
}
body.internal div#sidebar1 ul li span.count {float:right;}
body.internal div.sample_video {float:right; margin-left:20px; margin-bottom: 10px;}
body.internal div.sample_image {width:180px; float:left; margin:10px}
body.internal div.sample_image img {}
body.internal div.sample_image small {text-align:center; display:block;}
body.internal div#Content h1 {	
	border-left: 3px solid #445878;
	padding: 0 10px;
	background:url(../images/side-highlight.gif) repeat-y;}
	
body.internal div#Content	p.projectTitle {
	font-size:12px;
  font-style:italic;
	margin-bottom: 5px;
	text-align:right;
	
}
body.internal div#Content p.projectType {
	font-size:1em;
	color: #445878;
	font-weight:bold;
	text-align:right;
}	
body.internal div#Content form label {display:block; margin-bottom:10px;}
body.internal div#Content form input {display:block; margin-bottom:10px;}
body.internal div#sidebar2 {
	float:right; 
	width: 250px;
	margin-left:15px;
}
/* other */
br.cf {clear:both; height:1px;}
.last {border:none!important;} 
img.right {float:right; margin-left:15px; margin-bottom:15px;}
img {border:1px solid #1c1d21;}

dl#sidebar1 {border: 1px solid #31353D; font-size:1.2em; padding:10px; margin-right:20px; float:right;}
div.imageCol {float:right; margin-left:15px; width:275px;}

.answer {display:none;}
.question {
	cursor: pointer;
	margin: 1.2em 0 .3em 0;
  padding: 0;
  color: #31353D;
  padding-bottom: .1em;
	font-size:1.4em;
	font-weight: 900;
}
.question:hover {color: #445878;}
.answer ul {margin-left:20px;}
.answer ul li {list-style:none; background:url(../images/bullet.gif) no-repeat; padding:2px 0 5px 20px; height: 15px;}

/*sample player page code */
body.samples div#Content {
	margin:0;	
	padding:0;
	background: #000;
}
#flashContent {height:560px; width:958px;}
body.samples div#contentWrap {padding-top:35px;margin-top:0; background:#000;}
body.samples br.cf {display:none;}
/* Footer Clases */ 
div#footer p {
	margin:0;
	background:url(../images/footer-grad.gif) repeat-x;
	color: #EEEFF7;
	padding: 5px 0;
	
}
div#contactinfo p {
	margin-top:5px;
	float:left;
	text-transform:uppercase;
	color: #31353d;
}
div#siteby p {
	margin-top:5px;
	float:right;
	text-transform:uppercase;
	color: #31353d;
}
div#siteby a {
	text-decoration:none;
	color:#445878
}
div#siteby a.ZClogo {
	height:20px;
	width:112px;
	display:block;
	overflow:hidden;
	text-indent:-555em;
	background:url(../images/ZC-logo.gif) no-repeat;
	position:relative;
	left:71px;
}
div#siteby a:hover {
	text-decoration:underline;
}