html,body	{
     margin:0px; padding:0px; 
     font-family:'Lucida Grande','Lucida Sans Unicode',Tahoma,Arial,san-serif;
     color:#e6dcdc; 
     font-size:12.5px; 
     /*line-height:21px;*/
     background:#3F0000 url(../images/bg.png) no-repeat top center; 
     background-attachment:fixed; 
     height:100%;  
}

a {text-decoration:underline; color:#094e7f; outline: none;}
a:hover {text-decoration:none; color:#094e7f;}

h1, h2, h3, h4, h5, h6, p, ul, li, form	{margin:0; padding:0;}
ul, li {list-style-image:none; list-style-position:outside; list-style-type:none; margin:0; padding:0;}

img {border:none;}

.floatLeft {
	float:left;
}
.floatRight {float:right}
.alignLeft {text-align: left;}
.alignRight {text-align: right;}

div.clear {clear:both; height:0px; font-size:1px;} /* clear floats */
.last   {margin-right:0;}

.ie6    {margin:0 auto 0 auto; width:564px; height:401px; background:url(../images/bg_ie6.jpg) no-repeat top center}
.modern_browsers    {margin:310px 0 0 30px;}


/* HEADER 
***********************************************/
#header_bg {background:transparent url(../images/head_bg.png) repeat-x top; height:119px; width:100%; position:fixed; top:0; left:0; z-index:70;}
#header {width:960px; margin:0 auto;}
.logo   {float:left;}
#main_nav   {float:right; margin-top:10px;}
#main_nav   li  {display:inline; margin-left:15px; font-size:14px; text-shadow: #000 0px 2px 3px;}
#main_nav   li  a  {color:#e6dcdc; text-decoration:none}
#main_nav   li  a:hover {color:#dc0c05; text-decoration:none;}
div#main_nav ul li a.selected   {color:#dc0c05;}


/* CONTENT 
***********************************************/
#page  {width:960px; height:510px; margin:0 auto;}

/* HOMEPAGE 
***********************************************/
#home   {
	width:960px;
	height:510px;
	margin:0 auto 600px auto;
}
.featured_work  {
	background:transparent url(../images/bg_featured.png) no-repeat top center;
	width:449px;
	height:225px;
	position:absolute;
	z-index:10;
	margin: 290px 0 0 62px;
}
.welcome_txt    {
	position:absolute;
	margin:80px 0 0 70px;
	z-index:10;
}
.home_txt   {
	position:absolute;
	margin:200px 0 0 70px;
	z-index:10;
	width:437px;
	font-size:14px;
	text-shadow: #3F0000 0px 2px 3px;
}
.featured_work_txt  {position:absolute; z-index:10; margin:412px 0 0 60px;}
.arrow1 {position:absolute; z-index:10; margin:384px 0 0 150px;}
.arrow2 {position:absolute; z-index:10; margin:110px 0 0 360px;}
.arrow3 {position:absolute; z-index:10; margin:300px 0 0 470px;}
.get_in_touch_txt   {position:absolute; z-index:10; margin:440px 0 0 330px;}
.available_tag  {
	z-index:10;
	margin:105px 0 0 10px;
}

.featured_gallery   {
	width:394px;
	height:191px;
	padding:0;
	margin:0;
	margin:7px 0 0 29px;
	overflow:hidden
}
.featured_gallery   img {
	width:394px;
	height:191px;
	top:0;
	left:0
}

/* PORTFOLIO 
***********************************************/
#team   {
	width:960px;
	height:510px;
	margin:0 auto 600px auto;
}
.portfolio_showcase_txt {
	position:absolute;
	z-index:10;
	margin:60px 0 0 791px;
}

.slideshow_nav  {position:absolute; z-index:10;}
.prev_nav   {position:absolute; z-index:10; margin:300px 0 0 10px;}
.next_nav   {position:absolute; z-index:10; margin:300px 0 0 907px;}

