@charset "UTF-8";
body {
	color: #8a8a8a;
	font: 13px/19px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	background-image: url(../img/subpage_bg.jpg);
	background-repeat: repeat-x;
	
}
#logo {
	position: absolute;
	top: 10px;
	left: 90px;
}
a { 
	font-weight: bold; 
	text-decoration: none; 
	color: #6b6b67;
}
#container {
	margin: 0 auto;
	text-align: left;
	width: 100%;
	height: 494px;
}
#header {
	background: url(../img/navbg.png) repeat-x;
	padding: 0 10px 0 20px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	height: 69px;
}
#mainContent {
	padding: 0 20px;
}
#leftContent {
	float: left;
	margin-left: 65px;
	padding-top: 20px;
	width: 625px;
}
#rightContent {
	float: right;
	width: 420px;
}
#subHeader {
	height: 115px;
	width: 1100px;
	position: relative;
	padding-top: 40px;
}
#headline {
	width: 700px;
	margin-left: 65px;
	height: 70px;
}
#orderNow a   {
	background-image: url(../img/cta.png);
	height: 56px;
	width: 234px;
	background-repeat: no-repeat;
	margin-left: 68px;
	text-indent: -9999px;
	display: block;
	margin-top: 70px;
}
.lessSpace {
	margin-top: -35px;
}
#lastImg {
	margin-bottom: -30px;
}
#orderNow a:hover {
	background-position: 0px -57px;
}
#headline    h1 {
	font: bold 45px/70px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	margin: 0 auto;
	background: url(../img/about.png) no-repeat;
	color: #FFFFFF;
	text-indent: -9999px;
}
#headline h2 {
	font: bold 45px/70px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	margin: 0 auto;
	background: url(../img/specs.png) no-repeat;
	color: #FFFFFF;
	text-indent: -9999px;
}
#headline h3 {
	font: bold 45px/70px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	margin: 0 auto;
	background: url(../img/gallery.png) no-repeat;
	color: #FFFFFF;
	text-indent: -9999px;
}
#headline h4 {
	font: bold 45px/70px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	margin: 0 auto;
	background: url(../img/own.png) no-repeat;
	color: #FFFFFF;
	text-indent: -9999px;
}
#bottomcontent  h1 {
	font-size: 28px;
	color: #333333;
}
.moreSpace {
	padding-top: 20px;
	padding-left: 65px;
}
#leftContent p {
	padding-right: 5px;
	color: #666666;
	padding-bottom: 10px;
}
#leftContent h2 {
	color: #666666;
	font-size: 15px;
	margin-bottom: -15px;
}
#nav ul {
	list-style-type: none;
}
.specImg {
	border: 1px solid #999999;
	margin-top: 30px;
	margin-left: 70px;
}
#thumbHolder {
	padding-top: 20px;
	border-bottom-color: #CCCCCC;
	width: 1100px;
}

#orderNow {
}
#sunspot {
	background-image: url(../img/sunspot.png);
	width: 755px;
	position: absolute;
	height: 327px;
	top: 0px;
	margin-left: 190px;
	z-index: -1;
}
#bottomcontent {
	padding-top: 0px;
	padding-left: 30px;
	width: 1130px;
}
#footer {
	padding: 0;
	clear: both;
	width: 1100px;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #CDCCCB;
	margin-left: 65px;
	margin-top: 20px;
} 
.firstPara {
	font-style: italic;
	font-size: 14px;
	line-height: 16pt;
}
.clearfix {
	clear: both;
}
#footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	font-size: 11px;
}
#nav {
	position: absolute;
	top: 18px;
	left: 597px;
	width: 571px;
	display: block;
	z-index: 2;
}
#nav ul li {
	float: left;
	padding-left: 5px;
}
#nav ul li a {
	text-transform: uppercase;
	color: #ceab74;
	text-shadow: #000000 1px 1px 1px;
	font: bold normal 14px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	padding: 10px;
	display: block;
}

