/* CSS Document */

* {
	margin:0; padding:0;
	font-size:100%;
}

body{
	background:#0b1013 url(images/bg_tail_top.jpg) repeat-x top center;
	text-align:center;
	padding-top:3px;
}

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

ul { list-style:none;}

.left { float:left;}
.right {float:right;}
.clear  { clear:both;}


html, input, textarea
	{
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		line-height:18px;
		color:#5481a5;
	}

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

a {color:#3377af; outline:none;text-decoration:none;}
a:hover{text-decoration:none; color:#273d54;}
p {padding-bottom:18px;}

h1 {
	font-size:24px; 
	color:#24486b; 
	line-height:1.2em;
	text-transform:uppercase;
	padding:0 0 15px;
	}
h2 {
	font-size:14px; 
	color:#295980;
	font-style:italic;
	font-weight:normal;
	padding:0 0 19px;
	}
h3 {
	font-size:14px; 
	color:#295980;
	font-style:italic;
	font-weight:normal;
	padding:0;
	}
/* ============================= main layout ====================== */

li {
	background:url(images/marker.gif) no-repeat left center; 
	padding-left:15px; 
	line-height:18px;
	text-transform:uppercase;
	font-size:11px;
	}

.imgindent {margin:0 20px 0 0; float:left;}
.fright {text-align:right;}
#page1 #main {background:url(images/bg.jpg) no-repeat center 113px;}

/* ============================= header ====================== */
#page1 #header {text-align:center;}
#header {padding:0 12px 0 34px;}

.menu {padding-top:32px;}
.menu li {display:inline; background:none; padding:0;}
.menu a {
	display:inline-block; 
	height:18px;
	color:#273d54;
	font-size:11px;
	text-transform:uppercase;
	padding:5px 23px;
	text-align:center;
	background:url(images/bg_menu.png) no-repeat top left;
	}
.menu li.first a {width:83px; background:none; padding:5px 0;}
.menu a:hover,.menu li.first a:hover {
	background:url(images/btn.png) no-repeat bottom center; color:#fff;}
.menu a.active, .menu li.first a.active {background:url(images/btn.png) no-repeat top center; color:#fff; font-weight:bold;
	width:83px; padding:5px 0;}

/* ============================= content ====================== */
#content {padding:65px 35px 35px; height:345px;}
#page2 #content {background:url(images/bg_1.png) no-repeat top left;}
#page3 #content {background:url(images/bg_2.png) no-repeat top left;}
#page4 #content {background:url(images/bg_3.png) no-repeat top left;}
#page5 #content {background:url(images/bg_4.png) no-repeat top left;}
#page6 #content {background:url(images/bg_5.png) no-repeat top left;}
#page7 #content {background:url(images/bg_5.png) no-repeat top left;}

.content {width:489px;height:309px;}
#page1 #content {position:relative;}
#page6 .content {width:531px;}

.scroll {height:200px; overflow:auto;}

.navigation {text-align:right;width:531px;}
.navigation a {display:inline-block; height:34px; width:37px; margin-left:6px;}
.navigation .prev {background:url(images/btn_prev.png) no-repeat top center;}
.navigation .prev:hover {background:url(images/btn_prev.png) no-repeat bottom center;}
.navigation .next {background:url(images/btn_next.png) no-repeat top center;}
.navigation .next:hover {background:url(images/btn_next.png) no-repeat bottom center;}

#page1 .btn {
	background:url(images/page1_btn.jpg) top center no-repeat;
	line-height:34px;
	padding:0 58px;
	text-decoration:none;
	position:absolute;
	top:231px;
	right:152px;
	}
#page1 .btn:hover {background:url(images/page1_btn.jpg) bottom center no-repeat;
	text-decoration:none;}
	
.link {
	background:url(images/marker.gif) no-repeat right center;
	text-transform:uppercase;
	padding-right:15px;
	font-size:11px; 
	font-weight:bold;}
#content ul.right, #content ul.left  {padding:3px 24px 0 0;}

/*phone*/
.phone span {display:inline-block; width:80px; font-weight:normal;}
.phone a {text-decoration:underline; color:#5481a5;}
.phone a:hover {color:#273d54;}

#page6 .wrapper {background:url(images/border.png) repeat-y 250px 0;}

/* ============================= footer ====================== */
#footer{
	color:#6184a2;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:10px;
	}
#footer a {
	color:#6184a2;
	margin-left:5px;
	text-decoration:underline;
}
#footer a:hover {color:#99bcdb;}
#footer span {color:#99bcdb; text-transform:uppercase;}


/* ============================= forms ============================= */
#ContactForm input, #ContactForm textarea {
	background:#fff;
	width:190px;
	padding:0 5px;
	color:#424141;
}
#ContactForm p {padding-bottom:6px; line-height:15px;}
#ContactForm textarea {height:88px; overflow:auto; margin-bottom:8px;}
#ContactForm .link {margin-left:21px;}