/* Screen styles for Masterpanels - Coded with love by Eric Murrell at Volacious Creative Media */

html {
	margin: 0;
	padding: 0;
}

body {
	margin: 0;
	padding: 0;
	font-size: 62.5%; /* enables you to easily size text with ems */
	font-family: Arial, Helvetica, sans-serif;
	background: url(../images/structure/textured_background.jpg) no-repeat;
	background-position: top center;
	background-color: #000;
	color: #3b290c;
	font-family: Georgia, Times New Roman, serif;
}

h1, h2, h3, h4, h5, h6, h7, p, form, ul, ol, li, blockquote { /* resets most browser styles to enhance cross-browser compatibility */
	margin: 0;
	padding: 0;
}

a:link {color: #3b290c; text-decoration: underline;}
a:visited {color: #3b290c; text-decoration: underline;}
a:hover {color: #3b290c; text-decoration: none;}
a:active {color: #3b290c; text-decoration: underline;}

/* --- Main Structure and Navigation --- */

#container {
	width: 783px;
	margin: 0 auto;
}

#header {
	width: 783px;
	height: 108px;
}

#header img.logo-spacing {
	margin: 0 0 0 4px;
}

#navigation {
	margin: 10px 0 0 0; 
	padding: 0 10px 0 0;
	height: 28px;
}

#navigation li {
	list-style-type: none;
	float: right;
	margin: 0 0 0 20px;
	font-family: Georgia, Times New Roman, serif;
	font-size: 1.6em;
}

#navigation li a:link {color: #fff; text-decoration: none;}
#navigation li a:visited {color: #fff; text-decoration: none;}
#navigation li a:hover {color: #fff; text-decoration: none;}
#navigation li a:active {color: #fff; text-decoration: none;}

#navigation li.cart a:link {color: #fff; text-decoration: none; background: url(../images/structure/shopping_cart-trans.png) no-repeat; padding: 0 0 0 20px;}
#navigation li.cart a:visited {color: #fff; text-decoration: none; background: url(../images/structure/shopping_cart-trans.png) no-repeat; padding: 0 0 0 20px;}
#navigation li.cart a:hover {color: #fff; text-decoration: none; background: url(../images/structure/shopping_cart-trans.png) no-repeat; padding: 0 0 0 20px;}
#navigation li.cart a:active {color: #fff; text-decoration: none; background: url(../images/structure/shopping_cart-trans.png) no-repeat; padding: 0 0 0 20px;}

#navigation li.selected a:link {color: #b6a78b; text-decoration: none;}
#navigation li.selected a:visited {color: #b6a78b; text-decoration: none;}
#navigation li.selected a:hover {color: #b6a78b; text-decoration: none;}
#navigation li.selected a:active {color: #b6a78b; text-decoration: none;}

/* --- Footer --- */

#footer {
	margin: 10px 0 80px 0;
}

#footer p {
	color: #2E241A;
	font-size: 1.2em;
	text-align: center;
}

#footer a:link {color: #2E241A; text-decoration: none;}
#footer a:visited {color: #2E241A; text-decoration: none;}
#footer a:hover {color: #2E241A; text-decoration: underline;}
#footer a:active {color: #2E241A; text-decoration: none;}

#footer img.footer-image {
	width: 204px;
	margin: 0 0 0 290px;
}

/* --- Home Page Specific Styles --- */

#main-content {
	clear: both;
	width: 760px;
	padding: 4px;
	background: url(../images/structure/transparent_background.png);
	margin: 0 0 0 4px;
}

#home-top-section {
	background: url(../images/structure/homepage_top_background.jpg) no-repeat;
	background-position: top center;
}

#home-top-section h2 {
	font-size: 1.6em;
	font-weight: 700;
	color: #433618;
	padding: 8px 0 5px 0;
	margin: 0 0 0 0;
}

#home-top-section p {
	font-size: 1.4em;
	line-height: 130%;
	color: #433618;
	width: 550px;
	padding: 0 0 0 12px;
}

img.copy-logo {
	float: left;
	margin: 0 10px 0 0;
}

#home-top-section #testimonials {
	width: 404px;
	height: 144px;
	margin: 28px 0 0 12px;
	float: left;
}

#home-top-section #testimonials h3 {
	font-size: 1.5em;
	color: #433618;
	padding: 8px 0 8px 0;
	margin: 0 0 0 120px;
}

#home-top-section #testimonials p {
	font-size: 1.2em;
	color: #433618;
	margin: 0 0 5px 120px;
	line-height: 120%;
	padding: 0;
	width: 250px;
}

