* {
     padding: 0px;
     margin: 0px;
}

html {
     height: 100%;
}

body {
     background: #000 url(./images/cs-mainbg_02.jpg) repeat-x;
     font-size: 12px;
     font-family: Arial, Helvetica, sans-serif;
     color: #ccc;
     line-height: 18px;
     height: 100%;
}

#flash {
     z-index: 1;
     position: relative;
     padding-bottom: 20px;
}

/*============================*/
/*=== Custom Slider Styles ===*/
/*============================*/

#slider {
	position:relative;
	height:388px;
	width:905px;
	background:url(images/loading.png) no-repeat 50% 50%;
}
#slider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}
#slider a {
	border:0;
	display:block;
}

.nivo-controlNav {
	position:absolute;
	left:25px;
	bottom:72px;
	z-index:100000;
}
.nivo-controlNav a {
	display:block;
	width:22px;
	height:22px;
	background:url(images/bullets.png) no-repeat;
	text-indent:-9999px;
	border:0;
	margin-right:3px;
	float:left;
	position:relative;
}
.nivo-controlNav a.active {
	background-position:0 -22px;
}

.nivo-directionNav a {
	display:block;
	width:30px;
	height:30px;
	background:url(images/arrows.png) no-repeat;
	text-indent:-9999px;
	border:0;
}
a.nivo-nextNav {
	background-position:-30px 0;
	right:15px;
}
a.nivo-prevNav {
	left:15px;
}

/*============================*/
/*=== Custom Slider Styles ===*/
/*============================*/


a:hover {
     text-decoration: none;
}

sup {
     font-size: 0.5em;
}

p {
     margin-bottom: 14px;
     text-align: justify;
}

#outer {
     position: relative;
     width: 905px;
     margin: 0 auto;
     min-height: 100%;
     margin-bottom: -151px;
}

#inner {
     position: relative;
     padding: 0px 20px 0 20px;
     z-index: 2;
     width: 860px;
}

#upbg {
     position: absolute;
     top: 388px;
     background: url('./images/twilight-upbg_06.jpg') no-repeat;
     background-position: center;
     width: 905px;
     width: 100%;
     height: 456px;
     z-index: 0;
     margin-left: auto;
     margin-right: auto;
     float: left;
     padding: 0;
}

.headerhomemenu {
     position: relative;
     width: 905px;
     height: 101px;
     padding: 0px;
     margin: 0px;
     z-index: 2;
     background: url(./images/cs-header_04.jpg);
}

.headerhomemenu .nav {
     position: relative;
     float: right;
     height: 32px;
     width:595px;
     top: 0;
     font-weight: 700;
	 z-index:99999;
}

.phone {
     position: absolute;
     float: right;
     z-index: 5000;
     left: 615px;
     width: 275px;
	 top: 40px;
}

.phone-home {
     position: absolute;
     float: right;
     z-index: 5000;
     right: 260px;
     width: 275px;
	 top: 40px;
}

.getstarted-home {
     position: absolute;
     float: right;
     z-index: 5000;
     right: 20px;
     width: 231px;
	 top: 40px;
}


#topright {
position: absolute;
right: 0;
top: 0;
display: block;
height: 300px;
width: 164px;
text-decoration: none;
z-index:999;
}

#secondarycontent {
     position: relative;
     width: 265px;
     height: 100%;
     padding: 0px 10px 3px 5px;
     border-color: #FFF;
}

#secondarycontent h3 {
     position: relative;
     top: 4px;
     font-family: Arial, sans-serif;
     font-size: 23px;
     font-weight: 700;
     line-height: 25px;
     color: #4AA4EA;
     letter-spacing: -1px;
     padding: 0px 0px 10px;
     margin-bottom: 15px;
     margin-left: 8px;
     border-bottom: 1px dotted #333;
}

#secondarycontent h1 {
     position: relative;
     top: 4px;
     font-size: 18px;
     font-weight: 700;
     line-height: 25px;
     letter-spacing: 0px;
     padding: 0px 0px 10px;
     margin-bottom: 15px;
     margin-left: 8px;
}

#secondarycontent .content {
     padding: 0px 10px;
}

#secondarycontent .content .date {
     position: relative;
     top: 0px;
     padding: 0px 15px 0px 0px;
     color: #666;
     font-weight: 700;
}

#secondarycontent a {
     color: #4AA4EA;
     text-decoration: none;
}

#secondarycontent .title {
     display: block;
     padding: 0 0 5px;
     width: 150px;
     font-size: 1.2em;
     font-weight: 700;
     color: #4AA4EA;
}

#secondarycontent .img {
     padding: 15px 0px 0px 10px;
}

#primarycontent {
     position: relative;
     width: 539px;
     float: right;
     padding-right: 15px;
     min-height: 100%;
     padding-bottom: 30px;
}

