/* Design by ArtBinaire.com */

.clr {clear: both;}

a {text-decoration: none; color: #f1e9d2;}
a:hover {color: #de134a;}
p {padding-top: 10px;}

body {background: #de134a url(/i/bg.png) fixed center  no-repeat; color: #f1e9d2; font-family: Arial, Helvetica, sans-serif;}

.wrap {margin: 0 auto; width: 950px;}

.home-pg {margin-top: 100px;}

.header { margin-top: -10px; float: left; top: 0px; position: relative;}
.header-contact {float: left; text-align: right; width: 750px; margin-top: 40px;}
.header-contact a {color: #f1e9d2;}
.header-contact p {text-align: right; padding: 0;}
.header-contact .phone-number {font-size: 39px; font-weight: bold; padding-top: 10px;}
.header-contact .email {font-size: 18px;}

.facebook-link {width: 55px; height: 45px; float: right; position: relative; top: 130px; right: 20px; margin-bottom: -45px;}
.home-pg .facebook-link {top: 17px; float: left; left: 20px; margin-bottom: -45px; z-index:100;}

.logo {width: 200px; height: 160px; margin-top: -70px; float: left; top: 90px; position: relative; z-index: 10;}
.logo a {width: 200px; height: 160px; display: block; background: url(/i/logo.png) no-repeat;}

.menu {background-color: #260000; width: 940px; float: left; text-align: right; height: 30px; margin-top: 10px; border-top: 4px solid #de134a; padding-right: 10px;}
.menu a {font-weight: bold;}
.menu ul li {display: inline; list-style: none; padding: 0 7px; font-size: 12px; line-height: 30px;}

.main {background: url(/i/bg-content.png);}

.banner {width: 950px; height: 297px;}
.banner img {width: 950px; height: 297px;}

.content, 
.sidebar {float: left; padding: 50px 0;}

.sidebar {width: 260px; padding: 50px 19px 0 20px;}
.content {width: 630px; padding-right: 20px;}

.banner a:hover,
.content a:hover,
.sidebar a:hover {color: #260000;}

h1, h2 {text-transform: uppercase; font-weight: bold; font-size: 24px; color: #f1e9d2; padding-bottom: 5px; margin-bottom: 15px; border-bottom: 1px solid #f1e9d2;}

h3 {text-transform: none; font-weight: bold; font-size: 18px; color: #f1e9d2; padding-bottom: 5px; margin-top: 15px; border-bottom: 1px dotted #f1e9d2;}

.footer {background-color: #260000; height: 123px; border-bottom: 4px solid #de134a; position: relative; z-index: 20;}
.footer p {font-size: 11px; text-align: left; padding: 90px 0 0 20px;}
.copyright,
.logos {float: left; width: 475px;}

.logos a {display: block; float: left;}
.logos .flow {width: 165px; height: 123px; background: url(/i/flow-logo.png); margin-left: 23px;}
.logos .artbinaire {width: 135px; height: 123px; background: url(/i/artbinaire-logo.png);}
.logos .imp-bev {width: 152px; height: 123px; background: url(/i/imperial-beverage-logo.png);}

/* Contact Form */

.cf-wrap {width: 500px;}
.cf-wrap label {width: 190px; display: block; float: left; margin: 10px 5px 0 0; color: #f1e9d2; text-align: right; text-transform: uppercase; font-weight: bold; font-size: 14px; line-height: 27px;}
.cf-wrap input,
.cf-wrap textarea {width: 290px; float: left; float: left; margin: 10px 0px 0 0; padding: 5px; background: url(/i/bg-content.png); border: 1px solid #f1e9d2; color: #f1e9d2;}
.cf-wrap .submit-btn {width: 100px; margin-left: 195px; text-transform: uppercase; font-weight: bold; font-size: 14px;}
iframe .cf-wrap .submit-btn:hover {cursor: pointer; color: #260000; background-image: none; background-color: #f1e9d2; border: 1px solid #de134a;}

.tea-bottle {background: url(/i/pineapple-ginger.png) no-repeat; width: 188px; height: 403px; margin-bottom: -20px;}

.img-wrap {padding: 5px; border: 1px solid #f1e9d2; background: url(/i/bg-content.png);}

blockquote {
	color: #f1e9d2;
	font-style: italic;
	margin: 10px 30px; }
blockquote p:before {
	content: '"'; }
blockquote p:after {
	content: '"'; }