#nav ul li a:hover {
	color: #535252;
	text-shadow: #181717 0px 1px 1px;
	-webkit-transition:color 0.2s ease-in, text-shadow 0.2s ease-in;
	-moz-transition:color 0.2s ease-in, text-shadow 0.2s ease-in;
	-0-transition:color 0.2s ease-in, text-shadow 0.2s ease-in;
	transition:color 0.2s ease-in, text-shadow 0.2s ease-in;
}
html {
	background: url(../img/sitebg.jpg) repeat;
	}
.thumb {
	border: 1px solid #999999;
}
#fullImg {
	width: 1100px;
}
#fullImg img {
	padding-top: 7px;
	padding-bottom: 7px;
}
#galleryContent {
	margin-left: 65px;
	padding-top: 20px;
	width: 1130px;
}
#formcontent {
	background-image: url(../img/formrepeat.png);
	width: 498px;
	background-position: 1px;
	padding-top: 0px;
}
#formtop {
	height: 97px;
	width: 498px;
	background: url(../img/formtop.png) no-repeat;
}

#formtop h1 {
	padding-top: 40px;
	padding-left: 25px;
	margin-top: 0;
	margin-left: 35px;
	padding-bottom: 25px;
	width: 400px;
	border-bottom-width: 8px;
	border-bottom-style: double;
	border-bottom-color: #666666;
}
#formbottom {
	background: url(../img/formbottom.png) no-repeat;
	width: 498px;
	height: 108px;
	display: block;
}
.subcontact a {
	font-weight: bold;
	color: #6b6b67;
}
.subcontact li {
	list-style-type: none;
}
.subcontact a:hover {
	color: #535252;
}
#contactform {
	margin-bottom: 40px;
	width: 498px;
}
fieldset {
	margin: 0px 10px 20px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#form1 legend {
	color: #CEAB74;
	font-variant: small-caps;
	font-size: 13pt;
}
legend {
	color: #000000;
}
form div {
	margin: 5px;
	clear: both;
	width: 465px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-top: 5px;
}
form {
	margin-bottom: -5px;
	padding-top: 20px;
}
.border {
	border-top-width: 3px;
	border-top-style: double;
	border-top-color: #333333;
	width: 440px;
	padding-bottom: 0px;
	margin-top: 10px;
}
.bold {
	font-weight: bold;
}
form div.required {
	font-weight: bold;
}
form div.optional {
	font-weight: normal;
}
fieldset fieldset {
	padding-top: 7px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.submit {
	text-align: center;
}
.radiolabel {
	text-align: left;
	display: inline;
	float: none;
	margin-left: 50px;
}
#form1 p {
	padding-left: 10px;
}
#otherContact {
	width: 550px;
	padding-top: 10px;
	float: right;
}
#contactPic {
	background-image: url(../img/contact.png);
	height: 300px;
	background-repeat: no-repeat;
	width: 552px;
	margin-bottom: 25px;
}
.subcontact {
	border-top-width: 3px;
	border-top-style: double;
	border-top-color: #333333;
	-webkit-transition:border 0.4s ease-in;
	-moz-transition:border 0.4s ease-in;
	-o-transition:border 0.4s ease-in;
	transition:border 0.4s ease-in;
	margin-left: 5px;
	padding-left: 5px;
	margin-bottom: 30px;
	padding-top: 5px;
}
#contactLeft {
	float: left;
	margin-left: 65px;
	padding-top: 20px;
	width: 500px;
}
#otherContact h1 {
	color: #666666;
	font-size: 16px;
	margin-bottom: -5px;
}
#submitbutton {
	padding-top: 0px;
	width: 234px;
	margin-left: 20px;
}

#submitbutton input {
	cursor: pointer;
	background: url(../img/submitBtn.png) no-repeat;
	width: 234px;
	height: 56px;
	border: none;
	text-indent: -9999px;
	position: relative;
}

#submitbutton input:hover {
	background-position: 0px -57px;
}
a img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}