/* *************************** 
  Site - Project Name
  ---------------------------
  StyleSheet Index
  $2 - Website Structure Styles
  $3 - Header Styles
  $4 - Content Styles
  $5 - Sidebar Styles
  $6 - Footer Styles
   ***************************/

/* *************************** 
   $1 Website Structure Styles
   ***************************/
@font-face {
    font-family: 'GillSansRegular';
    src: url('../fonts/gillsans-webfont.eot');
    src: url('../fonts/gillsans-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/gillsans-webfont.woff') format('woff'),
         url('../fonts/gillsans-webfont.ttf') format('truetype'),
         url('../fonts/gillsans-webfont.svg#GillSansRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}   
   
html{-webkit-text-size-adjust:none;}
html {background:#fff;	color:#000;}
body {font-family:'GillSansRegular',Arial, Helvetica, sans-serif;}
#container { width:1024px; margin:0 auto;}

/* *************************** 
   $2 Header Styles
   ***************************/
#header { height:51px;  position:relative; z-index:99;}
.topbar{ font-size:14px; padding:18px 0px 0px 40px;letter-spacing:1px; text-transform:uppercase; height:33px; width:984px;background:#dfccb4 url(../images/bg_header.png) no-repeat right top;font-family:Georgia, "Times New Roman", Times, serif;}
.topbar a{ color:#000; text-decoration:none;}
.nav{ height:38px; width:496px; background:url(../images/bg_nav.png) no-repeat left top ; position:absolute; right:0px; top:51px; text-align:center;}

/*** ESSENTIAL STYLES ***/
.sf-menu ul {position:absolute;top:	-999em;	width:89px; }
.sf-menu ul li { float:none; line-height:1;}
.sf-menu li:hover {	visibility:	inherit;}
.sf-menu li {float:	left;position:relative; line-height:38px; }
.sf-menu li:hover ul,.sf-menu li.sfHover ul {left:0px;top:38px; 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; top:0;}
/*** DEMO SKIN ***/
.sf-sub-indicator{ display:none;}
.sf-menu { margin-left:41px; background:#9a0707; height:38px;}
.sf-menu li:first-child a{ background:none;}
.sf-menu a { display:block; line-height:38px; background:url(../images/nav_border.png) no-repeat left; color:#fff; text-decoration:none; font-size:10px; text-transform:uppercase; padding:0px 21px 0px 22px;}
.sf-menu a:hover,.sf-menu a:active{ color:#fff; }
.sf-menu li ul{ background:#dfccb4; padding-bottom:11px;}
.sf-menu li li:last-child{ border-bottom:1px solid #fff; padding-bottom:10px;}
.sf-menu li li:first-child a{ padding-top:10px;}
.sf-menu li li a{ background:none; color:#000; font-size:9px; padding:3px 5px; display:block; line-height:12px; _display:inline-block; }
.sf-menu li li a span{ font-size:8px;}
.sf-menu li li a:hover, .sf-menu li li a:active { color:#9a0707;}

/* *************************** 
   $3 Content Styles
   ***************************/
#content { overflow:hidden; width:100%; }
#maincontent{ width:456px; overflow:hidden; float:right; margin-top:38px;}

/*home*/
.home_left{ background:url(../images/bg_left_content.jpg) #9a0707 no-repeat left top; width:416px; overflow:hidden; color:#fff; padding:0px 70px 0px 65px; }
.home_left{min-height:624px;_height:expression((document.documentElement.clientHeight||document.body.clientHeight)>624?"624px":"");}
.home_left h1{ font-size:58px; text-align:center;letter-spacing:5px; padding-top:62px; font-family:"Times New Roman", Times, serif;}
.home_left h3{ text-align:right; overflow:hidden; font-size:20px; font-family:"Times New Roman", Times, serif;}
.home_left h3 .img_the{ float:left;}
.home_left h2{ font-size:32px; line-height:30px; font-family:"Times New Roman", Times, serif;}
.home_left h2 span{ font-size:20px; display:block; padding-top:1px;}
.home_left p.message{ font-size:12px; padding-left:20px; margin:10px 0px 10px 0px;}
.home_left p.info{ font-size:13px; padding-right:0px; line-height:15px; margin:5px 0px 40px 0px;}
.home_left p{ padding-right:100px; font-size:12px; line-height:13px;}
.home_right{ float:right; width:455px;padding-bottom:18px;}
.home_right img{ vertical-align:middle;}
/*home end*/

/*SERVICES-landscape*/
.content_l{ padding-top:1px;}
.content_r{padding-left:18px; width:438px; background:url(../images/bg_content_r.jpg) no-repeat right bottom; padding-top:30px; }
.content_r{min-height:445px;_height:expression((document.documentElement.clientHeight||document.body.clientHeight)>445?"445px":"");}
h2.title{ border-top:1px solid #9a0707; border-bottom:1px solid #9a0707; font-size:14px;  display:inline-block; _display:inline; *display:inline ; *padding:5px 0px 3px 0px; text-align:center; text-transform:uppercase; height:28px; line-height:28px;}
.content_r h1{ font-size:26px; text-transform:uppercase; line-height:1; margin:23px 0px 10px 0px; font-family:"Times New Roman", Times, serif;}
.content_r h1 span{ display:block;  font-size:16px; margin-top:3px;}
.content_r p{ font-size:12px;  line-height:18px; padding-right:125px; margin-bottom:18px;}
.content_r p.last{ padding-right:170px;}
ul.list{ margin-bottom:20px;}
ul.list li{ background:url(../images/bg_list.png) no-repeat 5px;  padding-left:15px; line-height:14px; }
a#nextpages img{ margin-left:5px; *margin-top:8px; }
/*SERVICES-landscape end*/


/*beforeafter*/
.beforeafter_content{ background:url(../images/bg_beforeafter.jpg) no-repeat bottom left; padding-top:67px; overflow:hidden;}
.title_box{ float:left; width:232px; padding-left:38px; overflow:hidden;}
.coda-slider-wrapper{ width:750px; float:left; overflow:hidden; position:relative; }
.view_more{ background:url(../images/bg_more.png) no-repeat right; width:90px;font-size:13px; height:30px; line-height:30px; }
.panel h2.title { display:none; }
.coda-slider, .coda-slider .panel { width: 670px; }
/* Use this to keep the slider content contained in a box even when JavaScript is disabled */
.coda-slider-no-js .coda-slider { height: 200px; overflow: auto !important; padding-right: 20px }
/* Tabbed nav */
.coda-slider-wrapper.arrows .coda-slider, .coda-slider-wrapper.arrows .coda-slider .panel { width: 670px; }
.coda-slider-wrapper.arrows .coda-slider{ padding-top:24px;min-height:660px;_height:expression((document.documentElement.clientHeight||document.body.clientHeight)>660?"660px":"");}
.coda-nav ul { clear: both; display: block; overflow: hidden; position:absolute; top:0px ; left:85px; }
.coda-nav ul li { display: inline;  }
.coda-nav ul li a { display: block; float: left; text-decoration:none; color:#000; padding:0px 15px; background:url(../images/bg_coda-nav.png) no-repeat 0px 14px; line-height:30px; font-family:"Times New Roman", Times, serif; }
.coda-nav ul li a.current { color:#9a0707;}	
/* Miscellaneous */
.coda-slider { float: left; overflow: hidden; position: relative }
.coda-slider .panel { display: block; float: left; overflow:hidden; }
.coda-slider .panel-container { position: relative }	
.coda-nav-left, .coda-nav-right { display:none;}

.wrapper_l{ width:235px; padding-left:45px; margin-right:30px; float:left; }
.panel h2{ color:#9a0707; font-size:13px; margin-top:9px;}
.panel p{ line-height:16px; margin-bottom:15px;}
.panel ul{ display:block; margin-bottom:15px;}
.panel ul li{ background:url(../images/bg_list.png) no-repeat 1px 5px; line-height:16px; font-size:12px; padding-left:13px; }
.wrapper_r{ float:left; width:342px;}
.wrapper_l_img{ margin-left:-15px; }
/*beforeafter end*/

/*contact*/
.contact_l{ width:80px; height:225px; float:left; background:url(../images/bg_contact.jpg) no-repeat left top; padding:67px 0px 0px 135px;}
.contact_l h2.title a{ text-decoration:none; color:#000;}
.contact_r{ width:290px; float:left; padding:120px 0px 88px 0px;}
.contact_r p{ font-size:12px; margin-bottom:15px;}
.contact_r p span{ color:#9a0707;}
.contact_r p a{ text-decoration:none; color:#000;}
.contact_r p a{ text-decoration:none;}
.contact_r h2{ font-family:Georgia, "Times New Roman", Times, serif; font-size:13px; margin-top:40px;}
/*contact end*/


/*about*/
.about_l{ position:relative; float:left; width:420px; height:535px; }
.img_about_left{ position:absolute; right:-35px; bottom:215px;}
.img_about_bottom{ position:absolute; right:70px; bottom:26px;}
.left_border{ position:absolute; right:0px; bottom:0px;}
.about_r{float:left; width:520px; padding:67px 0px 0px 40px; position:relative; }
.about_r h2.title{ margin-bottom:38px;}
.about_r p{font-size:12px; line-height:14px; margin-bottom:15px; padding-right:25px;}
.about_img_box{ float:left; margin:0px 20px 20px -20px; width:134px; height:159px; _display:inline;}
.pic_about{ position:absolute; }
/*about end*/


/* *************************** 
   $4 Sidebar Styles
   ***************************/
#sidebar{ width:568px; float:left; position:relative;}

/* *************************** 
   $5 Footer Styles
   ***************************/
#footer { overflow:hidden; padding:20px 0px 30px 0px;}
.email_bar{ float:left; width:530px; margin-left:35px; _display:inline;}
.email_bar a{ text-decoration:none; background:url(../images/bg_emialLink.png) no-repeat right; height:22px; line-height:22px; text-transform:uppercase; color:#231f20; display:inline-block; border-left:1px solid #9a0707; padding:0px 52px 0px 10px;  font-size:10px;  margin-right:13px;}
.email_bar a:hover{ text-decoration:none;}
#footer .message{ float:left; width:456px; _display:inline; text-align:center; color:#9a0707; color:#000; }
#footer .message span{color:#9a0707;}
#footer .message a{ text-decoration:none; color:#000;}
#footer .message a:hover{ text-decoration:none;}