@charset "utf-8";
body { margin:0; padding:0; width:100%; background:#e8e8e8 url(images/bgtest.gif) top repeat-x;}

html { padding:0; margin:0;}

.clr { clear:both;}

/* main */
.main {width:100%; padding:0; margin:0 auto; }


/* header */
.headertest { width:1024px; margin:0 auto; padding:0; height:163px; background:url(images/banner/header2.jpg); }
.headertest .bjlogo { position: absolute; margin: 15px 0 0 30px;}
.headertestq { width:1024px; margin:0 auto; padding:0; height:163px; background:url(images/banner/header2q.jpg); }
.headertestq .bjlogoq { position: absolute; margin: 15px 0 0 30px;}
.logo { width:1024px; margin:0; padding:0; float:left;}

/* menu */

.menu { width:500px; margin:5px 0 0 0; padding:0; float:right; font: 12px Georgia, "Times New Roman", Times, serif;}
.menu ul { float:right; margin:0; padding:0; list-style:none;}
.menu li { float:left; margin:0 1px; padding:0; font:bold 12px Arial, Helvetica, sans-serif; color:#000; float:left;}
.menu a { line-height:16px; float:left; font: bold 12px Georgia, "Times New Roman", Times, serif; color:#777; padding:10px; margin:0; text-decoration:none;	}
.menu a:hover  {color:#000; text-decoration:underline; }
.menu a:hover div  {background: } 
.menu a.active {color:#000; text-decoration:underline; }
.menu a.active div {background: } 

/* menu2 */
.menu2 { width:100%; margin:82px 0 0 5px; padding:0; float:left; font: 10px Georgia, "Times New Roman", Times, serif;}
.menu2 ul { float:left; margin:0px; padding:0; list-style: none;}
.menu2 li { float:left; margin:1px 0px; padding:0; font:bold 12px Arial, Helvetica, sans-serif; color:#fff; float:left;}
.menu2 a {
	line-height:16px;
	float:left;
	font: normal 12px Georgia, "Times New Roman", Times, serif;
	color:#eee;
	padding:10px;
	margin:0;
	border:1px solid #fff;
	text-decoration:none;
	background: #9f3700;
}
.menu2 a:hover  {color:#fff; background: #f00; border:1px solid #fff; }
.menu2 a:hover div  {background: #f00 url(images/corner/menu_right.gif) top right no-repeat; border:1px solid #fff; } 
.menu2 a.active {
	color:#fff;
	background: #f00;
	border:1px solid #fff;
}
.menu2 a.active div {background: #f00 url(images/corner/menu_right.gif) top right no-repeat; border:1px solid #fff;  } 
 

/* menu2test */
.menu2test { width:100%; margin:82px 0 0 5px; padding:0; float:left; font: 10px Georgia, "Times New Roman", Times, serif;}
.menu2test ul { float:left; margin:0px; padding:0; list-style: none;}
.menu2test  li { float:left; margin:1px 0px; padding:0; font:bold 12px Arial, Helvetica, sans-serif; color:#fff; float:left;}
.menu2test  a { line-height:16px; float:left; font: normal 12px Georgia, "Times New Roman", Times, serif; color:#eee; padding:10px; margin:0; border:1px solid #fff;text-decoration:none;background: #9f3700;}
.menu2test  a:hover  {color:#fff; background: #f00; border:1px solid #fff; }
.menu2test  a:hover div  {background: #f00 url(images/corner/menu_right.gif) top right no-repeat; border:1px solid #fff; } 
.menu2test  a.active {color:#fff; background: #f00; border:1px solid #fff;}
.menu2test  a.active div {background: #f00 url(images/corner/menu_right.gif) top right no-repeat; border:1px solid #fff;  } 


/* menu2q */
.menu2q { width:100%; margin:102px 0 0 5px; padding:0; float:left; font: 10px Georgia, "Times New Roman", Times, serif;}
.menu2q ul { float:left; margin:0px; padding:0; list-style: none;}
.menu2q li { float:left; margin:1px 0px; padding:0; font:bold 12px Arial, Helvetica, sans-serif; color:#fff; float:left;}
.menu2q a { line-height:16px; float:left; font: normal 12px Georgia, "Times New Roman", Times, serif; color:#110372; padding:10px; margin:0; border:1px solid #fff;text-decoration:none;background: #110372;}

 

/* scroller */
.scroller { background:#110372; width:984px; padding:0 20px;}
.text_lefti { width:550px; margin:0 auto; float:left; padding:30px 20px 30px 15px; font: 12px Georgia, "Times New Roman", Times, serif; color:#fff;}
.text_lefti h1 { font:italic bold 29px Georgia, "Times New Roman", Times, serif; color:#fff;}
.text_lefti p {
	color:#a1a1a1;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	font-style: italic;
}
.text_lefti img { padding-right:20px; padding-top:15px;}
.img_righti { width:354px; padding:25px 20px; float:right; border:10px border-color:#ff0000}
.img_righti img { }
.text_left { width:320px; margin:0 auto; float:left; padding:30px 0px 30px 20px; font: 12px Georgia, "Times New Roman", Times, serif; color:#fff;}
.text_left h1 { font:italic bold 29px Georgia, "Times New Roman", Times, serif; color:#fff;}
.text_left p {
	color:#a1a1a1;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	font-style: italic;
}
.text_left img { padding-right:20px; padding-top:15px;}
.img_right { width:600px; padding:25px 10px; float:right; border:0px}
.img_right img { }


/* white */
.white {
	width:1024px;
	float:left;
	margin:0 auto;
	padding:0px;
	background:#fff;
	line-height:1.6em;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
}
.white .left { width:390px; float:left; margin:0 auto; padding:30px; color:#6f6f6f;}
.white .left h3 { font:italic bold 24px Georgia, "Times New Roman", Times, serif; color:#2d5a65;}
.white .left h5 { font:italic 14px Georgia, "Times New Roman", Times, serif; color:#bbbaba;}
.white .left a {
	color:#6f6f6f;
	text-decoration:none;
	font-weight: bold;
}
.white .right { width:560px; float:right;}
.white .right div {
	width:480px;
	padding:10px;
	border:8px none #C30;
	margin:30px 30px 0 4px;
	color:#000;
	background-color: #F99728;
	font-size: 12px;
	font-weight: lighter;
}
.white .right h2 {
	color:#0F35B7;
	margin:0;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 20px;
	padding-left: 20px;
	font-size: 20px;
	font-weight: bold;
}
.white .right h4{ color:#6d6d6d; font:bold 12px Arial, Helvetica, sans-serif;}

/* whiteq */
.whiteq {
	width:1024px;
	float:left;
	margin:0 auto;
	padding:0;
	background:#fff;
	line-height:1.6em;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
}
.whiteq .left { width:10px; float:left; margin:0 auto; padding:30px; color:#6f6f6f;}
.whiteq .left h3 { font:italic bold 24px Georgia, "Times New Roman", Times, serif; color:#2d5a65;}
.whiteq .left h5 { font:italic 14px Georgia, "Times New Roman", Times, serif; color:#bbbaba;}
.whiteq .left a { color:#6f6f6f; text-decoration:none;}
.whiteq .right {
	width:860px;
	float:left;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 70px;
}
.whiteq .right div {
	width:800px;
	padding:30px;
	border:8px solid #f99728;
	color:#000;
	margin-top: 40px;
	margin-right: auto;
	margin-bottom: 40px;
	margin-left: auto;
	background-color: #f99728;
}
.whiteq .right h2 {
	color:#0f35b7;
	padding:5px 0 20px 0;
	margin:0;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000;
}
.whiteq .right h4{ color:#6d6d6d; font:bold 12px Arial, Helvetica, sans-serif;}

/* grey*/
.grey {
	width:1024px;
	float:left;
	margin:0 auto;
	padding:0;
	background:#110372;
	border-top: 10px solid #004aa5;
	color:#eee;
	line-height:1.6em;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
}
.grey h3 {font: italic bold 18px Georgia, "Times New Roman", Times, serif;}
.grey a { color:#fff; text-decoration:underline;}
.grey p { border-top: 1px solid #9e9e9e; padding-top:20px;}
.grey .left {float:left; width:265px; margin:20px; padding:10px 20px !important; padding:10px 20px 10px 10px;}
.grey .center {float:left; width:265px; margin:20px; padding:10px 20px !important; padding:10px 20px 10px 10px;}
.grey .right {float:right; width:250px; margin:20px; padding:10px 20px !important; padding:10px 20px 10px 10px;}

/* portfolio*/
.portfolio { width:1024px; float:left; margin:0 auto; padding:0; background:#110372; font: 12px Georgia, "Times New Roman", Times, serif; color:#fff;}
.portfolio .left {width:600px; float:left; margin:0 auto; padding:0; color:#6f6f6f;}
.portfolio .right {width:400px; float:right; margin:0 auto; padding:50px 15px 5px 15px;}
.portfolio h1 {font: italic bold 35px Georgia, "Times New Roman", Times, serif; color:#e5e5e5; padding:45px 0 45px 90px; margin:0;}
.portfolio p {font: italic 16px Georgia, "Times New Roman", Times, serif; color:#a1a1a1; padding:0; margin:0;}

/* portfolio1*/
.portfolio1 { width:1024px; float:left; margin:0 auto; padding:0; background:#110372; font: 12px Georgia, "Times New Roman", Times, serif; color:#fff;}
.portfolio1 .left {width:450px; float:left; margin:0 auto; padding:0; color:#6f6f6f;}
.portfolio1 .right {width:450px; float:right; margin:0 auto; padding:60px 15px 5px 15px;}
.portfolio1 h1 {font: italic bold 35px Georgia, "Times New Roman", Times, serif; color:#e5e5e5; padding:45px 0 45px 90px; margin:0;}
.portfolio1 p {font: italic 16px Georgia, "Times New Roman", Times, serif; color:#a1a1a1; padding:0; margin:0;}

/* portfolio2*/
.portfolio2 {
	width:1024px;
	float:left;
	margin:0 auto;
	padding:0;
	background:#110372;
	color:#fff;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
}
.portfolio2 .left {width:650px; float:left; margin:0 auto; padding:0; color:#6f6f6f;}
.portfolio2 .right {width:280px; float:right; margin:0 auto; padding:20px 65px 5px 15px;}
.portfolio2 h1 {font: italic bold 35px Georgia, "Times New Roman", Times, serif; color:#e5e5e5; padding:15px 0 45px 90px; margin:0;}
.portfolio2 p {
	color:#a1a1a1;
	padding:0;
	margin:0;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	font-style: italic;
}


/* blog*/
.blog { width:1024px; float:left; margin:0 auto; padding:0; background:#110372; font: 12px Georgia, "Times New Roman", Times, serif; color:#fff;}
.blog .left {width:400px; float:left; margin:0 auto; padding:0; color:#6f6f6f;}
.blog .right {width:500px; float:right; margin:0 auto; padding:50px 15px 5px 15px;}
.blog h1 {font: italic bold 35px Georgia, "Times New Roman", Times, serif; color:#e5e5e5; padding:45px 0 45px 90px; margin:0;}
.blog p {font: italic 16px Georgia, "Times New Roman", Times, serif; color:#a1a1a1; padding:0; margin:0;}

/* about*/
.about { width:1024px; float:left; margin:0 auto; padding:0; background:#110372; font: 12px Georgia, "Times New Roman", Times, serif; color:#fff;}
.about .left {width:400px; float:left; margin:0 auto; padding:0; color:#6f6f6f;}
.about .right {width:500px; float:right; margin:0 auto; padding:50px 15px 5px 15px;}
.about h1 {font: italic bold 35px Georgia, "Times New Roman", Times, serif; color:#e5e5e5; padding:45px 0 45px 90px; margin:0;}
.about p {font: italic 16px Georgia, "Times New Roman", Times, serif; color:#a1a1a1; padding:0; margin:0;}

/* contacts*/
.contacts { width:1024px; float:left; margin:0 auto; padding:0; background:#110372; font: 12px Georgia, "Times New Roman", Times, serif; color:#fff;}
.contacts .left {width:400px; float:left; margin:0 auto; padding:0; color:#6f6f6f;}
.contacts .right {width:500px; float:right; margin:0 auto; padding:40px 15px 5px 15px;}
.contacts h1 {font: italic bold 35px Georgia, "Times New Roman", Times, serif; color:#e5e5e5; padding:45px 0 45px 90px; margin:0;}
.contacts p {font: italic 16px Georgia, "Times New Roman", Times, serif; color:#a1a1a1; padding:0; margin:0;}

/* columns_a*/
.columns_a { width:1024px; float:left; margin:0 auto; padding:0; background:#fff; font: 12px Georgia, "Times New Roman", Times, serif; color:#6f6f6f;}
.columns_a ul { list-style:none; padding:0 20px; margin:0;}
.columns_a li { border-bottom:1px solid #e7e7e7; line-height:2.5em; background:url(images/ul.gif) no-repeat left center; padding:0 0 0 20px;}
.columns_a a {color:#30606c; text-decoration:underline;}

.columns_a h1 {font: italic bold 24px Georgia, "Times New Roman", Times, serif; color:#305f6b; line-height:1em;}
.columns_a .all_a { width:1024px; float:left; margin:0 auto; padding-top:15px; }
.columns_a .all_a .text { width:550px; float:left; margin:0 auto; padding:20px; }
.columns_a .all_a  p {
	padding-top:20px;
	font-family: Verdana, Geneva, sans-serif;
}

.columns_a .all_a .left_a {width:600px; float:left; margin-top:20px; margin-right:10px; margin-bottom:15px; margin-left:20px; background:#fff; color:#6f6f6f; }
.columns_a h4 {
	font: italic 11px Georgia, "Times New Roman", Times, serif;
	color:#bbbaba;
	font-family: Verdana, Geneva, sans-serif;
}
.columns_a .all_a .left_a .name_l { width:258px; height:190px; float:left; margin:15px; background:#dfdfdf; color:#999999; border:1px solid #d1d1d1; }
.columns_a .all_a .left_a .name_r { width:280px; height:190px; float:right; margin:15px; font: 12px Georgia, "Times New Roman", Times, serif; color:#6f6f6f; }
.columns_a .all_a .right_a { width:250px; float:right; margin-top:20px; margin-right:30px; margin-bottom:15px; padding:10px;}
.columns_a .all_a .right_a a { font:bold 12px Georgia, "Times New Roman", Times, serif; color:#6f6f6f; text-decoration:none;}
.columns_a .all_a .right_a a:hover { text-decoration:underline; color:#30606c;}
.columns_a .all_a .right_a a.active { text-decoration:underline; color:#30606c;}

/* columns*/
.columns { width:1024px; float:left; margin:0 auto; padding:0; background:#fff; font: 12px Georgia, "Times New Roman", Times, serif; color:#6f6f6f;}
.c_text {
	width:1004px;
	float:left;
	margin:0 auto;
	padding-left:20px;
	padding-top:20px;
	color:#6f6f6f;
	padding-bottom:20px;
	font-family: Verdana, Geneva, sans-serif;
}
.c_text_r { float:right; padding:20px;}
.c_text_r div { float:right; width:100px; height:20px; background:#242424 url(images/2_portfolio_top_right.gif) top right no-repeat;}
.c_text_r div div {width:100px; height:20px; background: url(images/2_portfolio_top_left.gif) top left no-repeat;}
.c_text_r div div div {width:100px; height:20px;  background: url(images/2_portfolio_bottom_left.gif) bottom left no-repeat;}
.c_text_r div div div div {width:100px; height:20px;  background: url(images/2_portfolio_bottom_right.gif) bottom right no-repeat;}
.c_text_r a { font:12px Georgia, "Times New Roman", Times, serif; color:#fff; text-decoration:none; line-height:1.6em;}
.c_text_r a:hover { text-decoration:underline;}
.columns .all {
	width:1024px;
	float:left;
	margin:0 auto;
	border-bottom:1px solid #dfdfdf;
	font-family: Verdana, Geneva, sans-serif;
}
.columns h3 {font: italic bold 18px Georgia, "Times New Roman", Times, serif; color:#2f2f2f;}
.columns .all .left {width:500px; height:170px; float:left; margin:20px 10px 15px 20px !important; margin:20px 10px 15px 10px; background:#dfdfdf; color:#999999; border:1px solid #d1d1d1;}
.columns .all .right {width:430px; float:right; height:200px; padding:10px 25px 10px 0;}

/* columns_b*/
.columns_b { width:1024px; float:left; margin:0 auto; padding:0; background:#fff; font: 12px Georgia, "Times New Roman", Times, serif; color:#6f6f6f;}
.columns_b ul { list-style:none; padding:0 20px; margin:0;}
.columns_b li { border-bottom:1px solid #e7e7e7; line-height:2.5em; background:url(images/ul.gif) no-repeat left center; padding:0 0 0 20px;}
.columns_b a {color:#969696; text-decoration:underline;}
.columns_b h1 {font: italic bold 24px Georgia, "Times New Roman", Times, serif; color:#2f2f2f;}
.columns_b .all_b { width:1024px; float:left; margin:0 auto; }
.columns_b .all_b .left_b {width:600px; float:left; margin-top:20px; margin-right:10px; margin-bottom:15px; margin-left:20px; background:#fff; color:#999999; }
.columns_b .all_b .left_b .name_l { width:500px; float:left; font: 11px Georgia, "Times New Roman", Times, serif; color:#505050; }
.columns_b .all_b .left_b .name_r { width:150px; float:right; font: italic 11px Georgia, "Times New Roman", Times, serif; color:#505050; }
.columns_b .all_b a { text-decoration:none;}
.columns_b .all_b a:hover { text-decoration:underline;}
.columns_b .all_b .right_b { width:250px; float:right; margin-top:20px; margin-right:10px; margin-bottom:15px; padding:10px;}

/* button */
.button { width:100px; height:20px; background:#9f3700 url(images/top_right.gif) top right no-repeat;}
.button div { width:100px; height:20px; background:url(images/top_left.gif) top left no-repeat;}
.button div div { width:100px; height:20px; background:url(images/bottom_left.gif) bottom left no-repeat;}
.button div div div { width:100px; height:20px; background:url(images/bottom_right.gif) bottom right no-repeat;}
.button a { font: 12px Georgia, "Times New Roman", Times, serif; color:#fff; line-height:1.6em; text-decoration:none;}
.button a:hover {text-decoration:underline;}



#contactform { margin:0; padding:5px;}
#contactform * { font-family: Arial, Helvetica, sans-serif;; font-size:12px; color:#6f6f6f;}
#contactform ol { margin:0; padding:0; list-style:none;}
#contactform li { margin:0 0 5px 0; padding:10px; background:none; border:none;}
#contactform li.buttons { margin:0; overflow:hidden;}
#contactform label { margin:0; width:150px; display:block; float:left; padding:2px 0; font:bold 12px Arial, Helvetica, sans-serif; color:#6f6f6f;}
#contactform label span { font:normal 10px Arial, Helvetica, sans-serif; color:#afafaf; margin:0; padding:0;}
#contactform input.text { width:280px; border:1px solid #dcdcdc; margin-bottom:15px; padding:5px 2px; height:16px; background:#f5f5f5;}
#contactform textarea { width:280px; border:1px solid #dcdcdc; padding:2px; background:#f5f5f5;}
#contactform li.buttons input { padding:3px 10px; margin:0 0 0 150px; background:#9f3700; border:1px solid #9f3700; color:#FFF; float:left;}
/* form style*/
.form_style { padding:0; margin:0;}
.form_style .text { font:bold 14px   Arial, Helvetica, sans-serif; color:#6f6f6f; padding:10px 0 10px 40px; margin:0; width:150px; float:left;}
.form_style .form { width:380px; float:left; margin:0; padding:10px 0;}
.form_style .label2 { padding:0; margin:20px 0 20px 190px;}
.form_style .input2 { width:375px; border:1px solid #d6d6d6; background:#fff;}

/* footer*/
.footer {
	width:1024px;
	float:left;
	margin:0 auto;
	padding:0;
	background:#1a1a1a;
	line-height:1.6em;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
}
.footer .l { width:452px; float:left; margin:0 auto; padding:30px; color:#989898;}
.footer a { font: 12px Georgia, "Times New Roman", Times, serif; color:#989898; text-decoration:none;}
.footer a:hover { text-decoration:underline;}