@charset "UTF-8";

body {padding:0; margin:0; font-family:arial; font-size:12pt;}
h1,h2,h3,h4,h5,h6{margin:5px 0; padding:0; font-weight:600;color:#3881a5;}
h1{font-size:1.4em}
h2{font-size:1.3em}
h3{font-size:1.2em}
ul{list-style:none; }
ul li{ margin:5px 0;  background :url('images/li.gif') 3px 0 no-repeat; padding-left:30px}
table{border-collapse:collapse; width:98%;}
a {color:#494ddf;}
a.cat{color:#3881a5;}
p{margin:0; text-indent:15pt}

div.marg{margin-left:15pt; display:block}

#main,#sub{ margin:0 5%; display:block}

.fright{float:right; margin:0 0 10px 10px; width:300px}
.fancy{text-decoration:none}
.contacts{width:150px}
.contacts td {text-align:left;}
.contacts td.r {text-align:right;}

.toptbl td{width:30%}
/*--RIGHT--*/
#right{width:300px; float:left; margin:20px 0 0 0px; position:relative; right:-5px; }
#main #right{width:300px;}
#main #right img{ margin: 0 0 10px 10px; }
.rul li{ margin:5px 0;  background :url('images/li1.gif') 3px 0 no-repeat; }
#right h3{margin-left:40px}

#rightmenu{background:url('images/menu_group_pattern.jpg') top left repeat-y; width:300px; }
#rightmenu ul {width:300px;margin:20px 0px; }

	#rightmenu ul li a, #rightmenu ul li span{font-weight:600; text-decoration:none;color:#3881a5;padding-left:5px }
	#rightmenu ul li a:hover, #rightmenu ul li span{text-decoration:underline;}
	#rightmenu ul li ul{margin:0; padding:0}
	#rightmenu ul li ul li {background:none; font-size:0.9em; margin:7px 0;}
	#rightmenu ul li ul li span{text-decoration:none;}
.rmenutop {background:url('images/menu_group_up.jpg') top left no-repeat;width:300px; height:19px; }
.rmenubot {background:url('images/menu_group_down.jpg') top left no-repeat;width:300px; height:19px; }

/*--CONTENT--*/
#content{margin:25px 0 20px  320px; text-align:justify;}
	#content ul li{background:url('images/li.gif') 3px 0 no-repeat; padding-left:20px } 
#main #content{margin:20px 0 20px 320px;}

#content h1, #content h2,#content h3,#content h4{color:#3881a5;}
.cpage{color:#3881a5;}

h2 super{color:#696969}
.footnote{color:#696969;font-size:0.8em}
#content i{text-decoration:underline; font-weight:bold}

.gallery a.popup{text-decoration:none; border:1px solid #dcdcdc !important; padding:3px; margin:10px; display:block; float:left;}
.gallery a.popup img { height:150px; border:none}
/*---TOP---*/
#top h1,#top h2{color:#fff; text-align:left}
#top{ margin:0px; width:100%; }
#top h2{font-size: 15pt}
#top .toph2{margin-top:0px;  }
	#top #toplogo{position:absolute; top:8px; left:60px; text-decoration:none; color:#3881a5; font-size:1.6em; font-weight:bold;  padding:5px 0 5px 80px; background:url('images/logo.jpg') left top no-repeat}
	#top #toplogo span{ font-size:0.8em; font-weight:normal; }
	#top #topphone{color:#3881a5; position:absolute; top:10px; right:60px; font-size:1.4em; background: url('images/phone.gif') left 10px no-repeat; padding:0px 0 13px 55px}
	span.ciycode{color:#696969; font-size:0.7em; position:relative; bottom:2px; right:3px}
	span.phonetext{color:#696969; dispaly:block; font-size:0.7em; }
	
  #top .toptext{font-size:0.9em;  padding: 0 20px; height:145px; overflow:hidden;
  background:#12a2ea url('images/bg_header.gif') left top repeat-x; color:#fff; margin:80px 0px 0px 0px;}
	
	#top .toptext table{width:90%}
	#top .toptext table td span {color:#fff; display:block; margin:5px 0;  background :url('images/li1.gif') 3px 0 no-repeat; padding-left:25px}
    
    #top .toptext .cube{background: url('images/cube.png') right 0px no-repeat; width: 200px; height: 220px; position:absolute; top: 110px; right: 20px; }
		#top .toptext .cube1{background: url('images/cube1.png') right 0px no-repeat; width: 110px; height: 125px; position:absolute; top: 100px; right: 90px;}
		#top .toptext .text{padding-right:200px; }
		#top .toptext .ctl, #top .toptext .ctr, .botl,#top .botl2, .botr,#top .botr2{ width:14px; height:14px; position:relative;
     margin:0; padding:0;}
		#top .toptext .ctl{background: url('images/ctl.jpg') left top no-repeat;left:-21px}
		#top .toptext .ctr{background: url('images/ctr.jpg') left top no-repeat; right:-21px;top:-14px; float:right}
	
			#top .toptext .botl2{background: url('images/corbl.jpg') left top no-repeat; left:-21px; top:1px;}
		#top .toptext .botr2{background: url('images/corbr.jpg') left top no-repeat; right:-21px;top:-13px; float:right;}
 	#main #top .toptext ul {float:left; margin:0 20px 0 0}
 	#main #top .toptext ul li {margin:0 0 10px 0;}
	#top .menuline{ background: transparent url('images/cellpic3.gif') bottom left repeat-x; height:3px; width:100%;}
	#top .menu{list-style:none; margin:0; padding:0;}
		#top .menu li{background:none; float:left; margin:0; padding:0; font-weight:bold}
			#top .menu li a, #top .menu li span {background: transparent url('images/m.jpg') left bottom repeat-x; height:32px; display:block; float:left;text-decoration:none; padding:0px 18px; color:#fff}
			#top .menu li a:hover,  #top .menu li span{color:#000}
			#top .menu li .mstart{background: transparent url('images/m_start.jpg') left bottom no-repeat; height:32px; width:12px; display:block;float:left;}
			#top .menu li .mend{background: transparent url('images/m_end.jpg') left bottom no-repeat; height:32px; width:16px; display:block;float:left;}
/*--FOOTER--*/
#footer{height:120px; background: url('images/background.gif') left top repeat-x; margin:0px; color:#000;  baseline-stretch:1.5em;} 
	#footer a{font-size:0.95em;}
  #footer .btl{background:url('images/btl.gif') top left no-repeat; height:14px; width:14px;float:left}
	#footer .btr{background:url('images/btr.gif') top right no-repeat; height:14px; width:14px;float:right;}
	#footer .clear{clear:both}
	#footer #footcontact{ background: url('images/email.gif') left top no-repeat; padding:5px 20px 7px 70px;float:left; width:33%text-align:center;}
	#footer #footphone {background: url('images/phone.gif') left top no-repeat; padding:5px 20px 15px 70px;float:left;width:20%; margin-left:20px }
#footer .counter div{ margin:10px 0px 0 40px; float:left; }
#footer .counter{width:40%;float:left; text-align:center}

.footlogo{background: url('images/footlogo.png') left top no-repeat; padding:7px 0px 13px 40px; margin-top:-5px; margin-left:10px; height:15px; vertical-align:middle}

