/*
Credit: http://www.brans.com
*/

body {
	margin: 0;
	padding: 0;
	color: #252525 ;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	line-height: 1.7em; 
	background:url(images/topheader.jpg) repeat-x; 
	background-repeat: repeat-x;
	background-position: top
}

.sidebg{
	background-color:#ffffff;}

.space{
	Width:245px;
	height:245px;
	background:#FFFFFF;
	/*background: #063248; /* Old browsers 
background: -moz-radial-gradient(center, ellipse cover,  #063248 0%, #0a1f24 100%); /* FF3.6+ 
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#063248), color-stop(100%,#0a1f24)); /* Chrome,Safari4+ 
background: -webkit-radial-gradient(center, ellipse cover,  #063248 0%,#0a1f24 100%); /* Chrome10+,Safari5.1+ 
background: -o-radial-gradient(center, ellipse cover,  #063248 0%,#0a1f24 100%); /* Opera 12+ 
background: -ms-radial-gradient(center, ellipse cover,  #063248 0%,#0a1f24 100%); /* IE10+ 
background: radial-gradient(ellipse at center,  #063248 0%,#0a1f24 100%); /* W3C 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#063248', endColorstr='#0a1f24',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}

a, a:link, a:visited { color: #0099CC; font-weight: normal; text-decoration: none; }
a:hover { color: #009900; text-decoration: underline; }

p { margin: 0 0 10px 0; padding: 0; }
img { border: none;
margin-left:0px; 
}
.logins img{ margin-left:7px;margin-top:26px;}
em { color: #000; font-weight: bold; font-style: normal }

h1, h2, h3, h4, h5, h6 { color: #2c93a6; font-weight: normal; }
h1 { font-size: 28px; margin: 0 0 20px 0; padding: 5px 0 }
h2 { font-size: 25px; margin: 0 0 15px 0; padding: 5px 0; }
h3 { font-size: 22px; margin: 0 0 15px; padding: 0; }
h4 { font-size: 18px; margin: 0 0 15px; padding: 0; }
h5 { font-size: 16px; margin: 0 0 10px; padding: 0;  }
h6 { font-size: 14px; margin: 0 0 5px; padding: 0; }

.logo{
	position:absolute;
	margin-left:-9px;
	width: 145px;
	height: 100px;
	margin-top:10px;
	}

.cleaner { clear: both }
.h10 { height: 10px }
.h20 { height: 20px }
.h30 { height: 30px }
.h40 { height: 40px }
.h50 { height: 50px }
.h60 { height: 60px }
.imgsade{margin-top:20px;}

a.more { clear: both; display: block; width: 123px; height: 39px; line-height: 39px; font-size: 11px; text-align: center; color: #333; font-weight: 700; background: url(images/brans_more.png) }
a.more:hover { text-decoration: none; color: #000; }

.float_l { float: left }
.float_r { float: right }

.image_wrapper { position: relative; display: block; width: 137px; height: 200px; }
.image_wrapper img { width: 137px; height: 200px; margin: 7px }
.image_wrapper span {
	position: absolute;
	top: 0;
	left: 0;
	width: 137px;
	height: 200px;
	/*background: url(images/brans_image_frame.png) no-repeat*/
}

.image_wrapper_ppl { position: relative; display: block; width: 225px; height: 155px; }
.image_wrapper_ppl img { width: 225px; height: 155px; margin: 7px }
.image_wrapper_ppl span {
	position: absolute;
	top: 0;
	left: 0;
	width: 225px;
	 height: 155px;
	/*background: url(images/brans_image_frame.png) no-repeat*/
}
.image_wrapper_mlap { position: relative; display: block; width: 240px; height: 155px; }
.image_wrapper_mlap img { width: 240px; height: 155px; margin: 7px }
.image_wrapper_mlap span {
	position: absolute;
	top: 0;
	left: 0;
	width: 240px;
	 height: 155px;
	/*background: url(images/brans_image_frame.png) no-repeat*/
}
.image_wrapper_abt1 { position: relative; display: block; width: 271px; height: 344px; }
.image_wrapper_abt1 img { width: 271px; height: 344px; margin: 7px }
.image_wrapper_abt1 span {
	position: absolute;
	top: 0;
	left: 0;
	width: 271px; 
	height: 344px;
	/*background: url(images/brans_image_frame.png) no-repeat*/
}
.image_wrapper_mny { position: relative; display: block; width: 632px; height: 358px; }
.image_wrapper_mny img { width: 632px; height: 358px; margin: 16px }
.image_wrapper_mny span {
	position: absolute;
	top: 0;
	left: 0;
	 width: 632px;
	 height: 358px;
	/*background: url(images/brans_image_frame.png) no-repeat*/
}

.image_wrapper_bsn { position: relative; display: block; width: 198px; height: 212px; }
.image_wrapper_bsn img { width: 198px; height: 212px; margin: 7px }
.image_wrapper_bsn span {
	position: absolute;
	top: 0;
	left: 0;
	width: 198px; height: 212px;
	/*background: url(images/brans_image_frame.png) no-repeat*/
}
.image_wrapper_vstr { position: relative; display: block; width: 273px; height: 212px; }
.image_wrapper_vstr img { width: 273px; height: 212px; margin: 7px }
.image_wrapper_vstr span {
	position: absolute;
	top: 0;
	left: 0;
	 width: 273px; 
	 height: 212px;
	/*background: url(images/brans_image_frame.png) no-repeat*/
}
.image_fl { float: left; margin: 3px 15px 0 0 }
.image_fr { float: right; margin: 3px 0 0 15px }

.tmo_list { margin: 20px 0 20px 20px; padding: 0; list-style: none }
.tmo_list li { margin: 0; padding: 0 0 0 30px; background: url(images/brans_list.png) no-repeat scroll 0 7px  }

/* ------------------ */

#brans_top_wrapper {
	width: 100%;
	background: url(images/brans_wrapper.jpg) no-repeat top
}


