@import"css/reset.css";
@import"css/grid.css";
@import"css/forms.css";

/* CSS Document */
html,body{height:100%;}
p{padding-bottom:18px;}
a{color:#4e4845;outline:none;cursor:pointer;text-decoration:none;}
a:hover{text-decoration:underline}
/*  Header styles */
h1,h2,h3,h4,h5,h6{line-height:1.3em;color:#fff;}
h1{font-size:40px;}
h2{font-size:35px;}
h3{font-size:30px;} 
h4{font-size:27px;}  
h5{font-size:18px;}
h6{font-size:16px;}
/* Global Structure---------------------------------------- */
/*----- txt,links,lines,titles -----*/
.extra-wrap{overflow:hidden;display:block;}
.fleft{float:left}
.fright{float:right !important;}
.alignright{text-align:right}
.aligncenter{text-align:center}
.alignmiddle *{vertical-align:middle}
.color1{color:#ff2100;}



.p1 {margin-bottom:8px;}
.p2 {margin-bottom:15px;}
.p3 {margin-bottom:30px;}
.p4 {margin-bottom:40px;}
.p5 {margin-bottom:50px;}

.reg {text-transform:uppercase;}

.title {margin-bottom:18px;}

.it {font-style:italic;}

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

/*********************************boxes**********************************/
.margin-bot {margin-bottom:35px;}

.spacing {margin-right:35px;}

.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 13px 0px 0;}	
.img-indent-r {float:right; margin:0 0px 0px 40px;}	

.prev-indent-bot {margin-bottom:10px;}	

.buttons a:hover {cursor:pointer;}
.clear {
 clear: both;
 display: block;
 overflow: hidden;
 visibility: hidden;
 width: 0;
 height: 0;
}
* { 
	margin:0; padding:0;
	border:0;
}

body{ background:url(images/bg.jpg) fixed no-repeat top center #000;
	 border:0;
	 font:13px Arial, Helvetica, sans-serif; color:#4e4845;
	 line-height:18px;
}

.main { width:961px; margin:0 auto;}
#header {}
#content{ background:#000; margin-top:10px; padding:0 30px;}
#footer { background:#000; padding:14px 0; padding-top: 0px;}

.wrapper {width:100%; overflow:hidden;}

.left{ float:left;}
.right{ float:right}

.col1{ width:420px; float:left;}
#page1 .sf-menu{ margin-top:1px;}
#page1 #content{ margin-top:18px;}

#page7 .cols{ width:198px; float:left;}


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

li{ list-style:none}
h3{ text-transform:uppercase; color:#fff; padding-bottom:26px;}
h5{ font-size:18px; text-transform:uppercase; color:#4e4845}
p{ padding-bottom:18px;}
img{ vertical-align:top}
.under{ border-bottom:1px solid #171412}
/* ============================= header ====================== */

/*** MENU ***/

nav
{background: #000 url(images/menu.gif) repeat-x}

.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	1.0;
	margin-top:35px; height:78px
}
.sf-menu li {
	float:			left;
	position:		relative;
	margin-right:1px
}
.sf-menu a {
	display:		block;
	position:		relative;
	font-size:16px; 
	color:#fff; 
	text-transform:uppercase;
 
	 padding:0 28px;
	  line-height:83px; 
	  text-decoration:none;
}
.sf-menu li a:hover,
.sf-menu li a.active,
.sf-menu li.sfHover > a { background: #A84000;line-height:78px;}

.sf-menu ul li a:hover,
.sf-menu ul li.sfHover > a { background:url(images/menu_active.jpg) top repeat-x;line-height:46px;}

.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			10em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu ul a {
	
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}

.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			78px; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
#header h1 {margin-top:39px;  font-size:34px; font-weight: bold}
#header a{color: #fff}
/* ============================= content ====================== */
.marg_right1{ margin-right:22px;}
.marg_right2{ margin-right:30px;}
.pad_bot1{ padding-bottom:40px;}
.pad_bot2{ padding-bottom:30px;}
.pad_bot3{ padding-bottom:20px;}
.pad_left1{ padding-left:61px;}
.marg_top1{ margin-top:37px}
.marg_left1{ margin-left:30px;}

.works-list .button{ float:left; font-size:12px; font-weight:bold; color:#fff; background:url(images/button1_right.jpg) right top no-repeat  #E16D26; line-height:39px; padding-left:16px; padding-right:26px; margin-top:1px; text-decoration:none; display:inline-block;}
.works-list .button:hover{background:url(images/button2_right.jpg) right top no-repeat #2a2523;}

.carousel-box {position:relative; width:920px; border-bottom:1px solid #171412; padding-bottom:40px;}
.next1 {display:block; width:32px; height:32px; position:absolute; right:20px; top:-62px; outline:none; background:url(images/marker_right2.gif) no-repeat 0 0;}
.prev1 {display:block; width:32px; height:32px; position:absolute; right:53px; top:-62px; outline:none; background:url(images/marker_left2.gif) no-repeat 0 0;}
.next1:hover,
.prev1:hover {background-position:0 -98px; text-decoration:none;}
.gallery2{}
.gallery2 li{ float:left; margin-right:21px;  width:285px; position:relative; min-height:190px; overflow:hidden;}
.work-list {width:100%; overflow:hidden; }


.line1{ background:url(images/line_ver.jpg) repeat-y; background-position:451px 0;}

.button{ float:left; font-size:12px; font-weight:bold; color:#fff; line-height:39px;background:url(images/button1_right.jpg) right top no-repeat #E16D26; padding-left:16px; padding-right:26px; margin-top:1px; text-decoration:none}
.button:hover{ background:url(images/button2_right.jpg) right top no-repeat #2a2523;; text-decoration:none;}

.link1{ color:#70ad01; text-decoration:underline;}
.link1:hover{ text-decoration:none;}
.link2{ color:#fff; text-decoration:none; font-size:18px;}
.link2:hover{ color:#70ad01;}
.font1{ font-size:18px; color:#fff;}

.list1{ margin-top:-19px;}
.list1 li{ border-bottom:1px solid #171412; width:100%; padding-top:19px; padding-bottom:19px; width:100%; overflow:hidden}
.list1 li span{ font-size:51px; line-height:normal; color:#70ad01; float:left; padding-right:23px; margin-top:-18px;}
.list2 li{ line-height:24px}
.list2 li a{ color:#E16D26; text-decoration:underline;}
.list2 li a:hover{ text-decoration:none;}
/* ============================= footer ====================== */
#footer{ text-align:center}
#footer a{ text-decoration: none}
#footer a:hover{ text-decoration: underline}