/* CSS Document */

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

body{
	background:#5a5a62 url(images/bg_tail.gif) repeat-x top center;
	text-align:left;
}

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:"Trebuchet MS", Arial, Helvetica, sans-serif;
		font-size:13px;
		line-height:18px;
		color:#8f8f8f;
	}

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

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

h1 { font-size:55px; color:#008aa6; font-family: "Trebuchet MS"; line-height:1.2em; padding:0 0 20px; letter-spacing:-1px; }
h2 {font-size:24px; color:#fff; line-height:1.2em;}
h2 span {font-size:60px;}
h3 {
	font-size:13px; 
	color:#d83256; 
	text-transform:uppercase;
	font-weight:normal;
	padding-right:7px;}
h4, h4 a{
	font-size:13px; 
	color:#8c8c9a;
	font-weight:bold;
	text-transform:uppercase;
	padding-bottom:10px;
	}
h6 {font-size:13px; color:#9a9900; font-weight:bold;}
/* ============================= main layout ====================== */

li {line-height:1.5em;}
li a {color:#B6BDC3;}

.imgindent {margin:12px 20px 0 0; float:left;}
.fright {text-align:right;}
h4.fright {padding:9px 0 0; color:#c0c0c9;}
h4.fleft {padding:8px 0 5px; color:#c0c0c9;}
/* ============================= header ====================== */
.menu_icon {text-align:right; padding:18px 0 15px;}
#header {
	background:url(images/bg.jpg) no-repeat bottom left; 
	font-family:Arial, Helvetica, sans-serif;
	position:relative;}
#header2 { font-family: Arial, Helvetica, sans-serif; background: url(images/bg2.jpg) no-repeat left bottom; position: relative; }
#header li {display:inline; padding:0;}
#header a {text-decoration:none;}

.logo {height:95px; text-align:right;}
.menu_icon a {
	display:inline-block; 
	width:11px; 
	height:11px;
	text-decoration:none;
	margin:0 29px 0 0;
}
.menu_icon .last a {margin:0 20px 0 24px;}
* html .menu_icon a {
	line-height:11px;}
.search {background:url(images/icon1.gif) no-repeat top center;}
.home {background:url(images/icon2.gif) no-repeat top center;}
.mail {background:url(images/icon3.gif) no-repeat top center;}
.menu_icon a:hover {background-position:bottom;}

#header .menu li{line-height:32px; padding-bottom:5px; float:left;margin-left:2px;}
.menu {padding-bottom:13px;}
.menu a {color:#fff; font-size:15px; margin:0 25px;line-height:32px;}
.menu a:hover {color:#fff;}
.menu li.active {background:url(images/menu_marker.gif) no-repeat bottom center;}
.menu li.active span {background:url(images/manu_active.gif) repeat-x top center;padding:8px 0 7px;}
.menu li.active a:hover {color:#fff; cursor:default;}

.links {height:312px; padding-top:20px;}
.buttons {padding:220px 13px 0;}
.buttons a {float:right; margin-left:5px; position:relative; display:block; cursor:pointer}

.buttons span {  
display:block; 
position:absolute; 
top:197px; 
right:0; 
width:998px;
height:203px;
display:none;}

.buttons span.banner1 {background:url(images/banner1.png) no-repeat top right;}
.buttons span.banner2 {background:url(images/banner2.png) no-repeat top right;}
.buttons span.banner3 {background:url(images/banner3.png) no-repeat top right;}

* html .buttons span.banner1 {background:url(images/banner1_ie.gif) no-repeat top right;}
* html .buttons span.banner2 {background:url(images/banner2_ie.gif) no-repeat top right;}
* html .buttons span.banner3 {background:url(images/banner3_ie.gif) no-repeat top right;}

.gallery .left,.gallery .right {position:relative; display:block;}
.gallery div.info {
	display:block; 
	position:absolute; 
	top:0px; 
	right:-14px; 
	width:267px;
	height:160px;
	display:none;
	background:url(images/bg_gallery.png) no-repeat bottom left;
	padding:0 0 0 10px;
}
#page4 .gallery div.info img { margin:0 0 0 19px;}
* html .gallery div.info {
	background:url(images/bg_gallery.jpg) no-repeat bottom left;}
* html #page4 .gallery div.info img { padding:0;}
#page4 .gallery div.info {right:-35px;}
.gallery a{
	z-index:20000; display:block; position:relative;}
.gallery .info a {color:#9d9ce0; text-decoration:none;}
.info_content {padding:5px 7px; }
.row1 .clear {clear:both; background:#fff; height:30px;}
#page1 .row1 {padding:20px 0 0;}
.row2 .clear {clear:both; background:#9a9900; height:37px;}
#page1 .row2 {padding:0;}

/* ============================= content ====================== */

.row1 {background:#fff; padding:20px 0 30px;}
.row1 h4 {padding-bottom:16px;}
.row2 {
	background:#9a9900; 
	padding:0 0 37px; 
	color:#cbcbcb;
	line-height:20px;}
.row2 a {color:#fff;}
.row1 .bg {background:url(images/bg_tail_row1.gif) repeat-y 0 0;}
.row2 .bg {background:url(images/row2_bg.gif) no-repeat 503px 0; padding:15px 0 0;}
.row2 .main {background:url(images/bg_tail_row2.gif) repeat-y 0 0;}
#page1 .row2 .col2 .wrapper h4 {padding-top:12px;}
.row2 p {padding-bottom:10px;}
.col1 {margin-right:1px;}

.row2 p {padding-top:6px;}
#page1 .row2 p {padding-top:0;}
.comments p {background:no-repeat left top; text-indent:0;}
#page1 .main ul {padding:2px 0 21px;}
.row1 ul {margin:-6px 0 0;}
#page1 .imgindent,#page4 .row1 .imgindent {margin-top:0;}
#page3 .row1 .col2 h1 {letter-spacing:-4px;}
#page4 .gallery {padding:5px 0 15px 10px;}
.portfolio img {padding-bottom:10px;}
.portfolio p {padding:18px 20px 0 0;}

.main ul li {
	font-size:18px;
	line-height:32px;
	padding-left:16px;}
.main ul li a {text-decoration:none;}
.main ul li a:hover {text-decoration:underline;}
.row2 ul li { 
	background:url(images/marker.gif) no-repeat left center;
	color:#fff; }
.row2 ul li a {color:#fff;}	
.row1 ul li { 
	background:url(images/row1_marker.gif) no-repeat left center;
	color:#8f8f8f; }
.row1 ul li a:hover {border-bottom:1px solid #8f8f8f; text-decoration:none;}
.row1 ul li a {color:#8f8f8f;}
	.link {padding-top:5px;}
	.row2 h1 { color:#fff; font-family: "Trebuchet MS"; }
/*buttons*/
a.btn {
	background:url(images/btn_left.gif) no-repeat left center;
	display:inline-block;
	font-size:12px;
	line-height:18px;
	height:18px;
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
}
a.btn span{
	background:url(images/btn_right.gif) no-repeat right center;
	display:inline-block;
	padding:0 2px;
}
a.btn span span {background:#09f; padding:0 11px; cursor:pointer;}
.row1 a.btn:hover {
	background: url(images/btn_left.gif) no-repeat left top;
	color:#f6efd3;
}
.row2 a.btn:hover {
	background: url(images/btn_left.gif) no-repeat left bottom;
	color:#5a5a62;
}
.row1 a.btn:hover span{background:url(images/btn_right.gif) no-repeat right top;}
.row2 a.btn:hover span{background:url(images/btn_right.gif) no-repeat right bottom;}

.row1 a.btn:hover span span {background:#c0c431;}
.row2 a.btn:hover span span {background:#f6efd3;}

.gallery {padding:5px 0 0;}
/*phone*/
.phone span {display:inline-block; width:90px; font-weight:normal;}
.privacy {padding:13px 0 0 18px;}
.row2 .privacy p {padding:0 0 20px;}

/* ============================= footer ====================== */
#footer {
	border-top:0 solid #86868c; 
	color:#b3b3b0;
	padding:20px 0 0;
	}
	#footer img {margin-left:2px;}
#footer .bg {background:url(images/bg_tail_row2.gif) repeat-y 419px 0;}
#footer span,#footer span a {color:#f6efd3;}
#footer p a {color:#b3b3b0;}
#footer .col2 {color:#fff; line-height:1.2em; padding:5px 0 0;}
.calls {color:#b7b7c1; background:url(images/footer_ic6.gif) no-repeat left center;  padding:3px 0 5px 20px; font-size:14px;}


/* ============================= forms ============================= */
label {height:26px; display:block;}
#ContactForm {padding-top:10px;}
input, textarea {
	width:337px;
	border:1px solid #6b6a68;
	padding:0 5px;
	font-size:13px;
	color:#8c8c8c;
	background:#ececec;
	line-height:1.2em;
}
textarea {
	height:47px; overflow:auto; margin-top:2px;}
#ContactForm a {margin:0 0 0 12px;}