@charset "utf-8";
body {
	margin:0;
	padding:0;
	width:100%;
	background:#f9f9f9 url(images/main_bg.gif) top repeat-x;
}
html { padding:0; margin:0; }
.main { margin:0 auto; padding:0; }
.resize { width:960px; padding:0; margin:0 auto; }
/********** header **********/
.header_resize { margin:0; padding:0; }
.header { width:960px; padding:0; margin:0 auto; }
/* 2 */
.header_blog2 { background:url(images/header_blog_bg.gif) top center repeat-x; padding:20px 0 0 0; margin:0; height:95px; }
.header_blog2 h2 { font: bold 36px Arial, Helvetica, sans-serif; color:#fff; padding:10px 0 0 0; margin:0; }
/* logo */
.logo { padding:0; margin:0; width:234px; float:left; }
/*menu*/
.menu { padding:38px 0 0; margin:0; width:580px; float:right; }
.menu ul { text-align: left; padding:0; margin:0; list-style:none; border:0; float:right; }
.menu ul li { float:left; margin:0; padding:0 5px; border:0; }
.menu ul li a { float:left; margin:0; padding:12px 0; color:#fff; font:normal 12px Arial, Helvetica, sans-serif; text-decoration:none; }
.menu ul li a span { padding:12px 9px; background:none; }
.menu ul li a:hover { background: url(images/r_menu.gif) no-repeat right; }
.menu ul li a:hover span { background:url(images/l_menu.gif) no-repeat left; }
.menu ul li a.active { background:url(images/r_menu.gif) no-repeat right; }
.menu ul li a.active span { background:url(images/l_menu.gif) no-repeat left; }
/* header_blog*/
.header_blog { background:#fff; padding:0; width:958px; border:1px solid #e9e9e9; margin:0 auto; }
/* body */
.spacer {
	height: 50px;
	width: 958px;
	display: block;
	float: left;
	text-align: center;
	vertical-align: middle;
	padding-top: 25px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

.body { padding:10px 0; margin:0 auto; }
.body h3 { font: bold 24px Arial, Helvetica, sans-serif; color:#2a2a2a; padding:18px 0 24px; margin:0 20px 20px; border-bottom:5px solid #2a2a2a; }
.body h2 { font:bold 14px Arial, Helvetica, sans-serif; color:#1d2024; padding:10px 0 20px 0; margin:0 0 0 0; background:url(images/h2_bg.gif) left bottom no-repeat; text-transform:uppercase; }
.body h1 { font:bold 14px Arial, Helvetica, sans-serif; color:#1d2024; padding:10px 0 20px 0; margin:0 0 0 0; background:url(images/h2_bg.gif) left bottom no-repeat; text-transform:uppercase; }
.body h2 span { font:normal 11px Arial, Helvetica, sans-serif; color:#ababab; text-transform:none; }
.body p {
	font:normal 11px Arial, Helvetica, sans-serif;
	color:#565656;
	line-height:1.5em;
	padding:10px 0;
	margin:0;
}
.port p {
	font:normal 11px Arial, Helvetica, sans-serif;
	color:#565656;
	line-height:1.5em;
	margin:0;
	padding-top: 20px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;
}
.body p span { color:#565656; text-transform:uppercase; font-weight:bold; }
.body a { color:#00bddf; text-decoration:none; }
.body img {
	padding:0;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
}
.body img.floated { float:left; margin:5px 20px; padding:0; }
.right { width:280px; margin:0; padding:0 20px; float:right; }
.left { width:595px; margin:0; padding:0 20px; float:left; }
.port-index {
	width:275px;
	margin:0;
	float:left;
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 20px;
}
.port {
	width:928px;
	margin:0;
	float:left;
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 20px;
}

/*FBG*/
.FBG { margin:0 20px; padding:0; border-bottom:1px solid #e5e5e5; border-top:1px solid #e5e5e5; }
.FBG a { color:#00bcde; text-decoration:none; }
.FBG img { float:left; margin:5px 0; padding:0; }
.FBG p {
	font: normal 11px Arial, Helvetica, sans-serif;
	color:#888888;
	text-decoration:none;
	margin:0;
	line-height:1.5em;
	padding-top: -10px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 0;
}
.FBG h2 {
	font: bold 14px Arial, Helvetica, sans-serif;
	color:#272727;
	margin:0;
	text-transform:uppercase;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 20px;
	padding-left: 0;
}
.FBG .bloga { width:285px; float:left; margin:0 10px 0 0; padding:10px 10px 10px 0; border-right:1px solid #e5e5e5; }
.FBG .bloga.last { border:0; margin:0; }
/********** contact form **********/
#contactform { margin:0; padding:5px 0; }
#contactform * { color:#F00; }
#contactform ol { margin:0; padding:0; list-style:none; }
#contactform li { margin:0; padding:0; background:none; border:none; display:block; clear:both;}
#contactform li.buttons { margin:5px 0 5px 0; clear:both; }
#contactform label { margin:0; width:200px; display:block; padding:5px 0; color:#444444; font: bold 12px Arial, Helvetica, sans-serif; text-transform: uppercase;}
#contactform label span { color:#00F; }
#contactform input.text { border:1px solid #cdcdcd; margin:2px 0; padding:5px 2px; height:16px; background:#fefefe;}
#contactform textarea { width:500px; border:1px solid #cdcdcd; margin:2px 0; padding:2px; background:#fefefe;}
#contactform li.buttons input { padding:3px 0; margin:10px 0 0 0; border:0; color:#FFF;}



#priceform { margin:0; padding:0px 0; }
#priceform p { font-size:13px; margin-bottom:-5px; font-weight:bold; }
#priceform p.smallprint { font-size:10px; margin-bottom:5px; }

#priceform div.mes { width:100%; border:none; margin-left:0px; border:1px solid #000; padding: 5px 0px; -moz-border-radius-topright:5px; -webkit-border-top-right-radius:5px; border-top-right-radius:5px; -moz-border-radius-bottomright:5px; -webkit-border-bottom-right-radius:5px; border-bottom-right-radius:5px; -moz-border-radius-bottomleft:5px; -webkit-border-bottom-left-radius:5px; border-bottom-left-radius:5px; -moz-border-radius-topleft:5px; -webkit-border-bottom-top-radius:5px; border-bottom-top-radius:5px;}
#priceform div.mes input { border:none;}
#priceform div.com { margin-left:35px; width:200px; border:1px solid #000; padding:5px; -moz-border-radius-topright:5px; -webkit-border-top-right-radius:5px; border-top-right-radius:5px; -moz-border-radius-bottomright:5px; -webkit-border-bottom-right-radius:5px; border-bottom-right-radius:5px; -moz-border-radius-bottomleft:5px; -webkit-border-bottom-left-radius:5px; border-bottom-left-radius:5px; -moz-border-radius-topleft:5px; -webkit-border-bottom-top-radius:5px; border-bottom-top-radius:5px;}
#priceform div.com textarea { border:none; }

#addressform div.mes { width:100%; margin-left:0px; border:1px solid #000; padding: 5px 0px; -moz-border-radius-topright:5px; -webkit-border-top-right-radius:5px; border-top-right-radius:5px; -moz-border-radius-bottomright:5px; -webkit-border-bottom-right-radius:5px; border-bottom-right-radius:5px; -moz-border-radius-bottomleft:5px; -webkit-border-bottom-left-radius:5px; border-bottom-left-radius:5px; -moz-border-radius-topleft:5px; -webkit-border-bottom-top-radius:5px; border-bottom-top-radius:5px;}
#addressform div.mes input { margin:2px 5px; border:none; width:95%; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#565656;}
#addressform div.com { width:100%; margin-left:0px; border:1px solid #000; padding: 5px 0px; -moz-border-radius-topright:5px; -webkit-border-top-right-radius:5px; border-top-right-radius:5px; -moz-border-radius-bottomright:5px; -webkit-border-bottom-right-radius:5px; border-bottom-right-radius:5px; -moz-border-radius-bottomleft:5px; -webkit-border-bottom-left-radius:5px; border-bottom-left-radius:5px; -moz-border-radius-topleft:5px; -webkit-border-bottom-top-radius:5px; border-bottom-top-radius:5px;}
#addressform div.com textarea { margin:2px 5px; border:none; width:95%; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#565656; height:150px;}


/*************footer**********/
.footer { padding:10px 0; margin:0; }
.footer_resize { width:920px; margin:0 auto; padding:5px 20px; border-top:1px solid #dfdfdf; }
.footer p { font:normal 11px Arial, Helvetica, sans-serif; color:#a4a4a4; }
.footer a { font:bold 11px Arial, Helvetica, sans-serif; color:#a4a4a4; text-decoration:none; padding:5px; margin:0; }
.footer p.right { text-align:right; width:350px; margin:0; padding:15px 0 0 0; float:right; }
.footer p.leftt { text-align:left; width:550px; margin:0; padding:15px 0 0 0; float:left; }
p.clr,
.clr { clear:both; padding:0; margin:0; background:none; position:relative; }
/* Slider */
#slider {
	width:917px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 21px;
	padding-right: 0;
	padding-bottom: 20px;
	padding-left: 0;
}
div#slideshow {
	width:917px;
	padding:0;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
.slider-item {
	width: 100% !important;
	background-color: #000000;
	background-image: url(images/frontbabdge.jpg);
	background-repeat: no-repeat;
	background-position: right;
}
.slider-item img {
	float:none;
	margin:0;
	padding:0;
}
.slider_content_inner img { border: none; }
.controls-center { width: 917px; margin:0 auto; padding:5px 0; }
#slider_controls {
	z-index: 1000;
	width:917px;
	margin-top: auto;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
#slider_controls h2{
	width:700px;
	float:left;
	font: normal 11px Arial, Helvetica, sans-serif;
	color:#888888;
	margin:0;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}
#slider_controls h1{
	width:500px;
	float:left;
	font: normal 11px Arial, Helvetica, sans-serif;
	color:#888888;
	margin:0;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}
#slider_controls h2 strong { color:#1d1d1d; }
#slider_controls h1 strong { color:#1d1d1d; }
#slider_controls ul {
	margin:0;
	padding:0;
	width:200px;
	float:right;
}
#slider_controls ul li { margin:0; padding:0; list-style: none; }
#slider_controls ul li { float: left; display: block; }
#slider_controls ul li a { width:11px; height: 11px; background:url('images/tabs_2.gif') no-repeat center center; display: block; float: left; padding:10px 2px 0 2px; margin:2px !important; margin:1px 1px; outline: none; }
#slider_controls ul li a:focus { outline: none; }
#slider_controls ul li a:hover,
#slider_controls ul li a.activeSlide { color:#979797; background:url('images/tabs_1.gif') no-repeat center center; }

/** Info section **/

h3.info_header {
	margin-bottom: -10px;
	margin-left: 5px;
	font-size:13px;
}
h2.info_title {
	background:url(images/h2_bg.gif) left bottom no-repeat;
	font-size:16px;
	padding-bottom: 20px;
	margin-bottom:-10px;
}
h2.footer {
	font-size:16px;
	padding-bottom: 20px;
	margin-bottom:-10px;
}

.cont h1 {
	background:url(images/h2_bg.gif) left bottom no-repeat;
	padding-bottom: 20px;
	margin-bottom:-10px;
	font-size:19px;
}
.cont h2 {
	font-size:17px;
}
.cont h3 {
	font-size:15px;
}

.cont p {
	font:Arial, Helvetica, sans-serif;
	font-size:12px;
}
.cont ol {
	font:Arial, Helvetica, sans-serif;
	font-size:12px;
}
.cont ul {
	font:Arial, Helvetica, sans-serif;
	font-size:12px;
}
div.body_column {
	width: 17%;
	float:left;
	padding: 10px;
	
}
div.body_column_end {
	width: 40%;
	float:right;
	padding: 10px;
}

.port-index-inner a {
	color:#00bddf;
	font-size: 11px;
	margin-left: 10px;
	Margin-top: -10px;
}

.port-index-inner h3 {
	margin-left: 20px;
}

.port-index-inner {
	width:275px;
	margin:0;
	float:left;
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 20px;
}

.spacer-inner {
	display:inline-table;
	width: 958px;

}
.nocss {
  display:none;
}

/* image rotator css */

/* CONTAINER */
div.orbit { margin-left:15px; width: 575px; height:362px; overflow: hidden; position: relative; -moz-box-shadow: 0 0 10px rgba(0,0,0,.25); -webkit-box-shadow: 0 0 10px rgba(0,0,0,.25); background: url('gates-for-sale/images/orbit/loading.gif') no-repeat center center; }
div.orbit img { position: absolute; top: 0; left: 0; }

/* TIMER */
div.timer { width: 40px; height: 40px; overflow: hidden; position: absolute; top: 10px; right:10px; opacity: .6; cursor: pointer; z-index: 1000; }
span.rotator { display: block; width: 40px; height: 40px; position: absolute; top: 0; left: -20px; background: url('gates-for-sale/images/orbit/rotator-black.png') no-repeat; z-index: 3; }
span.mask { display: block; width: 20px; height: 40px; position: absolute; top: 0; right: 0; z-index: 2; overflow: hidden; }
span.rotator.move { left: 0; }
span.mask.move { width: 40px; left: 0; background: url('gates-for-sale/images/orbit/timer-black.png') repeat 0px 0px;  }
span.pause { display: block; width: 40px; height: 40px; position: absolute; top: 0; left: 0px; background: url('gates-for-sale/images/orbit/pause-black.png') no-repeat; z-index: 4; opacity: 0; }
div.timer:hover span.pause,
span.pause.active, 
div.timer:hover span.pause.active { opacity: 1; }

/* CAPTIONS */
div.caption { background: rgba(0,0,0,.6); width: 100%; z-index: 1000; position: absolute; bottom:-50px; color: #fff; }
div.caption p { padding: 8px 10px 8px; font-size: 12px; text-shadow: 0px 1px 0px rgba(0,0,0,.8); margin: 0; }

/* DIRECTIONAL NAV */
div.orbit:hover div.slider-nav { display: block; }
div.slider-nav { display: none; }
div.slider-nav span { width: 33px; height: 33px; text-indent: -9999px; position: absolute; z-index: 1000; top: 190px; cursor: pointer; }
div.slider-nav span.right { background: url('gates-for-sale/images/orbit/right-arrow.png') no-repeat; right: -30px; }
div.slider-nav span.left { background: url('gates-for-sale/images/orbit/left-arrow.png') no-repeat; left: 10px; }