#home-top-section #testimonials p.quote-credit {
	font-size: 1.2em;
	color: #433618;
	margin: 0 0 0 120px;
	padding: 0;
	width: 250px;
	text-align: right;
}

#home-top-section #testimonials.utrecth {
	background: url(../images/structure/testimonials_background-trans.png) no-repeat;
}

#custom-panels {
	width: 322px;
	height: 52px;
	background: url(../images/structure/custom_panel_background.jpg) no-repeat;
	float: left;
	margin: 111px 0 0 0;
}

#custom-panels h4 {
	color: #801010;
	font-size: 1.4em;
	margin: 0 0 2px 102px;
	padding: 8px 0 0 0;
}

#custom-panels p {
	font-size: 1.2em;
	margin: 0 0 0 60px;
	width: 262px;
}

.homepage-middle-left {
	width: 247px;
	height: 175px;
	background: url(../images/structure/homepage_middle_left.jpg) no-repeat;
	float: left;
	margin: 0 0 0 2px;
}

h3.for-students {
	text-indent: -9000px;
	background: url(../images/structure/for_students.jpg) no-repeat;
	width: 223px;
	height: 26px;
	margin: 13px 0 0 24px;
}

.homepage-middle-left p {
	font-size: 1.3em;
	line-height: 140%;
	margin: 13px 5px 0 112px;
}

.homepage-middle-middle {
	width: 245px;
	height: 175px;
	background: url(../images/structure/homepage_middle_middle.jpg) no-repeat;
	float: left;
}

h3.plein-air-favorites {
	text-indent: -9000px;
	background: url(../images/structure/plein_air_favorites.jpg) no-repeat;
	width: 224px;
	height: 26px;
	margin: 13px 0 0 24px;
}

.homepage-middle-middle p {
	font-size: 1.3em;
	line-height: 140%;
	margin: 13px 5px 0 112px;
}

.homepage-middle-right {
	width: 266px;
	height: 175px;
	background: url(../images/structure/homepage_middle_right.jpg) no-repeat;
	float: left;
}

h3.in-the-studio {
	text-indent: -9000px;
	background: url(../images/structure/in_the_studio.jpg) no-repeat;
	width: 223px;
	height: 26px;
	margin: 13px 0 0 20px;
}

.homepage-middle-right p {
	font-size: 1.3em;
	line-height: 140%;
	margin: 13px 26px 0 112px;
}

img.series-thumb {
	float: left;
	margin: 13px 0 0 37px;
}

#homepage-bottom-left {
	width: 367px;
	height: 170px;
	background: url(../images/structure/homepage_bottom_left.jpg) no-repeat;
	float: left;
}

#homepage-bottom-left img {
	border: 6px solid #928260;
	margin: 24px 0 0 36px;
	float: left;
}

#homepage-bottom-left h3 {
	margin: 24px 10px 0 160px;
	font-size: 1.4em;
	font-style: italic;
	color: #594d34;
}

#homepage-bottom-left p {
	color: #796843;
	font-size: 1.3em;
	margin: 10px 0 0 160px;
}

#homepage-bottom-left p.text {
	font-size: 1.2em;
	margin: 10px 15px 0 160px;
	color: #3b290c;
}

#homepage-bottom-left p strong {
	color: #524426;
	font-weight: 300;
}

#homepage-bottom-left p.view-more {
	color: #796843;
	font-size: 1.3em;
	margin: 10px 12px 0 160px;
	text-align: right;
	font-style: italic;
}

#homepage-bottom-left a:link {color: #796843;}
#homepage-bottom-left a:visited {color: #796843;}
#homepage-bottom-left a:hover {color: #796843;}
#homepage-bottom-left a:active {color: #796843;}

#homepage-bottom-right {
	width: 388px;
	height: 170px;
	background: url(../images/structure/homepage_bottom_right.jpg) no-repeat;
	float: left;
}

#homepage-bottom-right h3 {
	margin: 24px 10px 10px 42px;
	font-size: 1.4em;
	font-style: italic;
	color: #594d34;
}

#homepage-bottom-right ul li {
	font-size: 1.3em;
	list-style-type: none;
	margin: 0 20px 10px 42px;
}

#homepage-bottom-right a:link {color: #4c3e21;}
#homepage-bottom-right a:visited {color: #4c3e21;}
#homepage-bottom-right a:hover {color: #4c3e21;}
#homepage-bottom-right a:active {color: #4c3e21;}

#inner-home {
	background-color: #fff;
}


/* --- Sub Page Styles --- */

#sub-page {
	padding: 20px;
	background: url(../images/structure/sub_page_background.jpg) no-repeat;
	background-color: #fff;
}

