/* ===================================================
CSS for ARTTO HOTEL - v1.0

Author: 		whitespacedesign
Contact: 		emily@whitespacedesign.co.uk
Website: 		http://www.whitespacedesign.co.uk
created: 		07.07.08
=================================================== */




/******************{ universals }*********************/

ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,table,td,tr,th
	{margin:0; padding:0 }
	
body {
	font: 75% georgia, times, serif; /* reset font size to 12px; */
	text-align: center;
	}
body.hotel {background-color: #341d00;} /* old 572F08 */
body.restaurant {background-color: #022f4e;}    /* old  003A62*/
body.bar {background-color: #082316;}   /* old 0C2E1E */

h1,h2,h3,h4,h5,h6,pre,code,input,textarea {font-size:1em;font-weight: normal;}

a img,:link img,:visited img {border:none;}

:link,:visited {text-decoration:none;}

ul,ol {list-style:none;}

address {font-style: normal;}

h1,
.screenreader {
	position: absolute;
	left: -9000px;
	top: -9000px;
	}

h2,
.imageReplace {text-indent: -9000px;}

.clearfix:after { /* makes float container block clear floated blocks inside it */
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
	}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;} /* fix for about clearfix for IE PC */
/* End hide from IE-mac */


a:active {outline: none;}
:focus {-moz-outline-style: none;}




/******************{ structure }*********************/
	
#global {
	width: 975px;
	margin: 25px auto 0 auto;
	text-align: left; /* reset */
	}

#logo {
	width: 975px;
	height: 40px;
	}
.hotel #logo {background: transparent url(/graphics/logo_artto.gif) no-repeat center center;}
.bar #logo {background: transparent url(/graphics/logo_aria.gif) no-repeat center center;}
.restaurant #logo {background: transparent url(/graphics/logo_bombay.gif) no-repeat center center;}






/**************************{ m a i n n a v }************************/

#mainNav,
#subnav{
	width: 975px;
	height: 8px;
	}

#subNav {margin-top: 8px;}
#mainNav {
	margin-top:38px;
	padding-bottom: 8px;
	}
.hotel #mainNav {border-bottom: 1px solid #E8BA30;}
.bar #mainNav {border-bottom: 1px solid #CEC79F;}
.restaurant #mainNav {border-bottom: 1px solid #006FB7;}

#mainNav ul {
	width: 138px;
	margin: 0 0 0 419px;
	}
	
#subNav li,
#mainNav li {
	float: left;
	}

#subNav a,	
#mainNav a {
	display:block;
	height: 8px;
	line-height: 8px;
	text-indent: -9000px;
	}

#mainNavHome a {width: 32px;}
#mainNavRestaurant a {
	width: 62px;
	margin: 0 11px 0 13px;
	}
#mainNavBar a {width: 20px;}

.hotel #mainNavHome a {background: transparent url(/graphics/nav_artto.gif) no-repeat 0 0;}
.hotel #mainNavRestaurant a {background: transparent url(/graphics/nav_artto.gif) no-repeat -45px 0;}
.hotel #mainNavBar a {background: transparent url(/graphics/nav_artto.gif) no-repeat -118px 0;}

.bar #mainNavHome a {background: transparent url(/graphics/nav_aria.gif) no-repeat 0 0;}
.bar #mainNavRestaurant a {background: transparent url(/graphics/nav_aria.gif) no-repeat -45px 0;}
.bar #mainNavBar a {background: transparent url(/graphics/nav_aria.gif) no-repeat -118px 0;}

.restaurant #mainNavHome a {background: transparent url(/graphics/nav_bombay.gif) no-repeat 0 0;}
.restaurant #mainNavRestaurant a {background: transparent url(/graphics/nav_bombay.gif) no-repeat -45px 0;}
.restaurant #mainNavBar a {background: transparent url(/graphics/nav_bombay.gif) no-repeat -118px 0;}

