/* CSS Document */
/* ==== START Facebook Tab by Schoberg.net ==== */
#fbtab{
background: url(images/saveside4.gif) no-repeat; /* Path to Image */
left:1px;  /* change this to left: 1px; to put it on the left of the screen */
top:40%;height:228px;width:40px;margin:0;padding:0;position:fixed;z-index:5000;}
#fbtab a{display:block;width:100%;height:100%;}
/* ==== END Facebook Tab by Schoberg.net ==== */


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

body{
	background:url(images/body-bg.jpg) top center no-repeat #07080a;
	text-align:center;
}

object {vertical-align:top; outline:none;}

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:0.8125em;
		line-height:1.384em;
		color:#08090a;
	}

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

a {color:#08090a; outline:none;}
a:hover{text-decoration:none;}
p {padding-top:18px;}

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

li { background:url(images/marker.gif) no-repeat 0 5px; padding-left:25px; line-height:1.846em;}
li a {color:#08090a;}

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

h2 {font-size:2.3em; line-height:1.243em; color:#1f262f; padding:35px 0 32px 0;}
#page1 h2 {padding-bottom:28px;}
#page1 .h-pad {padding-bottom:7px;}
/* ============================= header ====================== */
#page1 #header {height:532px;}
.logo {float:left; padding:22px 0 28px 0; width:353px;}

.header-col {float:left; width:607px;}

.socials {text-align:right; padding-top:29px;}
.socials a {margin-left:8px; display:inline-block;}

.menu {background:url(images/menu-bg.png) top right no-repeat; margin-top:22px; height:45px; padding:4px 0 0 4px;}
.menu ul {width:100%; overflow:hidden;}
.menu li {background:none; padding:0 24px 0 0; line-height:1.243em; font-size:1.46em; float:left;}
.menu li a {color:#f0ffe8; text-decoration:none; width:101px; display:block; text-align:center; height:31px; padding-top:6px;}
.menu .last {padding-right:0px;}

.menu li a:hover, .menu .active a {color:#92ff00; background:url(images/menu-li-a.gif) left top no-repeat;}

.header-box {background:url(images/header-bg.jpg) left top no-repeat; color:#fff; font-size:2.3em; width:100%; height:316px; line-height:1.243em;}

.head-box {width:350px; float:left; padding:96px 0 0 57px;}

.img {float:left; margin:31px 0 0px 0;}
.img1 {margin:0 0 0 215px;}
.header-link {display:block; margin-top:-50px;}
/* ============================= content ====================== */
.box {background:#d8d9db; }
.box .indent {padding:0px 20px 23px 41px;}
.box .top-tail {background:url(images/box-top-tail.jpg) left top repeat-x;}
.box .bottom-right {background:url(images/box-corner-bottom-right.gif) bottom right no-repeat;}
.box .bottom-left {background:url(images/box-corner-bottom-left.gif) bottom left no-repeat;}
.box .top-right {background:url(images/box-corner-top-right.jpg) top right no-repeat;}
.box .top-left {background:url(images/box-corner-top-left.jpg) top left no-repeat; width:100%;}

.box1 {background:#d8d9db; }
.box1 .indent {padding:0px 20px 10px 41px;}
.box1 .top-tail {background:url(images/box1-top-tail.jpg) left top repeat-x;}
.box1 .bottom-right {background:url(images/box1-corner-bottom-right.gif) bottom right no-repeat;}
.box1 .bottom-left {background:url(images/box1-corner-bottom-left.gif) bottom left no-repeat;}
.box1 .top-right {background:url(images/box1-corner-top-right.jpg) top right no-repeat;}
.box1 .top-left {background:url(images/box1-corner-top-left.jpg) top left no-repeat; width:100%; min-height:496px; height:auto !important; height:496px;}

.col-pad {padding-right:54px;}
.col-pad1 {padding-right:45px;}
.col-pad2 {padding-right:6px;}

.title {color:#5faf00; font-size:0.92em; line-height:1.5em; text-transform:uppercase;}

.works img {margin:0 6px 6px 0;}
.works .last {margin-right:0px;}

.h2-pad {padding-top:65px;}
.img-pad {padding-bottom:37px;}

.pad {padding-top:24px;}
.pad1 {padding-top:14px;}

.link {display:inline-block; width:105px; background:url(images/link-bg.gif) left top no-repeat; text-align:center; text-decoration:none; color:#488a01; font-size:1.384em; line-height:1.243em; padding:2px 0 5px 0; margin-top:13px;}
.link:hover {background:url(images/link-bg-hover.gif) left top no-repeat;}

.row .col-pad {
	padding-right:48px;
}
.row {color:#707273; position:relative;}
.row a {color:#58bb1e;}

.row .indent {padding:24px 0 43px 13px;}
.row h3 {font-size:1.384em; line-height:1.243em; text-transform:uppercase; padding:26px 0 0 102px; color:#58bb1d; height:48px;}
.col-indent {
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 27px;
}

.icon1 {background:url(images/icon1-bg.png) left top no-repeat;}
.icon2 {background:url(images/icon2-bg.png) left top no-repeat;}
.icon3 {background:url(images/icon3-bg.png) left top no-repeat;}

.line {line-height:1.23em;}

.row-link {display:inline-block; margin-top:17px;}

.spacing {letter-spacing:-1px;}

.gallery img {margin:0 6px 6px 0; }
.gallery .last {margin-right:0px;}

.row .padding {padding-bottom:51px;}

.adress {width:100%; overflow:hidden;}
.adress span {float:right;}
/* ============================ footer ====================== */
#footer {background:url(images/footer-bg.gif) left top repeat-x; color:#707273; font-size:0.92em;}
#footer a {color:#707273;}
#footer .indent {padding:29px 0 0 50px;}
/* ============================= forms ============================= */
#SearchForm {text-align:right !important;  padding:15px 53px 0 0;}
#SearchForm label {background:url(images/input-bg.jpg) right top no-repeat; height:27px; display:inline-block; vertical-align:top; margin-right:7px }
#SearchForm .input {width:193px; height:19px; border:none; padding:5px 6px 3px 15px; font-size:0.91em;  vertical-align:top; color:#79938c;  background:none;}
#SearchForm input {vertical-align:top;}

#ContactForm label {height:43px; display:block; background:url(images/input-bg.gif) left top no-repeat;}
#ContactForm  {padding-top:4px;}
#ContactForm .link {margin:20px 0 0 10px}
.textarea {background:url(images/textarea-bg.gif) left top no-repeat;}
.alignright {text-align:right;}
#ContactForm .input {width:250px; border:none; background:none; padding:6px 0 2px 10px; font-size:1em; line-height:1.243em;}
textarea {width:250px; height:172px; border:none; background:none; padding:5px 0 0 10px; overflow:auto; font-size:1em;}