.top header{
	background-color:#041c35; height:110px;}

#brans_top { 
	width: 964px;
	height: 446px;
	margin: 0 auto;

}

#brans_header {
	width: 994px;
	padding: 25px 0
}

#site_title { margin: 0 auto }
#site_title h1 { margin: 0; padding: 0 }
#site_title h1 a { display: block; margin: 0 auto; width: 233px; height: 68px; color: #fff; text-indent: -10000px; background: url(images/brans_logo.png) no-repeat }

#brans_middle {
	clear: both;
	width: 964px;
	height: 330px;
	background: url(images/brans_banner.png) no-repeat;
	margin-top:-5px;
}

/* menu */
#brans_menu {
	
   
    top:150px;
    height: 50px;
    padding: 0;
    width: 637px;
}

#brans_menu ul {
    display: block;
    float: left;
    list-style: none outside none;
    margin: 0;
    padding: 0;
}

#brans_menu ul li {
	padding: 0;
	margin-left:1px;
	float:left;

}


#brans_menu ul li:first-child {
	padding: 0;
	float:left;
	border-radius:8px 0 0 8px;
	
}


#brans_menu ul li:last-child {
	padding: 0;
	float:left;
	border-radius:0px 8px 8px 0;
	}

#brans_menu ul li a {
	
    color: #d4e1e7;
    display: block;
    float: left;
    font-size: 14px;
    font-weight: 700;
    height: 38px;
    margin-left: 0px;
    outline: medium none;
    padding: 13px 20px 1px;
    text-align: center;
    text-decoration: none;
    width: auto;
	margin-top:0px;
	
	
}



/*#brans_menu ul li:first-child .current {
	color: #000;
	border-radius:8px 0 0 8px;
	background: url(images/brans_mouse_hover.png) center no-repeat
}
#brans_menu ul li:last-child .current {
	color: #000;
	border-radius:0px 8px 8px 0;
	background: url(images/brans_mouse_hover.png) center no-repeat
}*/

#navMenu li {
		float:left;	
			/* default background image	*/
		width:auto;							/* width and height of the menu item */
		height:55px;/* simulate pixel perfect using border */
		position:relative;			/* must set it as relative, because .hover class top and left with absolute position will be positioned according to li.	*/
	}

	#navMenu li a {
		z-index:20;		/* z-index must be higher than .hover class */
		display:block;	/* display as block and set the height according to the height of the menu to make the whole LI clickable	*/
		height:55px;
		position:relative;
		color:#777;
	}

 	#navMenu li .hover {
		background:url(over.jpg) no-repeat center center;		/* mouseover image	*/	/* must be postion absolute 	*/
		width:auto;/*	width, height, left and top to fill the whole LI item	*/
		height:55px;
		left:0; 
		top:0;	
		z-index:0;		/* display under the Anchor tag	*/
		display:none;	/* hide it by default	*/
	}	
	 	#navMenu a:hover {
		color:#333333;
	}

	#navMenu li.selected {
		background:url(selected.jpg) no-repeat center center;	/* selected image	*/
	}
	
	#navMenu li:first-child .hover {
    	background:url(over.jpg) no-repeat center center;		/* mouseover image	*/	/* must be postion absolute 	*/
		width:auto;/*	width, height, left and top to fill the whole LI item	*/
		height:55px;
		border-radius:0px 8px 8px 0;
}

#navMenu li:last-child .hover {
    	background:url(over.jpg) no-repeat center center;		/* mouseover image	*/	/* must be postion absolute 	*/
		width:auto;/*	width, height, left and top to fill the whole LI item	*/
		height:55px;
		border-radius:0px 8px 8px 0;
}