#mainNavHome a:hover,
.hotel #mainNavHome a {background-position: 0 -8px;}
#mainNavRestaurant a:hover,
.restaurant #mainNavRestaurant a {background-position: -45px -8px;}
#mainNavBar a:hover,
.bar #mainNavBar a {background-position: -118px -8px;}



.hotel #subNav ul {width: 642px;margin: 0 0 0 187px;}
.bar #subNav ul {width: 401px;margin: 0 0 0 287px;}
.restaurant #subNav ul {width: 316px;margin: 0 0 0 329px;}

.hotel #subNav li {margin-right: 15px;}
.bar #subNav li, 
.restaurant #subNav li {margin-right: 16px;}

.hotel #subNavAbout a {width: 50px;background: transparent url(/graphics/subnav_artto.gif) no-repeat 0 0;}
.hotel #subNavRooms a {width: 36px;background: transparent url(/graphics/subnav_artto.gif) no-repeat -50px 0;}
.hotel #subNavBusiness a {width: 95px;background: transparent url(/graphics/subnav_artto.gif) no-repeat -87px 0;}
.hotel #subNavLocation a {width: 50px;background: transparent url(/graphics/subnav_artto.gif) no-repeat -182px 0;}
.hotel #subNavOffers a {width: 35px;background: transparent url(/graphics/subnav_artto.gif) no-repeat -232px 0;}
.hotel #subNavGallery a {width: 42px;background: transparent url(/graphics/subnav_artto.gif) no-repeat -268px 0;}
.hotel #subNavBooking a {width: 86px;background: transparent url(/graphics/subnav_artto.gif) no-repeat -310px 0;}
.hotel #subNavNewsletter a {width: 63px;background: transparent url(/graphics/subnav_artto.gif) no-repeat -396px 0;}
.hotel #subNavContact a {width: 50px;background: transparent url(/graphics/subnav_artto.gif) no-repeat -460px 0;}

#artto-about-us #subNavAbout a,
.hotel #subNavAbout a:hover {background-position: 0 -8px;}
#artto-rooms #subNavRooms a,
.hotel #subNavRooms a:hover {background-position: -50px -8px;}
#artto-business-facilities #subNavBusiness a,
.hotel #subNavBusiness a:hover {background-position: -87px -8px;}
#artto-location #subNavLocation a,
.hotel #subNavLocation a:hover {background-position: -182px -8px;}
#artto-offers #subNavOffers a,
.hotel #subNavOffers a:hover {background-position: -232px -8px;}
#artto-gallery #subNavGallery a,
.hotel #subNavGallery a:hover {background-position: -268px -8px;}
#artto-booking #subNavBooking a,
.hotel #subNavBooking a:hover {background-position: -310px -8px;}
#artto-newsletter #subNavNewsletter a,
.hotel #subNavNewsletter a:hover {background-position: -396px -8px;}
#artto-contact-us #subNavContact a,
.hotel #subNavContact a:hover {background-position: -460px -8px;}

.bar #subNavFood a {width: 59px;background: transparent url(/graphics/subnav_aria.gif) no-repeat 0 0;}
.bar #subNavCocktail a {width: 69px;background: transparent url(/graphics/subnav_aria.gif) no-repeat -59px 0;}
.bar #subNavLocation a {width: 50px;background: transparent url(/graphics/subnav_aria.gif) no-repeat -130px 0;}
.bar #subNavOffers a {width: 35px;background: transparent url(/graphics/subnav_aria.gif) no-repeat -180px 0;}
.bar #subNavGallery a {width: 42px;background: transparent url(/graphics/subnav_aria.gif) no-repeat -215px 0;}
.bar #subNavContact a {width: 50px;background: transparent url(/graphics/subnav_aria.gif) no-repeat -258px 0;}