.bg_portfolio   {position:absolute; z-index:10; width:817px; height:358px; background:transparent url(../images/bg_portfolio.png) no-repeat top center; margin:150px 0 0 70px; padding-top:8px;}

.bg_clientsguy   {
	position:absolute;
	z-index:10;
	width:837px;
	height:410px;
	background:transparent url(../images/clientsguy.png) no-repeat top right;
	margin:130px 0 0 70px;
	padding-top:8px;
}



/* ABOUT 
***********************************************/
#clients   {
	width:960px;
	height:510px;
	margin:0 auto 600px auto;
}

.port {
	position:absolute;
	z-index:10;
	margin:60px 0 0 575px;
}
.about_me_txt   {
	position:absolute;
	z-index:10;
	margin:60px 0 0 810px;
}
.bg_about   {
	background:transparent url(../images/bg_about.png) no-repeat top center;
	width:960px;
	height:426px;
	position:absolute;
	z-index:10;
	margin:62px 0 0 0;
}
.text   {
	position:absolute;
	z-index:10;
	width:720px;
	height:400px;
	overflow:visible;
	padding:0px 30px 20px 20px;
	margin:50px 0 0 203px;
}
.text   h1  {font-size:24px; color:white; margin-bottom:15px; line-height:25px; text-shadow: #3F0000 0px 2px 3px;}
.text   h2  {font-size:18px; color:#230505; margin-bottom:15px; line-height:19px; text-shadow: #C10202 0px 1px 3px;}
.text   h3  {font-size:16px; color:white; margin-bottom:15px; line-height:17px; text-shadow: #3F0000 0px 2px 3px;}
.text   h4  {font-size:14px; color:#230505; margin-bottom:15px; line-height:18px; text-shadow: #C10202 0px 1px 3px;}
.text   h5  {font-size:12px; color:#ffffff; margin-bottom:10px; line-height:14px; text-shadow: #3F0000 0px 2px 3px;}
.text   h6  {font-size:11px; color:#ffffff; margin-bottom:5px; line-height:13px; text-shadow: #3F0000 0px 2px 3px;}
.text   p   {margin-bottom:15px; position:relative; z-index:10; text-shadow: #3F0000 0px 2px 3px;}
.img_right_space    {margin:10px 15px 10px 0;}
.img_left_space    {margin:10px 0 10px 15px;}

.text   ul  {margin:0 15px 15px 25px; }
.text   ul  li  {list-style-type:square; text-shadow: #3F0000 0px 2px 3px;}

.text   ol  {margin:0 0 15px -10px; }
.text   ol  li  {list-style-type:decimal;; text-shadow: #3F0000 0px 2px 3px;}

blockquote  {
    font-style:italic;
    line-height:15px;
    padding-left:50px;
    background:transparent url(../images/quotes.png) no-repeat scroll left 0px;
    color:#f7f7f7;
  }

.sec_nav    {
	position:absolute;
	margin:140px 0 0 0;
}
.sec_nav    li  {
    color:white; 
    background:transparent url(../images/sec_nav_separator.png) no-repeat bottom right; 
    width:163px; height:30px; 
    text-align:right; 
    padding:10px 15px 10px 0; 
    text-shadow: #3F0000 0px 2px 3px;
}
.sec_nav    li a   {color:white; text-decoration:none; width:167px; height:31px; padding-top:6px; display:block; position:absolute; *margin:0 0 0 -160px;}
.sec_nav    ul  li  a.active {background:transparent url(../images/sec_nav_active.png) no-repeat top right; width:168px; height:28px; padding:6px 23px 0 0;}


/* PORTFOLIO 
***********************************************/
#gallery  {
	width:960px;
	height:510px;
	margin:0 auto 600px auto;
}
.portfolio_showcase_txt {
	position:absolute;
	z-index:10;
	margin:60px 0 0 645px;
}



.slideshow_nav  {position:absolute; z-index:10;}
.prev_nav   {position:absolute; z-index:10; margin:300px 0 0 10px;}
.next_nav   {position:absolute; z-index:10; margin:300px 0 0 907px;}

.bg_portfolio   {position:absolute; z-index:10; width:817px; height:358px; background:transparent url(../images/bg_portfolio.png) no-repeat top center; margin:150px 0 0 70px; padding-top:8px;}

div.work_gallery   {
	position:relative;
	z-index:10;
	width:743px;
	height:410px;
	overflow:hidden;
	margin:0 0 0 37px;
}
div.work_gallery_team   {position:relative; z-index:10; width:743px; height:307px; overflow:hidden; margin:0 0 0 37px;}
.work_info  {
	position:absolute;
	z-index:20;
	width:250px;
	height:310px;
	overflow:hidden;
	background:#fff;
	left:530px;
	filter:alpha(opacity=90);
	-moz-opacity: 0.9;
	opacity: 0.9;
}
.work_info  div {padding:10px 20px 10px 20px;}
.work_info  h1  {font-size:16px; color:#A91806; margin-bottom:10px;}
.work_info  h2  {font-size:12px; color:#222222; margin-bottom:5px;}
.work_info  p   {
	font-size:11px;
	color:#444444;
	margin-bottom:5px;
	line-height:140%;
}
.work_info  img {margin-top:20px;}



/* CONTACT 
***********************************************/
#contact   {
	width:960px;
	height:510px;
	margin:0 auto 600px auto;
	position: relative;
}
.contact_txt    {
	position:absolute;
	z-index:10;
	margin:60px 0 0 800px;
}
.contact_info_bg   {
	position:absolute;
	z-index:10;
	width:492px;
	height:412px;
	/*background:transparent url(../images/bg_contact.jpg) no-repeat top center;*/
	margin:120px 0 0 0;
}
.conact_info    {
	padding:25px;
}
.conact_info    h1  {font-size:24px; color:#333333; margin-bottom:15px;}
.conact_info    h2  {color:#ffffff; margin:0 0 6px 0;}
.conact_info   p   {
	color:#FFF;
	margin-bottom:10px;
	font-size:12px;
}
.contact_form   {
	position:absolute;
	z-index:10;
	width:429px;
	height:430px;
	margin:140px 0 0 530px;
}
.contact_form   h1  {
	font-size:24px;
	margin-bottom:15px;
	color:#F60;
	text-shadow: #C10202 0px 1px 3px;
}
.contact_form   p {margin-bottom:5px;}
.contact_form label {font-weight:bold; display:block; font-size:13px; width:80px; float:left; margin-top:5px;}
.contact_form .field {margin-bottom:10px; width:250px;}
.contact_form .field_textarea {margin-bottom:10px; width:250px; height:80px;}
.contact_form .captcha_field {margin-bottom:10px; width:90px;}


.field  {font-size:12px; padding:5px; border:1px solid #D0CFCF}
.field_textarea {font-size:12px; padding:5px; border:1px solid #D0CFCF;}
.captcha_field  {font-size:12px; padding:5px; border:1px solid #D0CFCF;}

.error {display:block; margin-top:-8px; margin-left: 80px; color:red;}
.success    {background:white; padding:20px;}
.success  strong  {display:block; color:#007236; margin-bottom:10px;}
.success    span    {display:block; color:#222222}

/* FOOTER
***********************************************/
#footer_bg {background:transparent url(../images/bg_footer_top.png) no-repeat top center; height:36px; width:100%; position:fixed; z-index:70;}
#footer {
	position:fixed;
	top:542px;
	background:#3F0000;
	width:100%;
	height:100%;
	margin:0 auto;
	z-index:70;
}
.footer_content {
	margin:0 auto;
	width:960px;
	font-size:11px;
	margin-top:10px;
	color:#700404;
	text-align: center;
}
.footer_content a   {color:#700404; text-decoration:none}
.footer_content a:hover {color:#dc0c05; text-decoration:none}

.footer_nav   {float:right;}
.footer_nav   li  {display:inline; margin-left:15px; font-size:11px;}
