/* cyber main styles */

* {
	margin: 0;
	padding: 0;
}

body {
	font-family: arial, tahoma, helvetica, sans-serif;
	font-size: 11px;
	color: #848589;
	background: #fff url(gfx/cyber/b_back.png) left top repeat-x;
}
img {
	border: 0;
}
.clearfix:after, #prod .prod_b p:after, p.xc_add:after, p.cs_add:after, #csright p:after, #csright div.txt:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

a.cmore img {
	padding-left: 3px;
	float: none;
}

.rollover {
	height: 12px;
	display: block;
	float: right;
}
.rollover:hover {
	visibility: visible;
}
.rollover:hover img {
	visibility: hidden;
}

/* containers */

#cwrapper {
	margin: 0 auto;
	width: 803px;
	position: relative;
	background: url(gfx/cyber/cc_back.png) right 62px no-repeat;
}
#clogo {
	width: 299px;
	height: 97px;
	position: absolute;
	top: 0;
	background: transparent url(gfx/cyber/clogo_back.png) left top no-repeat;
}
#clogo a {
	display: block;
	margin-top:48px;
	margin-left: 17px;
	width: 184px;
}
#chead {
	height: 62px;
}
#cright, #csright {
	width: 531px;
	position: relative;
	display: inline;
	min-height: 300px;
	float: left;
	margin-left: 271px;
	background: url(gfx/cyber/cc_corner.png) left top no-repeat;
}
#csright {
	padding-top: 56px;
	padding-bottom: 20px;
}

#cleft {
	z-index: -1;
	margin-top: 26px;
	padding-left: 15px;
	padding-right: 1px;
	width: 271px;
	width/* */:/**/255px;
	width: /**/255px;
	float: left;
	min-height: 300px;
	margin-left: -802px;
}
#cfoot {
	clear: both;
	background: #fff url(gfx/cyber/cfoot_back.png) right top no-repeat;
}

/* header styles */

#chead ul {
	margin-top: 18px;
	padding-left: 1px;
	height: 35px;
	list-style: none;
	float: right;
	background: url(gfx/cyber/ch_sep.gif) top left no-repeat;
}
#chead ul li {
	padding-right: 1px;
	float: left;
	background: url(gfx/cyber/ch_sep.gif) top right no-repeat;
}
#chead ul li a {
	padding-left: 5px;
	padding-right: 21px;
	padding-top: 19px;
	padding-bottom: 2px;
	display: block;
	color: #fff;
	text-decoration: none;
	
	background: url(gfx/cyber/ch_back.gif) top right repeat-x; 
}
#chead ul li a.active, #chead ul li a:hover {
	background: none;
}

/* right content styles - main page */

#prod_t {
	height: 57px;
	background: url(gfx/cyber/cc_sep02.png) right bottom no-repeat;
	position:relative;
}
#madv {
	background: url(gfx/cyber/madv_sep.gif) left bottom no-repeat;
	padding-bottom: 1px;
	}
#madv_sep {
	height: 1px;
	width: 581px;
	position: absolute;
	background: url(gfx/cyber/madv_sep.gif) left top no-repeat;
	}
#prod_t h1 {
	padding: 5px 9px 5px 9px;
	height: 56px;
	height/* */:/**/46px;
	height: /**/46px;
	width: 133px;
	width/* */:/**/115px;
	width: /**/115px;
	float: left;
}
#prod_t h1 span {
	color: #fff;
	font-weight: normal;
	font-size: 18px;
	display: block;
}
.prodt01 {
	background: #7791B2 url(gfx/cyber/cc_sep01.png) top right no-repeat;
}
.prodt02 {
	background: #6683A9 url(gfx/cyber/cc_sep01.png) top right no-repeat;
}
.prodt03 {
	background: #55759F url(gfx/cyber/cc_sep01.png) top right no-repeat;
}
#prod_t h1.prodt04 {
	background-color: #496D98;
	width: 132px;
	width/* */:/**/114px;
	width: /**/114px;
}
#prod h2 {
	font-weight: bold;
	color: #5C84B2;
	font-size: 11px;
	margin-bottom: 4px;
}
#prod p {
	margin-bottom: 4px;
}
#prod p span {
	color: #5C84B2;
	font-weight: bold;
	}
.prod_sep {
	background: url(gfx/cyber/cc_sep03.png) left top no-repeat;
}
.prod_des {
	background: #F0F1F1;
	padding: 8px 6px 4px 6px;

}
.prod_b {
	background: #F6F7F7;
}
#prod .prod_b p {
	margin: 0;
	padding: 8px 6px 5px 0;
	background: url(gfx/cyber/cc_sep04.png) right top no-repeat;
}

