@import url(_reset.css); 
@import url(_hacks.css);

/* @ Magic Begins Here
------------------------------*/

.sample {
background: url("/_images/bg_png.png") left repeat-y;
behavior: url("/iepngfix.htc") !important;
}

/* @group Global
----------------------------------------------------------------------------------- */
html	{ height: 100%; }
body	{ 
font: normal small/140% Arial, Verdana, Helvetica, sans-serif;
text-align: center;
height: 100%;
background: #222 url('../_images/bg_body_repeat.jpg');
}

/* @end */

#mainWrap { background: url('../_images/bg_verve.jpg') top center no-repeat; }
#capTop { background: url('../_images/bg_cap_top.jpg') top repeat-x; height: 39px; }
#capTop .inner { width: 662px; margin: 0 auto; text-align: left; color:#666; background: url('../_images/verve-contact.png') top center no-repeat; height: 39px; }
#capTop .inner span { display: none; }

#verve-logo { height: 124px; width: 176px; margin: 0 auto; }
#verve-logo a { display: block; height: 124px; width: 176px; background: url('../_images/verve-cafe-logo.png') 50% 50% no-repeat; }
#verve-logo a span { display: none; }

#navWrap { width: 742px; height: 47px; background: url('../_images/bg_nav_bar.jpg') top left no-repeat; margin: 0 auto; }
#navWrap .inner { width: 662px; margin: 0 auto; height: 37px; padding-top: 10px; position: relative; }
#navWrap .inner ul {  }
#navWrap .inner ul li { float: left; }
#navWrap .inner ul li a {
font-size: 85%;
font-family: Arial, Helvetica, sans-serif;
color: #fff; font-weight: bold;
display: block;
background: url("../_images/bg_nav.gif") top center no-repeat;
height: 37px;
line-height: 37px;
padding: 0 10px; 
}
#navWrap .inner ul li a:hover { cursor: pointer; background: url("../_images/bg_nav.gif") bottom center no-repeat; }


#navWrap .inner a.btnSubscribe { padding: 0 !important; color: #e00002; width: 156px !important; height: 23px !important; display: block; }
#navWrap .inner a.btnSubscribe { position: absolute; top: 17px; right: 10px;}
#navWrap .inner a.btnSubscribe span { display: none; }
#navWrap .inner a.btnSubscribe { background: url('../_images/subscribe_verve.gif') top left no-repeat !important; }
#navWrap .inner a.btnSubscribe:hover { background-position: bottom !important; }

#hero { background: url('../_images/bg_hero.jpg') top left no-repeat; width: 682px; height: 271px; margin: 0 auto; }
#hero .inner { width: 660px; height: 260px; margin: 0 auto; overflow: hidden; }

#bdyWrapper 				{ width: 660px; margin: 0 auto; }
#bdyWrapper .innerBdy 		{ background: #fff url('../_images/bg_bdy_capbtm.gif') bottom left no-repeat; padding: 15px 15px 5px 15px; min-height: 300px; }

#bdyWrapper h1				{ font: 1.2em Helvetica, Arial, Helvetica, sans-serif; color:#fff; text-align: left; border-bottom: 1px dotted #333; padding-bottom: 10px; }
#bdyWrapper p				{ font: 90% Arial, Tahoma; margin-bottom: 15px; line-height: 2em; color: #333; text-align: left; }
#bdyWrapper .innerBdy p a 		{ color: #0099CC; }
#bdyWrapper .innerBdy p a:hover { color: #cc0000;; }

#ftrWrapper { background: url("../_images/bg_ftr.png") top center no-repeat; height: 144px; }
#ftrWrapper .inner {
margin: 0 auto; width: 680px;
background: url(../_images/contact_footer.png) 50% 65% no-repeat;
height: 144px;
position: relative;
}
#ftrWrapper .inner span { display: none; }

#home a.btnHome,
#whatson a.btnWhatson,
#menu a.btnMenu,
#functions a.btnFunctions,
#photos a.btnPhotos,
#links a.btnLinks,
#contact a.btnContact,
#mailing a.btnMailing,
#media a.btnMedia { background-position: bottom !important; color: #79a84c !important; }