#aria-food-menu #subNavFood a,
.bar #subNavFood a:hover {background-position: 0 -8px;}
#aria-cocktail-list #subNavCocktail a,
.bar #subNavCocktail a:hover {background-position: -59px -8px;}
#aria-location #subNavLocation a,
.bar #subNavLocation a:hover {background-position: -130px -8px;}
#aria-offers #subNavOffers a,
.bar #subNavOffers a:hover {background-position: -180px -8px;}
#aria-gallery #subNavGallery a,
.bar #subNavGallery a:hover {background-position: -215px -8px;}
#aria-contact-us #subNavContact a,
.bar #subNavContact a:hover {background-position: -258px -8px;}         

.restaurant #subNavFood a {width: 59px;background: transparent url(/graphics/subnav_bombay.gif) no-repeat 0 0;}
.restaurant #subNavLocation a {width: 50px;background: transparent url(/graphics/subnav_bombay.gif) no-repeat -59px 0;}
.restaurant #subNavOffers a {width: 35px;background: transparent url(/graphics/subnav_bombay.gif) no-repeat -109px 0;}
.restaurant #subNavGallery a {width: 42px;background: transparent url(/graphics/subnav_bombay.gif) no-repeat -144px 0;}
.restaurant #subNavContact a {width: 50px;background: transparent url(/graphics/subnav_bombay.gif) no-repeat -187px 0;}

#bombayFood #subNavFood a,
.restaurant #subNavFood a:hover {background-position: 0 -8px;}
#bombay-location #subNavLocation a,
.restaurant #subNavLocation a:hover {background-position: -59px -8px;}
#bombay-offers #subNavOffers a,                          
.restaurant #subNavOffers a:hover {background-position: -109px -8px;}
#bombay-gallery #subNavGallery a,                        
.restaurant #subNavGallery a:hover {background-position: -144px -8px;}
#bombay-contact-us #subNavContact a,                     
.restaurant #subNavContact a:hover {background-position: -187px -8px;}





/**************************{ c o n t e n t }************************/
	
#content {
	float: left;
	clear: left;
	margin-top: 30px;
	}
	
#leftCol,
#centreCol,
#rightCol { float:left; margin-top:25px; }

#leftCol {width: 225px;margin-right:25px;}
#centreCol {width: 391px;margin-right:25px;}
#rightCol {width: 309px;}

.hotel #leftCol {background: #3a2101 url(/graphics/bg_artto_booking.gif) repeat-x 0 0;}
.bar #leftCol {background: #092819 url(/graphics/bg_aria_booking.gif) repeat-x 0 0;}
.restaurant #leftCol {background: #013857 url(/graphics/bg_bombay_booking.gif) repeat-x 0 0;}
	
#images {
	width: 975px; 
	height: 213px; 
}
	
h2 {
	height:10px;
	padding-bottom: 13px;
	}
	
#artto- #centreCol h2 {background: transparent url(/graphics/h2_artto_welcome.gif) no-repeat 0 0;}
#artto-about-us #centreCol h2 {background: transparent url(/graphics/h2_artto_about.gif) no-repeat 0 0;}
#artto-rooms #centreCol h2 {background: transparent url(/graphics/h2_artto_our.gif) no-repeat 0 0;}
#artto-business-facilities #centreCol h2 {background: transparent url(/graphics/h2_artto_business.gif) no-repeat 0 0;}
#artto-location #centreCol h2 {background: transparent url(/graphics/h2_artto_central.gif) no-repeat 0 0;}
#artto-location.about-glasgow #centreCol h2 {background: transparent url(/graphics/h2_artto_glasgow.gif) no-repeat 0 0;}
#artto-offers #centreCol h2 {background: transparent url(/graphics/h2_artto_special.gif) no-repeat 0 0;}
#artto-gallery #centreCol h2 {background: transparent url(/graphics/h2_artto_see.gif) no-repeat 0 0;}
#artto-online-booking #centreCol h2 {background: transparent url(/graphics/h2_artto_online.gif) no-repeat 0 0;}
#artto-newsletter #centreCol h2 {background: transparent url(/graphics/h2_artto_keep.gif) no-repeat 0 0;}
#artto-contact-us #centreCol h2 {background: transparent url(/graphics/h2_artto_contact.gif) no-repeat 0 0;}
#artto-site-map #centreCol h2 {background: transparent url(/graphics/h2_sitemap.gif) no-repeat 0 0;}  
#artto-terms-conditions #centreCol h2 {background: transparent url(/graphics/h2_tandc.gif) no-repeat 0 0;}  
#artto-privacy #centreCol h2 {background: transparent url(/graphics/h2_privacy.gif) no-repeat 0 0;}  

