/*generales*/ 	
*{ padding:0; margin:0; }
/*
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
*/
body {
	line-height: 1;
	background:#6A1F1F url(img/layout-bg.png) repeat-x top left;
	color:#B9AF6F;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size:1em;	
	padding-top:8px;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content:none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */ 
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */ 
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a{
	color:#FF7800;
}
a:hover {

}
p a{
	padding:1px;
	margin:1px;
}
p a:hover{
	margin:1px;
	text-decoration:none;
	padding:0px;
	border:1px dotted #FF7800;
}
a.next_bt{
	margin:50px 0px 10px 30px;
	height:50px;
	width:130px;
	background:url(img/next_bt.png) no-repeat top center;
	text-indent:-5000px;
}
a.next_bt:hover{
	background-position:bottom center;
}
a.next_bt:active{
	background-position:center center;
}
a.arrow{
	background: url(img/a-arrow.gif) no-repeat 99% 60%;
	padding-right:15px;
}
a.arrow:hover{
	background: url(img/a-arrow.gif) no-repeat 99% 65%;
	padding-right:15px;
}
p {
	padding-top:15px;
	line-height:1.3;
	font-size:13px;
	font-family: Verdana, Arial, sans-serif;	
}

p + p {

}
p font{
	color:#FF7800;
	font-size:13px;	
}
.small-font{
	font-size:9px;
}
h1 {
	color:#FFFFFF;
}

h2 {
	font-size:25px;
	background:url(img/line-h1-banner.png) repeat-x bottom left;
	line-height:30px;
	padding-bottom:5px;	
	letter-spacing: -0.02em;
	font-weight: normal;	
}
h3{
	background:url(img/h3_line.png) no-repeat left bottom;
	padding-bottom:7px;
	font-size:37px;
	font-weight: normal;
	letter-spacing: -0.04em;
}
h4{
	font-size:17px;
	color:#FF7800; 	
	padding:20px 0 0 0;
	line-height:1.4;
}

h5{
	font-size:16px;	
	padding:10px 0 5px;
	line-height:1.4;
	background:url(img/line-h1-banner.png) repeat-x bottom left;	
}
h6{
	font-size:15px;
	color:#FFFFFF; 	
	padding:24px 0 0 0;
	line-height:1;
	margin-bottom:-10px;
}
h6 span{
	font-size:13px;	
	font-weight:normal;
	font-family:Verdana,Arial,sans-serif;
}
hr{
	background:url(img/line-h1-banner.png) repeat-x center center;
	height:1px;
	line-height:1px;
	border:0px;
	border-style:none;
	padding:5px 0;
}
img {
	border:0px;
}
input, textarea, select{
	font-size:13px;
	color:#ffffff;	
	background:#120E0C;
	border:1px solid #B8AE6F;	
	font-family:Helvetica, Verdana, Arial, sans-serif;
	padding:2px;			
}
input[type = submit], input[type = button] {
    background: url(img/input_button.png) no-repeat top center;
    width: 80px;
    height: 31px;
	line-height:30px;
    border: 0px;
    color: #110907;
	vertical-align:middle;
	font-weight:bold;
}
input[type = submit]:hover, input[type = button]:hover {
	background-position: bottom center; 
	color:#B50606;
}
input[type=button]{}

input[type=text]{
	width:300px;
}
input[type=radio]{
	width:15px;
	height:15px;
	vertical-align:middle;	
/*
	background:url(img/input_radio.png) no-repeat left bottom;
*/
	border:0px;
}
textarea{
	width:400px;
	line-height:1.1;
	height:100px;	
}
input[type=password]{}

.input-field{
	padding:5px 0 10px;
}
.input-field label{
	font-family:Verdana, Arial, sans-serif;
	font-size:13px;
	vertical-align:middle;
	width:190px;
	text-align:left;
	display:inline-table;
	float:left;
	padding:5px 2px;	
}
.input-field label.radio {
    font-size: 12px;
    width: 80px;
    float: none;
    padding-left: 5px;
	padding-right:20px;
	vertical-align:middle;
}

.input-field label span{
	color:#FF7800;
}
/* form message */
.form_message{
	background:#110907 none repeat scroll 0 0;
	border:1px solid #230D0C;
	height:395px;
	margin-right:-125px;
	position:absolute;
	right:50%;
	width:620px;
	display:none;
}
.form_message p{
	font-size:20px;
	font-weight:bold;
	line-height:25px;
	margin-top:120px;
	position:absolute;
	text-align:center;
	width:560px;
	padding:0 30px;
}
.form_message a.close_bt {
    background: url(img/close_bt.png) no-repeat scroll top right;
    clear: both;
    color: #FF7800;
    cursor: pointer;
    float: right;
    font-size: 9px;
    font-family: verdana;
    font-weight: normal !important;
    line-height: 16px;
    margin: 5px 10px;
    padding: 1px 12px 1px 5px;
}
.form_message a.close_bt:hover {
    color: #FFF !important;
    text-decoration: line-through;
	background-position: bottom right;
}

/* end form message */
.margen_s {	margin: 5px;	}
.margen_m {	margin: 10px;	}
.margen {	margin: 15px;	}
.margen_l {	margin: 20px;	}

.clear {	clear: both;	}

.left {	text-align: left !important;	}
.center {	text-align: center !important;	}
.right {	text-align: right !important;	}

.fright {	float: right !important;	}	
.fleft {	float: left !important;		}

/*end generales*/

#layout {
    margin: 0px auto;
    width: 1040px;
	padding: 0 30px;
	background: url(img/layout-shadow.png) repeat-y scroll 0 0;	
}
/* top */
#header {
	clear:both;
    height: 133px;
    background: url(img/header-bg.jpg) no-repeat 0px 0px ;
    display: block;
    width: 1040px;	
}
#header h1#logo{
	width:245px;
	height:55px;
	margin: 45px 0 0 40px;
	float:left;	
}
#header h1#logo a{
	width:245px;
	height:55px;
	float:left;
	cursor:pointer;
	text-indent:-5000px;	
}
#navigation{
/*	background:url(img/nav-ul-bg.png) no-repeat  top right; */
	display:block;
	float:right;
	width:670px;
	height:27px;
	margin:92px 0 0 0 ;
}
#navigation li{
	float:left;
	height:27px;
	margin:0 8px 0 0;
}
#navigation li a{ 
	float:left;
	height:27px;
	text-indent:-5000px;
}
#navigation li a#about_bt{ 
	width:60px;
	background:url(img/nav_bt/about.png) top center;
}
#navigation li a#services_bt{ 
	width:78px;
	background:url(img/nav_bt/services.png) top center;
}
#navigation li a#portfolio_bt{ 
	width:86px;
	background:url(img/nav_bt/portfolio.png) top center;
}
#navigation li a#case-studies_bt{ 
	width:108px;
	background:url(img/nav_bt/case-studies.png) top center;
}
#navigation li a#faq_bt{ 
	width:41px;
	background:url(img/nav_bt/faq.png) top center;
}
#navigation li a#contact_bt{ 
	width:77px;
	background:url(img/nav_bt/contact.png) top center;
}
#navigation li a#career_bt{ 
	width:68px;
	background:url(img/nav_bt/career.png) top center;
}
#navigation li#FREE_QUOTE{ 
	float:right;
	margin-right:35px;
}
#navigation li#FREE_QUOTE a{ 
	width:99px;
	background:url(img/nav_bt/free-quote.png) top center;
}
#header #navigation li a:hover{
	background-position:center center;
}
#header #navigation li a:active, #header #navigation li a.active{
	background-position:bottom center;
}