#primarycontent h1 {
     position: relative;
     top: 4px;
     font-family: Arial, sans-serif;
     font-size: 23px;
     font-weight: 700;
     color: #4AA4EA;
     line-height: 25px;
     padding: 0px 0px 10px;
     margin-bottom: 15px;
     border-bottom: 1px dotted #333;
     letter-spacing: -1px;
}

#primarycontent h3 {
     position: relative;
     top: 4px;
     font-family: Arial, sans-serif;
     font-size: 23px;
     font-weight: 700;
     color: #4AA4EA;
     line-height: 25px;
     padding: 0px 0px 10px 15px;
     margin-bottom: 15px;
     border-bottom: 1px dotted #333;
     letter-spacing: -1px;
}

#primarycontent .content {
     padding: 0px 15px 0px 0px;
     margin-bottom: 20px;
}

#primarycontent .post {
     margin-bottom: 0px;
}

#primarycontent .post .header {
     position: relative;
}

#primarycontent .post .content {
     margin-bottom: 0px;
}

#primarycontent a {
	color:#FFF;
}

#primarycontent ul {
	list-style:circle inside;
}

#floatLeft_width80 {
    width: 860px;
     z-index: 5000;
}

#floatLeft_width80 h3 {
     position: relative;
     top: 4px;
     font-family: Arial, sans-serif;
     font-size: 23px;
     font-weight: 700;
     color: #4AA4EA;
     line-height: 25px;
     padding: 0px 20px 10px 0;
     margin-bottom: 15px;
     border-bottom: 1px dotted #333;
     letter-spacing: -1px;
}

#floatLeft_width80 h2 {
     position: relative;
     padding: 0px 0px 10px 20px;
     margin-bottom: 15px;
     font-size: 10px;
}

.layout2 {
     float: left;
     width: 860px;
     height: 100%;
     position: relative;
     margin-bottom: 1.5em;
     border-bottom: 1px dotted #333;
     margin-top: 15px;
}

.layout2 .image {
     display: block;
     margin-bottom: 10px;
     padding-bottom: 15px;
     top: 0;
     width: 300px;
     float: left;
}

.layout2 .text {
     margin-left: 20px;
}

.layout2 .title, .layout2 .title a {
     display: block;
     padding: 0 0 5px;
     text-decoration: none;
     font-size: 1.2em;
     font-weight: 700;
     color: #4AA4EA;
     border: none;
}

.layout2 .name {
     display: block;
     padding: 0 0 1px;
     font-size: 1.2em;
     font-weight: 700;
     color: #4AA4EA;
}

.layout2 .role {
     display: block;
     padding: 0 0 5px 1px;
     font-size: 11px;
     font-weight: 700;
     color: #CCC;
}

.layout2 .titleimage {
     display: block;
     padding: 0 0 5px;
}

.layout2 .textbox {
	width:520px; float:right;
}

.layout2 .video {
     height: 390px;
     width: 850px;
     position: relative;
}

#floatLeft_width60 {
     width: 99%;
     margin-left: auto;
     margin-right: auto;
     padding: 15px;
}

#floatLeft_width60 h3 {
     position: relative;
     top: 4px;
     font-family: Arial, sans-serif;
     font-size: 23px;
     font-weight: 700;
     color: #4AA4EA;
     line-height: 25px;
     padding: 0px 0px 10px 15px;
     margin-bottom: 15px;
     border-bottom: 1px dotted #333;
     letter-spacing: -1px;
}

.layout2_60 {
     float: left;
     width: 98% !important;
     width: 98%;
     position: relative;
     margin-bottom: 1.5em;
     border-bottom: 1px dotted #333;
     margin-top: 15px;
}

.layout2_60 .image {
     display: block;
     margin-left: 13px;
     padding-bottom: 10px;
     top: 0;
     left: 15px;
     width: 398px;
     float: left;
}

.layout2_60 .title {
     display: block;
     padding: 18px 0 5px;
     font-size: 1.2em;
     font-weight: 700;
     color: #4AA4EA;
}

.layout2_60 .titleimage a {
     border: none;
}

.layout2_60 .titleimage {
     display: block;
     padding: 0 0 5px;
}

.layout2_60 p {
     margin: 0 0 0 398px;
     padding: 0 0 1em 1.2em;
}

#footer {
     height: 200px;
     width: 905px;
     position: relative;
     clear: both;
     color: #9F9F9F;
     margin-left: auto;
     margin-right: auto;
     font-size: 11px;
     z-index: 11;
     text-align: center;
}

.footer, .push {
     height: 50px;
}

#footer a {
     color: #9F9F9F;
}

#footer .content {
     position: relative;
     width: 905px;
     z-index: 5;
     text-align: center;
     margin-left: auto;
     margin-right: auto;
}

#footer .content a {
     color: #9F9F9F;
     text-decoration: none;
}

