/*
      Created by Ibrar Hussain of Freeman Holland Ltd
	  
	  E-Mail: ibrar@freemanholland.com
	  	  
*/

* { padding: 0; margin: 0; }

body {
 font-family: Arial, Helvetica, sans-serif;
 background:#f3eade url('images/body.jpg') top no-repeat;
 font-size:12px;
 color:#333
 }
 
a{color:#fff;text-decoration:underline}
 
a:hover{text-decoration:none}

.left{float:left}.right{float:right}.marginright10px{margin-right:10px}
h1{font-size:20px; font-weight:normal; margin-top:12px; margin-bottom:10px}
h2{color:#fff; font-size:14px; margin-bottom:4px}
.clear{clear:both}

 /********************************************
   LAYOUT
********************************************/ 

#wrapper { 
 margin: 0 auto;
 width: 922px;
}

 /********************************************
   HEADER
********************************************/ 

#header {
 color: #333;
 width: 917px; 
 height: 130px; 
 margin: 10px 0px 5px 0px;
}

#head-left {
float:left;
width: 483px; 
}

#head-right {
float:right;
padding-top:45px;
}

 /********************************************
   TWITTER
********************************************/ 

#twitter {
 background: url('images/twitter.png') no-repeat; 
 height: 77px; 
 width: 406px; 
 margin-bottom:10px;
 padding:10px;
 padding-top:38px
}

#twitter span{color:#b61b19;font-weight:bold;margin-left:9px;}

 /********************************************
   MIDDLE
********************************************/ 

#middle{
 width:921px;
 height:275px;
 overflow:hidden
}

#contactmap{
 width:385px;
 height:420px;
}

 /********************************************
   NAVIGATION
********************************************/ 

#navigation {
 width: 925px;
 color: #fff;
 height:16px;
 padding:9px 10px 10px 10px;
 background: url('images/nav.png') no-repeat;
 font-family:"Franklin Gothic Medium";
 font-size:15px
}

#navigation li{
list-style:none;
display:inline;
margin-right:54px
}

#navigation li a{
text-decoration:none
}

#navigation a:hover{text-decoration:underline}

.absolute{
	position:absolute
}

.home{margin-left:38px;}

 /********************************************
   BOTTOM
********************************************/ 

#bottom { 
 height:163px;
 margin:12px 0 29px 0px; 
 width:934px;
}

.boxes{
 background:url('images/boxes.png') no-repeat;
 float:left;
 height:163px;
 margin-right:27px;
 padding:15px;
 width:260px;
}

.boxesmiddle{
 background:url('images/boxmiddle.png') no-repeat;
 float:left;
 height:163px;
 margin-right:27px;
 padding:15px;
 width:260px;
}

.boxes h3, .boxes-right h3, .boxesmiddle h3{color:#7c3521;
font-size:17px;
margin-bottom:10px;
font-family:"Franklin Gothic Medium";
font-weight:normal;}

.boxes p{
margin-bottom:6px
}

.date{color:#b41b15}

.boxes-right{
 background:url('images/boxright.png') no-repeat;
 float:right;
 height:163px;
 margin-right:10px;
 padding:15px;
 width:260px;
}

.rounded{
 background:url('images/text-bg.jpg');
 color:#090a18;
 font-size:11px;
 height:25px;
 line-height:28px;
 margin:0 0 3px 0;
 padding:0 5px;
 width:150px;
 border:0;
}
	
.sign-up{
 background:url("images/sign-up.png") no-repeat scroll 0 0 transparent;
 height:20px;
 margin:4px 10px 0 0;
 width:88px;
 border:0;
 cursor:pointer
 }

 /********************************************
   BOTTOM LINKS
********************************************/ 

#bottom-links { 
 width: 921px;
 margin: 20px 0px 20px 0px;
 height: 77px;
}

.box-1{ 
background:url('images/box-1.jpg');
float:left;
margin-right:24px;
width:272px;
height:62px;
padding:10px;
color:#fff;
}

.box-2{ 
background:url('images/box-2.jpg');
float:left;
width:272px;
height:62px;
padding:10px;
color:#fff;
margin-right:20px
}

.box-3{ 
background:url('images/box-3.jpg');
float:right;
width:272px;
height:62px;
padding:10px;
color:#fff;
}

.homepagespecialsimg{
height:128px;
margin-top:28px;
width:40px;
}

.links{position:absolute;
width:258px;
z-index:100000;}

 /******************************************** END OF HOMEPAGE ********************************************/ 

 /********************************************
   CONTENT WRAP
********************************************/ 

#content-wrap { 
 width: 920px;
 overflow:hidden;
 float:left;
 margin-bottom:15px;
 background: #eee0cf;
}

.faux { 
 width: 920px;
 overflow:hidden;
 float:left;
 background:url("images/faux.jpg") repeat-x;
}

 /********************************************
   LEFT COLUMN
********************************************/ 

#left-column { 
 float:left;
 width:120px;
 padding:20px;
}

#left-column h4{ 
margin-bottom:10px
}

#left-column ul{ 
margin-left:15px;
line-height:19px
}

#left-column li a{ 
color:#a82627;
text-decoration:none
}

#left-column li a:hover{ 
text-decoration:underline
}

