/*---------------------------------------------------------------------------------------
  
                        Website: London Catering Services
                        Author: Bitmedia
                        Created: April 2009
  
---------------------------------------------------------------------------------------*/

@import "default.css";
body	{ background: url('../images/bg-grass.jpg') #fff;}
body, html, form { height: 100%;}
form { min-height: 100%;}
/*---------------------------------------------------------------------------------------
   Base Typography
---------------------------------------------------------------------------------------*/
/* Links */
a:link { color: #503a29;}
a:visited { color: #503a29;}
a:hover { color: #503a29;}

/* Normal Type */
body { font: 62.5% Verdana, Geneva, sans-serif; color: #503a29; text-align: left;}
#pageContainer { font-size: 1.2em; line-height: 1.5em;}
p { padding: 0 8px 1.5em 11px;}
#content { font-size: .9em;}

/* Headers */
h1 { color: #644934; font-size: 2em; padding: 0 0 1.4em;}
h2 { color: #644934; font-size: 1.7em; padding: 0 0 .3em 10px;}
h3 { color: #644934; font-size: 1.1em; padding: 0 0 0 10px; font-weight: bold; font-style:italic;}




/*---------------------------------------------------------------------------------------
   Layout 
---------------------------------------------------------------------------------------*/
/* Container */
#pageContainer { width: 944px; position: relative; min-height: 100%;}
	* html #pageContainer { height: auto;} * html #pageContainer { height: 100%;}
	/* IE6 is not liking overflow to clear pagecontainer so had to use clearfix */
	#pageContainer:after {content: ""; display: block; height: 0; clear: both; visibility: hidden;}
	#pageContainer {display:inline-block;}

/* SideColumn */
#sideCol { float: left; width: 194px; padding: 48px 20px 150px 17px; height: 579px; background: url('../images/bg-napkin.jpg') no-repeat;}
#contactInfo { margin: 17px 0 0 0; padding: 0 0 17px 0; font-size: .9em; background: url('../images/bg-dotdivider.gif') repeat-x bottom left;}
#logos { padding-top: 17px;}
img#plateImg { position: absolute; bottom: 0; left: 0; z-index: 2;}
* html img#plateImg { bottom: -1px;}

/* MainColumn */
#mainCol { float: left; width: 701px; background: url('../images/bg-redtile.gif') repeat-y; padding-bottom: 46px; position: relative;}
#content { width: 495px; padding: 90px 13px 1.4em 19px; margin: 232px 0 0 79px; background: #fefef6; border: 1px solid #c7c5c2; overflow: hidden;}
img#polaroidHeader { position: absolute; z-index: 1;}
.intro { overflow: auto; padding-bottom: 1.5em; width: 100%;}
.introevents { padding-bottom: 0em;}
.intro p { padding-bottom: 0;}

/* Footer */
#design { position: absolute; bottom: 11px; left: 418px; color: #7e7673; background: #fff; padding: 1px 5px; font-size: .9em; border: 1px solid #c4bdbb;}
#design a { color: #7e7673; text-decoration: none;}



/*---------------------------------------------------------------------------------------
   Content 
---------------------------------------------------------------------------------------*/
/* Gallery Page */
body.galleryPage #content { margin: 45px 0 0 79px; padding: 1.4em 13px 1.4em 19px;}
#photogallery { padding: 0 0 0 10px; overflow: hidden;}
#photogallery a { display: block; width: 136px; height: 164px; padding: 9px 0 0 9px; background: url('../images/polaroid.gif') no-repeat; float: left; margin: 0 15px 27px 0;}
* html #photogallery a { margin-right: 11px}
#galleryNav { overflow: hidden; width: 100%;}
#galleryNav a { background: none; width: auto; height: auto; display: inline;}
#galleryNav a.next { float: right;}
#galleryNav a.prev { float: left;}

/* News Page */
.newsArticle { padding: 0 8px 0 11px;}
.newsArticle .date { font-weight: bold;}
.newsArticle .title { font-weight: bold; padding-bottom: 5px;}
.newsArticle .abstract { }
.newsArticle img.imgLeft { margin-top: 10px;}
.newsArticle .abstract p { padding-left: 0; padding-right: 0;}


/*---------------------------------------------------------------------------------------
   Navigation
---------------------------------------------------------------------------------------*/
/* Main Nav */
.RadPanelBar { width: 181px !important; padding: 21px 0 0 0;}

ul#mainNav { padding: 0; list-style: none; margin: 0; padding-top: 21px; width: 173px; overflow: hidden;}
ul#mainNav li { margin: 0; padding: 0;}
ul#mainNav li a { display: block; width: 181px; text-indent: -9999px; outline: 0; background: url('../images/mainNavSprites.png') no-repeat 0 9999px;}
ul#mainNav li.navHome a { background-position: 0 0; height: 29px;}
	ul#mainNav li.navHome a:hover { background-position: -187px 0;}
	ul#mainNav li.navHome a.selected { background-position: -374px 0 !important;}
ul#mainNav li.navProfile a { background-position: 0 -29px; height: 28px;}
	ul#mainNav li.navProfile a:hover { background-position: -187px -29px; }
	ul#mainNav li.navProfile a.selected { background-position: -374px -29px !important; }	
ul#mainNav li.navServices a { background-position: 0 -57px; height: 28px;}
	ul#mainNav li.navServices a:hover { background-position: -187px -57px;}
	ul#mainNav li.navServices a.rpExpanded { background-position: -187px -57px !important; height: 27px;}	
	ul#mainNav li.navServices a.selected { background-position: -374px -57px !important;}	
ul#mainNav li.navPhotoGallery a { background-position: 0 -85px; height: 29px;}
	ul#mainNav li.navPhotoGallery a:hover { background-position: -187px -85px;}
	ul#mainNav li.navPhotoGallery a.selected { background-position: -374px -85px !important;}	
ul#mainNav li.navNews a { background-position: 0 -114px; height: 27px;}
	ul#mainNav li.navNews a:hover { background-position: -187px -114px}
	ul#mainNav li.navNews a.selected { background-position: -374px -114px !important;}	
ul#mainNav li.navContact a { background-position: 0 -141px; height: 29px;}
	ul#mainNav li.navContact a:hover { background-position: -187px -141px;}
	ul#mainNav li.navContact a.selected { background-position: -374px -141px !important;}	

ul#mainNav li ul  { padding: 0 0 0px; margin: 0; list-style: none !important; background: url('../images/navdots-small.png') no-repeat bottom left;}
ul#mainNav li ul li { padding: 0; margin: 0;}
ul#mainNav li.navServices ul li a { height: 17px;}
ul#mainNav li.navServices ul li.navOurServices a { background-position: 0 -175px;}
	ul#mainNav li.navServices ul li.navOurServices a:hover { background-position: -187px -175px;}
	ul#mainNav li.navServices ul li.navOurServices a.selected { background-position: -374px -175px !important;}
ul#mainNav li.navServices ul li.navEvents a { background-position: 0 -192px;}
	ul#mainNav li.navServices ul li.navEvents a:hover { background-position: -187px -192px;}
	ul#mainNav li.navServices ul li.navEvents a.selected { background-position: -374px -192px !important;}
ul#mainNav li.navServices ul li.navLicensedSites a { background-position: 0 -209px;}
	ul#mainNav li.navServices ul li.navLicensedSites a:hover { background-position: -187px -209px;}
	ul#mainNav li.navServices ul li.navLicensedSites a.selected { background-position: -374px -209px !important;}
ul#mainNav li.navServices ul li.navCommercialCatering a { background-position: 0 -226px; height: 27px;}
	ul#mainNav li.navServices ul li.navCommercialCatering a:hover { background-position: -187px -226px;}
	ul#mainNav li.navServices ul li.navCommercialCatering a.selected { background-position: -374px -226px !important;}



/* IE6 Fix for transparency */
* html ul#mainNav li.navHome { height: 29px;}
* html ul#mainNav li.navProfile { height: 28px;}
* html ul#mainNav li.navServices { height: 28px;}
* html ul#mainNav li.navGallery { height: 29px;}
* html ul#mainNav li.navNews { height: 27px;}
* html ul#mainNav li.navContact { height: 29px;}
* html ul#mainNav li.navServices ul li { height: 17px;}
* html ul#mainNav li.navServices ul li.navCommercialCatering { height: 27px;}






/* Minor Nav */
ul#minorNav { margin: 0; padding: 0; list-style: none;}
ul#minorNav li { margin: 0; padding: 0;}
ul#minorNav li a {}
ul#minorNav li a:hover {}
ul#minorNav li a.currentPage {}



/*---------------------------------------------------------------------------------------
   Forms
---------------------------------------------------------------------------------------*/
/* Contact Form */
#contactForm { padding: 0 0 0 10px; font-size: .9em; overflow: hidden; width: 485px;}
#contactForm .formLeft { line-height: 1.2em; padding-bottom: 3px;}
#contactForm .formRow { width: 49%; }
#contactForm .formRow .input { margin-right: 0;}
#contactForm .requirements, #contactForm .requirements .formLeft { width: 100%;}
#contactForm .requirements .textarea { width: 420px;}
#contactForm .full { width: 100%;}
#contactForm .full .formLeft { width: auto; padding-right: 15px; padding-top: 3px; width: 160px;}
#contactForm .other { padding-top: 10px;}
#contactForm .other .formLeft { color: #836e5e;}
#contactForm .other .input { width: 120px;}
#contactForm .input, #contactForm .textarea { width: 180px; padding: 1px 2px; font-family:Verdana, Geneva, sans-serif;}
#contactForm .textarea { height: 100px; font-size: 1.2em;}
#contactForm .submit { margin-left: 0px; float: left;}

/* Also on contact Page */
#contact { margin-top: 4.2em; float: right; width: 200px;}
#contact p { padding-bottom: 1.2em;}
#map { float: left; margin-top: 4.2em; width: 280px; height: 165px; background: #e5e5d7; border: 1px solid #9a9a9a;}

/*---------------------------------------------------------------------------------------
   Misc.
---------------------------------------------------------------------------------------*/
/* Image Floats */
img.imgLeft { float: left; margin: 0 15px 0em 0;}
img.imgRight { float: right; margin: 0 0 0 15px;}

/* Click Through Links */
.clickthroughlinks { padding: 0 0 0 10px;}
.clickthroughlinks a { margin-right: 10px; font-weight: bold;}

/* Lists */
#content ul { margin: -1.4em 0 1.4em 25px; font-size: .9em;}

/* error Page */
#errorMessage { padding: 50px 0 100px; width: 100%; text-align: center;}

/* 404 Page */