/*********************************************************/
/*** additional css formatting for lovely root website ***/
/*********************************************************/


body {
background-color:#93768c;
font-family:Helvetica, Arial, sans-serif;
background:url(../images/baraset/baraset-background.jpg) repeat fixed;
	}
	


/*****************************************/
/*** Headers ***/
/*****************************************/

h1, h2, h3 {
color:#93768c;
}

.contentheading, .componentheading-contactPage, .componentheading-gallery, .componentheading {
color:#93768c;
}



	
/*****************************************/
/*** Template specific layout elements ***/
/*****************************************/

div#bodyWrapper {
background-color:#333;
color:#fff;
}
	
div#header {
background:url(../images/baraset/baraset-header.gif) no-repeat top left #fbfaf3;
	}
	
div#topLogo #topLogoBaraset a {
width:440px;
height:120px;
display:block;
}
	
div#contentWrapper {
	background-color:#2A2347;
	color:#fff;
	}
	
div#content {
background-color:#2A2347;
color:#fff;
	}




/*****************************************/
/*** Top Nav and image replacement ***/
/*****************************************/


div#topNav {
background-color:#fbfaf3;
border-top: #93768C solid 10px;
color:#2A2347;
	}
	
#topNav a:link, #topNav a:visited, #topNav a:active {
color:#2A2347;
}
#topNav a:hover {
color:#93768c;
}


/*first one below does not have width for item otherwise it would hide items in ul below that - thereafter width for all items is fine ************/

.item103 {
	background: url(../images/baraset/home_f2.gif); /*image preload*/
}
.item103 a:link, .item103 a:visited, .item103 a:active {
	background: url(../images/baraset/home.gif) no-repeat top left;
	display:block;
	width:79px;
	height:45px;
}
#current.item103 a:link, #current.item103 a:visited, #current.item103 a:active, .item103 a:hover {
	background: url(../images/baraset/home_f2.gif) no-repeat top left;
	display:block;}
	
/* as top level link has no unique id that doesn't affect those below - width and height settings below overide above and important is needed to overide the home image showing on all on home page - and line after hover important to overwrite the previous line important ************/
	
	
.item102 {width:73px;
background: url(../images/baraset/about_f2.gif); 
}
.item102 a:link, .item102 a:visited, .item102 a:active {
	background: url(../images/baraset/about.gif) no-repeat top left !important;
	display:block;
	height: 100%;
	width: 100%;
}
#current.item102 a:link, #current.item102 a:visited, #current.item102 a:active, .item102 a:hover {
	background: url(../images/baraset/about_f2.gif) no-repeat top left !important;
	display:block;}	


	
	
.item104 {width:63px;
background: url(../images/baraset/food_f2.gif);
}
.item104 a:link, .item104 a:visited, .item104 a:active {
	background: url(../images/baraset/food.gif) no-repeat top left !important;
	display:block;
	height: 100%;
	width: 100%;
}
#current.item104 a:link, #current.item104 a:visited, #current.item104 a:active, .item104 a:hover {
	background: url(../images/baraset/food_f2.gif) no-repeat top left !important;
	display:block;}	




.item105 {width:69px;
	background: url(../images/baraset/drink_f2.gif);
}
.item105 a:link, .item105 a:visited, .item105 a:active {
	background: url(../images/baraset/drink.gif) no-repeat top left !important;
	display:block;
	height: 100%;
	width: 100%;
}
#current.item105 a:link, #current.item105 a:visited, #current.item105 a:active, .item105 a:hover {
	background: url(../images/baraset/drink_f2.gif) no-repeat top left !important;
	display:block;}	



.item144 {width:145px;
background: url(../images/baraset/dining_f2.gif);
}
.item144 a:link, .item144 a:visited, .item144 a:active {
	background: url(../images/baraset/dining.gif) no-repeat top left !important;
	display:block;
	height: 100%;
	width: 100%;
}
#current.item144 a:link, #current.item144 a:visited, #current.item144 a:active, .item144 a:hover {
	background: url(../images/baraset/dining_f2.gif) no-repeat top left !important;
	display:block;}	
	



	
.item143 {width:81px;
background: url(../images/baraset/events_f2.gif);
}
.item143 a:link, .item143 a:visited, .item143 a:active {
	background: url(../images/baraset/events.gif) no-repeat top left !important;
	display:block;
	height: 100%;
	width: 100%;
}
#current.item143 a:link, #current.item143 a:visited, #current.item143 a:active, .item143 a:hover {
	background: url(../images/baraset/events_f2.gif) no-repeat top left !important;
	display:block;}	


	
	
	
.item106 {width:99px;
background: url(../images/baraset/partners_f2.gif);
}
.item106 a:link, .item106 a:visited, .item106 a:active {
	background: url(../images/baraset/partners.gif) no-repeat top left !important;
	display:block;
	height: 100%;
	width: 100%;
}
#current.item106 a:link, #current.item106 a:visited, #current.item106 a:active, .item106 a:hover {
	background: url(../images/baraset/partners_f2.gif) no-repeat top left !important;
	display:block;}	
	


	
	
