/*------------------------------*/
/*  Reset Styles                */
/*------------------------------*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, 
cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, i, dl, dt, dd, 
ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, hr, button {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
}
ol, ul { list-style: none; }
h1, h2, h3, h4, h5, h6, li { line-height: 100%; font-weight: normal; }
blockquote, q { quotes: none; }
table { border-collapse: collapse; border-spacing: 0; }

/*------------------------------*/
/*  General Styles              */
/*------------------------------*/
body { background: url("../img/bg.jpg") no-repeat center top; font-family: "Arial",Helvetica,Tahoma,sans-serif; font-size: 12px; }
a { text-decoration: none; }
#link_about {
	text-decoration: none;
}

/*------------------------------*/
/*  Wrapper                     */
/*------------------------------*/
#wrapper { margin: 0 auto; width: 870px; }

/*------------------------------*/
/*  Header                      */
/*------------------------------*/
#header { height: 150px; margin: 0 auto; overflow: hidden; width: 815px; }
#logo { float: left; margin: 52px 0 0; }
#logo h1 { font-size: 32px; }
#logo h1 a { color: #FFF; font-family: "Helvetica Neue",Arial,Tahoma,sans-serif; }
#logo h1 a span { color: #57b206; font-family: "Arial",Arial,Tahoma,sans-serif; }
#phones { float: right; margin: 30px 0 0 0; }
#phones p { color: #dbdd20; font-size: 30px; }
	
/*------------------------------*/
/*  Navigation                  */
/*------------------------------*/
#navigation { clear: both; }
#navigation ul { overflow: hidden; }
#navigation ul li {
	float: left;
	padding-top: 0;
	padding-right: 20px;
	padding-bottom: 0;
	padding-left: 30px;
}
#navigation ul li a { color: #D4C7A3; font-size: 16px; line-height: 48px; }
#navigation ul li a:hover { color: #FFF; }
				
/*------------------------------*/
/*  Main                        */
/*------------------------------*/
#main { height: 721px; padding: 20px 0 0; }
#main-description { overflow: hidden; }
#welcome { float: left; margin: 20px 0 0; width:255px;}
#aaron { float: left; }
#aaron p { color: #FFF; font-size: 13px; text-align: center; }
#aaron-description { float: right; margin:10px 10px 0 0; width: 120px; }
#aaron-description h2 { color: #89CFD9; font-size: 15px; }
#aaron-description p { color: #89CFD9; font-size: 12px; line-height: 15px; margin: 5px 0 0; }
#main-text { float: right; margin: 20px 0 0; width: 575px; }
#main-text p { color: #FEFEFE; line-height: 17px; margin: 0 0 15px; }
#main-bottom { margin: 30px 0 0; overflow: hidden; }
#description-bottom { float: left; }
#description-bottom p { color: #D3D423; font-size: 22px; margin: 0 0 10px; }
#description-bottom a { display: block; float: left; }
#description-bottom span { color: #999A99; font-size: 16px; margin: 0 0 0 10px; }
#main-links { float: right; }
#main-links ul { overflow: hidden; }
#main-links ul li { float: left; padding: 0 25px 0 0; }
#main-links p { color: #F7E4CC; font-size: 14px; margin: 10px 0 0; text-align: center; }
	
/*------------------------------*/
/*  Footer                      */
/*------------------------------*/
#footer p { color: #FFFFFF; font-size: 10px; margin: 30px 0 0; text-align: center; }

/*------------------------------*/
/*  Refrigerator Page           */
/*------------------------------*/ 
#main-content { background: url("../img/bg-main-content.jpg") repeat-y left top; margin: 20px 0 0; overflow: hidden; }
#left-bar { float: left; margin: 35px 0 0 30px; width: 325px; }
#left-bar h1 { color: #413A31; font-family: "Helvetica Neue",Arial,Tahoma,sans-serif; font-size: 32px; line-height: 36px; }
#left-bar p { color: #99CC66; font-size: 22px; margin: 20px 0; }
#left-bar a { display: block; float: left; }
#left-bar span { color: #FFF; font-size: 16px; margin: 0 0 0 10px; }
#right-bar { float: right; margin: 20px 65px 0 0; width: 425px; }
#right-bar p { color: #FEFEFE; line-height: 17px; margin: 0 0 15px; }
#main-content-bottom { clear: both; }
#main-content-bottom img { float: right; margin: 0 5px 5px 0; }

