/* CSS Document */

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

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:9px;
		line-height:14px;
		color:#888585;
		text-transform:uppercase;
	}

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

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

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

/* ============================= 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;}

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:150px 0 0 289px;}
.logo {margin:267px 0 0 350px;}

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

.menu {padding:187px 0 0px 0px; text-transform:none;}
.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: 70px 30px 0px 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;}
.inner .indent { padding:35px 250px 0 195px;}

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:15px;}

.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;}