@charset "utf-8";
body { margin:0; padding:0; width:100%; background:url(../images/main_bg.gif);}
html { padding:0; margin:0;}

.blue { color:#58b7ff;}
.blue-text {font-size:20px; color:#58b7ff;}
/* main */
.main {width:100%; padding:0; margin:0 auto; }
.resize { width:949px; margin:0 auto;}

/********** header **********/
.header { }
.block_header {margin:0 auto; width:949px;}
/* logo */
.logo { float:left; padding:0; margin:0; width:299px;}
/* search */
.search { float:right; width:356px; height:57px; margin:40px 0 0 0; padding:0; background:url(../images/search_bg.gif) top no-repeat;}
.search form { float:right; padding:15px 50px 0 0; margin:0;}
.search form b, .search form strong { display:block; float:left; color:#b4b4b4; font:normal 11px Arial, Helvetica, sans-serif; padding:4px 10px;}
.search form label { }
.search form input { float:left;}
.search form input.text { padding:3px 3px; margin:2px 5px 0 0; background:url(../images/search_form_bg.gif) top no-repeat; border:0; color:#b4b4b4; font:normal 12px Arial, Helvetica, sans-serif; width:198px; height:14px;}
.search form input.button_search { padding:0; margin:0; height:23px; width:23px;}

/********** slider **********/
.slider {margin:0 auto; width:949px; height:362px; padding:0; background:url(../images/slider_bg.png) top repeat-y; }
.slider .left1 { float:left; width:390px;}
.slider h2 { padding:60px 10px 10px 40px; margin:0; color:#565f65; font:normal 20px Arial, Helvetica, sans-serif;}
.slider strong { margin:0; color:#9ca3a8; font:normal 15px Arial, Helvetica, sans-serif; line-height:1.4em;}
.slider p { font:normal 12px Tahoma, Geneva, sans-serif; color:#5e5e5e; padding:5px 0 5px 40px; margin:0; line-height:1.6em;}
.slider ul.buttons { float:left; padding:20px 0 10px 25px; margin:0; list-style:none;}
.slider ul.buttons li { float:left; padding:0 5px; margin:0;}
.slider .gallery { float:left; width:453px; height:255px; margin:63px 0 0 40px;}
/*toppik*/
.toppik {margin:0 auto 43px auto; width:949px; padding:0; background:url(../images/topi_bg.gif) top no-repeat; height:90px;}
.toppik p { padding:40px 0 0 50px; margin:0; font:normal 11px Tahoma, Geneva, sans-serif; color:#5e5e5e; }
.toppik ul { float:right; width:500px; list-style:none; margin:20px 0 0 0; padding:0;}  
.toppik ul li { float:left; padding:0 10px;}
/*blog_body*/
.blog_body { width:949px; background:#fff url(../images/body_top_img.gif) top no-repeat; margin:0 auto; padding:0;}
.blog_bottom { margin:0; padding:0 2px; background:url(../images/body_bottom_img.gif) bottom no-repeat;}
.blog_body p { margin:0; font:normal 12px Arial, Helvetica, sans-serif; color:#414141; padding:5px; line-height:1.6em;}
.blog_body a { color:#3497c4; text-decoration:underline;}
.blog_body a.big { font:bold 11px Tahoma, Geneva, sans-serif; color:#1575a9; text-decoration:none;}
.blog_body span { font:normal 15px Arial, Helvetica, sans-serif; color:#898989; line-height:1.4em;}
.blog_body ul { margin:10px 0; padding:10px 0; list-style:none; border:3px solid #eff0f1; background:#e0e2e4;}
.blog_body li { padding:10px 20px; margin:0; font:normal 13px Arial, Helvetica, sans-serif; color:#7a8288; line-height:1.8em;}
.blog_body ul.lists { background:none; list-style:none; margin:0; padding:0; border:0;}
.blog_body ul.lists li { font:normal 11px Arial, Helvetica, sans-serif; color:#bbc1c4; padding:2px 5px; margin:0; line-height:1.8em;}
.blog_body h2 { font:normal 22px Tahoma, Geneva, sans-serif; color:#485157; border-bottom:1px solid #d1d4d7; padding:13px 10px 13px 40px; margin:5px 0; line-height:1.6em;}
.blog_body h2.welcome { background:url(../images/h2_welcome.gif) left no-repeat;}
.blog_body h2.what { background:url(../images/h2_what.gif) left no-repeat;}
.blog_body h2.our { background:url(../images/h2_our.gif) left no-repeat;}
.blog_body .lorem { width:275px; float:left; padding:10px 20px;}

/*FBG*/
.FBG { margin:0 auto; padding:0; width:949px;}
.FBG h2 { font:normal 22px Tahoma, Geneva, sans-serif; color:#fff; border-bottom:1px solid #414a50; padding:13px 5px; margin:5px 0; line-height:1.6em;}
.FBG p { font:normal 11px Tahoma, Geneva, sans-serif; color:#666666; padding:5px; margin:0; line-height:1.6em;}
.FBG a { color:#75aecd; text-decoration:underline;}
.FBG span { color:#878787;}
.FBG .larem { width:275px; float:left; padding:10px 20px;}

/* search2 */
.search2 { float:right; margin:10px 0 0 0; padding:0;}
.search2 form { padding:5px 0 0 0; margin:0;}
.search2 form label { }
.search2 form input { float:left;}
.search2 form input.text { padding:8px 3px; margin:2px 5px 0 0; background:url(../images/search_foorm_bg2.gif) top no-repeat; border:0; color:#b4b4b4; font:normal 12px Arial, Helvetica, sans-serif; width:175px; height:14px;}
.search2 form input.button_search { padding:0; margin:2px 0 0 0; height:28px; width:74px;}

/*left*/
.left { width:620px; float:left; padding:10px 20px; margin:0; overflow:hidden;}
.left h2 { font:normal 32px Tahoma, Geneva, sans-serif; color:#4e4a38; border-bottom:1px solid #d1d4d7; padding:10px 10px 10px 40px; margin:0; line-height:1.3em;}
.left h2.port { background:url(../images/h2_port.gif) left no-repeat;}
.left h2.sevr { background:url(../images/h2_servises.gif) left no-repeat;}
.left h2.con { background:url(../images/h2_con.gif) left no-repeat;}
.left h3 { font:normal 22px Tahoma, Geneva, sans-serif; color:#4e4a38; padding:10px; margin:0; line-height:1.4em;}
.left a { font:bold 11px Tahoma, Geneva, sans-serif; color:#2799cc; text-decoration:underline;}
.left .img { float:left; margin:10px; padding:0;}
/*right*/
.right { width:245px; float:left; padding:10px 20px; margin:0;}
.right h2 { font:normal 22px Tahoma, Geneva, sans-serif; color:#485157; border-bottom:1px solid #d1d4d7; padding:13px 10px; margin:0; line-height:1.6em; text-transform:uppercase;}
.right a { font:bold 11px Arial, Helvetica, sans-serif; color:#5e676d; float:right; text-decoration:none;}
.right em { font:italic 13px Arial, Helvetica, sans-serif; color:#5d666c; line-height:1.6em; margin:0;}
.right ul { background:none; margin:10px; padding:0; list-style:none; border:0;}
.right li { padding:5px 5px; margin:0; border-bottom:1px solid #e0e2e4;}
.right li a { float:none; font:normal 11px Arial, Helvetica, sans-serif; color:#2d98c8; text-decoration:none;}
.right li a:hover { text-decoration:underline;}
/********** contact form **********/
#contactform { margin:0; padding:5px 10px;}
#contactform * { color:#6e6e6e;}
#contactform ol { margin:0; padding:0; list-style:none;}
#contactform li { margin:0; padding:0; background:none; border:none; display:block;}
#contactform li.buttons { margin:5px 0 5px 0;}
#contactform label { margin:0; width:110px; display:block; padding:5px 0; font:normal 11px Tahoma, Geneva, sans-serif; color:#6e6e6e; text-transform:capitalize; float:left;}
#contactform label span { font:normal 10px Arial, Helvetica, sans-serif;}
#contactform input.text { width:440px; border:1px solid #dedede; margin:5px 0; padding:5px 2px; height:16px; background:#fff; float:left;}
#contactform textarea { width:440px; border:1px solid #dedede; margin:10px 0; padding:2px; background:#fff; float:left;}
#contactform li.buttons input { padding:3px 0; margin:0 0 0 110px; border:0; color:#FFF;}
p.response { text-align:center; color:#2c2c2c; font:bold 11px Arial, Helvetica, sans-serif; line-height:1.8em; width:auto;}

/*************footer**********/
.footer { padding:15px 0; margin:10px auto 0 auto; background:#090909 url(../images/footer_bg.gif) top repeat-x; width:949px;}
.footer p { float:left; width:424px; padding:0 25px; margin:0; color:#646d73; font:normal 10px Tahoma, Geneva, sans-serif;}
.footer a { color:#646d73; font:normal 11px Arial, Helvetica, sans-serif; padding:0 5px;}
.text_left { text-align:left;}
.text_right { text-align:right; float:right;}

p.clr, .clr { clear:both; padding:0; margin:0; background:none;}
li.bg, .bg { clear:both; border-top:1px dashed #b8bec1; padding:0; margin:5px 0; background:none;}



.error{
    height:15px;
}
div.errorimg{
    padding-left:20px;
    float:left;
    background:transparent url(../images/error.png) no-repeat center left;
    height:15px;
    width:140px;
    color:red;
}
.login{
    width: 155px;
    height: 340px;
    border: 1px solid #ccc;
    margin: 50px auto 0 auto;
    padding: 15px;
    text-align:left;
}
.register{
    width: 540px;
    height: 350px;
    margin: 10px auto 0 auto;
    padding: 15px;
    text-align: left;
}
.login form, .register form{
    float:left;
    width:100%;
}
.login form label, .register form label{
    display: block;
    margin: 3px;
}
.login_row{
    float:left;
    clear:both;
}
.login_row input[type=checkbox]{
    float:left;
}
.login_row label{
    float:left;
}
.login input[type=button]{
    float:right;
    clear:both;
    background-color: #00abdf;
    font-weight:bold;
    color:#fff;
    padding:4px;
    width:143px;
    margin:10px 0px 10px 3px;
    border:1px solid #fff;
    cursor:pointer;
}
.login p{
    float:left;
    clear:both;
}
.login a.register{
    float:right;
    clear:both;
    text-decoration: none;
}
.register form fieldset{
    border:1px solid #ccc;
    padding:6px;
    margin:10px;
    float: left;
    width:525px;
    height:350px;
    overflow:hidden;
}
.register form legend{
    text-align:right;
    color:#888;
    font-size:14px;
    padding:0px 4px 0px 4px;
    margin-left:5px;
}
.register form label, .login form label{
    
   color:#797979;
display:block;
font-size:14px;
line-height:1.4em;
}
.register .error{
    color:red;
    float:left;
    padding:2px;
    font-size:11px;
    height:18px;
    clear:right;
    width:100%;
    font-weight:100;
}
.register .error_captcha{
    color:red;
    float:left;
    padding:2px;
    font-size:11px;
    height:20px;
    width:75px;
    font-weight:100;
}
.captcha_message{
    width:70px;
    float:left;
}
.button, .button:visited{
    clear:both;
    background-color: #00abdf;
    border:1px solid #fff;
    cursor: pointer;
    color: #fff;
    text-decoration: none;
    padding: 10px 15px;
    display: inline-block;
    font-weight:bold;
    text-align:center;
    outline: none;
    float:right;
    margin:10px;
    clear:both;

}
.button:hover{
    background-color: #777;
    color:#fff;
}
img.ajaxload{
    float:right;
    margin:10px 10px 35px 10px;

}
.linkback{
    margin:0 auto;
    width:100px;
    text-align:center;
    height:30px;	    	
}

/*new menu system goes here */



/* menu */	
.menu { padding:0; margin:0; width:949px; height:58px; background:url(../images/menu_bg.gif) top no-repeat;}
.rss { width:208px; float:right; margin:25px 0 0 10px; padding:0;}
.rss img { margin-left:80px; padding:0; float:left; width:108px; height:33px;}
.menu ul { float:left; padding-left:20px; margin:7px 30px 0 0; list-style:none; border:0;}
.menu ul li { float:left; margin:0; padding:0;}
.menu ul li a { float:left; margin:0 1px 0 0; padding:15px 0; color:#c8c8c8; font:normal 15px Arial, Helvetica, sans-serif; text-decoration:none;}
.menu ul li a span { padding-right:20px; padding-left:20px; padding-top:10px; padding-bottom:10px; margin:0; background:none;}
.menu ul li a:hover { color:#FFFFFF; }
.menu ul li a:hover span { color:#FFFFFF; }
.menu ul li a.active { color:#FFFFFF;}
.menu ul li a.active span { background-color:#79a0c7; height:10px;}



.underlinemenu{
font-weight: bold;
width: 100%;
}

.underlinemenu ul{
padding: 6px 0 7px 0; /*6px should equal top padding of "ul li a" below, 7px should equal bottom padding + bottom border of "ul li a" below*/
margin: 0;
text-align: right; //set value to "left", "center", or "right"*/
}

.underlinemenu ul li{
display: inline;
}

.underlinemenu ul li a{
color: #494949;
padding: 6px 3px 4px 3px; /*top padding is 6px, bottom padding is 4px*/
margin-right: 20px; /*spacing between each menu link*/
text-decoration: none;
border-bottom: 3px solid gray; /*bottom border is 3px*/
}

.underlinemenu ul li a:hover, .underlinemenu ul li a.selected{
border-bottom-color: black;
}



/******* CONTAINER *******/
#container{
	width: 600px;
	margin: 40px auto;
	text-align: left;
}
/******* /CONTAINER *******/

/*form */

/******* FORM *******/


#check_container{
padding-top:5px;
width:560px;
height:250px;
    border: 1px solid #cecece;
    font-family: Arial,  Verdana, Helvetica, sans-serif;
	font-size: 11px;
}
#check_container .title{
width:110px;
}
#check_container .cell {
float:left;
width:15px;
text-align: left;
}

#customForm{
	padding: 0 10px 10px;
}
#customForm label{
	display: block;
	color: #797979;
	font-weight: 700;
	line-height: 1.4em;
}

#customForm group{
    width: 400px;
    height:300px;
    text-align: left;
    border: 1px solid #cecece;
}



#customForm input[type="text"]{
	width: 220px;
	padding: 6px;
	color: #949494;
	font-family: Arial,  Verdana, Helvetica, sans-serif;
	font-size: 11px;
	border: 1px solid #cecece;
}


#customForm input[type="radio"]{
font-family: Arial,  Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color: #797979;
	}

#customForm input.error{
	background: #f8dbdb;
	border-color: #e77776;
}
#customForm textarea{
	width: 550px;
	height: 80px;
	padding: 6px;
	color: #adaeae;
	font-family: Arial,  Verdana, Helvetica, sans-serif;
	font-style: italic;
	font-size: 12px;
	border: 1px solid #cecece;
}
#customForm select{
	width: 200px;
	height: 20px;
	color: #adaeae;
	font-family: Arial,  Verdana, Helvetica, sans-serif;
	font-style: italic;
	font-size: 12px;
	border: 1px solid #cecece;
}

#customForm checkbox{
padding:0px;
margin:0px;
width:10px;
height:10px;
	color: #adaeae;
	font-family: Arial,  Verdana, Helvetica, sans-serif;
	font-size: 10px;
	border: 1px solid #cecece;
}

#customForm radio{
padding:0px;
margin:0px;
width:10px;
height:10px;
	color: #adaeae;
	font-family: Arial,  Verdana, Helvetica, sans-serif;
	font-size: 10px;
	border: 1px solid #cecece;
}




#customForm textarea.error{
	background: #f8dbdb;
	border-color: #e77776;
}
#customForm div{
	margin-bottom: 15px;
}
#customForm div span{
	margin-left: 10px;
	color: #b1b1b1;
	font-size: 11px;
	font-style: italic;
}
#customForm div span.error{
	color: #e46c6e;
}
#customForm #send{
	background: #6f9ff1;
	color: #fff;
	font-weight: 700;
	font-style: normal;
	border: 0;
	cursor: pointer;
}
#customForm #send:hover{
	background: #79a7f1;
}
#error{
	margin-bottom: 20px;
	border: 1px solid #efefef;
}
#error ul{
	list-style: square;
	padding: 5px;
	font-size: 11px;
}
#error ul li{
	list-style-position: inside;
	line-height: 1.6em;
}
#error ul li strong{
	color: #e46c6d;
}
#error.valid ul li strong{
	color: #93d72e;
}
/******* /FORM *******/





/* nifty conners */