/* CSS Document */

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

body{
	background:#161717;
	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:14px;
		line-height:16px;
		color:#747474;
	}

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

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

h1 a,h2,h3,h4,h5,h6 {
	line-height:1.2em;
	font-weight:normal;
	}
h1 a {
	font-size:44px;
	color:#fff;
	letter-spacing:-1px;
	display:inline-block;
	}
h2 {
	font-size:17px;
	color:#fff;
	text-transform:uppercase;
	line-height:18px;
	padding:10px 0 30px;
	
	}
h3 {
	font-size:14px;
	color:#fff;
	padding:10px 0 5px;
	}
hr {border:0; border-top:1px solid #494949; margin:20px 0 5px; color:#383838; line-height:1px;}

/* ============================= main layout ====================== */
#main {background:#383838 url(/images/bg.jpg) no-repeat center 21px;}
.col1, .col2, .col3 {padding-left:20px; padding-right:15px;}

.imgindent {margin:0 15px 0 0; float:left;}
.fright {text-align:right;}
.block {margin-bottom:15px; overflow:hidden;}
/* ============================= header ====================== */
#header {
	text-transform:uppercase; }
#header a {text-decoration:none;}
#header li, .row li {display:inline;}

/*row, status bar*/
.row {
	background:#323232;
	color:#616161;
	font-size:10px;
	padding:4px 15px 7px 19px;
	overflow:hidden;
	margin:0 -15px;}
