@charset "utf-8";

/* CSS Document */



html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl,dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0;}

input, textarea, select{ font-size:12px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}

ul{

	list-style:none;

}

input[type="button"] { cursor: pointer; }

input[type="text"]:focus { border: 2px solid #7c42bd; }

body{

	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;

	background: #e6e6e6 url(../images/bg.jpg) repeat-x left top;

	color:#525252;

}

#wrapper{

	width:940px;

	margin:0px auto;

	padding:0px;

}

#container {

	background: #FFF;

	float: left;

	border-top: 7px solid #525252;

	width: 100%;

}





a{outline:none;}



/*----------Default tags-----------*/

.floatleft{float:left}

.floatright{float:right}

.floatnone{float:none}

.clearboth{clear:both}



.left{text-align:left;}

.right{text-align:right;}

.center{text-align:center;}

.bold{font-weight:bold;}

.normal{font-weight:normal;}

.italic{font-style: italic;}

.capitalize{text-transform:capitalize;}

.uppercase{text-transform: uppercase;}

.lowercase{text-transform:lowercase;}

.underline{text-decoration:underline;}

.strike{text-decoration:line-through;}

.middle{ vertical-align:middle;}



/*----fonts sizes---------*/

.font10{ font-size:10px;}

.font11{ font-size:11px;}

.font12{ font-size:12px;}

.font13{ font-size:13px;}





/*----links------------*/

.link{text-decoration:underline;}

.link:hover{text-decoration:none;}



.link_none{text-decoration:none;}

.link_none:hover{text-decoration:underline;}

