/*
WPCoder.com Main Stylesheet
~
Site developed by Dan Philibin (danphilibin.com)
Designed by Ben Debnam (goocreative.co.uk)
~
Please do not copy this stylesheet or anything on this site
for your own use, or we'll call the cops and send the CSS
demons after you.
*/

/* General Styles */
*								{ margin: 0px; padding: 0px; }
body, html						{ height: 100%; }
body							{ background: #6f5f49 url(../images/pagebg.gif); font-family: Arial, Helvetica, sans-serif; font-size: 62.5%; margin: 0px 0px  }
a								{ outline: none; }
p								{ margin-bottom: 10px; }
.clearfix:after					{ content: "."; visibility: hidden;  display: block; height: 0px; clear: both; }
* html .clearfix				{ height: 1%; }
.clear							{ clear:both; }

#container						{ width: 100%; min-width: 1050px; min-height: 100%; height: auto !important; background: url(../images/page-bottom.gif) repeat-x top; height: 100%; margin: 0px auto -38px; font-size: 1em; }

.balloons { position:absolute; left:-110px; top:20px; }
.balloons img { border:none; }

/* Machine Area */
#machine						{ width: 960px; height: 450px; background: url(../images/machine.png) no-repeat bottom center; margin: -30px auto 50px; position: relative; }
#machine a#order-now			{ width: 151px; height: 63px; text-indent: -9999px; background: url(../images/ordernow.gif) no-repeat; background-position: top; display: block; position: absolute; top: 248px; left: 477px; }
#machine a:hover#order-now		{ background-position: bottom; }

.broken #machine { background:url(../images/machine_broken.png) no-repeat bottom center; height:520px; margin: -90px auto 50px; }
.broken #machine a#order-now { display: none; }
.broken #nav li.order { display:none; }
.broken .blurb a.ordernow-large { display:none; }

/* Header */
#header							{ width: 960px; margin: 0px auto; position:relative; }
#header h1#logo					{ width: 356px; height: 170px; padding: 65px 0px 0px 50px; background: url(../images/logo.gif) no-repeat; float: left; text-indent: -9999px; font-size: 0.01em; margin-left:-20px; }
#header .welcome				{ clear: both; width: 960px; height: 141px; background: url(../images/welcomebg.gif) no-repeat; font-size: 1.45em; color: #fff; }
#header .welcome p				{ padding: 35px; line-height: 22px; }
#header .welcome p a			{ color: #ba8a29; font-weight: bold; text-decoration: none; }

/* Main Navigation */
#nav							{ list-style: none; float: right; margin-left:-50px; padding: 120px 20px 0px 0px; font-size: 1.5em; font-weight: bold; }
#nav li							{ display: inline; }
#nav li a						{ display: block; float: left; color: #fff; text-decoration: none; padding: 7px 10px; }
#nav li a:hover					{ color: #ffcc00; }
#nav li.order a					{ width: 116px; height: 18px; background: url(../images/orderbg.gif) no-repeat top; text-align: center; padding: 7px 0px; margin-left: 10px; }
#nav li.order a:hover			{ background: url(../images/orderbg.gif) no-repeat bottom; color: #fff; }

/* Footer */
#footer							{ min-width: 960px; height: 11px; padding: 12px 0px 15px; background: #322c24; color: #fff; text-align: center; font-size: 1.25em; font-weight: bold; position: relative; z-index: 100; }
#footer a						{ color: #fff; text-decoration: none; }
#footer a:hover					{ text-decoration: underline; }
#footer p						{ width: 1050px; margin: 0px auto; text-align: center; }

/* Popup Boxes */
.popup							{ display: none; }

/* Blurb Text and Order Now button */
.blurb							{ width: 650px; padding: 10px 45px; color: #444; }
.blurb .text					{ width: 450px; float: left; }
.blurb h3						{ font-size: 1.15em; margin-bottom: 10px; }
.blurb a.ordernow-large 		{ display: block; width: 125px; height: 50px; background: url(../images/ordernow-large.gif); background-position: top; float: right; margin: 15px 0px 0px 0px; }
.blurb a:hover.ordernow-large 	{ background-position: bottom; }
.blurb a						{ color: #584223; font-weight: bold; text-decoration: none; }
.blurb p						{ clear:both; margin-bottom:15px; line-height:21px; }

/* Pricing Table */
#pricetable						{ margin: 0px 35px 25px; width: 660px; color: #444; }
#pricetable td					{ padding: 8px 0px 8px 10px; text-align: center; }
#pricetable td.service			{ text-align: left; font-weight: bold; }
#pricetable tr.alt td			{ background: #f0f0f0; }
#pricetable tr.days				{ font-weight: bold; color: #9e5609; text-align: center; font-size: 1.1em; padding-bottom: 5px; }
#pricetable tr.days th			{ padding: 8px 0px 8px 10px; }
#pricetable tr.prices			{ font-weight: bold; color: #669933; padding-top: 5px; font-size: 1.1em; border-bottom: none; }
#pricetable tr.prices td.astericks { color: #444; text-align: left; font-weight: normal; font-size: 0.65em; }

/* Portfolio */
.folio 							{ clear:both; font-size:0.9em; width:660px; padding-top:10px; }
.folio li 						{ list-style:none; width:200px; float:left; display:block; }
.folio li.middle				{ margin:0px 25px; }
.folio li a img					{ border:1px solid #333; margin-bottom:5px; display:block; }
.folio li a						{ color:#555; }

/* FAQ Columns */
.column							{ width: 310px; float: left; line-height: 19px; margin: 25px 0px 0px 45px; color: #444; }
.column p						{ margin-bottom: 25px; }

/* Contact Form */
#contact_form					{ margin: 25px 45px 0px; color: #444; }
#contact_form form				{ list-style: none; color: #444; }
#gears							{ width: 660px; margin: 100px 35px 0px; height: 100px; background: url(../images/gear.gif) no-repeat center center; }
.form							{ font-size: 1em; color: #444; }
.form h3						{ margin-bottom: 10px; }
.form label						{ font-weight: bold; display: block; width: 150px; float: left; padding: 5px 15px 0px 0px; cursor: pointer; }
.form label.check				{ float: left; width: auto; text-align: left; padding: 5px 5px 0px 0px; margin: 0px 20px 0px 5px; }
.form input.text				{ width: 250px; float: left; border: 1px solid #c5c5c5; padding: 3px; font-size: 1.1em; font-family: Arial, Helvetica, sans-serif; }
.form input.checkbox			{ float: left; margin: 6px 0px 0px 0px; width: auto; }
.form input.submit				{ outline: none; }
.form .errors					{ color: #b01d1d; margin: 0px 0px 15px; }
.form fieldset					{ border: none; margin-bottom: 25px; }
.form input.required			{ border: 1px solid #b43131; }
.form select					{ margin-top: 3px; }
.form input.short				{ width: 30px; } 
.form span.extra				{ display: block; float: left; margin: 7px 0px 0px 10px; }
.form textarea					{ width: 450px; height: 115px; border: 1px solid #c5c5c5; padding: 3px; font-size: 1.1em; font-family: Arial, Helvetica, sans-serif; }
.form small						{ font-size: 0.85em; }
.form p							{ margin-bottom: 10px; clear: both; }
.form .error					{ font-size: 0.85em; color: #d14949; }

/* Overlay Styling */
#TB_overlay 					{ position: fixed; z-index: 100; top: 0px; left: 0px; height: 100%; width: 100%; }
.TB_overlayMacFFBGHack 			{ background: url(../images/macFFBgHack.png); }
.TB_overlayBG 					{ background-color: #000; filter: alpha(opacity=75); -moz-opacity: 0.75; opacity: 0.75; }
* html #TB_overlay 				{ position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); }
#TB_window 						{ position: fixed; z-index: 102; color: #000000; display: none; text-align: left; top: 48%; left: 50%; width: 740px; margin-left: -330px; }
* html #TB_window 				{ position: absolute; margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px'); }
#TB_closeWindowButton			{ display: block; background: url(../images/close.png); height: 36px; width: 36px; position: absolute; top: -10px; left: -10px; }
#TB_title						{ width: 740px; height: 30px; background: url(../images/window-top.png); }
#TB_bottom						{ width: 740px; height: 38px; background: url(../images/window-bottom.png); }
#TB_ajaxContent					{ background: #fff; clear: both; overflow: auto; text-align: left; font-size: 1.45em; }
#TB_load						{ position: fixed; display:none; height:13px; width:208px; z-index:103; top: 50%; left: 50%; margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */ }
* html #TB_load 				{ position: absolute; margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px'); }
#TB_HideSelect					{ z-index:99; position:fixed; top: 0; left: 0; background-color:#fff; border:none; filter:alpha(opacity=0); -moz-opacity: 0; opacity: 0; height:100%; width:100%; }
* html #TB_HideSelect 			{ position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); }
#TB_iframeContent				{ clear: both; border: none; margin-bottom: -1px; margin-top: 1px; _margin-bottom: 1px; }