/* CSS Document */

* {
	margin:0;
	font-size:103%;
	text-align: center;
	padding-top: 0;
	padding-bottom: 0;
	padding-left: 0px;
}

body{background:url(images/body-tail.jpg) repeat-x #000; text-align:center;}

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:16px;
	line-height:14px;
	color:#888585;
	text-transform:none;
	overflow: scroll;
	}

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

a {color:#87A7AB; outline:none;}
a:hover{text-decoration:none;}
p {padding-top:15px;}

.container {
	overflow:visible;
}

/* ============================= main layout ====================== */

.extra {background:url(images/bg-center.jpg) center top no-repeat;}
.extra1 {
	background:url(images/bg-center-main1.jpg) center top no-repeat;
	height:1050px;
	vertical-align: middle;
}

li { background:url(images/marker1.gif) no-repeat 0 7px; padding-left:12px; line-height:1.5em;}
li a {color:#B6BDC3;}

.col-pad {padding-left:3px;}

/* ============================= header ====================== */
.logo-first {
	margin-top: 179px;
	margin-right: 0;
	margin-left: 0px;
	padding-bottom: 120px;
}
.logo {
	margin-top: 250px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 200px;
}

/* ============================= content ====================== */
.button {position:absolute; right:92px; top:31px;}
.link {position:absolute; right:445px; top:300px;}
.link1 {
	position:absolute;
	right:428px;
	top:300px;
	overflow: scroll;
}

.menu {
	text-transform:none;
	padding-top: 187px;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 0px;
}
.menu ul {width:100%; overflow:hidden;}
.menu li {background:none; font-size:40px; line-height:12px; padding: 0px 1px 0px 0px; background:none; float:left;}
.menu li a {display:block; width:183px; height:183px;  text-decoration:none; text-align:center; color:#000;}
.menu li a.active {color:#fff;}
.menu .first {padding:0;}
.menu li a:hover {color:#fff;}

.menu .m1 a {background:url(images/button-1.jpg) no-repeat top left; padding: 70px 30px 0px 0px;}
.menu .m2 a {
	background:url(images/button-2.jpg) no-repeat top left;
	padding-top: 70px;
	padding-right: 30px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.menu .m3 a {background:url(images/button-3.jpg) no-repeat top left; padding: 70px 30px 0px 0px;}
.menu .m4 a {background:url(images/button-4.jpg) no-repeat top left; padding: 70px 30px 0px 0px;}

.menu .m1 a:hover {background:url(images/button-1-hover.jpg) no-repeat top left; padding: 70px 30px 0px 0px;}
.menu .m2 a:hover {background:url(images/button-2-hover.jpg) no-repeat top left; padding: 70px 30px 0px 0px;}
.menu .m3 a:hover {background:url(images/button-3-hover.jpg) no-repeat top left; padding: 70px 30px 0px 0px;}
.menu .m4 a:hover {background:url(images/button-4-hover.jpg) no-repeat top left; padding: 70px 30px 0px 0px;}

.bg-main {background:url(images/bg-content.jpg) no-repeat top left; padding: 0px 0px 0px 0px;}

.indent {padding:0px 0px 80px 26px;} 
.inner {
	background:url(images/bg-content.png) no-repeat top left;
	height:360px;
	position:relative;
	padding-top: 20px;
	width: 800px;
	padding-left: 40px;
}
.inner .indent {
	width: 660px;
	padding-top: 10px;
	padding-bottom: 0;
	text-align: center;
	overflow: visible;
	height: 300px;
	line-height: 95%;
}

h2 {font-size:40px; line-height:20px; color:#fff; padding-bottom:18px; text-transform:none; text-decoration:none;}
h4 {color:#fff; padding:10px 0 0 0px;}
h3 {color:#fff;}
h5 {font-size:58px; line-height:14px; font-weight:bold;}

.marker {color:#FFF; text-decoration:none;}
.marker:hover {text-decoration:underline;}

.marker1 { display:block; background:url(images/marker-1.gif) no-repeat 65px 19px; padding-top:15px; color:#fff;text-decoration:none; width:80px;}
.marker1 a { text-transform:uppercase;}
.marker1:hover { text-decoration:underline;}

.marker2 {background:url(images/marker-1.gif) no-repeat 0 7px; padding-top:15px; color:#fff; text-transform:uppercase; line-height:17px;}
.marker2 a { text-transform:uppercase; text-decoration:none;}
.marker2 a:hover {text-decoration:underline;}

.data { padding-top:10px;}
.data a {font-weight:bold; color:#fff; line-height:17px;}
.data a:hover {}
.data li {background:url(images/marker-1.gif) no-repeat 0 5px;}

.policy {color:#fff}
.policy a {text-decoration:underline;}
.policy a:hover {text-decoration:none;}

.col-pad {
	padding-right:50px;
}

.phone {width:65px; display:inline-block;}
/*.exit {font-size:58px; line-height:14px; padding:0px 0px 0px 0px;}*/
/* ============================= footer ====================== */

.privacy {text-decoration:none; color:#fff;}
.privacy a {text-decoration:none; color:#5fb91c;}
.privacy a:hover {text-decoration:underline;}


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


#ContactForm label {height:30px; display:block;}

.alignright {text-align:right;}
.input {width:175px; border:1px solid #FFFFFF; background:#e9e9e9; padding:3px 0 2px 5px; font-size:1em; line-height:1.243em;}
textarea {width:175px; height:122px; border:1px solid #FFFFFF; background:none; padding:0 0 0 5px; overflow:auto; font-size:1em;}
#page3 .extra1 #main #footer .privacy pre a {
	color: #F00;
}
#page5 .extra1 #main #content .indent .inner .indent .container .col-2 .phone {
	color: #FFF;
}
#page5 .extra1 #main #content .indent .inner .indent .container .col-2 .phone {
	color: #8D8D8D;
}
#page5 .extra1 #main #content .indent .inner .indent .container .col-2 {
	color: #FFF;
}
.email {
	color: #717171;
}
#page5 .extra1 #main #footer .privacy pre a {
	color: #F00;
}
.email {
	color: #FFF;
}
.phone {
	color: #FFF;
}
#page5 .extra1 #main #content .indent .privacy pre a {
	color: #F00;
}
#page5 .extra1 #main #content .indent .inner .indent .container .col-1 p {
	color: #FFF;
}
#page5 .extra1 #main #content .indent .inner .indent .container .col-1 p {
	color: #7B7B7B;
}
phone {
	color: #FFF;
}
#page4 .extra1 #main #footer .privacy pre a {
	color: #F00;
}