* {margin:0; padding:0;}

body {
	background:url(../images/bg.gif) center repeat-y #008fb0;
	font:0.75em "Trebuchet MS", Tahoma, Arial, sans-serif;
	color:#666;
}

a {color:#09c; text-decoration:none;}
a:active{color:#333;}
a:hover {text-decoration:underline;}
a:focus {outline:none;}
img,fieldset {border:none;}

h1{font-size:2em;}
h2{font-size:1.5em;}
h3,h4{font-size:1em;color:#00a0c0;text-transform:uppercase;}
p {margin-bottom:1.5em; line-height:18px;}
hr {width:700px; clear:both; height:1px; margin:0 0 15px 50px;}

.blue {color:#00a0c6;}
.error {color:#FF0000;}
.success {color:#46BA2F;}
.headGrey {color:#a0a0a0;}
.none,h2{display:none;visibility:hidden;}

/* =============== bg ============== */
#bg {background:url(../images/bg_center.png) center repeat-y #0095b7;}
#bgT {background:url(../images/bg_top.gif) top repeat-x;}
#bgT1 {background:url(../images/bg_top1.jpg) top no-repeat;}
#bgB {background:url(../images/bg_bottom.gif) bottom repeat-x;}
#bgB1 {padding:103px 0 65px; background:url(../images/bg_bottom1.jpg) bottom no-repeat;}

/* ============== main ============= */
#main {width:808px; margin:0 auto; background:url(../images/main_bg.gif) repeat-y #fff;}

/* ============== top ============== */
#top {background:url(../images/main_top.png) top no-repeat; padding:15px 4px 0;}
#top h1 {padding:17px 0 0 488px; margin-bottom:14px;}
#top h1 a:hover{text-decoration:none;}
#top h1 img {display:block;}

/* ============ topMenu ============ */
#topMenu {
	height:20px;
	margin-bottom:15px; 
	padding-left:23px;
	font-size:13px;
	list-style:none;
	border-bottom:2px solid #13A8CA;
	background:url(../images/menu_bg.gif) 10px 7px no-repeat;
}
.index #topMenu {margin-bottom:22px !important;}
#topMenu li {float:left; line-height:20px;}
#topMenu li a, #topMenu li a span {display:block;	color:#fff;	float:left; height:20px;}
#topMenu li a {background:#00a0c6 url(../images/menu_r.png) top right no-repeat;}
#topMenu li a span {
	background:url(../images/menu_l.png) no-repeat;
	cursor:pointer !important;	
	padding:0 15px;
}
#topMenu li a:hover, #topMenu li .active {
	background:url(../images/menu_act_r.png) top right no-repeat;
	text-decoration:none;
}
#topMenu li a:hover span, #topMenu li .active span {
	background:url(../images/menu_act_l.png) no-repeat;
}

/* ============== breadcrumbs ============== */
.breadcrumbs {margin-bottom:15px; text-indent:23px;}
.breadcrumbs em {font-style:normal; padding-right:2px; color:#888;}
.breadcrumbs a {padding:0 2px; text-decoration:underline; font-weight:normal; color:#444;}
.breadcrumbs a:hover {text-decoration:none;}
.breadcrumbs strong {padding-left:2px; color:#000;}

/* ============= conent ============ */
#content {padding:0 4px 20px; background:url(../images/main_bottom.png) bottom no-repeat;}
.contImg {margin-bottom:20px;}
.contImg img {display:block;}

/* ============ products ============ */
#offer {
	position:relative;
	top:10px;
	left:60px;
	margin-bottom:40px;
	overflow:hidden;
	text-align:center;
	line-height:324px;
	height:324px;
	width:667px;
}
#offer h3 {text-indent:-9999px; overflow:hidden; position:absolute; top:0;}
#offer h3, #offer h3 a {height:324px; width:333px; display:block;}
#offer h3 a {
	background-image:url(../images/bg_products.jpg);
	background-repeat:no-repeat;
}
#offer.program h3 a {background-image:url(../images/bg_program.jpg);}
#offer h3.hd_remak {left:0;}
#offer h3.hd_remak a {background-position:0 0;}
#offer h3.hd_remak a:hover {background-position:0 -324px;}
#offer h3.hd_atrea {left:334px;}
#offer h3.hd_atrea a {background-position:-334px 0;}
#offer h3.hd_atrea a:hover {background-position:-334px -324px;}

/* ============ mainBox ============ */
#mainBox {
	background:url(../images/boxmain_bg.jpg) no-repeat;
	margin:-22px 0 -11px; 
	padding-top:50px;
	position:relative;
	text-align:center;
	height:290px;
}
#mainBox p {margin-bottom:3em;}
#mainBox p.slogan {width:490px; text-align:center; padding-left:155px; line-height:16px;}
#mainBox p.slogan strong {color:#00a0c6;}

/* ============ prodList =========== */
#prodList {width:665px; padding-left:120px;}
#prodList .itemImg {float:right;}
#prodList .item {width:342px; margin-bottom:20px;}
#prodList .item h3 {margin:35px 0 5px; display:block;}

/* ============ prodAtrea =========== */
#prodAtrea {width:720px; padding-left:40px; overflow:hidden;}
#prodAtrea .to_left {float:left;}
#prodAtrea .to_right {float:right;}
#prodAtrea .item {width:350px; padding-bottom:30px;}
#prodAtrea .item h3 {margin:20px 0; display:block; text-transform:uppercase; font-size:14px; color:#666;}
#prodAtrea .item h3 img {display:block; margin-bottom:15px;}
#prodAtrea .item ol {margin:-18px 0 20px 18px;}
#prodAtrea .item p, #prodAtrea .item li {padding-right:10px}
#prodAtrea .item em {display:block; font-weight:bold;}

/* ============ downList =========== */
.downloadList {list-style:none;}

/* =========== programBox ========== */
#programBox {padding:10px 19px 10px 49px; overflow:hidden;}
#programBox .col {width:335px; padding:0 8px; float:left;}
#programBox .wide {width:350px; padding-right:0;}
#programBox .sitemap {list-style-type:circle; padding:0 0 20px 15px;}
#programBox .sitemap ul {list-style-type:square; padding:0 0 0 15px; color:#BBB;}
#download {padding-top:15px;;}
#download a {font-size:24px; font-weight:bold; color:#00A0C0;}
#download small {display:block; font-size:1em; padding-left:15px;}

/* ========== downloadBox ========== */
.downloadBox {width:680px; margin:0 auto; padding:10px 0 10px 30px; overflow:hidden;}
.downloadBox .col {width:190px; padding:0 15px; float:left;}
.downloadBox .thin {width:150px;}
.downloadBox ul {margin:0 0 1.5em 0; padding:0; list-style:none;}
.downloadBox ul li a {color:#666;}

/* =========== contactBox ========== */
#contactBox {padding:18px 22px 8px; overflow:hidden;}

/* ============ service ============ */
#service {
	width:440px;
	margin-right:22px;
	background:url(../images/service_bg.png) no-repeat #d4d4d4;
	float:left;
}

#service h3 {
	font-size:67px;
	color:#fcfcfc;
	margin-bottom:22px; padding:8px 28px 0;
	background:url(../images/service_h_bg.gif) 100% 22px no-repeat;
}
#service p{padding:0 55px;}
#service p.last {
	margin-bottom:0px;
	padding-bottom:275px;
	background:url(../images/service_bottom.jpg) 0 100% no-repeat;
}
#service .em {color:#fff;}

/* ========== contactData ========== */
#contactData {width:294px; padding-top:65px; float:left;}
#contactData address {margin:25px 0 35px; font-style:normal; font-size:16px; color:#00a1c6;}
#contactData address big {font-size:18px;}
#contactData .company {margin-bottom:15px;}
#contactData .company a {font-weight:bold;}

/* ========== forms ========== */
form {padding-bottom:15px; width:700px;}
form div {padding-bottom:10px; overflow:hidden;}
form label {
	font-weight:bold;
	padding-top:2px;
	display:block; 
	float:left; 
	width:230px; 
	color:#000;
}
input, textarea, select {
	font:.95em Verdana, Arial, Helvetica, sans-serif;
	background-color:#FFFFFF;
	border:1px solid #CCC;
	padding:5px;
	color:#555;
	width:420px
}
textarea {height:160px;}
select {padding:1px !important;}
option {padding-left:5px; color:#7f7f7f;}
.radio, .check, .configuration .row input{
	background-color:transparent !important;
	width:13px !important;
	height:13px !important;
	margin:0 5px 0 0; 
	padding:0; 
	border:none;
	float:left; 
	position:relative; 
	top:2px;
}
.button {
	background-color:#DDD;
	text-align:center !important;
	font-size:11px !important;
	width:100px !important;
	color:#2583AD;
	padding:7px 10px 8px;
	font-weight:bold;
	cursor:pointer;
	border:none;
	margin:10px 0 0 560px;
}
.button:hover, .button:focus {color:#D54E21;}
form p.disclaimer {padding:10px 0 0 230px; width:420px;}
.atrea_form legend {display:none;}
.atrea_form #atrea_file {padding:3px !important; width:250px !important;}
.remak_form fieldset {padding-bottom:15px;}
.remak_form legend {font-weight:bold; color:#00A0C0; padding-bottom:5px;}
.remak_form p.legend {margin:-18px 0 0 0; font-size:10px; line-height:12px;}
.remak_form input.thin {width:22px; padding:2px; text-align:center;}

/* ========== tables ========== */
table {border-collapse:collapse; width:700px; margin-bottom:20px;}
table td {
	border:1px solid #BBB; 
	vertical-align:middle;
	text-align:center;
	line-height:13px;
	font-size:11px;
	padding:8px 5px;
}
table td .radio, table td .check{margin:0; float:none;}
table td strong {color:#000;}
table td.light {background-color:#EEE;}
table td.g1 {background-color:#999; border-color:#999;}
table td.g2 {background-color:#666; border-color:#666;}
table td.g3 {background-color:#333; border-color:#333;}
table td.g1,table td.g2,table td.g3 {width:40px;}
table.configuration td {text-align:left; line-height:20px;}
table.configuration td input {margin-left:10px; top:3px;}
table.configuration td label {font-weight:normal; color:#666;}
table.configuration td.light {text-align:center !important;}
table.configuration td.choice {text-align:right !important; font-weight:bold; width:192px;}
table.configuration td.choice input {margin:0 10px 0 5px !important;}
table.configuration td.longer label {padding-right:20px; float:left; width:140px;}
table.configuration td .row {padding:0 0 5px 10px; clear:both; display:block; overflow:hidden;}
table.configuration td .row label {width:15px; margin-right:15px;}
table.configuration td .row input {display:block; margin:0; top:0;}