/* CSS Document */

* {
	margin:0; padding:0;
	font-size:1em;
}

body{
	background:#FFFFFF url(images/bg_tail.png) repeat-x top center;
	text-align:left;
}

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

ul { list-style:none;}

.left {
	float:left;
	font-size: .8em;
	font-weight: bold;
}
.right {
	float:right;
	font-size: .8em;
	font-weight: bold;
}
.clear  { clear:both;}


html, input, textarea
	{
		font-family: Arial, Helvetica, sans-serif;
		font-size:.8em;
		line-height:1.25em;
		color:#666;
	}

input, select { vertical-align:middle; font-weight:normal;}

a {color:#87A7AB; outline:none;}
a:hover{
	text-decoration:none;
}

h1 {
	font-size:4em; 
	color:#00ed9c; 
	letter-spacing:-1px;
	line-height:1.1em;
	font-weight:normal;
	}
h2 {
	font-size:1.85em; 
	color:#42454c; 
	font-weight:normal;
	padding:4px 0 16px;
	letter-spacing:-1px;
	}
h2 span {color:#008aff;}
h3 {
	font-size:1.2em; 
	color:#42454c;
	line-height:18px;
	padding:0 0 12px;}
h4 {
	font-size:1.2em; 
	color:#42454c;
	line-height:18px;}
/* ============================= main layout ======================*/ 
.bg {background: url(images/bg3.jpg) no-repeat top left;}
.bg_content {background:url(images/bg_image.jpg) no-repeat 1018px bottom;}
li {color:#101319; font-size:1.3em; line-height:30px;}
li a {text-decoration:underline;color:#101319;}

.imgindent {margin:0 20px 0 0; float:left;}
.fright {text-align:right;}

.photo { 
	float:left !important;
	margin: 0 15px 15px 0;
	border: #8C8C8C 1px solid;
}
/* ============================= header ====================== */
#header a {text-decoration:none;}
#header .col1 h1 {
	font-size:63px; 
	line-height:1.2em;
	text-transform:uppercase;
	margin-top:-42px;}
#header .col1 h3 {
	font-size:50px;
	line-height:1.2em;}
#header .col1 a {color:#fff;}
#header p { 
	color:#fff; 
	font-size:1.5em; 
	line-height:1.5em;
	padding-top:16px;
}

.menu {
	padding:26px 0 65px;
	height:2em;
	background:url(images/bg_menu.gif) repeat-x 0 47px; 
	overflow:hidden;
}
.menu li {
	float:left; 
	width:115px; 
	text-align:center;
	padding:0;
	margin-right:2px;line-height:1.4em;
}
.menu li.last {margin:0;}
.menu a {color:#dfdfdf; font-size:1em;}
.menu a:hover {color:#a0cd10;}
.menu .active {border-bottom:4px solid #008aff;}
/* ============================= content ====================== */
#content {padding:0 0 50px;}
.link {
	border-top:1px solid #008aff;
	margin-top:28px;
	padding:7px 0 0;
}
.link a {
	color:#008aff;
	font-weight:bold;
	font-size:1em;
}

.col1 li {
	font-size:0.9em;
	line-height:30px;
	padding:0;
}
.col1 li a {
	color:#000;
	text-decoration:none;
}
.col1 li a:hover {
	color:#008aff;
}
.col1 li a.active {text-decoration:underline; color:#101319;}

.gallery {width:360px; margin-left:-10px; position:relative; padding:7px 0 0;}
#flashsmall { border: #666 solid 1px;}
#page4 .gallery {width:705px;}
.gallery a img {border:3px solid #d5d8dd; margin-left:11px;}
.nav {
	position:absolute;
	top:84px;
	display:block;
	width:25px;
	height:25px;
	text-decoration:none;}
#page4 .nav  {top:155px;}
.prev {
	background:url(images/btn_prev.png) no-repeat top center;
	left:0;
	}
.next {
	background:url(images/btn_next.png) no-repeat top center;
	right:0;
	}
.nav:hover {background-position:bottom;}
.numbers {padding:7px 11px 0 0; margin-left:12px; overflow:hidden; text-align:center;}
#page4 .numbers {padding-top:16px;}
.numbers a {
	display:inline-block; 
	height:20px; 
	width:23px; 
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	color:#101319;
	background:#f0f0f1;
	margin-right:1px;
	text-decoration:none;
	padding:3px 0 0;
	}
.numbers a:hover {background:#a0cd10;}
.numbers a.active {background:#a0cd10; color:#fff;}
.row1 {overflow:hidden;}
.row2 {
	padding:20px 0 0;
	overflow:hidden;
}
.row2 .col3 p {padding-left:45px;}

#page2 .col ul {width:150px;}
/*comment*/
.comment {background:url(images/comment_bg.gif) no-repeat top left; font-style:italic; padding:14px 0 0;}
.comment .fright {font-size:1em; color:#aeb1b8;line-height:12px; padding:10px 10px 0 0;}

#page1 .row2 .col3 {background-position:45px top;}
#page6 #content {width:896px;}
/*phone*/
.phone span {display:inline-block; width:98px; font-weight:normal;}
.phone a {color:#666;}

/* ============================= footer ====================== */
#footer {background:#101319; color:#646669; font-size:11px;}
#footer a {color:#646669; text-decoration:none;}
#footer span {text-transform:uppercase;}
#footer a:hover {color:#a0cd10;}
.footer {width:930px;margin:0 0 0 295px;}


/* ============================= forms ============================= */

label {height:27px; display:block;}
	#ContactForm {padding-top:7px;}
	input, textarea {
		width:323px;
		padding:0 5px;
		font-size:1em;
		color:#8c8c8c;
	}
	textarea {
		height:109px; overflow:auto; margin-bottom:-1px;}
	#ContactForm a {margin:0 3px 0 17px;}