/* CSS Document */

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

body{
	background: #000 url(images/bg.gif) repeat-x;
	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:tahoma;
		font-size:0.75em;
		line-height:1.25em;
		color:#777878;
	}

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

a {color:#2CBFFC;}
a:hover{text-decoration:none;}
p {padding-top:15px;}

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

.more {float:right; display:block;}

h1 {background:url(images/logo.png) top left no-repeat; text-indent:-10000px; height:75px; line-height:1.25em; font-size:0.75em;}
h2 {color:#cdcdcd; font-size:3.9em; margin-bottom:15px; font-family:arial}

li { background:url(images/list_bg.gif) no-repeat 0 7px; padding-left:12px; line-height:1.5em;}
li a {color:#6d787e; text-decoration:none;}
li a:hover {text-decoration:underline;}

.imgindent {margin:0 20px 0 0; float:left;}

/* ============================= header ====================== */

.logo {padding:42px 0 0 74px;}
.date {color:#434b4e;}

.menu { padding:16px 0 0 417px;}
.menu li {background:none; padding:0; float:left; width:70px; margin-left:5px;}
.menu li a {display:block; background:url(images/menu_li.gif) left no-repeat; text-transform:none; color:#9ea5a7; font-weight:bold; font-size:1.0em; text-align:center; font-family:arial; padding:10px 0 9px 0;}
.menu li a:hover { background:url(images/menu_li_a.gif) left no-repeat; color:#FFFFFF; text-decoration:none;}
.menu .active { background:url(images/menu_li_a.gif) left no-repeat; color:#FFFFFF; text-decoration:none;}
.menu .about { background:url(images/about.gif) left no-repeat; color:#FFFFFF; text-decoration:none;}
.menu .services { background:url(images/services.gif) left no-repeat; color:#FFFFFF; text-decoration:none;}

/* ============================= middle ====================== */

#footer_row .indent {padding:10px 93px 30px 10px;}
.main_indent {padding:0 59px 15px 0px;}
#row2 .main_indent {padding:14px 59px 17px 65px;}
#row3 .main_indent {padding:16px 59px 55px 65px;}

.box {background:#252728 url(images/box_tallb.gif) bottom repeat-x; margin-bottom: 15px; width: 848px;}
.box .t {background:url(images/box_tallt.gif) top repeat-x;}
.box .br {background:url(images/content_bg.gif) repeat-y;}
.box .bl {background:url(images/content_bg.gif) repeat-y;}
.box .tr {background:url(images/content_bg.gif) repeat-y;}
.box .tl {background:url(images/content_bg.gif) repeat-y;}


.product {background:#252728 margin-bottom: 15px; width: 755px;}
.product .t {background: #fff}
.product .br {background:#fff;}
.product .bl {background:#fff;}
.product .tr {background:#fff;}
.product .tl {background:#fff;}

.line {border-bottom:2px solid #383c3d; padding-bottom:15px; margin-bottom:18px;}

.rating { display:block; float:left; padding:0px 0 0px 0; text-align:center; margin-right:4px;}

.text2 {color:#cdcdcd; font-size:0.917em;}
.small { font-size:0.917em;}
/* ============================= footer ====================== */

#footer .main {color:#cdcdcd; text-align:center; padding-top:41px;}
#footer a {color:#2183D8;}

/* ============================= index ============================= */

#index #row1 .indent {padding:21px 16px 16px 16px;}
#index #row2 .indent {padding:21px 16px 16px 16px;}
#index #row3 .indent {padding:21px 16px 16px 16px;}

#row1 {bottom left repeat-x;}
#row2 {bottom left repeat-x;}
#footer_row {background:#242728 url(images/footer_row_tall.gif) top repeat-x; color:#6d787e;}
#footer_row .main{ background:url(images/footeer_row_bg.gif) top left no-repeat;}

/* ============================= index-1 =========================== */

#index_1 #row1 .indent {padding:24px 24px 24px 24px;}
#index_1 #row1 .container {padding:26px 0 0 0;}
#index_1 .line {padding-top:4px;}

#index_1 #row3 .indent {padding:21px 16px 36px 24px;}
#index_1 #row3 .container {padding:12px 0 24px 0;}

/* ============================= index-2 =========================== */

#index_2 #row1 .indent {padding:21px 16px 16px 24px;}
#index_2 #row2 .indent {padding:21px 16px 16px 20px;}
#index_2 #row3 .indent {padding:21px 16px 16px 27px;}
#index_2 #row3 .more {margin:12px 0 0 10px;}

form .rowi {height:59px;}
form .rowt {height:136px;}

.input {width:265px; height:20px; padding:0 0 0 5px; font-size:1em;}
textarea {width:296px; height:79px; padding:0 0 0 5px; overflow:auto; font-size:1em;}

/* ============================= index-5 =========================== */

#index_3 #row1 .main_indent {padding:0px 59px 55px 65px;}
#index_3 #row1 .indent {padding:21px 26px 33px 24px;}
#index_3 #footer_row .indent {padding:25px 99px 29px 75px;}

.main { width:850px; margin:0 auto; text-align:left;}

#header .main{height:185px; background:url(images/header_bg.jpg) top left no-repeat;}

#footer { height:150px; background:url(images/footer_tall.gif) top repeat-x;}
#footer .main {background:url(images/footer_bg.gif) top left no-repeat;}

.column1, .column2, .column3, .indent_column, .col1, .col2, .col3, .ind_col {float:left;}

.container {width:100%;}

#footer_row .column1 {width:226px;}
#footer_row .column2 {width:178px;}
#footer_row .column3 {width:200px;}

/* ============================= index ===========================*/

.column1 {width:290px;}
.column2 {width:450px;}
.sep {width:750px; height: 45px; float: left; margin-top: 20px; margin-bottom: 20px;}