#header #navigation li a.no-active{
	background-position:top center;
}
/* end top */	
#content{
	background:#110907 url(img/content-bg.png) repeat-y ;
	padding-bottom:5px;
}
#layout #content .section-bg{
    background: url(img/cont-section-bg.jpg) no-repeat top center;	
}
#content .home-banner-bg{
    background: url(img/home-banner-bg.jpg)  center center;
	display:block;	
    height: 339px;
    width: 1040px;	
}
#content #home-banner {
    height: 339px;
    width: 1040px;
}
#content #home-banner .left-info{
    width: 541px;
	float:left;
}
#content #home-banner .right-info{
    width: 374px;
	float:right;
}
#content #home-banner .right-info img{
}
#content #home-banner h1 {
	font-size:4em;
	line-height:0.7;
	letter-spacing:0.02em;
	padding-bottom:25px;
	padding-top:20px;			
	clear:both;
	background:url(img/line-h1-banner.png) repeat-x bottom left;
}
#content #home-banner p{
	padding-top:20px;	
	color:#FFFFFF;
	font-size:14px;
	line-height:1.5;
/*
	letter-spacing:0.02em;
*/
	font-family: Helvetica, Verdana, Arial, sans-serif;				
}
#content #nav{
	margin:10px 15px 0 15px;
	padding:6px 0;
	border-top:#B0A65E 2px solid;
	border-bottom:#B0A65E 2px solid;	
	height:30px;	
	width:1010px;	
}
#layout #content #nav ul {
    margin: 0 auto;
    display: table;
}
#layout #content #nav li{
	float:left;
	line-height:30px;	
	height:30px;
	background:none;
	margin:0px;
	padding:0px;
}
#layout #content #nav li +li{
	border-left:2px solid #B0A65E;
}
#layout #content #nav li a{
	margin:0 22px 0 22px;	
	color:#B0A65E;
	font-size:12px;
	font-weight:bold;	
	padding:4px 0px;
	height:22px;
	line-height:22px;
	float:left;
	text-decoration:none;
	background:none;
	font-family: Helvetica,Arial, Verdana,  sans-serif;	
}
#layout #content #nav li a:hover, #layout #content #nav li a.active {
} 
#layout #content #nav li a.active {
    color: #fff;
    background: url(img/nav_a_hover.png) no-repeat 50% 0px;
}
#content .cont-margen {
    padding: 30px;
    display: block;
	background:#110907 url(img/content-bg.png) repeat-y scroll 0 0;
    float: left;
    width: 980px;
}
#content .cont-margen p{
	line-height:1.6;
}
#content .cont-margen .clients-img{
	display:none;
}
#content .cont-margen .clients-img a{
	margin: 10px;
	float:left;
}
#content .cont-margen .clients-img-flash{
	width:543px;
	height:377px;
	display:block;
}
#content ul{
	
}
#content ul li {
    background: url(img/li-arrow.gif) no-repeat 0px 3px;
    color: #79CEE2;
    color: #fff;	
    font-size: 13px;
	line-height:1.1;
    font-family: Verdana, Arial, sans-serif;
	padding-left:12px;
	margin:10px 0;
}
#content #porfolio-flash {
    /*
     padding:0 40px;
     */
    padding: 9px;
    background: #000;
    border: #230D0C solid 1px;
}
#portfolio-img{
	display:none;
}
#footer {
    width: 1040px;
    clear: both;
    height: 82px;
    background: url(img/footer-bg.png) no-repeat top center;
	border-top:1px #230D0C solid;

}
#footer #footer-logo {
    float: right;
    height: 46px;
    margin-right: 35px;
    margin-top: 21px;
    width: 138px;
    display: block;
    background: transparent;
    cursor: pointer;
}
#footer p {
    color: #DAD5B5;
    font-family: Verdana, Geneva, Arial, sans-serif;
    font-size: 9px;
    line-height: 12px;
    padding-bottom: 0;
    padding-left: 35px;
    padding-top: 21px;
}
/*span*/
.span10{width:10px !important;}
.span30{width:30px !important;}
.span50{width:50px !important;}
.span60{width:60px !important;}
.span70{width:70px !important;}
.span80{width:80px !important;}
.span90{width:90px !important;}
.span100{width:100px !important;}
.span120{width:120px !important;}
.span130{width:130px !important;}
.span150{width:150px !important;}
.span180{width:180px !important;}
.span200{width:200px !important;}
.span210{width:210px !important;}
.span240{width:240px !important;}
.span250{width:250px !important;}
.span270{width:270px !important;}
.span300{width:300px !important;}
.span350{width:350px !important;}
.span400{width:400px !important;}
.span450{width:450px !important;}
.span460{width:460px !important;}
.span500{width:500px !important;}
.span550{width:550px !important;}
.span600{width:600px !important;}
.span650{width:650px !important;}
/*end span*/

/* home - banner */
#home-banner.scroller .content {
width:10000px;
}
#home-banner.scroller {
    clear: both;
    /*
     height: 360px;
     */
    overflow: hidden;
    /*
     padding-top: 10px;
     width: 960px;
     */
}
#home-banner.scroller .section-banner {
    float: left;
    overflow: hidden;
    width: 962px;
    margin:36px  39px 0 39px;	
}
/* end home - banner */