#aria- #centreCol h2 {background: transparent url(/graphics/h2_aria_aria.gif) no-repeat 0 0;}
#aria-food-menu #centreCol h2 {background: transparent url(/graphics/h2_aria_food.gif) no-repeat 0 0;}
#aria-cocktail-list #centreCol h2 {background: transparent url(/graphics/h2_aria_cocktails.gif) no-repeat 0 0;}
#aria-location #centreCol h2 {background: transparent url(/graphics/h2_aria_central.gif) no-repeat 0 0;}
#aria-offers #centreCol h2 {background: transparent url(/graphics/h2_aria_special.gif) no-repeat 0 0;}
#aria-gallery #centreCol h2 {background: transparent url(/graphics/h2_aria_see.gif) no-repeat 0 0;}
#aria-contact-us #centreCol h2 {background: transparent url(/graphics/h2_aria_contact.gif) no-repeat 0 0;}

#bombay- #centreCol h2 {background: transparent url(/graphics/h2_bombay_bombay.gif) no-repeat 0 0;}
#bombay-food-menu #centreCol h2 {background: transparent url(/graphics/h2_bombay_food.gif) no-repeat 0 0;}
#bombay-location #centreCol h2 {background: transparent url(/graphics/h2_bombay_central.gif) no-repeat 0 0;}
#bombay-offers #centreCol h2 {background: transparent url(/graphics/h2_bombay_special.gif) no-repeat 0 0;}
#bombay-gallery #centreCol h2 {background: transparent url(/graphics/h2_bombay_see.gif) no-repeat 0 0;}
#bombay-contact-us #centreCol h2 {background: transparent url(/graphics/h2_bombay_contact.gif) no-repeat 0 0;}

#artto- #centreCol h2.page404 {
    text-indent: 0px; 
	background: none; 
	color: #c7c49c;
	font-size:1.333em;    /* 16px */
	line-height: 1.125em;
	}
	 
#leftCol h2,
#rightCol h2 {margin: 11px 0 0 11px;}

.hotel #leftCol h2 {
	width: 85px;
	background: transparent url(/graphics/h2_artto_booking.gif) no-repeat 0 0;	
	}
	
#offers h2 {
	font-size: 1em;
	height: auto;
	margin-top: 0px;
	padding: 10px 0 10px 0;
	}

h3 {
	font-size: 1.1667em; /* 14px */ 
	line-height: 2.5em;
	margin-left: 11px;
	}
	
#aria-food-menu h3,
#bombay-food-menu h3 {
	margin-left: 0px;
	font-size: 1.1667em; /* 14px */ 
	line-height: 1em;
	border-bottom: 1px solid #c7c49c;
	margin-bottom: 12px;
	padding-bottom: 1px;
}   

#bombay-food-menu h3 {
	border-color: #006FB7;
}

.hotel #offers h2,
.hotel #offers h2 a,
.hotel h3 {color: #E8BA30;}/* i had this before e5b53b */
.bar #offers h2,
.bar #offers h2 a,
.bar h3 {color: #CEC79F;}
.restaurant #offers h2,
.restaurant #offers h2 a,
.restaurant h3 {color: #006FB7;}	

#offers h2 a:hover {
	color: #fff;
}

#centreCol p,
#centreCol li {
	font-size: 1.1667em; /* 14px */   
    line-height: 1.5em; /* 18px */    
	padding-bottom: 6px;
	}  
	
#centreCol ul.page404 li {
	list-style: disc inside;
}
      
