/*//////////////// GLOBAL STYLES ///////////////////////////////////////////////////////////////////////////////*/


body { background: url(images/woodbggray.jpg) #000; background-attachment: fixed; color:#000; font-family:verdana, arial, sans-serif; font-weight:normal; font-size:13px; text-align: center; margin: 0 auto; padding:0;}

a:link { margin:0px; padding:0px; text-decoration:none; border:none; color:#000; }

a:visited { margin:0px; padding:0px; text-decoration:none; border:none; color:#000; }

a:hover { margin:0px; padding:0px; text-decoration: none; border:none; color:#3e3c3c; }

a:active { margin:0px; padding:0px; text-decoration:none; border:none; color:#3e3c3c; }

#container { width:846px; height:100%; overflow:visible; background:#FFF; margin:0 auto; padding:0; position:relative; _overflow:hidden; min-height:800px;}

#index { width:846px; height:100%; overflow:hidden; background:#FFF; margin:0 auto; padding:0;}

.hiremeindex { margin: 0 auto 0 auto; padding: 0; width:846px; text-align:left; color:#252525; font-size:13px; }

.hiremeindex img {margin:0px auto; }

.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 100%; }
 
.clearfix { display: inline-block; }
 
html[xmlns] .clearfix { display: block; }
 
* html .clearfix { height: 1%; }

ul {list-style-type:none;}

span.copyrightetc {font-size:11px; display:block; margin: 0 auto; }

span.idea { font-size:11px; }

img { border:0px; margin:0px; padding:0px; }

p.valid { margin:0 auto;}

#preload { display: none; }

.socialmedia { font-size:10px; display:inline; float:right; }

.iportprocpric { background:url(images/stephanie_henderson_web_design_main_image_sprite.jpg) 0px -2508px; width:846px; height:418px; }

.hangoverimgcf { position: absolute; top:65px; left:798px; z-index:2000; _display:none; _visibility:hidden;}

.noshow {display:none; visibility:hidden;}

span.orange { color:#e6a24a; }

span.yellow { color:#e2e019;}

span.green_on_white { color:#3bb54e; font-size:16px;}


/*//////////////// NAV STYLES ///////////////////////////////////////////////////////////////////////////////*/


#nav { width:100%; height:50px; background: #252525; opacity:0.80; filter:alpha(opacity=80); margin:0; padding:0; border-bottom:1px solid #444;}

.navlinks { font-size:14px; color:#FFF; letter-spacing:.05em; line-height:50px; word-spacing:30px; _vertical-align:middle; font-weight:bold;}

#nav a:link { text-decoration:none; border:none; color:#FFF; }

#nav a:visited { text-decoration:none; border:none; color:#FFF; }

#nav a:hover { text-decoration:none; border:none; color:#DDD; }

#nav a:active { text-decoration:none; border:none; color:#a29f90; }

#nav img {height:30px; width:30px; margin:0; padding:0; vertical-align:middle; }

#nav .other {height:30px; width:160px; }


/*//////////////// FOOTER STYLES ///////////////////////////////////////////////////////////////////////////////*/


#footer { width:100%; height:140px; background: #111; opacity:0.80; filter:alpha(opacity=80); font-size:13px; font-weight:bold; color:#FFF; margin:0; padding:0;}

#footer ul {float:left; margin-left:40px;}

#footer ul li {text-align:left; line-height:17px; width:100px;}

ul.sitelinks {padding-left:320px;}

.footerc {width:100%; float:right;}

#footer a:link { text-decoration:none; border:none; color:#FFF; }

#footer a:visited { text-decoration:none; border:none; color:#FFF; }

#footer a:hover { text-decoration:none; border:none; color:#DDD; }

#footer a:active { text-decoration:none; border:none; color:#a29f90; }


/*//////////////// SLIDESHOW STYLES ///////////////////////////////////////////////////////////////////////////////*/


#slideshow { position:relative; margin:0; padding:0; width:846px; height:418px; background:#252525; }

.mainimage { margin:0; padding:0; width:846px; height:418px; background:#252525;}

#slideshow IMG, #slideshow DIV.simage { position:absolute; top:0; left:0px; z-index:8; width:846px; height:418px; }

#slideshow IMG.active, #slideshow DIV.simage.active { z-index:10; }

#slideshow IMG.last-active, #slideshow DIV.simage.last-active { z-index:9; }

.i0 { background:url(images/stephanie_henderson_web_design_main_image_sprite.jpg) 0px 0px; width:846px; height:418px; }

.i1 { background:url(images/stephanie_henderson_web_design_main_image_sprite.jpg) 0px -418px; width:846px; height:418px; }

.i2 { background:url(images/stephanie_henderson_web_design_main_image_sprite.jpg) 0px -836px; width:846px; height:418px; }

.i3 { background:url(images/stephanie_henderson_web_design_main_image_sprite.jpg) 0px -1254px; width:846px; height:418px; }

.i4 { background:url(images/stephanie_henderson_web_design_main_image_sprite.jpg) 0px -1672px; width:846px; height:418px; }

.i5 { background:url(images/stephanie_henderson_web_design_main_image_sprite.jpg) 0px -2090px; width:846px; height:418px; }


/*//////////////// INDEX STYLES ///////////////////////////////////////////////////////////////////////////////*/


.indexleftcol { margin: 10px 10px 10px 20px; float:left; width:390px; height:100%; font-size:13px; word-spacing:.09em; background:#FFF;}

.indexrightcol { margin: 0px 10px 10px 10px; float:right; width:390px; height:100%; font-size:13px; *width:363px; *margin-top:120px; *margin-right:20px;  border-left: 1px solid #CCC; padding-left:7px; background:#FFF;}

.hangoverimg { position: absolute; top:131px; left:-28px; z-index:2000; _display:none; _visibility:hidden;}

span.ie { font-size:12px; color:#000; margin-bottom:20px; display:block; }

.bio { text-align:left; margin-left:25px; }


/*//////////////// FORM STYLES ///////////////////////////////////////////////////////////////////////////////*/


#formindex { width: 320px; background: #3b3a35; color:#FFF; margin:0 auto; -moz-border-radius-bottomleft:12px; -webkit-border-bottom-left-radius: 12px; border-bottom-left-radius:12px; -moz-border-radius-bottomright:12px; -webkit-border-bottom-right-radius: 12px; border-bottom-right-radius:12px; border-left: solid #222 2px; border-right: solid #222 2px; border-bottom: solid #222 2px; -moz-border-radius-topleft:12px; -webkit-border-top-left-radius: 12px; border-top-left-radius:12px; -moz-border-radius-topright:12px; -webkit-border-top-right-radius: 12px; border-top-right-radius:12px; border-top: solid #222 2px; *display:none;}

#maincontactForm #fieldset_container {width:320px; float: left; margin:0; padding:0;}

#maincontactForm fieldset { width:320px; margin:0; padding:0; border:none; display:block;}

#maincontactForm fieldset label { display:block; float:left; text-align:right; margin: 0 0 0 10px; width:130px; font-size:13px\9}

#maincontactForm .briefoverview {width:270px; display:block; margin-left:15px; font-size:13px;}

#maincontactForm fieldset input { width: 150px; border: 1px solid #000; display:block; float:left; margin-left:10px; }

fieldset input:hover { border: 1px solid #e5ff19; }

fieldset input:active, input:focus { border: 1px solid #e5ff19; }

fieldset input:visited { border: 1px solid #000; }

#maincontactForm textarea {width:290px; height:250px; border: 1px solid #000; display:block; margin:0 auto; float:none; }

fieldset textarea:visited { border: 1px solid #000; }

fieldset textarea:hover { border: 1px solid #e5ff19; }

fieldset textarea:active, input:focus { border: 1px solid #e5ff19; }

#submit_button input {width:110px; margin-top:20px; margin-bottom:20px; margin-left:94px; margin-right:94px;}

#maincontactForm #submit_button input {width:110px; margin-top:20px; margin-bottom:20px; margin-left:105px; margin-right:105px;}

.message { display:none; }

#alert { font-size:12px; margin:0 auto; text-align:center;}


/*//////////////// PORTFOLIO STYLES ///////////////////////////////////////////////////////////////////////////////*/


/*div.portfoliotitle { background:url(images/portfolio_procedure_pricing_sprite.png) 0px 0px; width:293px; height:70px; position: absolute; top:134px; left:25px;  _display:none; _visibility:hidden;}*/

.portfoliotext { position:absolute; width:420px; height:300px; top:130px; left:60px; color:#DDD; text-align:left; font-size:13px;}

span.titleheader {color:#3bb54e; font-size:40px; font-weight:bold;}

.clickto { clear:both; margin: 0 300px 0 40px; display:block; }

.websitelist { margin: 0 auto 50px auto; height:1850px; width:800px; position:relative; }

img.website {height:199px; margin:0 auto 0 auto;}

.peachimage { height:215px; margin:10px 10px 40px 10px; }

.candlevid { width:367px; height:215px; margin:10px 10px 40px 10px;}

.logos {margin-bottom:30px;}


/*//////////////// PROCEDURE STYLES ///////////////////////////////////////////////////////////////////////////////*/


/*div.proceduretitle { background:url(images/portfolio_procedure_pricing_sprite.png) 0px -68px; width:293px; height:50px; position: absolute; top:141px; left:25px;  _display:none; _visibility:hidden;}*/

.proceduretext { position:absolute; width:420px; height:300px; top:130px; left:60px; color:#DDD; text-align:left; font-size:13px;}

ul.procedure {margin: 20px auto; padding:0 130px; text-align:left; font-size:13px;}

ul.procedure li {margin:25px 0; padding-bottom:25px; border-bottom:3px solid #CCC;}

ul.procedure li.last { text-align:center; border:none; margin-bottom:0px;}

.leftside { display:inline; color:#3bb54e; margin-right:10px; }

.rightside {display:inline; }


/*//////////////// PRICING STYLES ///////////////////////////////////////////////////////////////////////////////*/


/*.pricingleftcol { margin: 0px 10px 0 60px; float:left; width:420px; height:100%; padding-right:22px; *margin-left:60px; _margin-left:30px; background:#FFF;}

.pricingrightcol { margin: 0px 60px 0 0; float:right; width:260px; height:100%; *margin-right:60px; _margin-right:30px; background:#FFF;}

div.pricingtitle { background:url(images/portfolio_procedure_pricing_sprite.png) 0px -115px; width:293px; height:60px; position: absolute; top:119px; left:4px;  _display:none; _visibility:hidden;}*/

.pricingtext { position:absolute; width:420px; height:300px; top:130px; left:60px; color:#DDD; text-align:left; font-size:13px;}

span.ex {  font-size: 11px; }

.glossaryimg { position: absolute; top:390px; left:685px;}

table#pricingpackages, table#pricingextras, table#pricingadvanced { margin:0 auto 30px auto; font-size:13px; background:#FFF; padding: 20px 60px; *margin:0 60px 30px 60px;}

td.first {width:500px;}

th.heading, td.heading { text-align:center; vertical-align:middle; padding-bottom:20px; border-bottom:1px solid #999; width:100%;}

.pricingpage td { padding:10px; text-align:left; padding-bottom:20px; border-bottom:1px solid #999;}

.ieheader { *padding-top:10px; }

th.left, td.left, span.left { text-align:left; }

th.center, td.center, span.center { text-align:center; }

th.slashed, td.slashed, span.slashed { text-decoration: line-through; }


/*//////////////// CONTACT STYLES ///////////////////////////////////////////////////////////////////////////////*/

div.quote_form {margin:0 0 50px 0;}