#navMenu li:first-child .hover {
    	background:url(over.jpg) no-repeat center center;		/* mouseover image	*/	/* must be postion absolute 	*/
		width:auto;/*	width, height, left and top to fill the whole LI item	*/
		height:55px;
		border-radius:8px 0 0 8px;
}

#navMenu li:last-child .hover {
    	background:url(over.jpg) no-repeat center center;		/* mouseover image	*/	/* must be postion absolute 	*/
		width:auto;/*	width, height, left and top to fill the whole LI item	*/
		height:55px;
		border-radius:0px 8px 8px 0;
}

#brans_menu ul li:first-child li:hover {
	color: #fff;
	border-radius:8px 0 0 8px;
	background: url(images/brans_mouse_hover.png) center no-repeat
}

#brans_menu ul li:last-child li:hover {
	color: #fff;
	border-radius:0px 8px 8px 0;
	background: url(images/brans_mouse_hover.png) center no-repeat
}

#search_box { float: right; width: 245px; padding-left: 2px; height: 33px; background: url(images/brans_search.png)  left bottom no-repeat }
#search_box form { clear: both; width: 247px; height: 33px; padding: 0; margin: 0 } 
#searchfield { display: block; float: left; font-size: 14px; height: 25px; width: 190px; padding: 3px 6px; font-size: 12px; color: #777; line-height: 0; background: none; border: none; margin-right: 10px; } 
#searchbutton { height: 33px; width: 35px; padding: 0; margin: 0; cursor: pointer; background: none; border: none; }

#mid_content {
	float: right;
	margin: 40px 30px 0 0;
	width: 350px;
	height: 95px;
	padding: 30px;
}

#mid_content h2 { color: #000 }
/* end of menu */

#brans_main {
	clear: both;
	width: 960px;
	padding: 30px 0;
	margin: 0 auto;
	height:auto;
	min-height:1060px;
}
#brans_main_Ga {
	clear: both;
	width: 960px;
	padding: 30px 0;
	margin: 0 auto;
	height:auto;
	min-height:672px;
}
#brans_main_Lg {
	clear: both;
	width: 960px;
	padding: 30px 0;
	margin: 0 auto;
	height:auto;
	min-height:672px;
}

#brans_main12345 {
	clear: both;
	width: 960px;
	padding: 30px 0;
	margin: 0 auto;
	height:auto;
	min-height:1360px;
}

.btm_img tr{ float:left; background: url(images/whitebg.png);
	background-repeat:repeat; padding:15px 0;}
