/* CSS for Chroma Design
Created by Ryan Hanau*/

body { margin-top: 20px; color: #333; font-family: "Lucida Sans Unicode", "Lucida Sans", "Franklin Gothic Demi", Verdana, Arial, Helvetica, sans-serif; font-size: .9em; line-height: 1.4em; text-align: center; background: #99cdff url(../images/misc/bg.jpg) no-repeat top center;}

/*Text Rules*/
a:link, a:visited {color: #ac3c31; text-decoration: none;}
a:hover {color: #ac3c31; text-decoration: underline;}
h1 {font-size: 1.7em; font-weight: bold; color:#000; line-height: 1.4em; }
h1.alt {font-size: 1.7em; font-weight: bold; color:#fff; background:url(../images/misc/h1Bg.gif) no-repeat; padding: 5px 10px;border-bottom:1px solid #9ccdff; width:260px; line-height: 1.4em; }
h1.under {font-size: 1.5em; border-bottom:1px solid #000; width:100%; color:#000; line-height: 1.4em; }
h2 {font-size: 1.4em; font-weight: bold; color:#222; line-height: 1.3em; }
h3 {font-size: 1.1em; font-weight: bold; color:#444; line-height: 1.2em; }
h4 {font-size: 1em; font-weight: normal; color:#222; font-style: italic; line-height: 1.1em; }
h5 {font-size: 1em; font-weight: normal; color:#222; font-style: italic; line-height: 1em; }
.small {font-size:.7em;}
.bold {font-weight:bold; }
.boldBlack {font-weight:bold; color:#000; }
.black {color:#000; }
.white {color:#fff;}
.italic {font-style: italic; }
.shadowRed {text-shadow: red 0px 2px 5px; }
.shadowBlack {text-shadow: #000 0px 2px 5px; }
blockquote {margin-left:10px;}
#nav ul, #nav li {list-style:none; list-style-image:none;}

li {list-style: square outside none; margin-left:-12px;}
ul ul li {list-style: circle outside none; margin-left:-30px;}
li.noBullet {list-style:none; margin-left:-40px;}

/* Code prior to 7-4-07; changed for IE 7 fix
ul {list-style:none; margin-left:-25px; _margin-left:15px;}
ul li {list-style:none; background: url(../images/misc/listBullet.gif) no-repeat 0em .4em; padding-left:15px;}
ul ul {list-style:none; padding-left:0; margin-left:0;}
ul ul li {list-style:none; background: url(../images/misc/listBullet2.gif) no-repeat 0em .4em; margin-left:20px; _margin-left:0px;}*/

/* Misc Rules*/
.column {-moz-column-count:2; -moz-column-gap: 2em;}
.clearing {clear:both;}
img {border:0;}
.floatRight {float:right; margin-left:10px;}
.floatLeft {float:left;}
img.floatLeft {float: left; clear: left; margin: 0 1em 0 0;}
.terminal {padding-right:15px; background:url(../images/misc/flowerTerminal.gif) no-repeat center right;}
.logo {position:absolute; top:40px; left:40px;}
.cdMark {position: absolute; top:-40px; right:40px;}
.topOfPageImageNext {position:absolute; top:210px; left:0px; z-index:100; width:690px; height:35px;}
.topLink {position:relative; z-index:100; width:690px;}
.topLink img  {position:absolute; top:-5px; left:574px; }
#caseStudies .topLink {display:none;}
#testimonials .topLink {display:none;}
#discovery .topLink {display:none;}
#thankYou .topLink {display:none;}
.headerImage {margin:0 0 20px -22px; _margin:0 0 20px 0; height:32px;}
.movingFlower {position:absolute; top:5px; left:485px; z-index:1; width:200px; height:100px;}
.displayNone {display:none;}
.displayShow {display:block;}
.visibilityHidden {visibility:hidden;}
.visibilityVisible {visibility:visible;}
h3.bottomMargin {padding-bottom:-10px; margin-bottom:-10px;}
h4.bottomMargin {padding-bottom:-10px; margin-bottom:-10px;}
.bottomMargin140 {padding-bottom:140px;}
.bottomMargin100 {padding-bottom:100px;}
.bottomMargin60 {padding-bottom:60px;}
.bottomMargin40 {padding-bottom:40px;}
.bottomMargin20 {padding-bottom:20px;}
.bottomMargin10 {padding-bottom:10px;}
.bottomMargin-5 {padding-bottom:-5px;}
.bottomMargin-10 {padding-bottom:-10px;}
.bottomMargin-20 {margin-bottom:-20px;}
.bottomMargin-40 {margin-bottom:-40px;}
.topMargin80 {margin-top:80px;}
.topMargin40 {margin-top:40px;}
.topMargin20 {margin-top:20px;}
.topMargin10 {margin-top:10px;}
.topMargin7 {margin-top:7px;}
.topMargin5 {margin-top:5px;}
.topMargin0 {margin-top:0px;}
.topMargin-5 {margin-top:-5px;}
.topMargin-10 {margin-top:-10px;}
.topMargin-20 {margin-top:-20px;}

.noBreak {white-space:no-wrap;}
.movie {float:left; width: 188px; height: 128px; margin:6px; _margin: 5px; border: 1px solid #e6e6e6;}
.movie img {margin:4px;}
.center {margin:auto;}
.transparency {position:absolute; top:0; left:0; height: 100%; width: 100%; z-index:1;}
.transparency img {width:100%; height:100%;}
hr {border-top:1px dashed #777; border-bottom:1px solid #fff; border-right:none; border-left:none; height:2px; _margin:0;}
.hrbold {border-top:none; border-bottom:2px solid #000; border-right:none; border-left:none;}
.whiteBg {background:#fff;}
.condensed {letter-spacing:-1px;}


/* Outer Box:Centers Content & Footer Rules */
.firstBox {position: relative; width:770px; margin: auto; z-index:1; clip:auto; overflow:hidden;}
#home .firstBox, #html2 .firstBox, #css .firstBox, #javascript .firstBox, #clientList .firstBox {overflow:visible;}
.footer {position: absolute; bottom:0; left: 0; width: 765px; height: 30px; 
margin: auto; font-size: 11px; color: #404040; z-index:100;}
.footerLeft {padding: 2px 0 0 20px; _padding: 3px 0 0 20px; float:left; text-align:left; }
.footerRight {padding: 2px 20px 0 0; _padding: 3px 20px 0 0; float:right; text-align:right; }
.footer a, .footer a:link, .footer a:visited {color: #404040; text-decoration: none; }
.footer a:hover {color: #404040; text-decoration: underline; }

/* Second Box Rules: Paints Box with Drop Shadow*/
.top {width: 770px; margin:auto; height:100px;}
.middle {background: url(../images/corners/cornersMain/bgMiddle.png) repeat-y; _background:  url(../images/corners/cornersMain/bgMiddle.gif) repeat-y; width: 770px; height:auto; margin: auto; padding-bottom:58px; text-align:left;}
.bottom {width: 770px; margin:auto; height:35px;}

/* Third Box Rules: Paints Rounded Corner Black Box */
.thirdBox {margin-left:40px; width:690px; padding: 0; text-align:left; background-color: #fff; }
.roundBoxTop { background:  url(../images/corners/cornersStroke/top.gif) repeat-x;}
.roundBoxTop div { background:  url(../images/corners/cornersStroke/1.gif) no-repeat top left; }
.roundBoxTop div div { background:  url(../images/corners/cornersStroke/2.gif) no-repeat top right;}
.roundBoxBottom { background:  url(../images/corners/cornersStroke/bottom.gif) repeat-x top left;}
.roundBoxBottom div div { background:  url(../images/corners/cornersStroke/3.gif) no-repeat top right;}
.roundBoxBottom div { background:  url(../images/corners/cornersStroke/4.gif) no-repeat top left;}
.roundBoxContentWrap { background:  url(../images/corners/cornersStroke/left.gif) repeat-y top left; }
.roundBoxContent { background:  url(../images/corners/cornersStroke/right.gif) repeat-y right; }
.roundBoxTop div, .roundBoxTop, .roundBoxBottom div, .roundBoxBottom { width: 690px; height: 20px; font-size: 1px;}
.roundBoxContent  { padding: 0 40px; margin: 0;}

/* Fifth Rules: Creates 2 Column Layout */
.leftCol {width:280px;float:left; z-index:100;}
.rightCol {width:280px; float:right; z-index:100;}

/* Google Contact Us Page iFrame Rules */
#required {font-weight:bold; float:right;}
.ss-required-asterisk {font-weight:bold;}
.ss-q-short {width:80%;}
#ss-form {margin-bottom:50px;}