/*====================================================================
COMPANY NAME - GLOBAL STYLE SHEET
Copyright 2009 Company Name
Written by dentonscreative.com
======================================================================*/

/* Global Styles */
* {margin: 0; padding: 0; border: 0; font-family: Arial, Helvetica, sans-serif;}
body {
	text-align: center;
	font-size: 62.5%;
	background: #fff600 url(../images/body_bg2.gif) repeat-x top;
}
.clear {clear: both;}

/*====================================================================
TEXT STYLES, A STYLES, LIST STYLES & VARIATIONS
======================================================================*/

/* Default Header Styles */
h1 {
	text-indent: -9999px;
	line-height: 110px;
	background: url(../images/logo.gif) no-repeat 75px 17px;
}
h2, h3, h4 {font-weight: normal;}
h2 {
	font-size: 2.2em;
	letter-spacing: -.05em;
	color: #666;
	margin: 50px 0 17px 0;
	line-height: 30px;
}
h3 {
	font-size: 1.8em;
	line-height: 1.6em;
	letter-spacing: -.05em;
	color: #333;
	padding-top: 35px;
	padding-right: 0px;
	padding-bottom: 25px;
	padding-left: 25px;
}
h4 {font-size: 1.6em; line-height: 1.6em; padding: 4px 20px 5px 20px; letter-spacing: -.05em; color: #e9872d;}
h5 {font-size: 1.4em; line-height: 1.6em; padding: 4px 0 5px 0; margin: 0 8px 6px 0; letter-spacing: -.05em; color: #333; border-bottom: 1px dotted #ccc;}

/* Alternative Header Styles */

/* Default / Alternative P Styles */
p {
	color: #444;
	font-size: 1.2em;
	line-height: 1.4em;
	padding-top: 0;
	padding-right: 30px;
	padding-bottom: 16px;
	padding-left: 25px;
}
p.intro {font-size: 1.4em; line-height: 1.4em; color: #333;}

.corp {color: #e9872d;}
.feint {color: #666;}
.discreet {font-size: 9px; color: #666; line-height: 15px;}

/* Link Styles */
a {color: #e9872d; font-weight: bold; text-decoration: none;}
a:hover {color: #e9872d; text-decoration: underline; }

p a {text-decoration: none; border-bottom: 1px dotted #ccc;}
p a:hover {border-bottom: 1px solid #e9872d;}

/* List Styles */
ul li {font-size: 1.2em;}



/*====================================================================
BASIC PAGE LAYOUT
======================================================================*/

#wrapper {
	background: url(../images/content_strip.gif) repeat-y center center;
	width: 900px;
	margin: 0 auto;
}
#wrapper #content {
	width: 900px;
	position: relative;
	background: url(../images/content_bg.jpg) no-repeat;
}
#strap {
	height: 76px;
	width: 900px;
	margin: 0 auto;
}
#footer {
	background: url(../images/content_bottom_bg.gif);
	height: 14px;
	width: 900px;
	margin: 0 auto;
}
#wrapper #content #image {
	width: 780px;
	background: url(../images/home_headerimage.jpg);
	height: 405px;
	margin: 0 auto;
	text-align: left;
	position: relative;
}
#wrapper #content #image #home_info {
	background-image: url(../images/home_content_bg.jpg);
	height: 352px;
	width: 306px;
	text-align: left;
	position: absolute;
	left: 23px;
	top: 28px;
}
#wrapper #content #text {
	width: 780px;
	margin: 0 auto;
	text-align: left;
}
#wrapper #content #gallery img {
	border: 1px solid #336699;
	padding: 1px;
	margin-bottom: 10px;
	margin-left: 55px;
	margin-right: -45px;
}
#wrapper #content #gallery {
	width: 780px;
	margin: 0 auto;
	text-align: left;
}

/*====================================================================
MAIN SITE NAVIGATION
======================================================================*/

ul#mainNav	{
	height: 42px;
	width: 605px;
	top: 101px;
	right: 67px;
	background: url(../images/nav.gif) no-repeat top left;
	position: absolute;
	margin: 0;
	left: 67px;
}
ul#mainNav li {margin: 0;  padding: 0;	list-style: none; position: absolute; top: 0;}
ul#mainNav li, ul#mainNav a	{height: 42px; display: block;}
ul#mainNav li a	{text-indent: -9999px; text-decoration: none;}

#opt1 {left: 0; width: 66px;}
#opt2 {left: 66px; width: 101px;}
#opt3 {left: 167px; width: 97px;}
#opt4 {left: 264px; width: 132px;}
#opt5 {left: 396px; width: 94px;}
#opt6 {left: 490px; width: 115px;}

#opt1 a:hover {background: transparent url(../images/nav.gif) 0 -42px no-repeat;}
#opt2 a:hover {background: transparent url(../images/nav.gif) -66px -42px no-repeat;}
#opt3 a:hover {background: transparent url(../images/nav.gif) -167px -42px no-repeat;}
#opt4 a:hover {background: transparent url(../images/nav.gif) -264px -42px no-repeat;}
#opt5 a:hover {background: transparent url(../images/nav.gif) -396px -42px no-repeat;}
#opt6 a:hover {background: transparent url(../images/nav.gif) -490px -42px no-repeat;}

#opt1 a.current {background: transparent url(../images/nav.gif) 0 -42px no-repeat;}
#opt2 a.current {background: transparent url(../images/nav.gif) -66px -42px no-repeat;}
#opt3 a.current {background: transparent url(../images/nav.gif) -167px -42px no-repeat;}
#opt4 a.current {background: transparent url(../images/nav.gif) -264px -42px no-repeat;}
#opt5 a.current {background: transparent url(../images/nav.gif) -396px -42px no-repeat;}
#opt6 a.current {background: transparent url(../images/nav.gif) -490px -42px no-repeat;}

/*====================================================================
BASIC ENQUIRY FORM
======================================================================*/

form {padding: 0; border: 0; font-size: 1.2em; padding: 0 20px 10px 20px; margin-bottom: 15px; border-bottom: 5px solid #ccc; }
form fieldset {padding: 12px 0; border: 0;}

form label, textarea, select {display: block; float: left; padding-top: 3px; color: #666;}
form label {margin: 0 5px 5px 0; text-align: left; width: 170px; padding-right: 5px;}
form input {display: block; float: left; height: 20px; width: 200px; border: 1px solid #ccc; font-size: 1.2em; padding: 3px; margin-bottom: 5px;}
form select {display: block; float: left; height: 20px; border: 1px solid #ccc; font-size: 12px; padding: 2px; margin-bottom: 5px;}
form textarea {width: 270px; height: 200px; border: 1px solid #ccc; padding: 4px; font-size: 1.2em; margin-bottom: 7px;}

form input:hover, form textarea:hover {border: 1px solid #333333;}
form input:focus, form textarea:focus {border: 1px solid #e9872d;}

form p.disclaimer {font-size: .9em; color: #666; padding: 15px 30px 15px 0; line-height: 1.2em; border-top: 1px solid #ccc; }

form .submit {float: none; height: 26px; width: 147px; padding: 0; color: #fff; font-size: 1.2em; line-height: 26px; margin: 6px 0 10px 0; border: 1px solid #fff; background: url(../images/buttons/submitenquiry.gif) no-repeat; border: none;}
form .submit:hover {border: 0; cursor: pointer;}
form br {clear: left;}
#text ul {
	margin-left: 40px;
	font-size: 12px;
	line-height: 21px;
}

