@import "reset.css";

html {
	background: #E5580F url("../img/bg-html.png") repeat-x 0 0;
	height: 100%;
}
body {
	height: 100%;
	min-height: 100%;
	background: url("../img/bg-body.png") repeat-x 0 0;
	font: 11px/1.4 Tahoma, Verdana, sans-serif;
	color: #FFF;
}

a {color: #FFE000;}
a:hover {text-decoration: none;}

#container {
	min-width: 995px;
	min-height: 100%;
	max-width: 1400px;
	position: relative;
}

/* =Header
============*/
#header {
	height: 155px;
	position: relative;
}
#header h1 {
	float: left;
	padding: 56px 0 0 78px;
}
#header h1 a {color: #000;}

/* =Menu
==========*/
#menu ul {
	position: absolute;
	top: 0;
	left: 0;
	padding: 87px 0 0 392px;
}
#menu ul li {
	float: left;
	display: inline;
	background: url("../img/bg-menu-sep.gif") no-repeat 0 50%;
	padding: 0 10px 0 12px;
}
#menu ul .f {
	padding-left: 0;
	background: none;
}
#menu ul li a {
	display: block;
	overflow: hidden;
	height: 0;
	padding-top: 17px;
	background-image: url("../img/bg-menu.gif");
	background-repeat: no-repeat;
}
#g-m1 a {
	width: 53px;
	background-position: 0 -17px; 
}
#g-m1.cur a {background-position: 0 0;}
#g-m2 a {
	width: 112px;
	background-position: -78px -17px; 
}
#g-m2.cur a {background-position: -78px 0;}
#g-m3 a {
	width: 40px;
	background-position: -215px -17px; 
}
#g-m3.cur a {background-position: -215px 0;}
#g-m4 a {
	width: 93px;
	background-position: -276px -17px; 
}
#g-m4.cur a {background-position: -276px 0;}
#g-m5 a {
	width: 101px;
	background-position: -390px -17px; 
}
#g-m5.cur a {background-position: -390px 0;}
#g-m6 a {
	width: 40px;
	background-position: -516px -17px; 
}
#g-m6.cur a {background-position: -516px 0;}
#g-m7 {background: none !important; padding: 0 !important;}
#g-m7 a {
	width: 17px;
	background: url("../img/icn-home.gif") !important;
}

/* =Main
==========*/
#main {
	overflow: hidden;
	position: relative;
	width: 100%;
	min-height: 669px;
}
body.inner #main {min-height: inherit !important; color: #320906;}
#main .column {
	float: left;
	width: 76.5%;
	position: relative;
	z-index: 44;
}
#main .column .s-left {
	padding-left: 392px;
}
#main .flash-left {
	position: absolute;
	top: 80px;
	left: 0;
	z-index: 45;
	height: 589px;
}
#main .flash-right {
	width: 78%;
	z-index: 43;
	height: 1px;
	line-height: 1px;
	position: relative;
}
#main .flash-right div {
	position: absolute;
	top: 70px;
	right: -345px;
}
#main .phone {
	position: absolute;
	top: 2px;
	right: 5px;
	z-index: 45;
}

/* =Misc
==========*/
#main h2, .phone, #header h1 {
	font: 42px "Myriad Pro", Arial, sans-serif;
	letter-spacing: -1px;
	color: #300805;
}
#main h2 img {display: block;}
#main h2, #main h3, #main p {margin-bottom: 15px; font-weight: normal;}
#main h3 {
	font-size: 20px;
	text-transform: uppercase;
	color: #000;
}
#main h4 {font-weight: bold;}

/* =TT
========*/
#main h4 {
	position: relative;
	z-index: 5;
}
.tt {
	height: 158px;
	background: url("../img/bg-tt.png") no-repeat 0 0;
	margin: 15px 0 0 -8px;
	position: relative;
	z-index: 4;
}
.tt .cart {
	position: absolute;
	top: -35px;
	height: 111px;
	width: 148px;
	left: 220px;
	background: url("../img/bg-cart.png");
	z-index: 4;
}
.tt .cart img {
	position: relative;
	top: 55px;
	left: 35px;
}
.tt ul {
	position: relative;
	z-index: 3;
	padding: 25px 0 0 8px;
	list-style: none;
}
.tt ul li {margin-bottom: 3px;}

/* =Works
===========*/
.works {
	height: 203px;
	position: relative;
	margin: -20px 0 0 -43px;
	background: url("../img/bg-works.gif") no-repeat 0 0;
}
.works ul {
	padding: 70px 0 0 43px;
	list-style: none;
}
.works ul li {
	float: left;
	width: 149px;
}
.works ul li a {
	float: left;
	display: inline;
	margin-right: 46px;
}
.works ul li img {
	display: block;
	margin-bottom: 12px;
	border: 1px solid #9A4609; 
}
.works ul li.more {width: auto !important;}
.works ul li.more img {
	margin-top: 78px;
	border: none; 
}

/* =News
==========*/
.news {
	position: relative;
	margin-right: -200px;
	padding: 20px 0 0 392px;
}
.news .item {
	width: 49%;
	float: left;
}
.news .date {
	margin-bottom: 0 !important;
	font-weight: bold !important;
}
.news p {
	padding-right: 80px;
}

/* =Footer
============*/
#footer-space {
	height: 245px;
	position: relative;
}
#footer {
	height: 245px;
	position: relative;
	margin-top: -245px;
	background: url("../img/bg-footer-rad.png") no-repeat 0 0;
}
#footer .in {
	height: 245px;
	background: url("../img/bg-footer.gif") repeat-x 0 100%;
}
.copyright {
	padding: 110px 0 0 70px;
	color: #000;
}
#footer a {color: #000;}
#footer .phone {
	position: absolute;
	top: 110px;
	left: 392px;
}
#footer .phone-img {
	position: absolute;
	top: 0;
	left: 530px;
	width: 250px;
	height: 226px;
	background: url("../img/bg-phone.png");
}

/* =Inner
===========*/
.intro {
	background: #E28803;
	padding: 5px;
	margin: 0 -5px 15px;
}
.intro p {margin: 0 !important;}
body.inner h3 {
	font: bold 18px Tahoma, Verdana, sans-serif !important;
	text-transform: none !important;
	margin-bottom: 0 !important;
	color: #320906 !important;
}

#b-pencil {
	top: 259px;
	left: 120px;
	width: 205px;
	height: 261px;
	background: url("../img/bg-pencil.png");
	position: absolute;
}
#b-inc {
	width: 73px;
	height: 67px;
	position: absolute;
	top: 203px;
	left: 54px;
	background: url("../img/bg-inc.png");
}
#b-gear {
	position: absolute;
	top: 568px;
	left: 21px;
	width: 175px;
	height: 176px;
	background: url("../img/bg-gear.png");
}
#b-finger {
	top: 733px;
	left: 190px;
	background: url("../img/bg-finger.png");
	width: 106px;
	height: 182px;
	position: absolute;
}
#b-box {
	top: 417px;
	right: 0;
	width: 247px;
	height: 190px;
	position: absolute;
	background: url("../img/bg-box.png");
}