.welcome { color: #000; width: 640px; margin: 0 auto; text-align: left; font-size: 90%; background: url('../_images/bg_welcome.gif') left repeat-y; padding: 10px; padding-bottom: 3px !important; }
.welcome p { margin-bottom: 12px;}
.capWelcome { width: 660px; margin: 0 auto; height: 9px; background: url('../_images/bg_welcome_ftr.gif') top left no-repeat; margin-bottom: 15px;}

.addThis { position: absolute; top: 0px; right:0; background: #fff; border: 1px dotted #ccc; font-size: 0.7em; width: 104px; height: 18px; padding: 2px 0 0 3px; }

.addThis a { padding:0 !important; margin: 0 2px !important; overflow: visible; }
a.addthis_button_expanded { height: 17px !important; }

#bdyWrapper .tab_one { float: left; width: 367px; text-align: left; }
#bdyWrapper .tab_two { float: left; width: 272px; margin-left: 21px; text-align: left; }

#bdyWrapper .tab_one .bgTab1 { background: url('../_images/tab_news.gif') top left no-repeat; height: 162px; padding: 10px; }
#bdyWrapper .tab_two .bgTab2 { background: url('../_images/tab_whatson.gif') top left no-repeat; height: 162px; padding: 10px; }

#bdyWrapper .tab_two .bgTab2 .tinner { height: 160px; overflow: auto; }

#bdyWrapper .tab_two .bgTab2 dl { display: block; margin-bottom: 5px; }
#bdyWrapper .tab_two .bgTab2 dl dt { float: left; display: block; width: 60px; height: 55px; }
#bdyWrapper .tab_two .bgTab2 dl dt a { display: block; width: 60px; height: 55px; padding: 2px; background: #e5e5e5;  }
#bdyWrapper .tab_two .bgTab2 dl dt a:hover { background: #cc0000; cursor: pointer; }
#bdyWrapper .tab_two .bgTab2 dl dt img { width: 60px !important; height: 55px !important; }

#bdyWrapper .tab_two .bgTab2 dl dd { float: left; padding-left: 13px; font-size: 0.85em; font-family: tahoma, arial; line-height: 1em; color: #333; width: 160px; padding-bottom: 5px; }
#bdyWrapper .tab_two .bgTab2 dl dd span { display: block; font-weight: bold; color: #000; font-size: 105%; }

span.qLink { display: block; text-align: right; padding-top: 5px; font-size: 0.85em; }
span.qLink a { color: #FF0000; background: #000; padding: 0 3px; }
span.qLink a:hover { color: #000; background: #fff; }

#bdyWrapper .tab_two .bgTab2 .midMargin { margin: 10px 0;}


table#frmTable			{ margin: 0 auto; margin-bottom: 20px; border: 5px solid #f5f5f5; background: url('../_images/pp_repeat.jpg'); }
table#frmTable td		{ font: 11px Tahoma; line-height: 48px; vertical-align: middle; text-align: left; font-weight: bold; color: #444; }
table#frmTable td.f1	{ background: url('../_images/frm_bg_left.png') top left no-repeat; height:48px; padding-left: 15px; }
table#frmTable td .f2	{ background: url('../_images/frm_bg_right.png') top right no-repeat; height:33px; padding-right: 15px;
vertical-align: middle;
padding-top: 15px;
}
table#frmTable td input	{
font: 11px Tahoma; color: #006699; text-align: left; width: 310px; border: none;
background: transparent; vertical-align: middle;
}

.mComments_01 	{ background: url('../_images/frm_bg_comm_left.png') top left no-repeat; height: 148px; padding-left: 15px; }
.mComments_02	{ background: url('../_images/frm_bg_comm_right.png') top right no-repeat; height: 133px; padding-right: 15px;
vertical-align: middle;
padding-top: 15px;
}

.mComments_02 textarea {
font: 11px Tahoma; color: #006699; text-align: left; width: 310px; border: none;
background: transparent; vertical-align: middle;
height: 115px;
}

table#frmTable input.btnEnquire {
width: 115px !important;
height: 33px;
background: url('../_images/btn_enquire.gif') top left no-repeat;
padding: 0 !important;
margin: 0 !important;
}

table#frmTable input.btnEnquire:hover { background-position: bottom; cursor: pointer;
padding: 0 !important;
margin: 0 !important;
}

