@import "../css/reset.css"; @import "../css/grid.css"; @import "../css/tm-slider.css"; @import "../css/contact-form.css";
/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {display:block;}
mark, rp, rt, ruby, summary, time {display:inline;}

/* Global properties ======================================================== */
html {width:100%;}

body { 	 
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%; 
	color:#494949;
	min-width:980px;
	background:url(../images/bg-bg.jpg) center 0 repeat #1f1f1f;
}

.bg {width:100%; background:url(../images/bg-top.jpg) center 0 no-repeat;}

.main {
	width:950px; 	
	padding:0;
	margin:0 auto;
	font-size:14px;
	line-height:20px;
	position:relative;
}

a {color:#faac01; outline:none;}
a:hover {text-decoration:none;}

.clear {clear:both; width:100%; line-height:0; font-size:0;}

.col-1, .col-2, .col-3, .col-4 {float:left;}
.column-1, .column-2, .column-3 {float:left;}  

.wrapper {width:100%; overflow:hidden;}
.extra-wrap {overflow:hidden;}
 
.container {width:100%;}

p {margin-bottom:18px;}
.p1 {margin-bottom:8px;}
.p2 {margin-bottom:15px;}
.p3 {margin-bottom:30px;}
.p4 {margin-bottom:40px;}
.p5 {margin-bottom:50px;}

.reg {text-transform:uppercase;}

.fleft {float:left;}
.fright {float:right;}

.alignright {text-align:right;}
.aligncenter {text-align:center;}

.title {margin-bottom:18px;}

.it {font-style:italic;}

.letter {letter-spacing:-2.5px;}

.color-1 {color:#97c201;}
.color-2 {color:#000;}
.color-3 {color:#666;}

/*********************************boxes**********************************/
.margin-bot {margin-bottom:35px;}

.spacing {margin-right:35px;}
.spacing2 {margin-right:45px;}
.spacing3 {margin-right:60px;}

.spacing-bot {margin-bottom:25px;}

.indent {padding:0 0 0px 30px;}
.indent2 {padding-left:50px;}
.indent-bot {margin-bottom:20px;}
.indent-bot2 {margin-bottom:30px;}
.indent-bot3 {margin-bottom:45px;}

.img-indent-bot {margin-bottom:25px;}
.img-indent {float:left; margin:0 20px 0px 0;}	
.img-indent2 {float:left; margin:0 16px 0px 0;}	
.img-indent-r {float:right; margin:0 0px 0px 40px;}	

.img-box {float:left; margin-bottom:20px;}	

.prev-indent-bot {margin-bottom:10px;}
.prev-indent {float:left; margin:0 17px 0px 0;}	
.prev-box {float:left; margin-bottom:8px;}	

.border {border:3px solid #000;}
.border2 {border:1px solid #000;}

.buttons a:hover {cursor:pointer;}

.menu li a,
.list-1 li a,
.list-2 li a,
.link,
.logo {text-decoration:none;}	

/*********************************header*************************************/
header {height:514px; width:100%; position:relative;}

#header {background:url(../images/bg-header1.jpg) center 0 no-repeat; margin-bottom:25px;}
#header1 {background:url(../images/bg-header2.jpg) center 0 no-repeat; height:406px; margin-bottom:-11px;}
#header2 {background:url(../images/bg-header3.jpg) center 0 no-repeat; height:406px; margin-bottom:-11px;}
#header3 {background:url(../images/bg-header4.jpg) center 0 no-repeat; height:406px; margin-bottom:-11px;}
#header4 {background:url(../images/bg-header5.jpg) center 0 no-repeat; height:406px; margin-bottom:-11px;}

h1 {position:absolute; top:0px; left:0px;}
.logo {display:block; width:332px; height:173px; text-indent:-5000px; background:url(../images/logo.png) 0 0 no-repeat;}

.slide-box {
	width:457px;
	height:495px;
	overflow:hidden;
	position:absolute;
	z-index:1;
	top:19px;
	right:4px;
	background:url(../images/bg-slider.png) 0 0 no-repeat;
}

.rotate {
	 -webkit-transform: rotate(-6deg) ;  /* Saf3.1+, Chrome */
     -moz-transform: rotate(-6deg);  /* FF3.5+ */
	-ms-transform: rotate(-6deg);  /* IE9 */
	-o-transform: rotate(-6deg);  /* Opera 10.5 */
	transform: rotate(-6deg);
}
.menu {
		padding:248px 0px 0 0px;	
		height:200px;
		width:660px;
	}
.menu li {float:left; font-size:26px; line-height:1.2em; padding-right:43px; background:#fff; font-family: 'Anton', sans-serif;}


.menu li a {display:block; color:#7e7f80; text-transform:uppercase; background:#fff;}
#header .menu li .active, #header .menu li a:hover {color:#fbaa01;} 
#header1 .menu li .active, #header1 .menu li a:hover {color:#97c201;} 
#header2 .menu li .active, #header2 .menu li a:hover {color:#4b8bbc;} 
#header3 .menu li .active, #header3 .menu li a:hover {color:#ea5421;} 
#header4 .menu li .active, #header4 .menu li a:hover {color:#97c201;} 
.menu .item {padding:0;}

.twitter { display:block; position:absolute; width:184px; height:83px; background:url(../images/twitter-1.png) 0 0 no-repeat; top:373px; left:10px;}
.twitter:hover { background:url(../images/twitter-1.png) 0 -83px no-repeat;}

.twitter1 { display:block; position:absolute; width:184px; height:83px; background:url(../images/twitter-2.png) 0 0 no-repeat; top:276px; right:34px;}
.twitter1:hover { background:url(../images/twitter-2.png) 0 -82px no-repeat;}

.twitter2 { display:block; position:absolute; width:184px; height:83px; background:url(../images/twitter-3.png) 0 0 no-repeat; top:276px; right:34px;}
.twitter2:hover { background:url(../images/twitter-3.png) 0 -82px no-repeat;}

.twitter3 { display:block; position:absolute; width:184px; height:83px; background:url(../images/twitter-4.png) 0 0 no-repeat; top:276px; right:34px;}
.twitter3:hover { background:url(../images/twitter-4.png) 0 -82px no-repeat;}
/*********************************content*************************************/
#content {width:100%; padding:0px 0px 61px 0px;}

#form5 {display:block;}
#form5 label {display:block; height:24px; overflow:hidden; line-height:1.2em; color:#fff;}
#form5 input {width:178px; float:left; height:18px; font-size:11px; line-height:1.2em; color:#494949; padding:2px 10px 2px 8px; font-family:Arial, Helvetica, sans-serif; border-top:1px #808080 solid; border-left:1px #808080 solid; border-bottom:1px #d3d4d5 solid; border-right:1px #d3d4d5 solid; background:#f5f5f5; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px;}
#form5 a { float:left; display:block; margin-left:8px;}

.spacer-1 {width:100%; background:url(../images/pic-1.gif) 217px 0 repeat-y;}
.spacer-2 {width:100%; background:url(../images/pic-1.gif) 460px 0 repeat-y;}

h3 {font-size:28px; line-height:1.2em; margin:0px 0 20px; color:#7e7f80; background:url(../images/bg-h3.png) 0 bottom repeat-x; position:relative; letter-spacing:-1px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; padding-bottom:12px;}
h3.b { padding-left:60px; letter-spacing:-2px; line-height:26px; margin-bottom:17px;  padding-bottom:16px;}
h3.bb {padding-left:60px; letter-spacing:-2px; line-height:26px; margin-bottom:25px;  padding-bottom:16px;}
h3.nobg { background:none; margin-bottom:-4px;}
h3 span.b1 { background:url(../images/forrent.png) 0 0 no-repeat; width:60px; height:59px; position:absolute; top:1px; *top:5px; left:-0;}
h3 span.b2 { background:url(../images/b2.png) 0 0 no-repeat; width:60px; height:59px; position:absolute; top:6px; *top:11px; left:0;}
h3 span.b3 { background:url(../images/b3.png) 0 0 no-repeat; width:60px; height:59px; position:absolute; top:6px; *top:11px; left:0;}
.scroll {overflow:auto; height:180px; position:relative;}
.scroll .padding-right {height:1%; padding-right:50px;}

.border-bot {width:100%; padding-bottom:20px; background:url(../images/pic-1.gif) 0 bottom repeat-x;}

.box {width:100%; min-height:372px; background:#d9d9dd; border:#d7d7db; border-radius:9px; -moz-border-radius:9px; -webkit-border-radius:9px;}
.box .padding {padding:30px 26px 10px 26px;}

.circle {display:block; float:left; margin-right:13px; width:39px; height:40px;}

.button {display:inline-block; color:#02000e; background:url(../images/bg-button.jpg) 0 0 repeat-x; line-height:22px; font-size:13px; font-weight:bold; text-decoration:none; border:1px solid #adabac; border-radius:13px; -moz-border-radius:13px; -webkit-border-radius:13px; padding:0 16px;}
.button:hover { background:url(../images/bg-button.jpg) 0 -24px repeat-x;}

.button1 {display:inline-block; font-size:12px; padding-left:9px; color:#fff; background:url(../images/button-left.png) 0 0 no-repeat;}
.button1 span {display:inline-block; cursor:pointer; padding-right:9px; background:url(../images/button-right.png) right 0 no-repeat;}
.button1 span span {padding:2px 3px 3px; background:url(../images/button-tail.png) 0 0 repeat-x;}
.button1 strong {padding:0 0 0 8px; background:url(../images/marker-1.gif) 0 6px no-repeat;}
.button1:hover {color:#24a3ce;}

.list-1 li {line-height:22px; padding-left:12px; background:url(../images/marker-2.gif) 0 8px no-repeat;}
.list-1 li a {color:#fff;}
.list-1 li a:hover {color:#1799cf;}

.list-2 li {font-size:14px; line-height:24px; padding:0px; vertical-align:top; background:url(../images/pic-1.gif) 0 bottom repeat-x;}
.list-2 li a {display:block; color:#1799cf; padding-left:12px; background:url(../images/marker-1.gif) 0 10px no-repeat;}
.list-2 li a:hover {color:#fff;}
.list-2 .last-item {background:none;}

.list-3 {list-style:decimal-leading-zero;}
.list-3 li {font-size:12px; line-height:16px; color:#fff; padding-bottom:12px; margin-left:25px; list-style-type:decimal-leading-zero;}
.list-3 li a {color:#eda202;}
.list-3 li a:hover {color:#24a3ce;}

.points { font-size:14px; line-height:20px; color:#97c201; text-decoration:underline;}
.points:hover { text-decoration:none;}

.points1 { font-size:14px; line-height:20px; color:#4b8bbc; text-decoration:underline;}
.points1:hover { text-decoration:none;}

.link:hover {text-decoration:underline;} 

.link-1 {display:inline-block; font-size:14px; padding-right:8px; background:url(../images/marker-3.gif) right 8px no-repeat;}
.link-1:hover {color:#fff;} 

.text-1 {font-size:13px; line-height:20px; font-weight:bold; color:#97c201; margin:0px;} 
.text-2 {font-size:13px; line-height:20px; font-weight:bold; color:#4b8bbc; margin:0px;}  
.text-3 {font-size:13px; line-height:20px; font-weight:bold; color:#ea5421;}  

dl {width:100%;}
dl span {float:left; width:83px;}
dl strong {float:right; width:265px; font-weight:normal;}
dl a {text-decoration:none; color:#ea5421; font-weight:normal;}
dl a:hover {text-decoration:none; color:#000;}


#form-main {display:block; width:208px;}
#form-main label {display:block; height:40px;}
#form-main input {width:196px; font-size:1em; color:#666; padding:0px 5px; font-family:Arial, Helvetica, sans-serif; border-top:1px solid #7e7e7e; border-left:1px solid #7e7e7e; border-right:1px solid #cad2d5; border-bottom:1px solid #cad2d5; background:#fff;}
#form-main textarea {height:174px; overflow:auto; width:196px; font-size:1em; color:#666; padding:0px 5px; font-family:Arial, Helvetica, sans-serif; border-top:1px solid #7e7e7e; border-left:1px solid #7e7e7e; border-right:1px solid #cad2d5; border-bottom:1px solid #cad2d5; background:#fff;}

.buttons {padding-top:30px; text-align:left;}
.buttons a {margin-right:10px;}

.map {padding:0px;}
.map iframe {width:309px; height:206px;}
/****************************footer************************/
footer {width:100%; padding:21px 0 26px; background:url(../images/bg-footer.jpg) 0 top repeat-x;}
footer .wrapper .padding { padding:14px 0 0 0;}
footer .wrapper .padding span { font-size:14px; color:#494949; line-height:1.2em;}
footer .wrapper .padding span a { text-decoration:underline; color:#494949;}
footer .wrapper .padding span a:hover { text-decoration:none;}

.menu1 {position:relative; padding:14px 0 0 0;}
.menu1 li {float:left; font-size:14px; line-height:1.2em; padding-right:17px; padding-left:17px; background:url(../images/marker-menu1.jpg) 0 2px no-repeat;}
.menu1 li a {display:block; color:#494949; text-decoration:none;}
.menu1 li .active, .menu1 li a:hover {color:#fbaa01;}  
.menu1 .item {padding-left:0px; background:none;}

#footer .menu1 li .active, #footer .menu1 li a:hover {color:#97c201;} 
#footer1 .menu1 li .active, #footer1 .menu1 li a:hover {color:#4b8bbc;} 
#footer2 .menu1 li .active, #footer2 .menu1 li a:hover {color:#ea5421;} 

.list-services {padding:0px 0px 0px 0px;}
.list-services li {float:left; padding:0 0 0 10px;}

/*************Lightbox image***************/
.lightbox-image {
	position:relative;
	overflow:hidden;
	display:block;
	width:279px !important;
	}
.lightbox-image img {
	position:relative;
	z-index:2;
	width:279px !important;
	}
.lightbox-image span {
	display:block;
	position:absolute;
	left:0;
	top:0;
	width:279px !important;
	height:100%;
	background:url(../images/magnify.png) no-repeat 50% 50%;
	z-index:1;
	}