@charset "UTF-8";
/* CSS Document */
html { overflow-y: scroll; }
body { margin: auto; text-align: center; background: #fff url("../img/fetching-bg.gif") repeat fixed; }
#wrapper { margin: 4% auto 17px; width: 1000px; text-align: left; position: relative; }
h1 a { display: block; width: 287px; height: 85px; text-indent: -9999px; margin: 0; padding: 0; position: absolute; top: 0px; left: 0px; background: url("../img/logo-h1.png") no-repeat; }
h1 a.nocursor { cursor: default; }
a:focus { outline: none; }
#leftbar { width: 287px; height: 552px; padding: 0; position: absolute; z-index: 2; top: 21px; }
div.midGrad {  width: 287px; height: 341px; position: absolute; top: 85px; left: 0px;  background: url("../img/midGrad.png") no-repeat; }
p.address { width: 287px; height: 117px; background: url("../img/addressFoot.png") no-repeat; text-indent: -9999px; position: absolute; top: 412px; left: 0px; }
#main { width: 952px;  position: relative; top: 0; left: 45px; background: transparent url("../img/mainDivTop.png") no-repeat; margin: 0; padding: 42px 0 45px; }
.whiteTile { width: 952px; min-height: 483px; height:auto !important; height:483px; padding: 0 0 24px; background: transparent url("../img/mainDivTile.png") repeat-y; }
.whiteBtm { width: 952px; height: 45px; position: absolute; bottom: 0; background: url("../img/mainDivBtm.png") no-repeat; }
.content { width: 590px; position: relative; top: 33px; left: 290px; }
#main div.nav { position: relative; top: 20px; left: 284px; width: 596px; height: 52px; }
#main div.nav ul li {float: left; }
#main div.nav ul li a { display: block; height: 52px; }
div.nav ul { background: url("../img/fetchingNav.gif") no-repeat; height: 52px; list-style-type: none; list-style-position: outside; margin: 0; padding: 0; text-indent: -9999px; }
.nav ul li.services { width: 93px; }
.nav ul li.services a:hover { background: url("../img/fetchingNav.gif") 0px 111px; }
.nav ul li.services-active { width: 93px; height: 52px; background: url("../img/fetchingNav.gif") 0px 52px; }
.nav ul li.testimonials { width: 122px; }
.nav ul li.testimonials a:hover { background: url("../img/fetchingNav.gif") -93px 111px; }
.nav ul li.testimonials-active { width: 122px; height: 52px; background: url("../img/fetchingNav.gif") -93px 52px; }
.nav ul li.about { width: 77px; }
.nav ul li.about a:hover { background: url("../img/fetchingNav.gif") -215px 111px; }
.nav ul li.about-active { width: 77px; height: 52px; background: url("../img/fetchingNav.gif") -215px 52px; }
.nav ul li.faq { width: 69px; }
.nav ul li.faq a:hover { background: url("../img/fetchingNav.gif") -292px 111px; }
.nav ul li.faq-active { width: 69px; height: 52px; background: url("../img/fetchingNav.gif") -292px 52px; }
.nav ul li.press { width: 72px; }
.nav ul li.press a:hover { background: url("../img/fetchingNav.gif") -361px 111px; }
.nav ul li.press-active { width: 72px; height: 52px; background: url("../img/fetchingNav.gif") -361px 52px; }
.nav ul li.blog { width: 68px; }
.nav ul li.blog a:hover { background: url("../img/fetchingNav.gif") -433px 111px; }
.nav ul li.blog-active { width: 68px; height: 52px; background: url("../img/fetchingNav.gif") -433px 52px; }
.nav ul li.contact { width: 95px; }
.nav ul li.contact a:hover { background: url("../img/fetchingNav.gif") -501px 111px; }
.nav ul li.contact-active { width: 95px; height: 52px; background: url("../img/fetchingNav.gif") -501px 52px; }
p.intro { border: 1px solid #ccc; }
p, dd { font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px; line-height: 24px; color: #222; }
p a { color: #491e6a; text-decoration: none; border-bottom: 1px dotted #491e6a; }
p a:hover, .basic .normalA:hover { color: #fff; background-color: #491e6a; border-bottom: none; }
.portrait { float: right; margin: 0 0 10px 24px; width: 206px; border: 1px solid #ddd; padding: 5px; } 
#serv div, #q div { margin-bottom: 20px; padding: 0 0 14px 0; background: url("../img/dotsForBgTile.gif") repeat-x bottom;  }
#q i, #serv i { font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; display: block; padding: 9px 0 0 11px; margin-top: 0; text-decoration: none; font-weight: bold; font-style:normal; font-size: 13px; color: #491e6a; }
/* #q i, #serv i { font-family: Arial, Helvetica, sans-serif; display: block; padding: 9px 0 0 11px; margin-top: 0; text-decoration: none; font-weight: bold; font-style:normal; font-size: 13px; color: #491e6a; } */
#q i.firstTitle, #serv i.firstTitle { padding: 12px 0 0 11px; }
#q p, #serv p { padding: 0 11px; line-height: 22px; }
#serv ul { margin: 0 0 0 22px; padding: 0; }
#serv li { list-style-type: none; list-style-position: outside; list-style-image: url("../img/bullet.gif"); color: #111; font-size: 13px; line-height: 17px; margin: 0 0 10px; padding: 0 20px 0 0; }
.price { font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-weight: bold; color: #888; border-right: 1px solid #aaa; padding-right: 7px; margin-right: 8px; font-size:12px; }
img.iRight { float: right; border: 1px solid #ccc; margin: 0 0 15px 20px; }
img.iLeft { float: left; border: 1px solid #ccc; margin: 0 20px 15px 0; }
.dollar { color:#999; font-size: 11px; font-weight: normal; position: relative; top: -1px; margin-right:2px; font-family: Arial, Helvetica, sans-serif; }

div.pressList { min-height: 132px; margin: 10px 0 20px 0; padding: 0 11px 19px; background:transparent url(../img/dotsForBgTile.gif) repeat-x scroll center bottom; }
div.pressList p { margin: 5px 0 0 0; }
div.pressList h2 { margin: 0; padding: 0; font-size: 21px; font-weight: normal; font-family: Georgia, "Times New Roman", Times, serif; }
i.pressTitle { font-size: 11px; font-style: italic; color: #777; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; }
i.date { margin: 2px 0 0; font-size: 11px; font-style: normal; color: #777; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; }

#creativeinfo { bottom: 40px; color: #999; font-family: Arial,Helvetica,sans-serif; font-size: 10px; left: 290px; position: absolute; z-index: 1; }
#creativeinfo a { color: #999; text-decoration: none; border-bottom: 1px solid #999; }
#creativeinfo a:hover { color: #222; border-bottom: none;}

/*  CONTACT  */
div.contactContainer { margin: 28px 0 0 0; position: relative; width: 590px; height: 244px; }
fieldset { border: 0; margin: 0; padding: 0; position: relative; }
.topfield-contain { width: 250px; float: left; }
.top-first { margin-right: 3px; }
ul.form { list-style: none; padding:0; margin: 0 auto; width: 590px; border:0; }
ul.form li { padding: 3px 0; height: 48px; }
.form_head { height: 20px; width: 400px; color: #aaa; text-align: center; border-bottom: 0 !important; }
ul.form li label { display: block; float: left; width: 200px; margin-bottom: 5px; }
.required { display:block; font-size:10px; color:#5b6170; width:160px; float:left; clear:left; }
ul.form li input#form_name, ul.form li input#form_email, ul.form li select, ul.form li textarea { width: 215px; border: 1px solid #ccc; padding: 5px; clear: both; }
ul.form li.submit { text-align:right;border:0;}
ul.form li.submit input { background: transparent url("../img/submit.gif") no-repeat; border: 0 none; cursor: pointer; display: block; overflow: hidden; text-indent:-9999px; font-size: 0px; line-height: 0px; position: absolute; right: 12px; bottom: 12px; width: 62px; height: 27px; }
ul.form li textarea { height: 106px; width: 468px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; }
ul.form li.comment .required, ul.form li.comment label { width: 120px; }
li.comments { height: 130px !important; }
_li.comments { position: absolute; top: 300px; left: 330px; }
.valid { border: 1px solid #02d002 !important; }
.invalid { border:1px solid red !important;}
li.who, li.email { display: block; float: left; width: 253px; }
li.comments { display: block; float: left; width: 590px; }
img.thanks { margin-top: 30px; }
p.normalP { display: block; }
p.ie6sucks { display: none; }

/* carousel */
h2.testimonials { font-weight: normal; font-size: 20px; text-align: left; margin: 12px 0 7px 68px; color: #222; }
#screen .drop { display: block; float: left; font-size: 44px; line-height: 44px; margin-right: 3px; }
#sections .by { text-transform: uppercase; letter-spacing: 1px; font-size: 10px; font-weight: bold; background: #ddd; }
#sections ul, #sections li,#sections h4, #sections h3, #sections h2,#sections h1, #sections p { padding: 0; margin: 0; list-style: none; }
h3 { text-align:center; font-weight: normal; margin: 0; padding: 0; }
#screen { position: relative; height: 375px; width: 590px; margin-top: 0px; }
#screen .next, #screen .prev { position: absolute; top: 120px;  cursor: pointer; }
#screen .prev { left: 1px; }
#screen .next { right: 4px; }
#navigation { width: 600px; text-align: center; margin-left: 62px; }
#navigation ul{ margin-left: 55px !important; margin-left: 35px; }
#navigation li { float: left; width: 464px; margin: 0 20px; padding: 10px 20px; background-color: #eee; }
#navigation a { color: #933; font-weight: bolder; text-decoration: none; }
#sections { overflow: hidden; background-color: white; width: 475px; height: 364px; clear: left; margin-left: 57px;}
#sections ul{ width: 3660px; list-style:none; }
#sections li { float: left; width: 464px; padding: 10px 12px; }
#sections li.fallen { margin-top: 369px; }
#sections p { width: 464px; margin: 16px 0; font-size: 14px; line-height: 22px; }
#sections h2 { color: #993333; margin: 20px 0pt; }
#sections a { color: #777; font-weight: bolder; text-decoration: none; }

/* home slideshow */
p.homeCenter { width: 589px; height: auto; text-align: center; font-size: 12px; line-height: 21px; margin: 27px 0 0; }
span.homeOpener { display:block; font-family:"Lucida Sans Unicode","Lucida Grande",sans-serif; font-size:16px; font-weight:bold; margin:0 auto 3px; text-align:center; }
/* span.homeOpener { text-indent: -9999px; display: block; width: 547px; height: 17px; background: url("../img/home-paragraph-opener.gif") no-repeat center top; margin: 0 auto 5px; text-align: center; } */
#slideshow { position: relative; width: 589px; height: 291px; top: 5px; margin: 0; }
#slideshow IMG { position:absolute; top:0; left: 0; z-index: 8; opacity: 0.0; }
#slideshow IMG.active { z-index: 10; opacity: 1.0; }
#slideshow IMG.last-active { z-index: 9; }