#sub-page h2 {
	font-size: 2em;
	margin: 0 0 20px 0;
	padding: 1px 0 0 25px;
	font-style: italic;
	background: url(../images/structure/floral-trans.png) no-repeat;
}

#sub-page h3 {
	font-size: 1.6em;
	margin: 20px 0 10px 0;
	color: #594d3a;
}

#sub-page h4 {
	font-size: 1.4em;
	margin: 0 0 10px 0;
	color: #594d3a;
}

#sub-page p {
	margin: 0 0 10px 0;
	font-size: 1.2em;
	line-height: 130%;
}

#sub-page p.emphasis {
	margin: 0 0 10px 0;
	font-size: 1.2em;
	line-height: 130%;
	font-style: italic;
}

#sub-page blockquote {
	margin: 15px 0 15px 0;
	padding: 0 30px 0 30px;
	font-size: 1.2em;
	line-height: 130%;
}

#sub-page ul, #sub-page ol {
	margin: 15px 0 15px 0;
}

#sub-page ul li, #sub-page ol li {
	font-size: 1.2em;
	margin: 0 0 5px 30px;
	line-height: 120%;
}

#sub-page img.content-image {
	margin: 0 0 6px 0;
	border: 6px solid #928260;
}

/* --- Product Pages --- */

#sub-page img.product-image {
	float: right;
	margin: 0 0 15px 20px;
}

#sub-page img.series-image {
	border: 6px solid #928260;
}

#sub-page img.series-last-image {
	border: 6px solid #928260;
}

#sub-page .series-image-container {
	width: 226px;
	float: left;
	margin-right: 20px;
}

#sub-page .last-series-image-container {
	width: 226px;
	float: left;
	margin-right: 0;
}

#sub-page .series-image-container h4 {
	font-weight: 700;
	font-size: 1.2em;
	font-style: italic;
	text-align: center;
	margin: 6px 0 0 0;
}

#sub-page .last-series-image-container h4 {
	font-weight: 700;
	font-size: 1.2em;
	font-style: italic;
	text-align: center;
  margin: 6px 0 0 0;
}

#sub-page img.buy-now {
	float: left;
	margin: 10px 20px 10px 0;
}

#sub-page img.find-a-store {
	float: left;
	margin: 10px 20px 10px 0;
}

#sub-page .image-and-title {
	float: right;
	margin: 0 0 15px 20px;
	clear: right;
}

#sub-page .image-and-title h4 {
	font-weight: 700;
	font-size: 1.2em;
	font-style: italic;
	text-align: center;
}

.product-box {
	background: url(../images/structure/product_page_background.jpg) no-repeat;
	width: 700px;
	height: 180px;
	margin: 0 auto;
}

.product-box img {
	float: left;
	margin: 27px 20px 0 40px;
}

#sub-page .product-box h3 {
	padding: 27px 0 0 0;
}

#sub-page .product-box p {
	margin-right: 40px;
}

img.product-thumb {
	border: 6px solid #928260;
	margin: 0 15px 15px 0;
	float: left;
	cursor: pointer;
}

/* --- Form Styles --- */

.contact-form label {
	font-weight: 700;
}

.contact-form td.label-cell {
	text-align: right;
	font-size: 1.2em;
	vertical-align: top;
	padding: 3px 8px 0 0;
}

.contact-form td input {
	margin: 2px 0 5px 0;
	border: 1px solid #AE9F8A;
	background-color: #ecebe7;
	color: #3b290c;
	padding: 1px;
	font-family: Arial;
	font-size: 1.2em;
}

.contact-form td textarea {
	margin: 4px 0 0 0;
	border: 1px solid #AE9F8A;
	background-color: #ecebe7;
	color: #3b290c;
	padding: 1px;
	font-family: Arial;
	font-size: 1.2em;
	width: 300px;
	height: 100px;
}

.contact-form td.checkboxes {
	height: 30px;
}

.contact-form td.checkboxes label {
	margin: 0 10px 0 5px;
}

.contact-form td input.checkbox {
	margin: 3px 0 5px 0;
	padding: 0;
	border: none;
	background-color: #fff;
}

.submit-form {
	margin: 10px 0 0 330px;
}

.submit-form2 {
	margin: 10px 0 0 296px;
}

.submit-form2 {
	margin: 10px 0 0 266px;
}

/* --- Customer Support Form --- */

#support-form-left {
	width: 200px;
	float: left;
	margin: 0 0 0 20px;
}

#support-form {
	width: 450px;
	float: left;
	margin: 0 0 0 40px;
}