#prod p a.xh_more {
	width: 51px;
	background: url(gfx/cyber/cc_more_over.gif) right top no-repeat;
}
#prod p a.xh_demo {
	width: 51px;
	background: url(gfx/cyber/cc_demo_over.gif) right top no-repeat;
}
#prod p a.xh_rea {
	width: 72px;
	background: url(gfx/cyber/cc_rea_over.gif) right top no-repeat;
}
#prod p a.xh_mat {
	width: 63px; 
	background: url(gfx/cyber/cs_mat_over.gif) right top no-repeat;
	}	

/* right content styles - subpages */

#sadv {
	margin-top: -56px;
	margin-bottom: 23px;
}
#csright h1, #csright h2, #csright h3, #csright h5, #csright h6, #csright div.txt {
	margin-left: 16px;
	margin-right: 12px;
	clear: both;
}
#csright h1 {
	font-size: 17px;
	color: #10427F;
	font-weight: normal;
	background: url(gfx/cyber/c_m3.png) left 4px no-repeat;
	text-indent: 15px;
}
#csright h2 {
	font-weight: bold;
	font-size: 11px;
	color: #6692C1;
}
#csright p, #csright h2, #csright div.txt {
	margin-top: 13px;
	margin-bottom: 13px;
}
#csright p a, #cleft p a, #csright ul a, #csright div.txt a {
	text-decoration: none;
	color: #5c84b2;
}
#csright p a:hover, #cleft p a:hover, #csright ul a:hover, #csright div.txt a:hover {
	color: #B0B1B3;
}
#csright h2 img {
	float: left;
	border: 1px solid #848589;
	margin-right: 11px;
	margin-top: 3px;
	margin-bottom: 5px;
}
#csright p img {
	float: left;
	border: 1px solid #848589;
	margin-right: 11px;
	margin-top: 3px;
	margin-bottom: 5px;
}
#csright ul {
	margin-left: 20px;
	list-style: none;
}
#csright ul li {
	padding-left: 10px;
	margin-bottom: 6px;
	background: url(gfx/cyber/li.png) left 4px no-repeat;
}

#csright p.cs_add {
	margin-right: 14px;
	margin-bottom: 0;
	margin-top: 0;
	padding-top: 7px;
	padding-bottom: 4px;
	background: url(gfx/cyber/cc_sep07.gif) right top no-repeat;
}
#csright p.cs_add img {
	border: 0;
	margin: 0;
}

a.cs_back {
	width: 52px;
	background: url(gfx/cyber/cs_back_over.gif) right top no-repeat;
}
a.cs_demo {
	width: 47px;
	background: url(gfx/cyber/cs_demo_over.gif) right top no-repeat;
}
a.cs_mat {
	width: 63px;
	background: url(gfx/cyber/cs_mat_over.gif) right top no-repeat;
}

#csright h4 {
	padding-top: 5px;
	padding-bottom: 4px;
	padding-left: 16px;
	padding-right: 14px;
	width: 531px;
	width/* */:/**/501px;
	width: /**/501px;
	background: #F6F7F7 url(gfx/cyber/cs_sep11.png) left top no-repeat;
	font-size: 12px;
	font-weight: normal;
}

#csright div.cs_txt p {
	margin: 0;
	padding: 14px 14px 12px 16px;
	background: #F0F1F1 url(gfx/cyber/cs_sep03.gif) left top no-repeat;
}
#csright div.cs_txt img {
	margin: 0;
	padding: 0;
	border: 0;
	float: none;
}
#csright div.cs_txt {
	width: 531px;
	padding-bottom: 1px;
	margin-bottom: 25px;
	background: #F0F1F1 url(gfx/cyber/cs_sep12.png) right bottom no-repeat;
}

/* left content styles */

#cleft h1, #cleft h2, #cleft h3, #cleft p.ctxt, #cleft p.cdate {
	padding-left: 4px;
	padding-right: 14px;
}
#cleft h1 {
	width: 250px;
	padding-bottom: 4px;
	margin-bottom: 5px;
	margin-top: 30px;
	color: #10427F;
	font-weight: normal;
	font-size: 17px;
	background: url(gfx/cyber/cc_sep05.gif) left bottom no-repeat;
}
#cleft h2, #cleft h3 {
	font-weight: bold;
	font-size: 11px;
	color: #6692C1;
}
#cleft h2 {
	margin-bottom: 13px;
}
#cleft h3 {
	text-indent: 11px;
	background: url(gfx/cyber/c_m2.png) 3px 3px no-repeat;
}
#cleft h3 a {
	color: #6692C1;
	text-decoration: none;
	}
