/* 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-align:center}
#header li, .row li {display:inline;}
object {outline:none;}
/*row, status bar*/
#header .row {
	background:#323232;
	color:#616161;
	font-size:10px;
	padding:4px 15px 7px 19px;
	text-align:left;
	overflow:hidden;}
.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;}


/* ============================= 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 {background:url(images/page_ic1.jpg) no-repeat left 12px; padding-left:43px;} 
.title2 {background:url(images/page_ic2.jpg) no-repeat left 12px; padding-left:43px;}
.title3 {background:url(images/page_ic3.jpg) no-repeat left 12px; padding-left:43px;}
.title4 {background:url(images/page_ic4.jpg) no-repeat left 12px; padding-left:55px;}

/*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;}
.black .cols div {
	padding:0 15px 14px 20px;
	width:207px;
	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*/
a.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;
}
a.btn span{
	background:url(images/btn_left.gif) no-repeat left top;
	color:#010101;
	display:inline-block;
	cursor:pointer;
}
a.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;
	display:inline-block;
}
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:#fff; 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;}