td.pp { background: url('../_images/pp_repeat.jpg'); padding: 0 5px; }

dl#mWhatson { margin-bottom: 5px; }
dl#mWhatson dt { float: left; width: 215px; display: block; height: 205px; background: url('../_images/dia_01.gif'); }
dl#mWhatson dd { float: left; display: block; min-height: 165px; width: 375px; background: url('../_images/dia_02.gif'); text-align: left; padding: 20px; }
dl#mWhatson dd h3 { font-weight: bold; font-size: 1.2em; font-family: Arial, Helvetica, sans-serif; }
dl#mWhatson dd h5 { font-size: 0.85em; line-height: 0.95em; }
dl#mWhatson dd h5 span { color: #cc0000; font-weight: bold; }
dl#mWhatson dd a.viewFly { color: #0099FF; font: bold 0.8em arial; display: block; text-transform: uppercase; margin-top: 10px; width: 120px; }
dl#mWhatson dd a.viewFly:hover { color: #ccc; }
dl#mWhatson p { font-size: 100% !important; line-height: 120% !important; margin-top: 10px !important; }

dl#mWhatson dt img { }
dl#mWhatson dt a { display: block; border: 1px solid #fff; width: 170px; height: 165px; margin: 0 auto; margin-top: 19px; }
dl#mWhatson dt a:hover { border: 1px solid #333; }

table#menuTbl { border: 3px solid #f5f5f5; padding:0; width: 100%; margin-bottom: 10px; background: url('../_images/dia_02.gif'); }
table#menuTbl th { text-align: left; font: bold 1.2em arial; background: url('../_images/dia_01.gif'); padding: 5px; color: #cc0000; }
table#menuTbl th span { background: #fff;}
table#menuTbl td { text-align: left; font: 0.90em Arial, Helvetica, sans-serif; padding: 5px; border-bottom: 1px solid #fff; color: #888; }
table#menuTbl td strong { color: #000 !important; }
table#menuTbl td.dollars { width: 70px; text-align: center; font-weight: bold; color: #000 !important; }

dl#mLinks { margin-bottom: 5px; }
dl#mLinks dt { float: left; display: block; width: 185px; height: 176px; background: url('../_images/dia_01.gif'); padding-top: 19px; }
dl#mLinks dd { float: left; display: block; width: 405px; height: 155px; background: url('../_images/dia_02.gif'); text-align: left; padding: 20px; }
dl#mLinks dd h3 { font-weight: bold; font-size: 1.2em; font-family: Arial, Helvetica, sans-serif; }
dl#mLinks dd h5 { font-size: 0.85em; line-height: 0.95em; }
dl#mLinks dd h5 span { color: #cc0000; font-weight: bold; }
dl#mLinks dd a { color: #0099FF; display: block; margin-top: 10px; width: 120px; font-weight: normal; }
dl#mLinks dd a:hover { color: #ccc; }
dl#mLinks p { font-size: 100% !important; line-height: 120% !important; margin-top: 10px !important; }

dl#mLinks dt img { }
dl#mLinks dt a { display: block; border: 1px solid #fff; width: 145px; height: 155px; margin: 0 auto; margin-top: 19px; }
dl#mLinks dt a:hover { border: 1px solid #333; }

#mGallery {}

#mGallery a:hover img {opacity:0.8;filter:alpha(opacity=80)}

.nomargin { margin:0 !important;}
.nopadding { padding:0 !important;}
.rela { position: relative; }

/* Twitter Style
----------------------------------------------------------------*/
.tweets { height: 160px; overflow: auto; }
.tweets li { font-size: 0.85em; line-height: 125%; border-bottom: 1px dotted #ccc; padding: 5px 0;  }
.tweets li a { color: #666666; background: #e5e5e5; }

a.vFacebook { display: block; width: 70px; height: 20px; position: absolute; right: 150px; bottom: 33px; }
a.vMyspace { display: block; width: 70px; height: 20px; position: absolute; right: 80px; bottom: 33px; }
a.vTwitter { display: block; width: 70px; height: 20px; position: absolute; right: 10px; bottom: 33px; }