strong {
	font-weight: normal;
}

.hotel strong {
	color: #E8BA30;
}
	
.bar strong {
	color: #c7c49c;
} 

.restaurant strong {
	color: #006FB7;
}
	
.hotel p,
.hotel li,
.hotel p a,
.hotel li a {color: #E0CDBA;}
.bar p,
.bar li,
.bar p a,
.bar li a {color: #AEBCB0;}
.restaurant p,
.restaurant li,
.restaurant p a,
.restaurant li a {color: #A2B6CB;}


#rightCol p {
	padding: 0 10px 10px 10px;
	font-size: 0.9167em; /* 11px */ 
	}

#location {
	width: 309px;
	float: left;
	margin-bottom: 24px;
	}
.hotel #location,
.hotel .box {background: #3e2301 url(/graphics/bg_artto_rightbox.gif) repeat-x 0 0;}
.bar #location,
.bar .box {background: #092819 url(/graphics/bg_aria_rightbox.gif) repeat-x 0 0;}
.restaurant #location,
.restaurant .box {background: #00466E url(/graphics/bg_bombay_rightbox.gif) repeat-x 0 0;}

#location h2 {width: 97px;}
.hotel #location h2 {background: transparent url(/graphics/h2_artto_location.gif) no-repeat 0 0;}
.bar #location h2 {background: transparent url(/graphics/h2_aria_location.gif) no-repeat 0 0;}
.restaurant #location h2 {background: transparent url(/graphics/h2_bombay_location.gif) no-repeat 0 0;}
.hotel #location h2.glasgow {width: 110px; background: transparent url(/graphics/h2_artto_aboutglasgow.gif) no-repeat 0 0;}
.bar #location h2.bombay {background: transparent url(/graphics/h2_aria_bombay.gif) no-repeat 0 0;}
.restaurant #location h2.aria {background: transparent url(/graphics/h2_bombay_aria.gif) no-repeat 0 0;}
	
#location img {
	margin: 0;
	float: right;
	}

#centreCol .box {
	margin-bottom: 14px;
}
#centreCol .box p {
	padding: 11px;
}
.bar #leftCol img {margin: 24px 0 23px 30px;}
.restaurant #leftCol img {margin: 39px 0 35px 28px;} 
.hotel #leftCol img {margin: 24px 0 38px 54px;} 
	


#leftCol form {
	width: 207px;
	padding: 0 0 0 18px;
	}

#leftCol form li {
	padding: 0 0 16px 0;
	}

#leftCol form label {
	display: block;
	color: #E0CDBA;
	width: 86px;
	float:left;
	}

#offers {
	width: 309px;
	float: left;
	}

.hotel #offers {background: #3e2301 url(/graphics/bg_artto_offers.gif) repeat-x 0 0;}
.bar #offers {background: #092819 url(/graphics/bg_aria_offers.gif) repeat-x 0 0;}
.restaurant #offers {background: #013857 url(/graphics/bg_bombay_offers.gif) repeat-x 0 0;}


#offers h2 {text-indent: 0px;}
/*  remove unless used for placeholder when no offers
.hotel #offers h2 {background: transparent url(/graphics/h2_artto_offers.gif) no-repeat 0 0;}
.bar #offers h2 {background: transparent url(/graphics/h2_aria_offers.gif) no-repeat 0 0;}
.restaurant #offers h2 {background: transparent url(/graphics/h2_bombay_offers.gif) no-repeat 0 0;}
*/

#offers img {float: left;}

#centreCol #gallery li {
		float: left;
		margin: 0px 12px 12px 0px;  
		padding-bottom: 0px; 
		line-height: 1em;
}

