
body {background-color:#000000;
	font-size:11px; font-family:Tahoma, Arial, Verdana, sans-serif; color:#ffffff;}
	
a:link, a:visited {color:#ff0143; text-decoration:none;}
a:hover {font-weight:bold;}
	
div#wrapper {width:100%; height:100%; position:relative; }
	
div#page {width:970px; margin:70px auto 60px auto; position:relative;  padding:0px;
	background-color:#000000; border:1px solid #818181; background-repeat:no-repeat;
	min-height:720px;}
	
div#side {width:330px; float:left;}
	
div#sideTop {margin:40px 20px 0px 20px;}

div#side h1 {display:block; width:290px; height:40px; clear:both; margin:200px 20px 0px 20px; background-repeat:no-repeat;}

div#side h1 span, div#side p span {display:none;}

div#side p {display:block; width:290px; height:180px; clear:both; margin:20px 20px 0px 20px; background-repeat:no-repeat;}

div#logo {border-bottom:2px solid #ff0143; width:290px; height:61px; background-image:url('../images/logo.png'); background-repeat:no-repeat;}
div#logo img {display:none;}

div#tagline {width:290px; height:36px; background-image:url('../images/tagline.png'); background-repeat:no-repeat;}
div#tagline img {display:none;}

div#cornerlogo {width:70px; height:79px; position:absolute; bottom:20px; left:10px;
	background-image:url('../images/cornerlogo.png'); background-repeat:no-repeat;}
div#cornerlogo img {display:none;}

div#content {margin-left:330px; padding-bottom:140px;}

div#contentFooter {background-image:url('../images/bg_address.png'); width:230px; height:130px; position:absolute; bottom:0px; right:20px;}
div#contentFooter p {margin:46px 0px 20px 14px;}

#contentFooter p a:link,#contentFooter p a:visited
{ color:#fff;}

/* PAGE SPECIFIC */

/* home page */

body#home div#page {background-image:url('../images/cbg_home.jpg');}

body#home div#side h1 {background-image:url('../images/title_upcoming.png'); border-bottom:2px solid #ff0143; margin-bottom:20px;}
body#home div#side p {display:block; width:290px; height:79px; clear:both; margin:20px 20px 0px 20px;}

body#home div#eventsList { clear:both; }

body#home div#eventsList p
{ height:inherit; margin:0 20px;}

body#home div#eventsList p.eventLink
{ text-align:right; }

/* contact page */

body#contact div#page {background-image:url('../images/cbg_contact.jpg');}

body#contact div#side h1 {background-image:url('../images/title_contact.png');}
body#contact div#side p {background-image:url('../images/desc_contact.png');}

body#contact .map {float:right; margin:60px 20px 0px 0px;}

/* about page */

body#about div#page {background-image:url('../images/cbg_about.jpg');}

body#about div#side h1 {background-image:url('../images/title_about.png');}
body#about div#side p {background-image:url('../images/desc_about.png');}

div#aboutBox {width:580px; float:right; margin:200px 20px 0px 0px;
	background-color:#1a1a1a;}
	
div#aboutBox img {margin:0px 0px 10px 0px;}
div#aboutBox p {font-size:12px; margin:0px 15px 15px 15px;}

/* what's on page */

body#whatson div#page {background-image:url('../images/cbg_whatson.jpg');}

body#whatson div#side h1 {background-image:url('../images/title_whatson.png');}
body#whatson div#side p {background-image:url('../images/desc_whatson.png'); }

body#whatson .box {width:540px; margin:26px 20px 0px 0px; float:right; padding:10px;
	background-color:#1a1a1a;}

body#whatson .topmargin {margin-top:50px;}

body#whatson .box h2 {font-size:12px; font-weight:bold; margin:0; padding:0; }
body#whatson .box p {width:490px; float:right;}

body#whatson .icon {float:left; margin:0px 10px 0px 0px;}

/* what's on event page -shares body id with whatson main page */

body#whatsonEvent div#page {background-image:url('../images/cbg_whatson.jpg');}

body#whatsonEvent div#side h1 {background-image:url('../images/title_whatson.png');}
body#whatsonEvent div#side p {background-image:url('../images/desc_whatson.png'); }

body#whatsonEvent .box {width:560px; margin:26px 20px 0px 0px; float:right; padding:0px;
	background-color:#1a1a1a;}
	
body#whatsonEvent .topmargin {margin-top:50px;}

body#whatsonEvent .box h2 {font-size:16px; font-weight:bold; margin:0; padding:10px 0px 20px 10px;}
body#whatsonEvent .box p {width:480px; float:right; margin-right:10px;}
body#whatsonEvent .box .date {width:70px; float:right; font-size:12px;}

body#whatsonEvent .icon {float:left; margin:10px 0px 0px 10px;}
body#whatsonEvent .back {display:block; padding:10px;}

/* menu page */

body#menus div#page {background-image:url('../images/cbg_about.jpg');}

body#menus div#side h1 {background-image:url('../images/title_menus.png');}
body#menus div#side p {background-image:url('../images/desc_menus.png');}

div#breakfast, div#lunch {width:260px; float:right; margin:50px 20px 0px 0px; padding:10px;
	background-color:#1a1a1a;}
div#breakfast strong, div#lunch strong {color:#ff0143;}

/* NAVIGATION */

ul#nav {margin:0px; padding:0px;}

ul#nav li {list-style-type:none; float:left;}
ul#nav li a { display:block;}
ul#nav li span {display:none;}

ul#nav .home a {height:42px; width:76px;
	border-top:2px solid #ff0143; border-right:2px solid #ff0143; background-image:url('../images/nav/nav_home.png');}
ul#nav .about a {height:42px; width:93px;
	border-top:2px solid #ff0143; border-right:2px solid #ff0143; background-image:url('../images/nav/nav_about.png');}
ul#nav .contact a {height:42px; width:113px;
	border-top:2px solid #ff0143; background-image:url('../images/nav/nav_contact.png');}
ul#nav .menus a {height:51px; width:109px;
	border-top:2px solid #ff0143; border-right:2px solid #ff0143; border-bottom:2px solid #ff0143; background-image:url('../images/nav/nav_menus.png');}
ul#nav .whatson a {height:51px; width:175px;
	border-top:2px solid #ff0143; border-bottom:2px solid #ff0143; background-image:url('../images/nav/nav_whatson.png');}

ul#nav .home a:hover, ul#nav .about a:hover, ul#nav .contact a:hover, body#home ul#nav .home a, body#about ul#nav .about a, body#contact ul#nav .contact a {background-position:0px -42px;}

ul#nav .menus a:hover, ul#nav .whatson a:hover, ul#nav .whatsonEvent a:hover, body#menus ul#nav .menus a, body#whatson ul#nav .whatson a, body#whatsonEvent ul#nav .whatson a {background-position:0px -51px;}

/* REUSABLES */

.cB {clear:both;}
.cR {clear:right;}
.cL {clear:left;}
.fR {float:right;}
.fL {float:left;}
