/* CSS Document */

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

body{
	background:#12120f url(images/content_bg.jpg) no-repeat top center;
	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:10px;
		line-height:14px;
		color:#9c9a8b;
		font-weight:bold;
	}

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

a {color:#afa981; outline:none;text-decoration:none;}
a:hover {color:#fff; }
p {
	padding-bottom:17px;
	color: #9c9a8b;
	text-align: left;
}


h1 {font-size:23px; color:#887d60; line-height:1.2em; text-transform:uppercase; padding:0 0 16px;}
h1 span {
	color:#887D56;
}
h2, p span.extra {font-size:10px; color:#fff; text-transform:uppercase; font-weight:normal; line-height:13px;}

/* ============================= main layout ====================== */
.bg_header {background:url(images/header_bg.jpg) repeat-x top center;}
.bg_footer {background:url(images/footer_bg.jpg) repeat-x bottom center;}
.imgindent {margin:0 20px 0 0; float:left;}
.fright {text-align:right;}
.image {padding:4px 0 0;}

/* ============================= header ====================== */
#header {margin-left:-17px;}
object {outline:none;}

/* ============================= content ====================== */
#content { padding:0 40px;}
#content ul {margin:-3px 0; padding-bottom:17px;}
#content ul.extra {margin:-5px 0; padding-bottom:15px;}
#content li { background:url(images/marker.gif) no-repeat 0 10px; padding-left:6px; line-height:20px;}
#content li a {color:#fff; font-size:10px; text-transform:uppercase;}
#content li a:hover{color:#afa981;}

.row_extra {margin:0 -13px 0 -15px;}
.row_extra h1 {color:#fff; padding:29px 0 14px;}
.gallery {position:relative; padding:0 15px; width:412px; float:left; margin-right:68px; margin-left:-48px;}

.row_extra p {font-size:12px; font-weight:normal; line-height:17px; margin:-4px 0 0;}
.row_extra .slogan {font-size:17px; line-height:21px; color:#998c6c; margin:0;}
.slogan span {color:#fefefe;}
.slogan b {color:#b10303; font-size:20px; text-transform:uppercase;}
.slogan a {color:#898888;}
.slogan a:hover {color:#fff;}
.row_extra .slogan_extra {font-size:20px; line-height:1.2em; margin:-4px 0 0;}

.row2 { margin:21px 0 0;}
.row_bg_top {background:url(images/row_bg_top.png) no-repeat top left;}
.row_bg_bottom {background:url(images/row_bg_bottom.png) no-repeat bottom left; padding:7px 0 5px;}
.row_content {background:url(images/row_bg_tail.png) repeat-y top left; padding:20px 0 23px;}
#page6 .row_content {padding:20px 25px 16px 29px;}
#page6 .row_content p {padding-bottom:14px;}
#page6 .row_content a {color:#fff; text-decoration:underline;}
#page6 .row_content a:hover {color:#9c9a8b; text-decoration:underline;}

.cols_bg {background:url(images/line_bg_tail.gif) repeat-y 0 0;}

/*buttons*/
a.btn {
	background:url(images/btn_bg.gif) repeat-x bottom center;
	display:inline-block;
	font-size:12px;
	line-height:30px;
	color:#afa981;
	width:76px;
	text-align:center;
}
a.btn:hover {color:#fff;}
.link {
	padding:6px 0 10px;
	color: #00004D;
}

.gallery_item {margin:9px 1px 0;}
.gallery_item .image {padding:4px 0 39px;}
.pages { padding:23px 1px 0;}
.pages span { float:right; line-height:30px; margin:0 23px;}
.pages a {margin-left:6px; font-size:12px; font-weight:normal;}
.pages a.active {color:#fff; cursor:default;}
.pages .btn {background:url(images/gallery_btn.gif) no-repeat left center; width:42px; font-weight:bold; float:right; margin-right:2px;}

/*phone*/
.phone  {padding-bottom: 14px;}
.phone span {display:inline-block; width:79px; color:#9c9a8b; text-transform:none;}
.phone a {color:#9c9a8b; text-decoration:underline;}
.phone a:hover {color:#fff;}

/* ============================= footer ====================== */
#footer {font-size:12px; font-weight:normal;}
#footer p,#footer a {color:#9e9d9d;}
#footer li {display:inline;}
#footer li a {color:#998c6c; margin:0 6px 0 2px;}
#footer p span,#footer a:hover {color:#fff;}
#footer li a.active {color:#fff; cursor:default;}

/* ============================= forms ============================= */
#ContactForm {margin:-1px 0 0;}
#ContactForm input, #ContactForm textarea {
	background:none;
	width:252px;
	border:0;
	padding:3px 5px;
	color:#12120f;
	line-height:12px;
}
#ContactForm .col2 {background:url(images/textarea_bg.gif) no-repeat center 14px;}
#ContactForm label {display:block; background:url(images/input_bg.gif) no-repeat left 14px; height:38px;}
#ContactForm input {font-size:1em;}
#ContactForm textarea {height:94px; overflow:auto; margin-bottom:1px;}
#ContactForm a {width:auto; padding:0 8px 0 9px; margin-left:4px;}