#centreCol #gallery li.end {
	margin-right: 0px;
}
   
#mapframe {
	padding-top: 6px;
}

/**********************{   c o n t a c t   f o r m   }*****************/


#contactForm label {
	float: left;
	width: 82px;
	display: block;
	padding-top: 6px;
	}
	
#contactForm p input {
	float: left;
	display: block;
	width: 301px;
	border: 0;
	margin: 4px 0 4px 0;
	padding: 4px;
	font-family: arial, sans-serif;
	background-color: #79614d;
	color: #fff;
	}

#contactForm p#captcha input {
	width: 140px;
	margin-left: 134px;
	}
	
#contactForm p#submitbutton input {
	float: right;
	clear: left;
	display: block;
	width: 83px;
	font-family: georgia, times, serif;
	padding: 2px 0px 0 0;   
	background-color: #341d00;  
	text-align: right;    
	color: #E8BA30; 
	}

#contactForm p#submitbutton input:hover {
	color: #006FB7;
	cursor: pointer;
	}

.hotel #contactForm p#submitbutton input:hover {color: #FFFFFF;}
.bar #contactForm p#submitbutton input:hover {color: #CEC79F;}
.restaurant #contactForm p#submitbutton input:hover {color: #006FB7;}

/***************************{   f o o t e r   }**********************/

#footer {
	width: 975px;
	float: left;
	margin-top:25px;
	}
.hotel #footer {border-top: 1px solid #E8BA30;}
.bar #footer {border-top: 1px solid #CEC79F;}
.restaurant #footer {border-top: 1px solid #006FB7;}

#footerNav {margin-top: 8px;}

#footer ul {
	width: 292px;
	margin: 0 0 0 370px;
	}
	
#footer li {float: left;}

#footer li a {
	display:block;
	height: 8px;
	text-indent: -9000px;
	}

#footerNavSitemap a {width: 32px;}
#footerNavTerms a {
	width: 110px;
	margin: 0 28px 0 28px;
	}
#footerNavAccess a {width: 68px;}

.hotel #footerNavSitemap a {background: transparent url(/graphics/footernav_artto.gif) no-repeat 0 0;}
.hotel #footerNavTerms a {background: transparent url(/graphics/footernav_artto.gif) no-repeat -33px 0;}
.hotel #footerNavAccess a {background: transparent url(/graphics/footernav_artto.gif) no-repeat -142px 0;}

.bar #footerNavSitemap a {background: transparent url(/graphics/footernav_aria.gif) no-repeat 0 0;}
.bar #footerNavTerms a {background: transparent url(/graphics/footernav_aria.gif) no-repeat -33px 0;}
.bar #footerNavAccess a {background: transparent url(/graphics/footernav_aria.gif) no-repeat -142px 0;}

.restaurant #footerNavSitemap a {background: transparent url(/graphics/footernav_bombay.gif) no-repeat 0 0;}
.restaurant #footerNavTerms a {background: transparent url(/graphics/footernav_bombay.gif) no-repeat -33px 0;}
.restaurant #footerNavAccess a {background: transparent url(/graphics/footernav_bombay.gif) no-repeat -142px 0;}

/*
#footerNavSitemap a:hover {background-position: 0 -8px;}
#footerNavTerms a:hover {background-position: -45px -8px;}
#footerNavAccess a:hover {background-position: -118px -8px;}
*/

address {
	width: 975px;
	height: 82px;
	text-indent: -9000px;
	float: left;
	margin-top: 18px;
	}  
	
.hotel address {background: transparent url(/graphics/address_artto.gif) no-repeat center top;}
.bar address {background: transparent url(/graphics/address_aria.gif) no-repeat center top;}
.restaurant address { height: 72px; background: transparent url(/graphics/address_bombay.gif) no-repeat center top;} 

#footer p {
		clear: left;  
		font-size: .75em; 
		text-align: center;	  
		padding-top: 10px;  
}