/* 
Title:		Shelly's Enterprises
Firm:       Baublitz Advertising - York Pennsylvania
Author: 	Austin Siewert - austin@baublitz.net
*/
body {margin: 0;padding: 0;text-align: left;color:#FFF;background: url(../layout/bg-body.jpg) repeat-x top center fixed #572E1A;}

#wrapper {position:relative;margin: 0 auto;width: 900px;height: auto;}
#logo {position: relative;float:left;margin:0 0 20px 0;height:133px;width:266px;top:25px;left:38px;text-indent:-9999px;background: url(../layout/logo.png) no-repeat;}
#logo a {position: relative;margin:0;height: 133px;width:266px;display: block;}
#tagLine {position: relative;float:right;margin-right:25px;display:inline;height:104px;width:489px;top:20px;text-indent:-9999px;background: url(../layout/tagline.png) no-repeat;}

/* Navigation */
#globalNav {position:relative;float:right;margin:10px 20px 0 0; padding: 0;width: 606px;height: 28px;clear:both;}
#globalNav li {position:absolute;display:inline;display:block;text-indent:-9999px;}
#globalNav li a {position: relative;display: block;height: 28px;}

#nav1 {width:90px;left: 0;}
#nav2 {width:120px;left: 92px;}
#nav3 {width:180px;left: 214px;}
#nav4 {width:210px;left: 396px;}

#nav1 a {background: url(../layout/nav.png) no-repeat 0px 0px;}	
#nav1 a:hover {background-position: 0 -28px;}
#nav1 a:active {background-position: 0 -56px;}
#home #globalNav #nav1 a {background-position: 0 -56px;}

#nav2 a {background: url(../layout/nav.png) no-repeat -92px 0px;}	
#nav2 a:hover {background-position: -92px -28px;}
#nav2 a:active {background-position: -92px -56px;}
#products #globalNav #nav2 a {background-position: -92px -56px;}

#nav3 a {background: url(../layout/nav.png) no-repeat -214px 0px;}	
#nav3 a:hover {background-position: -214px -28px;}
#nav3 a:active {background-position: -214px -56px;}
#request #globalNav #nav3 a {background-position: -214px -56px;}

#nav4 a {background: url(../layout/nav.png) no-repeat -396px 0px;}	
#nav4 a:hover {background-position: -396px -28px;}
#nav4 a:active {background-position: -396px -56px;}

/* Billboard */
#billboard {margin-top:-26px;width:900px;height:384px;}
#billboard p {margin-top:26px;}

/* Content */
#content {position:relative;clear:both;top:1px;margin-left:20px;padding:10px 0px;width:858px;height:auto;background:url(../layout/bg-content.png);border:1px solid #6B5641;}

h2 {height:80px;width:602px;margin-left:22px;text-indent:-9999px;}
#reinvent {background:url(../layout/h3-reinvent.png) no-repeat;}
#match {background:url(../layout/h3-match.png) no-repeat;}
#satisfaction {background:url(../layout/h3-satisfaction.png) no-repeat;}
#products2 {background:url(../layout/h3-products.png) no-repeat;}
#quote {background:url(../layout/h3-quote.png) no-repeat;}

h3 {margin: 20px;padding:5px 0 5px 20px;font-size:167%;color:#F7D9A3;text-transform:uppercase;background:#6B5641;border-top:1px solid #793E2E;border-bottom:1px solid #793E2E;clear:right}
h4 {margin:10 40px 10px 40px;padding:0 0 5px 20px;font-size:138.5%;clear:right;}

p {font-size:108%;line-height:138.5%;font-family:Georgia;color:#F7D9A3;margin:0 40px 20px 40px;}
.productCap {font-style:italic;}

p a {padding:2px;color:#F7D9A3;text-decoration:none;background:#6B5641}
p a:hover {padding:2px;color:#F7D9A3;text-decoration:underline;background:none}

.product a {float:right;margin-bottom:15px;padding:3px 10px;color:#F7D9A3;text-decoration:none;background:#6B5641;border:1px solid #793E2E}
.product a:hover {float:right;padding:3px 10px;color:#F7D9A3;text-decoration:underline;background:none;border:1px solid #793E2E}

#xfade {position:relative;float:right;margin:-20px 20px 0 20px;display:inline;width:410px;height:310px;overflow:hidden}
#xfade img{border: 1px solid #7D4030;padding: 4px;}

#footer {
	position:relative;
	width:900px;
	margin: 0 auto;}

#footer p {
	margin: 5px 0 10px 5px;
	color:#999;
	font-size:77%;
	text-align:right;
	text-transform:uppercase;}

#footer a {
	color:#999;}

#footer a:hover {color:#FF0000}

.clear {clear:both;height:0;margin:0;}
a {outline: none;}

/* Request a Quote */
/* Contact Form Styling */

.required {color:#F00;font-size:77%;text-align:right;margin:-10px 0 5px 0;}
#title {
	width: 490px;
	color: #4F2817;
	font: bold 123.1% "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
	background:#6B5641;
	padding:5px;
	text-transform: uppercase;
	letter-spacing: 2px;
	text-align: center;}

form {
	width: 500px;
	margin:0 auto;
	color:#FFF;}

.col1 {
	text-align: right;
	width: 150px;
	height: 29px;
	line-height:29px; /* Vertically Center */
	margin: 0;
	float: left;
	margin: 1px;
	/*background: url(../layout/bg-col1.gif) no-repeat #CCC;*/
	border-top:1px dotted #CCC;}

.col1req {
	text-align: right;
	width: 150px;
	height: 29px;
	color:#F00;
	line-height:29px; /* Vertically Center */
	margin: 0;
	float: left;
	margin: 1px;
	/*background: url(../layout/bg-col1.gif) no-repeat #CCC;*/
	border-top:1px dotted #CCC;}

.col2 {
	width: 346px;
	min-height: 29px;
	height:auto;
	display: block;
	float: left;
	margin: 1px;
	/*background: url(../layout/bg-col2.gif) no-repeat bottom right #CCC;*/
	border-top:1px dotted #CCC;}

.top {border:none;}

.col2comment {
	width: 195px;
	height: 98px;
	margin: 0;
	display: block;
	float: left;
	background: url(images/bg_textarea.gif) no-repeat;}

.col1comment {
	text-align: right;
	width: 135px;
	height: 98px;
	float: left;
	display: block;
	margin-right: 2px;
	background: url(images/bg_label_comment.gif) no-repeat;}

div.row {
	clear: both;
	width: 500px;}

submit {
	height: 29px;
	width: 330px;
	background: url(images/bg_submit.gif) no-repeat;
	padding-top: 5px;
	clear: both;} 

input, select {
	background-color:#9D7E5E;
	font: 11px/14px "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #F7D9A3;
	margin: 5px 0 5px 8px;
	padding: 1px;
	border: 1px solid #6B5641;}


textarea {
	border: 1px solid #6B5641;
	background-color:#9D7E5E;
	font: 11px/14px "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #F7D9A3;
	margin: 4px 0 5px 8px;
	overflow:auto;}

.submit {
	width:500px;
	text-align:center;
	clear:both;
	background:#6B5641;}

.submit input {cursor:pointer;font-size:123.1%;padding:4px 15px;}

form .col2 label input {margin:5px 5px 0 5px;width:200px !important}