/*------------------------------*/
/*  Wine Cooler Page            */
/*------------------------------*/ 
#main-content-cooler { background: url("../img/bg-main-content2.jpg") repeat-y left top; margin: 20px 0 0; overflow: hidden; }
#left-bar-coller { float: left; width: 435px; }
#left-bar-coller p { color: #FFFFFF; line-height: 18px; margin: 20px 0; padding: 0 20px; }
#left-bar-coller p span { color: #FFF; font-size: 16px; margin: 0; }
#left-bar-coller p.angies { color: #663366; font-size: 22px; margin: 0 0 10px; }
#left-bar-coller a { display: block; float: left; margin: 0 0 0 20px; }
#left-bar-coller span { color: #FFF; font-size: 16px; margin: 0 0 0 10px; }
#right-bar-cooler { float: left; width: 435px; }
#right-bar-cooler p { color: #FFFFFF; line-height: 17px; margin: 20px 0 0; padding: 0 20px; }
#right-bar-cooler ul li p { margin: 0; }
#right-bar-cooler ul li p span { font-weight: bold; }

/*------------------------------*/
/*  Contact Page                */
/*------------------------------*/ 
#body-contact { background: url("../img/bg-contact.jpg") no-repeat center top; }
#main-description-contact { min-height: 575px; overflow: hidden; }
#left-contact {
	float: left;
	width: 320px;
	padding-top: 50px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 10px;
}
#left-contact h1 { color: #FFFFFF; font-size: 24px; font-weight: bold; margin: 0 0 30px 10px; }
#left-contact p { color: #FFFFFF; font-size: 14px; font-weight: bold; line-height: 25px; margin: 0 0 30px 10px; }
#left-contact h2 { color: #FFFFFF; font-size: 18px; font-weight: bold; margin: 0 0 30px 10px; }
#address p { font-weight: normal; }
#phone img { float: left; }
#phone p { color: #A4A5A4; float: left; font-size: 16px; line-height: 20px; margin: 0 0 0 20px; width: 180px; }
#form-contact {
	float: right;
	width: 420px;
	margin-top: 0;
	margin-right: 70px;
	margin-bottom: 0;
	padding-top: 50px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}
#form-contact h1 { color: #F2DD3B; font-size: 16px; margin: 0 0 15px 141px; }
#form-contact form p { color: #FFF; font-size: 12px; margin: 0 0 6px; overflow: hidden; }
#form-contact form input { background: #FFF; border: 1px solid #f4f4f3; float: right; height: 20px; padding: 7px 5px 0; width: 277px; }
#form-contact form textarea { float: right; height: 80px; width: 287px; }
#form-contact form p label { color: #FFFFFF; float: right; font-size: 14px; line-height: 27px; margin: 0 10px; }
#form-contact form p span { color: #FFFFFF; float: right; font-size: 14px; line-height: 27px; margin: 0 10px; }
#form-contact form p input#state { width: 106px; }
#form-contact form p input#zip { width: 106px; }
#form-contact form p button {
	color: #3f3c00;
	float: right;
	height: 21px;
	background: url("../img/button.png") no-repeat top left;
	width: 91px;
	margin-top: -10px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}
#form-contact form #button { margin: 0 0 0 150px; }
#main-content-about {
	margin: 20px 0 0;
	overflow: hidden;
	background-image: url(../img/bg-main-content3.jpg);
	background-repeat: repeat-y;
	background-position: left top;
}
.about_phones {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14pt;
	color: #FFFFFF;
	text-align: center;
}
#left-bar-about {
	float: left;
	width: 405px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #FFFFFF;
	padding-left: 20px;
	padding-right: 10px;
	margin-top: 10px;
}
#left-bar-about a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #000000;
	font-weight: bold;
	text-decoration: underline;
}
#footer a {
	color: #FFFFFF;
	font-size: 10px;
	text-align: center;
	text-decoration: none;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}