.row0{background-color:#eee0cf; color:#333;}
.tdrow{padding:4px; height:20px}

.about-us-image{height:155px;
margin:25px;}

#quicklinks{margin-bottom:15px;}

#quicklinks h3{color:#a82627; font-size:12px; margin-bottom:8px}
#quicklinks ul{list-style:none}

#quicklinks a{color:#333}

 /********************************************
   RIGHT COLUMN
********************************************/ 

#right-column { 
 float:right;
 padding:15px;
 width:730px;
 padding-top:20px;
 background:#fff
}

.line{width:890px; clear:both;margin-bottom:11px;height:0;overflow:hidden;}
.padding20px{padding-top:20px;}

.rightimg{margin:0 0 12px 20px;}

/********************** BREADCRUMB **************************/ 

#breadcrumb { 
width:740px;
color:#000
}

#breadcrumb a{ 
color:#a82627
}

 /******************************************** MONTHLY SPECIALS ********************************************/ 

.monthly-specials{ 
background:url("images/product.jpg") repeat scroll 0 0 #FFFFFF;
height:147px;
margin:15px 15px 0;
padding:19px;
width:828px;
clear:both}

.monthly-specials h2{ 
 color:#7D3522;
 font-size:18px;
 margin-bottom:10px;
}

.white{ 
 color:#fff;
 font-size:14px;
 font-weight:bold
}

.right-specials{width:320px; margin-top:20px}

.monthly-specials p{ 
margin-bottom:15px
}

.wine{
 margin-bottom:1px;
margin-right:49px;
width:48px
}

#special-background{background:#F3E9DF url('images/special.jpg');
height:147px;
margin:15px 15px 0;
width:828px;
padding:19px;}

#gallery{
margin:15px 0;
width:228px;
}

#gallery ul{
list-style:none
}

#gallery li a{
color:#000;
text-decoration:underline
}

#gallery li a:hover{
text-decoration:none
}

#gallery h3{
color:#B61B19}

#thumbnails{
margin:16px 0;
width:645px;
}

#thumbnails-box{float:left;
width:161px;
height:183px;
text-align:center;
margin-top:10px
}

#thumbnails-box img{float:left;
width:151px;
height:153px;
}

 /******************************************** EVENTS ********************************************/ 
.stories{clear:both;
height:175px;
margin-top:5px; padding-top:15px}
.stories p{margin: 0 0 4px 0;}
.stories h4{color:#7c3421; font-size:15px}.stories em{color:#7c3421}
.stories a{color:#660099; font-weight:bold; float:right; margin-top:8px}

.event-image{float:left;
margin-right:17px;
background:url('images/event-bg.jpg');
width:245px;
height:335px;
padding:3px;}

.border{border-bottom:1px solid #333;}

#event-left{width:640px; float:left}
#event-left h3{color:#A12627;
font-size:16px;
margin-bottom:20px;
margin-top:-4px;}

#event-right{
width:224px;
float:right
}

#event-right div{border:1px solid #B4B4B4;
padding:10px;
width:193px;
margin:19px 0 0 0;
color:#a12627}

.event-info{width:369px;float:left;}

#event-right ul{margin-left:15px;}
#event-right a{color:#a12627;font-weight:bold;}
#event-right h3{color:#a12627; margin-bottom:6px; font-size:16px}

.event-info span{color:#a12627;font-size:14px; margin-bottom:0; font-weight:bold}
.event-info em{color:#a12627}

.paypal{
color:#FFFFFF;
height:30px;
margin-top:8px;
padding:7px 0 0 37px
}

.paypal a{
float:none; color:#fff; text-decoration:none; font-weight:normal}

.gallery{
height:400px;
margin-top:8px;
padding:13px;
text-align:left;
width:500px;}

 /******************************************** LINKS ********************************************/ 

.link-div{height:61px;
width:306px;}

.link-div img{width:58px; float:left; border:0;margin-right:13px}

.link-div p{padding-top:22px;
font-weight:bold;}

 /******************************************** CONTACT FORM ********************************************/ 

.contact-form input{padding:3px; width:300px}
.contact-form ul{margin-bottom:10px; list-style:none}

 /********************************************
   FOOTER
********************************************/ 

#footer { 
 width: 900px;
 background: #e4c49d;
 margin: 0px 0px 10px 0px;
 padding: 10px;
 height:210px;
 color:#7c3521;
 clear:both
}

 /********************************************
   DECLARATION
********************************************/ 

#declaration { 
margin:auto;
width:913px;
text-align:right;
font-size:11px;
padding-bottom:10px
}

#declaration a{ 
color: #000;
text-decoration:underline
}

#declaration a:hover{ 
text-decoration:none
}

.hotspot {color:#900; padding-bottom:1px; border-bottom:1px dotted #900; cursor:pointer}

#tt {position:absolute; display:block; background:url(images/tt_left.gif) top left no-repeat;width:300px; z-index:9999; padding-right:10px;}
#tttop {display:block; height:5px; margin-left:5px; background:url(images/tt_top.gif) top right no-repeat; overflow:hidden}
#ttcont {display:block; padding:2px 12px 3px 7px; margin-left:5px; background:#666; color:#FFF; width:300px;}
#ttbot {display:block; height:5px; margin-left:5px; background:url(images/tt_bottom.gif) top right no-repeat; overflow:hidden}