#footer .image {
     position: relative;
     padding: 0px;
     z-index: 0;
     float: left;
     width: 905px;
}

.clearfooter {
     height: 50px;
     clear: both;
}

.clear{
     clear: both;
}

#footer ul {
     list-style: none;
     overflow: hidden;
     text-align: center;
}

#footer li {
     padding: 0 5px;
     margin: 0 1px 0 -1px;
     display: inline;
}

#footer ul a {
     color: #9F9F9F;
}

#primarycontentnews {
     position: relative;
     width: 825px;
     float: left;
     margin-left: 15px;
     min-height: 100%;
     padding-top: 10px;
}

#primarycontentnews h3 {
     position: relative;
     top: 4px;
     font-size: 26px;
     font-weight: 400;
     line-height: 25px;
     color: #4AA4EA;
     letter-spacing: -1px;
     padding: 0px 0px 10px 15px;
     margin-bottom: 15px;
}

#primarycontentnews .content {
     padding: 0px 15px;
     margin-bottom: 20px;
}

/*****************************Video****************************
 **************************************************************/
#ytvideo,
		#ytvideo2 {
		    float: left;
			margin-right:10px;
			font-family:Arial, Helvetica, sans-serif;
			width:555px;
		}
 	
		.yt_holder {
		    
		    padding: 10px;
		    float: left;
			margin-bottom:15px;
			width:98%;
			z-index:99999;
		}
  	
		.yt_holder ul {
		    float: left;
		    margin: 0;
		    padding: 0;
		    width: 250px;
			font-family:Arial, Helvetica, sans-serif;
			font-size:13px;
			font-weight:700;
			z-index:99999;
		}
		 
		.yt_holder ul li {
		    list-style-type: none;
		    display:block;
		    background: #000;
			color:#FFF;
		    float: left;
		    width: 245px;
		    margin-bottom: 5px;
			padding:2px; 
			font-family:Arial, Helvetica, sans-serif;
		}
		 
		.yt_holder ul li img {
		    width: 85px;
		    float: left;
		    margin-right: 5px;
		    border: 1px solid #999;
		}
		 
		.yt_holder ul li a {
		    
		    text-decoration: none;
		    display: block;
			color:#FFF;
		    
		}
		 
		.yt_holder .currentvideo {
			background: #1A4572;
			color:#000;
		}
		
.scrollable {
	height: 340px;
	overflow: auto;
	padding: 5px;
	z-index:99999;
}

.landingpage {position:relative; text-align:center; border-bottom: 1px dotted #333; padding:10px 0 25px 0; height:77px;
}

#zw-footer-wrap {
    margin: 0 auto;
    width: 940px;
}
#zw-footer-wrap a {
    color: #FFFFFF;
    text-decoration: none;
}
#zw-footer-wrap a:hover {
    color: #FFFFFF;
    text-decoration: underline;
}
#zw-footer-before {
    border-bottom: 1px solid #000000;
    clear: both;
    color: #FFFFFF;
    margin-bottom: 20px;
    padding: 15px 0;
}
#zw-footer-before p {
    font-size: 11px;
    line-height: normal;
    margin: 0;
    padding: 0;
    text-align: center;
}
#zw-footer {
    clear: both;
    color: #000000;
}
#zw-footer p {
    font-size: 11px;
    margin: 0;
}
#zw-footer ul.zw-footer-widget {
    display: inline;
    float: left;
    list-style: none outside none;
    margin: 0 0 15px 20px;
    padding: 0;
    width: 140px;
}
#zw-footer ul.zw-first {
    margin-left: 150px;
}
#zw-footer ul li {
    border-bottom: 1px dotted #000000;
    display: block;
    font-size: 11px;
    line-height: 25px;
    margin: 0;
    padding: 0;
}
#zw-footer ul li.zw-last-child {
    border-bottom: 0 none;
}
#zw-footer ul.zw-footer-widget h3 {
    border-bottom: 1px solid #000000;
    color: #000000;
    font-size: 13px;
    font-weight: bold;
    line-height: 25px;
    margin: 0 0 5px;
    padding: 0;
}
#zw-footer-after {
    border-top: 2px solid #000000;
    color: #FFFFFF;
    font-size: 11px;
    padding: 15px 0 40px;
}
#zw-footer-after a {
    color: #FFFFFF;
}
#zw-footer-after .zw-after-left .zw-logo {
    border: medium none;
    vertical-align: middle;
}
#zw-footer-after .zw-after-left {
    display: inline;
    float: left;
    max-width: 85%;
    text-align: left;
    width: 85%;
}
#zw-footer-after .zw-after-right {
    display: inline;
    float: right;
    font-weight: bold;
    max-width: 15%;
    text-align: right;
    width: 15%;
}
span.clear {
    clear: both;
    display: block;
    height: 0;
    overflow: hidden;
}
