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


body { background: url(images/stephanie_henderson_background.jpg) #000; background-attachment: fixed; color:#3b3a35; font-family: arial, sans-serif; font-weight: bold; letter-spacing:.12em; font-size:9pt; text-align: center; margin-left: auto; margin-right: auto; margin-top: 0px; }

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

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

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; margin-left:auto; margin-right:auto; overflow:hidden; }

#index { width:846px; overflow:hidden; background:#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 #000 2px; border-right: solid #000 2px; border-bottom: solid #000 2px; position:relative;}

.indexleftcol { margin: 10px 10px 10px 20px; float:left; width:390px; font-size:13px; }

.indexrightcol { margin: 10px 10px 10px 10px; float:right; width:390px; font-size:13px; *width:370px; *margin-top:120px; }

.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: 0; }
 
.clearfix { display: inline-block; }
 
html[xmlns] .clearfix { display: block; }
 
* html .clearfix { height: 1%; }

ul {list-style-type:none;}

span.copyrightetc {font-size:7pt; letter-spacing:.01em; display:block; margin: 0 auto; }

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

p.valid { margin:0 auto;}

#preload { display: none; }

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


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


#nav { width:100%; height:40px; background: #252525; }

.navlinks { font-size:14px; color:#FFF; line-height:40px; word-spacing:40px; }

#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:35px; width:183px; }


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


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

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

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

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

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


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


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


/*//////////////// 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 #000 2px; border-right: solid #000 2px; border-bottom: solid #000 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 #000 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:12px\9}

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

#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 ///////////////////////////////////////////////////////////////////////////////*/


.portfoliopage .indexleftcol { width:300px; }

.portfoliopage .indexrightcol { width:480px; border-left:1px solid #CCC;}

.portfoliopage .indexrightcol img { margin-right:40px; }

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

.websitelist { margin: 0 auto 70px auto; height:800px; width:800px; position:relative; overflow:hidden;}

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

.graphicscroller {width:846px; margin:0 auto;}

.graphicscroller li { width:100px; height:100px; border-left:3px solid #CCC; border-top:3px solid #CCC; border-bottom:3px solid #CCC; position:relative; }

.prev, .next, .prev2, .next2 { width:50px; height:18px; margin: 0 0 60px 0; float:right; padding:0; background:#CCC; color:#999; border:none; font-face:verdana; font-weight:bold; line-height:18px;}

.prev:hover, .next:hover, .prev2:hover, .next2:hover { color:#000; }
img.logo { width:210px; top:0; left:0; position:absolute; }

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

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


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


table#pricingpackages, table#pricingextras, table#pricingadvanced { margin:30px auto; font-size:12px; background:#DEDEDE; padding: 20px; -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;-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; }

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

.pricingpage td { padding:10px; text-align:left; }

td.right, th.right { text-align:right; }

th.left { text-align:left; }

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

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