.item145 {width:93px;
background: url(../images/baraset/gallery_f2.gif);
}
.item145 a:link, .item145 a:visited, .item145 a:active {
	background: url(../images/baraset/gallery.gif) no-repeat top left !important;
	display:block;
	height: 100%;
	width: 100%;
}
#current.item145 a:link, #current.item145 a:visited, #current.item145 a:active, .item145 a:hover {
	background: url(../images/baraset/gallery_f2.gif) no-repeat top left !important;
	display:block;}	
	
	


	
.item107 {width:131px;
background: url(../images/baraset/recruit_f2.gif);
}
.item107 a:link, .item107 a:visited, .item107 a:active {
	background: url(../images/baraset/recruit.gif) no-repeat top left !important;
	display:block;
	height: 100%;
	width: 100%;
}
#current.item107 a:link, #current.item107 a:visited, #current.item107 a:active, .item107 a:hover {
	background: url(../images/baraset/recruit_f2.gif) no-repeat top left !important;
	display:block;}	
	
	


	
.item124 {width:107px;
background: url(../images/baraset/contact_f2.gif);
}
.item124 a:link, .item124 a:visited, .item124 a:active {
	background: url(../images/baraset/contact.gif) no-repeat top left !important;
	display:block;
	height: 100%;
	width: 100%;
}
#current.item124 a:link, #current.item124 a:visited, #current.item124 a:active, .item124 a:hover {
	background: url(../images/baraset/contact_f2.gif) no-repeat top left !important;
	display:block;}	
	
		
/*** end of nav *****************************/
	
	






/*** homepage layouts ***/

#leftColLarge {
	background:url(/venues/images/stories/baraset/baraset-home-left.gif) no-repeat top left #2A2347;
	color:#fff;
	height:494px;
	width:445px;
	float:left;
	border-bottom:10px solid #2A2347;
	}
#rightColLarge {
	background:url(/venues/images/stories/baraset/baraset-home-right.jpg) no-repeat top right #2A2347;
	height:494px;
	width:495px;
	float:right;
	border-bottom:10px solid #2A2347;
}	


/* use these for bottom block */

#homeContent {
	background:none #ffffff;
	color:#333;
}

#homeCopy  {
float:left;
margin-left:0;
padding:30px 10px 10px;
width:580px;}

#homeQuote  {
background:url("/venues/images/stories/baraset/baraset-home-quote-sm.gif") no-repeat scroll center top #ffffff;
float:right;
margin:18px 15px 0 0;
width:315px;
display:inline;}


#homeCopy h1, #homeCopy h2, #homeCopy h3 {
font-size:1em;
line-height:1.3em;
margin:0 0 1.5em;
color:#333;}

#homeCopy h3 {
color:#333;
}

#homeCopy strong {
font-weight:normal;
}

#homeCopy a:link, #homeCopy a:visited, #homeCopy a:active {
	color:#333 !important;
}
#homeCopy a:hover {
	color:#666 !important;
}

#bottomLinks2{
text-align:center;
}
#bottomLinks2 li {
color:#333;
display:inline;
font-weight:normal;
font-size:0.9em;
}
	


/*** sub layouts ***/

#content a:link, #content a:visited, #content a:active {
	color:#93768c;
}
#content a:hover {
	color:#fff;
}

#contentRight {
border-top: #fff solid 10px;
border-bottom: #fff solid 10px;
}

	
/*****************************************/
/*** footer ***/
/*****************************************/



div#footer {
	background:#fcf9e8 url(../images/baraset/baraset-footer.gif) no-repeat top right;
	color:#222;
	}

#footer a:link, #footer a:visited, #footer a:active {
	color:#222;
}
#footer a:hover {
	color:#666;
}




/* META
--------------------------------------------------------- */



/* Small text */
small, .small, .smalldark, .mosimage_caption, .createby, .createdate, .modifydate, a.readon, .img_caption {
	color: #93768c;
}




/* ------- links in moduletable_menu  - as seen in client login area ------------------------- */


.moduletable_menu a:link, .moduletable_menu a:visited, .moduletable_menu a:active {
	color:#93768c;
}
.moduletable_menu a:hover {
color:#fff;
}



/* ------- styling also for client - paste into editor css file ------------------------- */


.contact {
	color:#93768c;
}

.contact a:link, .contact a:visited, .contact a:active {
	color:#fff;
}


#google-map iframe 
{
border: 2px solid #93768c;
}*


/* alt for ie all ie6 and ie7 */
#topNav ul.menutop ul {
*width: 861px;
*margin: 0 0 0 79px;
_margin: -45px 0 0 79px;
}




/* Xmas ------- */

.contentheading-Christmas-Meal-Menu {
color: #fff;
    font-size: 2.2em;
    line-height: 1em;
    margin: 1em 0 0.75em 10px;
    width: 640px;}