@import url("reset.css");

/*  GLOBAL
--------------------------------------------------------------------*/
.clearfix:after{content:"."; display:block; clear:both; height:0; visibility:hidden;}
.clearfix{display:inline-block;}
.clearfix{zoom:1; display:block;}

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

#logo, #nav li a i, #sliderControl a, #navMore a i, #header a {background:url('../images/sprite.png') no-repeat;}

/*  LAYOUT
--------------------------------------------------------------------*/
body {color:#111; font-family:Arial, sans-serif; background:#eee; font-size:13px;}
a {color:#111;}
p {font-size:13px; line-height:1.4em; padding:5px 0 15px;}
h1, #nav a {font-family: "Arial Narrow", Arial, sans-serif;}
h1 {font-size:18px; font-weight:normal; text-transform:uppercase; padding:18px 0 15px 0; margin:0 0 15px; border-bottom:1px solid #ccc;}

blockquote {margin:0 0 20px; padding:10px 30px; background:url('../images/bgQuote.gif') repeat-y left; font-size:18px; color:#333; width:400px; line-height:1.4em; font-style:italic;}
#header {margin:0 auto; width:1000px;}
#header a {color:#fff; text-decoration:none; display:block; float:right; padding:15px 0 0 35px; background-position:-25px -430px;}

div#page {position:relative; overflow:hidden; background:#fff url('../images/bg.jpg') repeat-x top;}

div#navHold {position:relative; z-index:1; width:1000px; margin:0 auto;}
div#nav {position:absolute; width:260px; height:500px; background:#fff; top:0px; left:0px;}
div#nav a#logo {display:block; margin:15px auto; width:230px; height:90px; background-position:-12px -10px; border-bottom:1px dotted #ccc;}
div#nav a#logo:hover {background-color:#eee;}

#nav a {display:block; letter-spacing:1px; text-transform:uppercase; text-decoration:none; color:#fff;}
#nav a i {display:block;}
#nav ul {width:230px; margin:0 auto;}
#nav ul li {display:block;}
#nav ul li a {position:relative; font-size:13px; padding:22px 15px 18px 75px; margin:0 0 2px; background:#333 url('../images/nav-bg.png') repeat-y left;}
#nav ul li a:hover {background-color:#222;}
#nav ul li a i {position:absolute; left:0; bottom:0; width:66px; height:54px;}
#nav ul li.work a i {background-position:-25px -106px;}
#nav ul li.services a i {background-position:-150px -106px;}
#nav ul li.location a i {background-position:-293px -106px;}
#nav ul li.active a {background-color:#fa7933; background-image:url('../images/nav-active-bg.png');}

#nav #navMore {width:230px; margin:0 auto;}
#nav #navMore a {float:left; background:#333; margin:15px 0 0; width:114px; text-align:center; font-size:11px; padding:0 0 8px; border-bottom:2px solid #fff;}
#nav #navMore a.phone {float:right;}
#nav #navMore a i {margin:0 auto; height:25px; margin:0 0 8px; background-color:#232323;}
#nav #navMore a.email i {background-position:13px -297px;}
#nav #navMore a.phone i {background-position:13px -378px;}
#nav #navMore a:hover {background-color:#333;}
#nav #navMore a.active {border-bottom:2px solid #111; background-color:#111; color:#999;}
#nav #navMore a.active i {opacity:0.6;}

div.emailText, div.phoneText {background:#111; color:#fff; text-align:center; padding:20px 0; clear:both; font-size:13px; display:none;}
div.phoneText span {color:#999;}

div#content {position:relative; padding:48px 0 60px; width:1000px; margin:0 auto;}
div#content .linkTop {position:absolute; bottom:-36px; left:0px; width:170px; text-decoration:none; font-style:italic; padding:10px 0 0 25px; height:25px; border-top:1px solid #111; background:url('../images/linkTop.png') no-repeat left center; }
div#content .linkTop:hover {background-color:#eee;}

div#content div.contentRight {float:right; width:750px; padding:20px 0 0; background:url('../images/bgTitle.gif') repeat-x top;}

#sliderHome {margin:0 0 0 -403px;}
#sliderHome li {display:none; opacity:.3;}
#sliderHome li div {display:none;}
#sliderHome li.active {opacity:1.0;}
#sliderHome li.active div {display:block;}

.slide {cursor:pointer;}
.slide.active {cursor:default;}

#sliderInfo {margin:0 auto; width:565px; padding:0 0 0 305px; position:relative;}
#sliderInfo p {font-size:13px; line-height:1.4em; padding:0 0 15px; font-family:Arial; color:#666;}

#sliderControl {position:absolute; top:2px; left:195px; width:94px; height:80px; z-index:2;}
#sliderControl a {float:left; display:block; background-color:#333; width:45px; height:50px; margin-right:2px;}
#sliderControl a#slideNext {background-position:-155px -204px;}
#sliderControl a#slidePrev {background-position:-22px -204px;}
#sliderControl a:hover {background-color:#fa7933;}

div#footer {color:#999; padding:10px 0 30px; font-size:13px;}
div#footerInner {width:1000px; margin:15px auto 60px;}
div#footer span {display:block; float:right; display:block; text-align:right; line-height:1.4em;}
div#footer a {color:#999; text-decoration:none;}


#sliderHome{display:block;}
#sliderHome li {display:block; float:left; width:675px; height:400px;}

div.contentInner {background:#fff url('../images/content-shadow.jpg') no-repeat left top; margin:0 0 0 250px; padding:8px 30px 40px 50px; min-height:500px;}
div.contentInner div.col {width:320px;}
div.contentInner div.col p {text-align:justify;}
div.contentInner div.col img {width:auto; height:340px;}

ul.listServices {margin:-15px 0 0;}
ul.listServices li {border-bottom:1px solid #ccc; display:block; padding:25px 0 25px 55px; background:url('../images/icon-check.png') no-repeat 10px center; color:#999; font-style:italic;}