/* CSS Document */
* { margin:0; padding:0;}

.clear { clear:both;}

html, body { height:100%; }
body {font-size:100%; line-height:1em;}
html, input, textarea
	{	font-family:Arial; 
		color:#666666;
	}	


.vam{ vertical-align:middle}
.fl{ float:left}
.fr{ float:right}
.tac{ text-align: center}
.width{ width:100%}
div.container {	overflow:hidden; width: 100%;}

a img{ border:0px}
img{ vertical-align:top;  }

b{color:#018eb9;}

a{color:#10a5da; text-decoration:underline} 
a:hover{text-decoration:none}
.a1{color:#586b78; background:url(images/arrow.gif) top left no-repeat; background-position:0 1px; margin:0px; padding-left:25px; float:right; font-weight:bold; text-decoration:none; margin:0 20px 30px 0} 
.a1:hover{ text-decoration:underline}
.a2{ font-weight:bold; color:#10a5da}

.a3{color:#586b78; background:url(images/arrow.gif) top left no-repeat; background-position:0 1px; margin:0px; padding-left:25px; float:right; font-weight:bold; text-decoration:none; margin:0 20px 0 0} 
.a3:hover{ text-decoration:underline}

ul{margin:0; padding:0; list-style:none;}
ul li{background:url(images/arrow1.gif) top left no-repeat; background-position:0 8px; margin:0px; padding-left:26px; }
ul li a{color:#69c0df; text-decoration: underline; line-height:1.7em} 
ul li a:hover { text-decoration:none; }

/*header*/
#header{ font-size:0.75em; width:100%; color:#a3acae}
#header .logo{ margin:10px 0 0px 49px }
#header .indent{ padding:11px 0 0px 63px }
#header .indent_subnav{ padding:20px 0px 0px 223px }
#header .click{ margin:200px 0 0px 603px }
.time{ position:absolute; margin:0px 0px 0px 723px; background:url(images/bg_top1.gif) no-repeat left top; padding:11px 52px 15px 52px}

/*header_interior*/
#header_interior{ font-size:0.75em; width:100%; color:#a3acae}
#header_interior .logo{ margin:10px 0 0px 49px }
#header_interior .indent{ padding:11px 0 0px 63px }
#header_interior .click { margin:50px 0 0px 603px }


/*content*/
#content{ font-size:0.75em; width:100%; text-align:left; background:url(images/bg.gif) no-repeat top right}
#content .indent_main{padding:0px 64px 0px 43px}
#content .indent_main1{padding:0px 43px 0px 63px}
#content .indent_col1{padding:0px 20px 0px 20px}
#content .indent_col2{padding:0px 28px 0px 7px}
#content .indent_col2_1{padding:0px 0px 0px 20px}
#content .indent_col2_2{padding:0px 0px 0px 5px}
#content .indent{padding:26px 15px 61px 28px}
#content .title{  margin-bottom:11px}
#content .pic_left{ float:left; margin:0px 24px 35px 0px}
#content .pic{ margin:0px 0px 16px 0px}
#content p{ margin:0px 0px 17px 0px}
#content .p{ margin:0px 0px 7px 0px}
#content .p1{ margin:0px 0px 7px 0px; font-size:1.25em; line-height:1.25em; color:#666666; width:100%; text-align:left;}
#content em{ background:url(images/arrow3.gif) no-repeat top left; background-position:0 1px; margin:0px; padding-left:20px; color:#4a5861; display:block}
h4{ font-size:1em; color:#939ca2; margin-bottom:15px}
.h4{  margin-bottom:0px}

.line{ background:url(images/line_x.gif) repeat-x top; margin:0px -20px 18px -20px; }
.line1{ background:url(images/line_x2.gif) repeat-x top; margin:0px -28px 18px -7px; }
.line3{ background:url(images/line_x2.gif) repeat-x top; margin:0px -28px 0px -7px; }
.line2{ background:url(images/line_x1.gif) repeat-x top; margin:0px 0px 0px 0px; }

/*block*/
.block{ background:#edf3f7; width:100%}
.block .bg_top{ background: url(images/bg_top.gif) repeat-x top}
.block .bg_bottom{ background: url(images/bg_bottom.gif) repeat-x bottom }
.block .bg_left{ background: url(images/bg_left.gif) repeat-y left }
.block .bg_right{ background: url(images/bg_right.gif) repeat-y right}
.block .bg_top_left{ background: url(images/bg_top_left.gif) no-repeat top left }
.block .bg_top_right{ background: url(images/bg_top_right.gif) no-repeat top right }
.block .bg_bottom_left{ background: url(images/bg_bottom_left.gif) no-repeat bottom left }
.block .bg_bottom_right{ background: url(images/bg_bottom_right.gif) no-repeat bottom right }
.block .indent_block{ padding:0px 20px 12px 30px; text-align:center}
#content .block .pic_1{ margin:0px 0px 17px 0px}
#content .block p{ margin:0px 0px 17px 0px}

#page .pad{ float:right; padding-right:40px}
#page .pad1{ margin-top:21px}
#page1 .pad{ padding-bottom:41px}
#page1 .pad1{ float:right; padding:0 15px 35px 0}
#page2 .pad1{ margin-top:41px}
#page3 .pad{ padding-bottom:41px} 
#page3 #content .pic_left{ float:left; margin:0px 14px 15px 0px}
#page4 .pad{ padding-bottom:31px} 
#page4 strong{ color:#10a5da} 
/*footer*/
#footer { color:#939ca2; font-size:0.75em; background:url(images/bot.gif) repeat-x top; padding:49px 25px 0px 25px; text-align:center}
#footer span a {margin:0px}  
#footer a {color:#939ca2; text-decoration:none; margin:0px 28px 0px 28px}  
#footer a:hover {  text-decoration:underline}

.block_contact span{ float:right; margin-right:110px}
.block_contact1 span{ float:right; margin-right:50px}
.block_contact2 span{ float:right; margin-right:5px}
.h{ height:30px}
input{
   	border:1px solid #d0d4d6; 
	background:#FFFFFF;
	width:214px; height:21px;
	font-size:1em;
	padding-left:5px;
	margin-bottom:3px
}
textarea{
   	border:1px solid #d0d4d6; 
	background:#FFFFFF;
	width:297px; height:81px;
	font-size:1em;
	padding-left:5px;
	margin-bottom:11px;
	overflow:auto}
	
	
	
	
	
	
	
	/* Contact form */
#contact-form {
	vertical-align:top;
	padding-top:3px;
}
	#contact-form fieldset {
		border:none;
		}
		#contact-form .field {
			overflow:hidden;
			padding:0 0 4px 0px;
			}
			#contact-form input {
				width:340px; 
				padding:12px 9px 12px 9px;  
				margin:0;
				float:left; 
				margin:1px 0 0 0;
				font-size:12px;
				line-height:1.23em;
				color:#515151; 
				outline:none;
				background:#bfbfbf;  
				border:0 none;
				border-radius:9px;
				-moz-border-radius:9px;
				-webkit-border-radius:9px;

			}
			#contact-form .area .error { float:left;}
			#contact-form textarea {
				overflow:auto; 
				height:135px;
				width:440px; 
				padding:12px 9px 12px 9px;
				float:left; 
				font-size:12px;
				line-height:1.23em;
				margin:1px 0 0 0;
				color:#515151; 
				background:#bfbfbf;  
				border:0 none;
				border-radius:9px;
				-moz-border-radius:9px;
				-webkit-border-radius:9px;
				outline:none;
			}
			#contact-form label {
				padding:0 0 0px 0px;
				display:inline-block;
				color:#F00;
				}
				#contact-form .error, #contact-form .empty {
					color:red;
					width:287px;
					font-size:10px;
					line-height:15px;
					padding:3px 0 0 0px;
					display:none;
					float:left;
				}
		.buttons-wrapper {text-align:right; clear:both; padding:16px 93px 0 0;}
		.buttons-wrapper a { margin-left:23px;}

.map iframe {
	width:298px; 
	height: 159px; 
	overflow:hidden; 
} 
.map-indent{
	float:left;
	margin:0px 34px 0 0;
}
.contact {
	font-size:15px; 
	line-height:20px;
	color:#515151;
	padding:2px 0 0 0;
}
.contact dt{
	font-weight:bold;
	color:#b8d301;
}
.contact dd span {float:left; width:82px;}




.wrapper {width:100%; overflow:hidden;}


/************** forms *******************************/
input, textarea { margin:0; font-size:1em; color:#515151; font-family:Arial, Helvetica, sans-serif; outline:none;}

.success {
	width:336px;
	text-align:center;
	color:#515151;
	font-size:19px;
	line-height:1.2em;
	padding:10px 10px 10px 10px;
	margin-bottom:10px;
	display:none;
	font-style:italic;
	background:#bfbfbf;
	border:1px solid #515151;
	border-radius:9px;
	-moz-border-radius:9px;
	-webkit-border-radius:9px;
}

.color-1 {color:#fff;}
.color-2 {color:#000;}
.color-3 {color:#b9d401;}
.color-4 {color:#3e3e3e;}
.color-5 {color:#0dc3ff;}

.link-2 {
	display:inline; 
	color:#3e3e3e;
	font-weight:bold; 
	font-size:13px; 
	line-height:19px;
	margin-left:7px;
}
.link-2:hover {text-decoration:none;}