body {
	background-color: #013E7F;
	background-image: url(../images/backgrounds/body.png);
	background-repeat: repeat-x;
}

#container {
	width: 960px;
	margin-left: auto;
	margin-right: auto;
}

#container .page {
	background-color: white;
	margin-top: 30px;
}

#header {
	clear: both;
}

#header .logo {
	width: 100px;
	height: 100px;
	margin-left: 25px;
	margin-top: 15px;
	float: left;
}

#header .menu {
	margin-top: 15px;
	margin-right: 20px;
	float: right;
	width: 700px;
}

#header .social-media {
	text-align: right;
}

#header .social-media img {
	border: none;
}

#header .navigation {
	text-align: right;
	margin-top: 40px;
}

#header .navigation .has-descender {
	margin-bottom: -3px;
}

#header .navigation a {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-weight: normal;
	font-size: small;
	text-decoration: none;
	margin-left: 2em;
}

#header .navigation a:link { color: purple; }
#header .navigation a:hover { color: purple; border-bottom: 1px dotted purple; }
#header .navigation a:visited { color: purple; }

#yield {
	background-image: url(../images/backgrounds/interior_gradient.png);
	background-repeat: repeat-x;
	background-color: #4773A2;
	padding-bottom: 15px;
	clear: both;
}

#yield .coushy {
	padding-bottom: 30px;
}

#letterbox {
	background-image: url(../images/backgrounds/letterbox.gif);
	background-repeat: no-repeat;
	background-color: #4AB8E6;
				
	padding-left: 30px;
	padding-right: 30px;
	padding-top: 30px;
	padding-bottom: 30px;
	
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-weight: normal;
	font-size: small;
	color: white;
}

#letterbox h2 {
	font-size: 32px;
	margin-bottom: .4em;
}

#letterbox h3 {
	font-size: small;
	font-weight: bold;
	margin-bottom: .4em;
	color: #232361;
}		

#letterbox p {
	margin-bottom: 1em;
	margin-top: .5em;
}

#letterbox .question {
	display: block;
	background-color: #4574A0;
	color: white;
	padding: 8px;
	margin-bottom: 2px;
}

#letterbox .answer {
	margin-bottom: 20px;
	padding-left: 12px;
}		

#letterbox .about p {
	padding-right: 100px;
}

#letterbox fieldset { 
	margin-bottom: 1.5em;
}

#letterbox label {
	font-size: small;
	font-weight: normal;
}

#letterbox input {
	margin-top: .2em;
	margin-bottom: .3em;
}

#letterbox a {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-weight: normal;
	text-decoration: underline;
	
	padding-left: 2px;
	padding-right: 2px;
	padding-top: 4px;
}

#letterbox a:link { color: #232361; }
#letterbox a:hover { color: #FFF; }
#letterbox a:visited { color: #232361; }

#letterbox em {
	font-size: medium;
}

#letterbox .features em {
	margin-right: 1em;
}

#letterbox .small  {
	width: 290px;
}

#letterbox .medium  {
	width: 580px;
}

#letterbox .large  {
	width: 870px;
}	

#letterbox .product-shot {	
	text-align: center;
}

#letterbox .submit {
	background-image: url(../images/buttons/submit.png);
}

#letterbox .next {
	background-image: url(../images/buttons/next.png);
}

#letterbox .order {
	background-image: url(../images/buttons/order.png);
}		

#letterbox .button {
	width: 159px;
	height: 28px;
	text-indent: -999px;
	background-repeat: no-repeat;
	background-color: #74C6EE;
	border: none;
}

#letterbox .image-wrapper img {
	/* border: 4px solid #74C6EE; */
}

#letterbox .thumbs li {
	list-style-type: none;
	float: left;
}

#letterbox textarea {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-weight: normal;
	font-size: small;			
	color: #666;
	
	padding: 6px;
}

#letterbox .error {
	font-weight: bold;
	color: #091F62;
	
	margin-bottom: .5em;
}

#letterbox address {
	margin: 0px;
	padding: 0px;
}

#letterbox h3 {
	margin-bottom: -.4em;
}

#slideshow img {
	border: 4px solid #232361;
}

#thumbs .thumb img {
	border: 4px solid #232361;
	margin-right: 2px;
}	

#baseline {
	background-color: #232361;
	height: 50px;
	margin-left: 15px;
}

#captions {
	
}

#extras {
	padding: 15px;
}

#map {
	border: 4px solid #74C6EE;
	margin-top: 50px;
	color: #333;
}	

#map a {
	text-decoration: none;
	border-bottom: 1px dotted #666;
}

#map a:link { color: #4CBFEB; }
#map a:hover { color: white; }
#map a:visited { color: #4CBFEB; }

#gmapmarker {
	font-weight: bold;
}

#map-search {
	width: 200px;
	position: relative;
	bottom: 450px;
	left: 670px;
	z-index: 1000;
	background-color: #74C6EE;
	padding-left: 8px;
	padding-top: 6px;
}

#search-button img {
	margin-bottom: -7px;
}
		
#copyright {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-weight: normal;
	font-size: x-small;
	color: #0066CC;
	text-align: right;
	margin-top: 8px;
	clear: left;
}

#order-price {
	margin-left: 12px;
}

#letterbox .comfy {
	margin-bottom: 2em;
}

.receipt {
	margin-bottom: 25px;
	background-color: #45AED8;
	padding-top: 10px;
	padding-bottom: 10px;
	border-top: 3px solid #232361;
	border-bottom: 1px dotted #232361;
}

.receipt div {
	margin-left: 20px;
}


#notice {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: small;		
	padding-top: 12px;
	padding-bottom: 12px;
	display: none;
}

#notice b {
	margin-left: 12px;
}

#landing {
	position: absolute;
	width: 930px;
	top: 208px;
	z-index: 999;
}

#landing h2 {
	font-size: 42px;
	text-transform: lowercase;
	color: white;
	padding-left: 260px;
	padding-bottom: 0px;
	margin-bottom: -20px;
}

#landing p {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 16px;
	color: white;
	padding-left: 262px;
	line-height: 1.2em;
	width: 480px;
}

#landing .buttons {
	margin-left: -4px;
}

#bottle {
	position: relative;
	bottom: 300px;
	left: 800px;
	width: 90px;
	height: 2px;
}

#contact b {
	color: #232361;
}

#accordion .ui-accordion-content p {
	padding-left: 20px;
	padding-bottom: 20px;
	padding-right: 20px;
}

#accordion .ui-accordion-content ol {
	margin-left: 40px;
	padding-right: 20px;
	padding-top: 10px;
	padding-bottom: 40px;
}

#accordion .ui-accordion-content li {
	margin-bottom: 1.3em;
}

#homepage {
	background-color: #49C5FB;
	padding-bottom: 30px;
	
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-weight: normal;
	font-size: small;
	color: white;		
}

#homepage .social-media {
	text-align: center;
}

#homepage .menu {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-weight: normal;
	font-size: x-small;
	color: white;		
	text-align: center;
}

#homepage .menu a { 
	text-decoration: none; 
	text-transform: uppercase;
}

#homepage .menu a:link { color: white; }
#homepage .menu a:hover { color: white; text-decoration: underline; }
#homepage .menu a:visited { color: white; }

.fine-print {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-weight: normal;
	font-size: xx-small;
	text-align: center;
	
	color: white;
}

.fine-print p {
	padding-top: 1em;
}

.fine-print a {
	text-decoration: none;
}	

.fine-print a:link { color: white; text-decoration: underline; }
.fine-print a:hover { color: white; }
.fine-print a:visited { color: white; }