.btm_img{ text-align:center; margin-top:30px; }
.btm_img img{height:200px; margin:0 40px; }
.btm_img table{ width:100%; position:relative;}
.mrgntop{}
.take-a-tour-middle{background: -webkit-gradient(linear, left top, left bottom, from(#4fa8fc), to(#f7fafb))border-top: 2px solid #DEDCDC;
                    background: -moz-gradient(linear, left top, left bottom, from(#4fa8fc), to(#f7fafb))border-top: 2px solid #DEDCDC;
                    background: -ms-gradient(linear, left top, left bottom, from(#4fa8fc), to(#f7fafb))border-top: 2px solid #DEDCDC;
                   }
.take-a-tour-middleee{
	background: #4fa8fc; /* Old browsers */
background: -moz-linear-gradient(top,  #4fa8fc 0%, #f7fafb 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4fa8fc), color-stop(100%,#f7fafb)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #4fa8fc 0%,#f7fafb 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #4fa8fc 0%,#f7fafb 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #4fa8fc 0%,#f7fafb 100%); /* IE10+ */
background: linear-gradient(to bottom,  #4fa8fc 0%,#f7fafb 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4fa8fc', endColorstr='#f7fafb',GradientType=0 ); /* IE6-9 */


	
	/*background-color:#FFF;background: -webkit-linear-gradient(top,#4fa8fc,#f7fafb);
                    background: -moz-linear-gradient(top,#4fa8fc,#f7fafb);
                    background: -ms-linear-gradient(top,#4fa8fc,#f7fafb);*/
                   }
.col_w960 {clear: both; width: 960px; padding-bottom: 50px; margin-bottom: 30px; border-bottom: 1px solid #ccc }
.col_w960_last { margin: 0; border: 0 }
.col_w600 { width: 680px;margin-top:-25px; }
.col_w450 { width: 450px }
.col_w300_1 { width: 240px;  margin-bottom:15px;border-collapse:collapse;}
 
 .input-fils {
    border: 1px solid #61B9F5;
    float: left;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    font-weight: bold;
    padding: 3px 0 2px 3px;
    width: 130px;
    outline:none;
}

.comments p{ margin-bottom:20px; width:210px; font-family:Arial, Helvetica, sans-serif; text-align:justify; font-size:13px; padding:0 15px; color:#666666; border-bottom:1px dotted #CCCCCC;}
strong{ color:#006699;}
.input-box {
    color: #004899;
    float: left;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    font-weight: bold;
    padding: 5px 0 4px 5px;
}
#phone .boxs {
    padding: 0;
    width: 220px;
}
.input-level {
    color: #000000;
    float: left;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    font-weight: normal;
    padding: 5px 0 0;
    width: 55px;
}

.CntBox2{ padding:0 2px; margin-left:10px;width:225px; overflow:hidden; border-bottom:1px solid #FFFFFF; border-top:1px solid #FFFFFF;}
.CntBox2 ul{padding:15px 8px; width:220px; height:180px;float:left; border-top:1px solid #CCCCCC; border-bottom:1px solid #CCCCCC;}
.CntBox2 li#cnt{ width:100px; float:left; background:#1bcbfc; font-size:12px; font-family:Arial, Helvetica, sans-serif;min-height:10px;padding:3px 3px;color:#FFFFFF; border:1px solid #FFF;}
.CntBox2 li{ width:100px; float:left; font-size:12px; font-family:Arial, Helvetica, sans-serif; min-height:15px; padding:3px; color: #666666; border:1px solid #999999;}



#phone {
    margin: 0 auto;
    padding: 15px 0 0;
    width: 198px;
}
.boxs {
    padding: 0;
    width: 198px;
}
 .logins {
    float: right;
    font-family: High Tower Text,sans-serif;
    font-size: 20px;
    line-height: 25px;
    margin: -27px auto 0;
    padding: 5px 0 0;
    width: 240px;
    border-radius: 4px 4px 4px 4px;
	
 }
 .login {
    float: right;
    font-family: High Tower Text,sans-serif;
    font-size: 20px;
    line-height: 25px;
    margin: -27px auto 0;
    padding: 5px 0 0;
    width: 300px;
    margin-right:60px;
   
 }
 .trnslt {
    float: right;
    font-family: High Tower Text,sans-serif;
    font-size: 20px;
    line-height: 25px;
    margin: -50px auto 0;
    padding: 5px 0 0;
    width: 300px;
    margin-right:360px;
   
 }
.click  {
    
   width:40px;
   height:19px;
    margin-top:5px;
}
 .inplogin {
    border: 1px solid #000000;
    border-radius: 4px 4px 4px 4px;
    width: 118px;
	background:#26A6A3;
	color:#9CDCD9;
	border-style:groove;
	padding-left:4px;}
	.logn
	{
	margin-top:2px;	
		}

.bottom1 {
   
}
 .sideborder1 {
    border-left: 2px solid #DEDCDC;
	border-top: 2px solid #DEDCDC;
    border-right: 2px solid #DEDCDC;
border-bottom: 2px solid #DEDCDC;
   
}
.col_w300 { width: 250px;}
.col_w260_r { float: right; width: 320px }
.col_w260_l { float: left; width: 280px; padding-right: 30px; border-right: 1px solid #ccc }
.col_allw300 { width: 300px; float: left; margin-right: 30px }
.col_w225 { float: left; width: 238px; margin-right: 2px;  }
.col_w225_content { padding: 0 20px }
.col_last { margin: 0 }

.content_box { padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px solid #ccc;}
.content_box ul { list-style:1;}

p.news_box { margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px dotted #666 }

.twit_rss { margin-top: 80px;}
.twit_rss1 { margin-left: 514px;}


/*<!--#brans_footer_wrapper_01 {
	width: 100%;
	background: #19c1de url(images/brans_footer_wrapper.jpg) repeat-x bottom;
}-->*/

#brans_footer_wrapper_02 {
	width: 100%;
	background: url(images/brans_footer.jpg) no-repeat bottom center
}

.footer{
	margin-top:5px;}

#brans_footer {
	width: 960px;
	padding: 30px 0 50px;
	margin: 0 auto;
	color: #fff;
	background: url(images/brans_footer.jpg) no-repeat bottom center
}

#brans_footer a { color: #fff; text-decoration: underline }
#brans_footer a:hover { color: #33FFFF; }

.tmo_footer_list { margin: 0; padding: 0; list-style: none }
.tmo_footer_list li { margin: 0; padding: 0 0 0 30px; background: url(images/brans_footer_list.png) no-repeat scroll 0 7px  }
.tmo_footer_list li a { color: #fff; text-decoration: underline }

#brans_footer h5 { display: block; width: 205px; height: 35px; line-height: 35px; padding-left: 20px; color: #fff; background: url(images/brans_footer_header.png) no-repeat }