.black{color:#000;}

.white{color:#fff;}

.red{color:#FF0000;}

.darkgrey{color:#525252;}

.lightgrey{color:#CCC;}

.purple{color:#7c42bd;}





/*----widths-----------*/

.w100p{ width:100%}

.w75p{ width:75%}

.w50p{ width:50%}

.w25p{ width:25%}



.w10{ width:10px;}

.w20{ width:20px;}

.w30{ width:30px;}

.w40{ width:40px;}

.w50{ width:50px;}

.w60{ width:60px;}

.w70{ width:70px;}

.w80{ width:80px;}

.w90{ width:90px;}

.w100{ width:100px;}

.w150{ width:150px;}

.w200{ width:200px;}

.w250{ width:250px;}

.w300{ width:300px;}

.w350{ width:350px;}

.w400{ width:400px;}



/*----Header-----------*/

.header{

	float: left;

	width: 100%;

	clear: both;

}

.logo{

	float: left;

	padding-left: 27px;

	padding-top: 32px;

}

.navigation{

	float: left;

	clear: both;

	padding-left: 27px;

	width: 886px;

	border-top: 1px solid #e5e5e5;

	border-bottom: 1px solid #e5e5e5;

	margin-top: 20px;

	padding-right: 27px;

}

.navigation li{float: left;}

.navigation li a{

	font-weight: bold;

	text-decoration: none;

	font-size: 14px;

	color: #525252;

	padding-top: 10px;

	padding-bottom: 10px;

	float: left;

	margin-right: 10px;

	}

.navigation li a:hover{

	background: url(../images/nav_arrow.gif) no-repeat center top;

	}

.navigation li a.selected{

	font-weight: bold;

	text-decoration: none;

	font-size: 14px;

	color: #525252;

	padding-top: 10px;

	padding-bottom: 10px;

	float: left;

	margin-right: 10px;

	background: url(../images/nav_arrow.gif) no-repeat center top;

	}	

	

	

.header .right {

	float: right;

	padding-right: 25px;

	font-size: 13px;

	padding-top: 20px;

}





/*----Content-----------*/

.content{

	float: left;

	clear: both;

	width: 100%;

	padding-bottom: 30px;

}

.content .sub-header {

	float: left;

	clear: both;

	width: 100%;

}



.content .about {

	width: 550px;

	padding-left: 27px;

	float: left;

	line-height: 26px;

	padding-top: 15px;

}

.content .main_img {

	float: right;

	margin-top: -75px;

	padding-right: 27px;

}

.content .map_flash {

	width: 894px;

	padding-right: 23px;

	padding-left: 23px;

	clear: both;

	float: left;

	padding-bottom: 20px;

}

.content .map_flash .box1 {

	background: url(../images/box_01.gif);

	height: 358px;

	width: 416px;

	float: left;

	margin-top: -3px;

}

.content .map_flash .box1 .img {

	float: left;

	margin-top: 95px;

}

.content .map_flash .box1 .flash {

	float: right;

	margin-top: 60px;

	padding-right: 15px;

}



.content .map_flash .box2 {

	background: url(../images/box2_bg.png);

	height: 364px;

	width: 463px;

	float: right;

	margin-top: -7px;

}



.content .info {

	float: left;

	width: 886px;

	clear: both;

	padding-right: 27px;

	padding-left: 27px;

}

.content .info .box {

	float: left;

	width: 430px;

}

.content .info .box h3 {

	margin: 0px 0px 5px;

	padding: 0px 0px 0px 30px;

	color: #7C42BD;

	font-weight: normal;

	background: url(../images/icon_arrow.gif) no-repeat left 1px;

}

.content .info .box p {font-size: 12px;}

.content .info .divider {

	float: left;

	width: 430px;

	background: url(../images/horizontal_divider.gif) no-repeat center center;

	height: 40px;

}

.map_flash .box2 .map_div {

	float: left;

	margin-top: 25px;

	padding-left: 38px;

}
.map_div_hp {

	float: left;

	margin-top: 25px;

	/*padding-left: 38px;*/
	text-align:center;
	width:100%;

}
.hp_map_text {
	width:403px;
	float:left;
	margin-top:15px;
	padding:0 30px;
	font-size:13px;
}

.hp_map_text a {
	font-size:15px;
}

.hp_map_email {
	width:403px;
	float:left;
	margin-top:15px;
	padding:0 30px;
	font-size:13px;
}









/*----Footer-----------*/

.footer{

	float: left;

	width: 100%;

	clear: both;

	background: #525252 url(../images/footer_title_bg.gif) no-repeat left top;

}

.footer .links {

	background: url(../images/footer_divider.gif) repeat-x left top;

	text-align: center;

	padding-top: 25px;

	padding-bottom: 25px;

	float: left;

	clear: both;

	width: 100%;

}

.footer .links a {

	text-decoration: none;

	color: #FFF;

}

.footer .links a:hover {

	text-decoration: underline;

}

.footer .states {

	float: left;

	width: 886px;

	clear: both;

	padding-right: 27px;

	padding-left: 27px;

	padding-bottom: 15px;

}

.footer .states .box {

	float: left;

	width: 100px;

	padding-right: 10px;

}

.footer .states .box h4 {

	padding-top: 8px;

	padding-bottom: 8px;

	font-size: small;

}



.footer .states .box ul{

	padding-top: 10px;

	padding-bottom: 10px;

}

.footer .states .box li{

	color: #FFF;

}

.btn {

	float: left;

	background: url(../images/btn_bg.jpg);

	height: 24px;

	padding-left: 15px;

	text-decoration: none;

	color: #FFF;

	font-size: 12px;

	margin-top: 5px;

	margin-bottom: 5px;

	cursor: pointer;

}

.btn span {

	float: left;

	background: url(../images/btn_bg.jpg) right;

	height: 20px;

	padding-right: 15px;

	padding-top: 4px;

}



.btn:hover {background: url(../images/btn_bg_ho.jpg) left;}

.btn:hover span{background: url(../images/btn_bg_ho.jpg) right;}

.margin_right{margin-right:26px;}

.main_content {

	float: left;

	width: 100%;

	background: url(../images/box_bottom.gif) no-repeat left bottom;

	padding-bottom: 20px;

}

.main_content .top {

	float: left;

	width: 864px;

	background: url(../images/box_top.png) no-repeat left top;

	padding-right: 15px;

	padding-left: 15px;

	padding-top: 20px;

}

.main_content .top .middle {

	float: left;

	clear: both;

	width: 834px;

	background: #EEDEFF;

	padding: 15px;

}

.main_content p {

	font-size: 12px;

}

.main_content .top .middle p a {

	color: #7C42BD;

	text-decoration: underline;

}

.main_content .top .middle p a:hover {

	text-decoration: none;

}

.main_content ul {

	font-size: 12px;

	list-style: disc;

	padding-left: 15px;

}

.main_content .top .middle .image {	float: right;}

.form {

	float: left;

	width: 500px;

	background: #E4CCFF;

	padding: 5px;

	margin-top: 5px;

}

.form .field1 {

	float: left;

	width: 120px;

	font-size: 12px;

	font-weight: bold;

}

.form .field2 {float: left;}

.form .field3 {

	width: 200px;

	float: left;

	font-size: 12px;

	text-align: right;

	padding-right: 15px;

}

.photos {

	float: left;

	width: 100%;

}

.photos a img {

	padding: 5px;

	background: #FFF;

	margin-right: 6px;

	float: left;

}

.photos a p {

}



hr {

	margin-top: 5px;

	margin-bottom: 5px;

	border-top: 1px dotted #CCC;

}

.image_link {

	width: 160px;		

	float: left;

	margin-right: 2px;

	margin-bottom: 2px;

	text-align: center;

	color: #7C42BD;

	text-decoration: none;

	font-weight: bold;

	padding-bottom: 10px;

}

.form2 {

	float: left;

	width: 100%;

	padding-bottom: 5px;

	padding-top: 5px;

	border-bottom: 1px dashed #d2d2d2;

}

.form2 .form_text {

	float: left;

	font-size: 11px;

	padding-top: 3px;

	color: #666;

}

.col_1, .col_2 {

	float: left;

	font-size: 11px;

	color: #666;

	padding-top: 2px;

}.comments {

	font-size: 12px;

	background: #F4F4F4;

	padding: 10px;

	margin-bottom: 5px;

	border: 1px dashed #CCC;

}

.pagination {

	float: left;

	width: 100%;

	clear: both;

	margin-top: 10px;

}



.pagination a {

	float: left;

	padding: 5px;

	color: #7C42BD;

	text-decoration: none;

	background: #FFF;

	margin-right: 2px;

	font: 11px Tahoma, Arial;

	border: 1px solid #7C42BD;

}



.pagination a:hover {

	color: #FFFFFF;

	background: #7C42BD;

	border: 1px solid #7C42BD;

}

.pagination a.selected {

	color: #FFFFFF;

	background: #7C42BD;

	border: 1px solid #7C42BD;

}

.btn_add_new {

	text-align: right;

	padding-bottom: 8px;

}
#attention {
	width:95%;
	clear:both;
	padding:20px;
}