#cleft h3 a:hover {
	color: #94b2d3;
	}	
.cdate {
	color: #B0B1B3;
	margin-bottom: 9px;
}
.ctxt {
	margin-bottom: 19px;
}
.ctxt img {
	float: left;
}
.ctxt img.min {
	border: 1px solid #848589;
	margin-right: 5px;
	margin-top: 3px;
	margin-bottom: 2px;
	}
#cleft h4, #cleft p.xc_txt {
	margin-left: 4px;
	margin-right: 14px;
	padding-left: 10px;
}
#cleft h4 {
	margin-top: 24px;
	padding-top: 5px;
	padding-bottom: 5px;
	background: #F7F7F7 url(gfx/cyber/cs_sep02.gif) left top no-repeat;
	color: #707276;
	font-size: 12px;
	font-weight: normal;
}
#cleft p.xc_txt {
	padding-top: 6px;
	padding-bottom: 5px;
	margin-top: -1px;
	background: url(gfx/cyber/cs_sep03.gif) left top no-repeat;
}
p.xc_add {
	margin-right: 14px;
	margin-top: 2px;
	margin-bottom: 10px;
	padding-top: 6px;
	padding-right: 5px;
	background: url(gfx/cyber/cc_sep07.gif) right top no-repeat;
}

.xc_mail {
	width: 87px;
	background: url(gfx/cyber/cs_mail_over.gif) top right no-repeat;
}
.xc_zobdemo {
	width: 87px;
	background: url(gfx/cyber/cs_zobdemo_over.gif) top right no-repeat;
}

/* side menu styles */

ul#csmenu, ul#csmenu_sub {
	list-style: none;
	padding-left: 4px; 
	margin-top: -2px;
	margin-bottom: 40px;
}
#csmenu li, #csmenu_sub li {
	padding-left: 10px;
	padding-right: 24px;
	padding-bottom: 3px;
	padding-top: 2px;
	background: url(gfx/cyber/cs_menu01.gif) left 5px no-repeat;
}
#csmenu li span {
	display: block;
	color: #B2B2B2;
}
#csmenu li.active {
	padding-left: 0px;
	background: url(gfx/cyber/cs_sep01.gif) right bottom no-repeat;
}
#csmenu li.active div {
	padding-left: 10px;
	padding-right: 12px;
	background: url(gfx/cyber/cs_menu02.gif) left 4px no-repeat;
}
#csmenu li.active a {
	font-weight: bold;
	color: #55759F;
}
#csmenu li a {
	color: #6692C1;
	text-decoration: none;
}
#csmenu li a:hover, #csmenu_sub li a:hover {
	color: #B0B1B3;
}
#csmenu_sub li a {
	color: #848486;
	text-decoration: none;
}

/* footer styles */

#cfoot ul {
	list-style: none;
	margin-top: 4px;
}
#cfoot li {
	float: left
}
#cfoot ul a {
	color: #848589;
	text-decoration: none;
}
#cfoot ul a:hover {
	color: #B0B1B3;
}
ul#clang {
	float: left;
	color: #B0B1B3;
	padding-left: 20px;
}
li.clang02 {
	padding-left: 7px;
	padding-right: 6px;
	background: url(gfx/cyber/cc_sep06.gif) right 3px no-repeat;
}
li.clang03 {
	padding-left: 5px;
}
ul#cbmenu {
	float: right;
}
#cbmenu li {
	padding-right: 9px;
	padding-left: 8px;
	background: url(gfx/cyber/cc_sep06.gif) right 3px no-repeat;
}
#cbmenu li.last {
	background: none;
	padding-right: 7px;
}
#cfoot p {
	clear: both;
	float: right;
	color: #B0B1B3;
	padding-right: 7px;
	margin-top: 9px;
}
#cfoot p a {
	color: #B0B1B3;
	text-decoration: none;
}

/* additional styles */

#home_aim2logo {
	margin-left: 28px;
	margin-top: 10px;
	}
.site_map {
	margin-top: 13px;
	}
	
/* fck formating styles */

.lblue {
	color: #6692C1;
	}
.lblueb {
	color: #6692C1;
	font-weight: bold;
	}