/*
 * c-css by U4EA Technologies - Allan Jardine
 * Version:       1.2.php.3
 * Browser:        0
 * Browser group: 
 */
html { height: 100%; overflow-y: scroll; }
hr { display: none; }
acronym, abbr { border-bottom: none; cursor: help; }
* { padding: 0; margin: 0; }
h1, h2, h3, h4 { font-weight: normal; }
li { list-style-type: none; }
a { text-decoration: none; color: #fff; }
a:focus { outline: none; }
em { font-style: italic; }
strong { font-weight: bold; }
img { border: none; }
img.inline { display:inline; }
span.hide { display: none; }
.clear { clear: both; }
sup, sub { height: 0; line-height: 1; vertical-align: baseline; position: relative; }
sup { bottom: 1ex; }
sub { top: .5ex; }
.right { float: right; }
::selection { background: #888888; color: #fff; }
::-moz-selection { background: #888888; color: #fff; }
input, textarea { border: 0; font-family: Helvetica, Arial, Sans-serif; font-size: 1.2em; color: #888; }
body { font-family: Helvetica, Arial, Sans-Serif; color: #fff; font-size: 62.5%; background: url(../images/body-bg.gif) repeat-x #fff; }
p { font-size: 1.2em; color: #888; margin: 0 0 20px 0; line-height: 16px; }
h1 { font-size: 2.6em; color: #888; margin: 0 0 20px 0; }
h2 { font-size: 2.4em; color: #888; }
h3 { }
h4 { font-size: 2.4em; }
body#sitemap, body#legal {background: url(../images/body-bg2.gif) repeat-x #fff;}
#wrapper { min-height: 100%; margin: 0 auto -30px auto; }
html, body { height: 100%; }
#footer, .push { height: 30px; margin:10px 0px 0px 0px;}
#footer { width: 940px; margin: 0 auto; height: 30px; position: relative; }
#header { width: 940px; height: 160px; position: relative; background: url(../images/telephone.jpg) right 25px no-repeat; }
#wrapper { width: 940px; }
#nav { z-index: 3000; position: relative; width: 940px; height: 33px; background: url(../images/nav-bg.gif) repeat-x; margin: 0 0 20px 0; }
.logo { position: absolute; top: 24px; display: block; width: 114px; height: 114px; background: url(../images/logo.jpg) no-repeat; }
#content { height: 405px; }
.content-left { width: 255px; float: left; padding: 55px 40px 0 15px; }
.content-right { width: 630px; float: right; }
#sitemap #content, #legal #content {height:auto;}
#sitemap p, #legal p {margin:0px 0px 10px 0px;}
#sitemap #content ul, #legal #content ul {color:#888;margin:0px 0px 10px 15px;}
#sitemap #content ul ul {color:#888;margin:5px 0px 10px 15px;}
#sitemap #content li, #legal #content li {margin:0px 0px 5px 0px;list-style:disc;font-size:1.2em;line-height:16px;}
#sitemap #content li li {font-size:1em;}
#sitemap #content a {color:#888;}
#nav li { float: left; font-size: 1.5em; line-height: 33px; height:33px;border-left: solid 1px #cfcfc7; border-right: solid 1px #cfcfc7; }
#nav li:first-child { border-right: 0; }
#nav li a { display: block; width: 154px; text-align: center; }
#nav li a:hover { background: url(../images/nav-hover-bg.gif) repeat-x; }
#nav li.last { float: right; }
#nav li ul li, #nav li ul li:hover { border-left: 0; border-right: 0; letter-spacing: 0.5px; }
#nav li li a { color:#fff; background: url(../images/nav-hover-bg.gif) repeat-x #858688; }
#nav li a:hover { color:#fff; background: url(../images/nav-hover-bg.gif) repeat-x #858688; }
#nav li ul { display: none; position: absolute; }
#nav li:hover ul { display: block; }
#nav li ul li { opacity: 0.8; border-bottom: 1px solid #92969d; text-indent: 15px; clear:both;filter:alpha(opacity=80);font-size: 0.8em; }
#nav li ul li:hover a { background: #a9a9a6; }
#nav li ul li:hover { opacity: 1 !important; filter:alpha(opacity=100);}
#nav li ul li a { text-align: left; width: 154px; height: 33px; display: block; background-image: none !important; }
#nav ul.work-drop { left: 156px; top: 33px; z-index: 1000; }
#nav li:hover ul.work-drop li ul.work-drop-sub { display: none; position: absolute; left: 154px; top: 0px; }
#nav li.sfhover ul,#nav li li.sfhover ul,#nav li li li.sfhover ul { left: 157px; top: 33px; display: block; }
#home a.home, #work a.work, #contact a.contact { background: url(../images/nav-hover-bg.gif) repeat-x #858688; }
#footer ul { position:absolute; }
#footer ul.left { left:0px; }
#footer ul.right { right:0px;left:auto; }
#footer li { color: #888; float: left; margin: 0 0 0 5px; }
#footer li:first-child { margin: 0; }
#footer li a { color: #c4c4ba; }
#work .content-left { width: 628px; height: 405px; float: left; padding: 0; }
#work .content-right { width: 290px; height: 340px; float: right; padding: 65px 0 0 0; }
#work #content { margin: 0 0 20px 0; }
#work .work-thumbs { }
#work .work-thumbs li { margin: 0 0 18px 18px; opacity: 1; filter:alpha(opacity=100);}
#work .work-thumbs li.left { float: left; }
#work .work-thumbs li.right { float: right; }
#work .work-thumbs li.activeSlide { opacity: 0.6; filter:alpha(opacity=60);}
#work .work-thumbs li img { width: 127px; height: 127px; }
#work .work-text { width: 930px; height: 33px; background: url(../images/nav-bg.gif) repeat-x; margin: 0 0 0 0; clear: both; padding: 0 0 0 15px; }
#work .work-text p { line-height: 33px; color: #fff; font-size: 1.5em; float: left; }
#work .work-text a.next { float: right; border-left: solid 1px #cfcfc7; border-right: solid 1px #cfcfc7; }
#work .work-text a.next { display: block; width: 154px; text-align: center; float: right; height: 33px; font-size: 1.5em; line-height: 33px; }
#work .work-text a.next:hover{background: url(../images/nav-hover-bg.gif) repeat-x #858688;}
#send .content-left, #contact .content-left { width: 628px; height: 405px; float: left; padding: 0; }
#send .content-right, #contact .content-right { width: 290px; height: 365px; float: right; padding: 18px 0 0 0;position:relative; }
#contact #content { margin: 0 0 20px 0; }
#contact .address { width: 930px; height: 33px; background: url(../images/nav-bg.gif) repeat-x; margin: 0 0 0 0; clear: both; padding: 0 0 0 15px; }
#contact .address p { line-height: 33px; color: #fff; font-size: 1.3em; }
#contact .address a:hover { color: #888; }
#contact .submit-button { }
#contact .contact-form { background: 0; }
#contact .contact-form input{ width: 270px; height: 33px; margin: 0 0 5px 0; padding: 0 0 0 5px; line-height: 33px; }
#contact .contact-form textarea{ width: 270px; height: 100px; margin: 0 0 5px 0; padding: 5px 0 0 5px; }
#contact input:focus, #contact textarea:focus { color: #888; background: #F0F0F0; }
#contact .contact-form .submit-form{ float: left; width: 100px; margin: 0 0 25px 0; background: url(../images/nav-hover-bg.gif) repeat-x #858688; color: #fff; cursor: pointer; }
#contact .contact-form .submit-form:hover{ background: url(../images/nav-bg.gif) repeat-x;color: #fff; }
#contact input.submit-form:focus { color: #fff; }
textarea.error, input.error {border:1px solid red;}
#send .content-right p, #contact .content-right p { line-height: 0; margin: 0 0 20px 0; }
#send .content-right, h1, #contact .content-right h1 { margin: 0 0 10px 0; }
#contact .contact-form p { font-size: 1.1em; float: right; margin: 0 15px 0 0; line-height: 16px; }
#contact #map { width: 628px; height: 405px; }
#contact #map h2 { font-size: 1.5em; color: #A4A4A2; margin: 0 0 5px 0; }
#contact #map p { line-height: 18px; margin: 0 0 10px 0; }
#contact .balloon { height: 200px; width: 240px; }
#contact .balloon img { height: 100px; width: 210px; }
#send #map { width: 628px; height: 405px; }
#send #map h2 { font-size: 1.5em; color: #A4A4A2; margin: 0 0 5px 0; }
#send #map p { line-height: 18px; margin: 0 0 10px 0; }
#send .balloon { height: 200px; width: 240px; }
#send .balloon img { height: 100px; width: 210px; }
.slideshow {overflow:hidden;height:405px;width:628px;}
.work-slideshow {overflow:hidden;height:405px;width:628px;}
#errorLabel { position:absolute;top:80px;left:-310px;width:250px;height:auto;padding:15px;border:1px solid red;display:none;font-size:1.2em;color:red;background:#fff;}
#errorLabel li {line-height:20px;font-weight:bold;}
.imgslide {background:#c3c3b9;height:100%;}
.boxBox {width:100%;margin:0px 0px 0px 0px;clear:both}
.box3, .box2, .box1 {width:295px;float:left;color:#000;margin: 0px 20px 0px 0px;}
.box3 {margin:0px;}