/* Display stylesheet for www.XXX.co.uk */
/* Coded by Djenan Kozic, djenan.kozic@infoserve.com -- 22-12-2009 */

/* YUI RESETS */
@import url("yui-resets.css");

/* PROGRESSIVE ENHANCEMENTS */
@import url("enhancements.css");

/* The Basics */

body { background: #ededed url('../images/body-bg.png') repeat-x top; font:normal 62.5% 'Lucida Sans', 'Lucida Sans Unicode', Verdana, Sans-serif; color:#333; padding-bottom:50px; }
h2 { font-size:1.4em; font-weight:bold; line-height:1.4em; letter-spacing:-0.05em; }
h3 { font-size:1.2em; font-weight:bold; line-height:1.4em; letter-spacing:-0.05em; }
p, li { font-size:1.2em; line-height:1.5em; }
p, ul { padding-bottom:1.6em; }
blockquote { background:#f8f8f8 url('../images/blockquote-bg.png') no-repeat bottom right; border:1px solid #e1e1e1; margin-bottom:1.6em; padding:16px; }
blockquote cite { color:#f0c21a; display:block; padding-top:1.6em; margin-bottom:-1.6em; }

#wrapper { background-color:white; position:relative; width:860px; margin:0 auto; }
.clear { clear:both; }
a { color:#f2bb39; border-bottom:1px solid #f2bb39; text-decoration:none; }
a:hover { border-bottom-color:#fff; text-decoration:none; }

/* BRANDING */
#head { height:193px; border-bottom:1px solid #e1e1e1; background:transparent url('../images/head-bg.jpg') no-repeat right bottom; }
#head h1 { padding:23px 21px;}
#head h1 a { overflow:hidden; display:block; border:none; width:344px; height:144px; text-indent:-999em; background:transparent url('../images/logo-bg.png') no-repeat 0 0; }
#head h1 a:hover { background-position:0 -150px; }

/* NAVIGATION */
#nav { float:left; padding-bottom:0; }
#nav a { display:block; width:166px; border-bottom:1px solid #e1e1e1; padding:6px 15px 6px 30px; background:transparent url('../images/nav-off-bg.png') no-repeat 21px center; }
#homepage #nav .homepage a, #about-us #nav .about-us a, #our-classes #nav .our-classes a, #news-and-events #nav .news-and-events a, #nav li a:hover { background:#f5f5f5 url('../images/nav-on-bg.png') no-repeat 21px center; }
#nav li a:active { background-color:#e5e5e5; }
#homepage #nav .homepage a, #about-us #nav .about-us a, #our-classes #nav .our-classes a, #news-and-events #nav .news-and-events a { cursor:default; }

/* MAIN CONTENT */
#content { float:none; clear:none; width:315px; margin-left:211px; border-left:1px solid #e1e1e1; padding:30px; }
#content h2 { color:#e8b91a; padding-bottom:1.0em; }
#content h3 { color:#e8b91a; padding-bottom:0em; }
#content li { list-style-image:url('../images/list-bullet.png'); font-weight:bold; margin-left:16px; }

#content table { font-size:1.2em; line-height:1.5em; vertical-align:top; width:575px; margin-bottom:16px; }
#content table tr { vertical-align:top;}
#content table th { font-weight:bold; border:1px solid #e1e1e1; vertical-align:top; background-color:#f5f5f5; color:#e8b91a; }
#content table td { border:1px solid #e1e1e1; vertical-align:top;  }
#content table th, #content table td { padding:5px; }
#content table th.time { width:125px; }
#content img { background-color:#e1e1e1; padding:1px; margin-bottom:16px; width:575px; }


/* ASIDE STYLES */
#aside { float:left; clear:left; padding:21px; width:187px; }
#aside h2 { color:#172629; padding-bottom:0em; font-size:1.3em; }

/* IMAGE STYLES */
#images { float:right; width:200px; margin:-87px -233px 0 0; clear:none; }
#images img { background-color:#e1e1e1; padding:1px; border:10px solid white; margin-bottom:33px; width:213px; }

/* MIXED STYLES */

/* FOOTER STYLES */
#footer { clear:both; padding:30px 40px 40px; border-top:1px solid #e1e1e1; color:#c5c5c5; }
#footer p { float:left; }
#footer cite { float:right; }


/* END OF CSS FILE */