.row a {
	margin:0 5px;
	color:#616161;
	text-decoration:none;
}
.row a span,.row a.active, .row a.active:hover {color:#b5b5b5; text-decoration:underline;}
.row a:hover,.row a:hover span {color:#fff;}

/*logo*/
.logo {padding:13px 0 14px;}
.logo h2 {margin-top:20px; padding:0; font-size: 15pt; text-transform: none; letter-spacing: 6px;font-family:Arial, Helvetica, sans-serif}
.logo h2 a { color:#ffffff; font-size: 15pt; text-transform: none; letter-spacing: 6px;font-family:Arial, Helvetica, sans-serif}
.logo h1 {margin-top:10px; padding:0; font-size: 30pt; text-transform: none;font-family:Arial, Helvetica, sans-serif}
.logo h1 a { color:#ffffff; font-size: 30pt; text-transform: none; font-family:Arial, Helvetica, sans-serif}

/*menu*/
.menu {overflow:hidden;}
.menu li {
	float:left;
	height:50px;
	text-align:center;
	background:url(/images/menu_bg.gif) no-repeat top center;}
.menu a {
	color:#292929;
	font-size:11px;
	font-weight:bold;
	line-height:50px;
	display:inline-block;
	width:122px;
}
.menu span {
	display:inline-block;
	width:122px;
}
.menu .first a,.menu .first span {width:113px;}
.menu .last span {background:url(/images/menu_last.gif) no-repeat top right;}
.menu .first span {background:url(/images/menu_first.gif) no-repeat top left;}

.menu a:hover {background:url(/images/menu_bg_hover.gif) no-repeat top center;}
.menu .last a:hover span {background:url(/images/menu_last_hover.gif) no-repeat top right;}
.menu .first a:hover span {background:url(/images/menu_first_hover.gif) no-repeat top left;}

.menu a.active {
	background:url(/images/menu_bg_active.gif) no-repeat top center;
	cursor:default;
	}
.menu .last .active span,.menu .last a.active:hover span {background:/url(images/menu_last_active.gif) no-repeat top right;}
.menu .first .active span,.menu .first a.active:hover span {background:url(/images/menu_first_active.gif) no-repeat top left;}

.header_img {padding:15px 0 0;}
/* ============================= content ====================== */
#content {background:url(/images/content_bg.gif) no-repeat bottom center;}
#content li {
	line-height:27px;
	font-size:14px;
	padding-left:20px;
	background:url(/images/marker.jpg) no-repeat center left;
}
.link {font-size:15px;}

#content ul.left,#content ul.right {width: 205px;margin:8px 0 12px;}
.title1 {} 
.title2 {}
.title3 {}
.title4 {}

/*black block*/

.black {
	background: url(/images/black_bg.gif) repeat-y top center; 
	margin-bottom:28px;
}
.black .wrapper {
	background: url(/images/black_bg_bottom.gif) no-repeat bottom center;
	padding:0 0 33px;}
.black .cols {	
	background:url(/images/black_bg_top.gif) no-repeat top center;
	padding-top:28px;
	overflow:hidden;
	text-align:justify}
.black .cols div {
	padding:0 15px 14px 20px;
	width:276px;
	float:left;
}
* html .black .cols div {padding-right:14px;}
.black p {
	font-size:15px;
	line-height:20px;
	padding-bottom:30px;
	color:#585858;
}
.black .btn {margin-top:7px;}

/*buttons*/
.btn {
	background:url(/images/btn_middle.gif) repeat-x top center;
	display:inline-block;
	font-size:10px;
	line-height:27px;
	text-transform:uppercase;
	text-decoration:none;
	cursor:pointer;
}


.btn span{
	background:url(/images/btn_left.gif) no-repeat left top;
	color:#010101;
	display:inline-block;
	cursor:pointer;
}
.btn span span{
	background:url(/images/btn_right.gif) no-repeat right top;
	padding:0 8px;
}

a.btn:hover {background:url(/images/btn_middle.gif) repeat-x bottom center;}
a.btn:hover span {background:url(/images/btn_left.gif) no-repeat left bottom;}
a.btn:hover span span {background:url(/images/btn_right.gif) no-repeat right bottom;}

/*phone*/
.phone span {display:inline-block; width:95px; font-weight:normal;}
.phone a {color:#747474;}
.phone a:hover {color:#fff;}

.row1 {padding:10px 0 45px;}
#page2 .row1 .wrapper, #page5 .row1 .wrapper,
#page6 .row1 .wrapper {background:url(/images/line_bg.gif) repeat-y 485px top;}

.row3  {padding-bottom:13px;}
#page1 .row3, #page3 .row3, #page8 .row1 .wrapper  {background:url(/images/line_bg.gif) repeat-y 485px top;}
#page2 .row3,#page8 .row3 {background:url(/images/line_bg.gif) repeat-y 242px top; padding-bottom:0;}
#page2 .row3 .border,#page4 .row3 .border, #page5 .row3 .border,#page8 .row3 .border {
	background:url(/images/line_bg.gif) repeat-y 727px top; padding-bottom:13px;}

#page4 .row3,#page7 .row3, #page5 .row3 {background:url(/images/line_bg.gif) repeat-y 485px top; padding-bottom:0;}
#page4 .col3 h3 {padding-top:0;}
#page4 .col2  ul { margin:8px 0 4px;}
#page8 .black p {padding-bottom:5px;}
.first {padding-top:0;}
.blocks .block {margin-bottom:5px;}
/* ============================= footer ====================== */
#footer {
	color:#383838;
	font-size:10px;
	text-transform:uppercase;
	text-align:left;
	padding:30px 0 0 25px;
	width:975px;
	margin:0 auto;
	background:url(/images/footer_bg.jpg) no-repeat top center;
}
#footer p {padding:5px 0 0 10px; color:#505050}
#footer a {text-decoration:none; color:#505050}
#footer a.active, #footer a.active:hover {color:#505050; cursor:default;}
#footer a:hover {color:#fff;}
#footer li {display:inline; font-size:13px;}
#footer li a {color:#adadad; margin:0 10px;}

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


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

.input {width:175px; height:18px; border:1px solid #FFFFFF; background:none; padding:0 0 0 5px; font-size:1em;}
textarea {width:175px; height:122px; border:1px solid #FFFFFF; background:none; padding:0 0 0 5px; overflow:auto; font-size:1em;}