html, body {
height:100%;
background-color:#dedbd1;
background-image:url(../assets/graphics/body_bg.jpg);
background-repeat:no-repeat;
background-position:top center;
margin:0px;
padding:0px;
}

/* IE PNG FIX */
img, div { behavior: url(http://www.angelcourtyard.co.uk/assets/iepngfix.htc); }

/* USED TO RECTIFY THE CUSHY CMS LINE BREAK GAPS */
.cushycms br {line-height:8px; }

/* COMPLETE WEBSITE WRAPPER */
#wrapper {
width:980px;
height:auto;
padding:0px;
margin:0px auto;
overflow:visible;
background-color:#ffffff;
}
#wrapper:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

/* HEADER SECTION */
#header {
width:100%;
height:90px;
display:inline;
float:left;
position:relative;
margin:0px;
background-color:#53247f;
}
#logo {
width:600px;
height:90px;
display:inline;
float:left;
position:relative;
}
#information {
width:360px;
height:70px;
display:inline;
float:right;
position:relative;
font-family:"Times New Roman", Times, serif;
font-size:18px;
font-style:italic;
color:#FFFFFF;
text-align:right;
margin:20px 20px 0 0;
}

/* NAVIGATION AREA */
#navigation {
width:970px;
height:30px;
padding:0 5px 0 5px;
display:inline;
float:left;
position:relative;
background-color:#53247f;
z-index:100; /* USED FOR IE7 DROPDOWN TO WORK */
font-size: 12px;
font-family:Arial, Helvetica, sans-serif;
color: #ffffff;
font-weight: normal;
}

/* THE MAIN BODY CONTENT OF THE SITE SITS WITHIN CONTENT_WRAPPER */
#content_wrapper {
width:960px;
height:auto;
display:inline;
float:left;
position:relative;
margin:0px;
padding:10px 10px 0px 10px;
background-color:#FFFFFF;
}

/* LEFT PANEL WITHIN CONTENT_WRAPPER */
#left_panel {
width:660px;
height:auto;
display:inline;
float:left;
position:relative;
padding:0 0 10px 0;
}

/* MAIN IMAGE AREA */
#left_panel #main_image {
width:660px;
height:300px;
display:inline;
float:left;
margin:0 0 10px 0;
background-color:#CCCCCC;
}

/* AREA FOR TEXT TO SITE IN LEFT_PANEL */
#left_panel #content {
width:660px;
height:auto;
display:inline;
float:left;
margin:0 0 10px 0;
}

/* HALF CONTENT SPLIT FOR SHOP PAGE DETAIL SECTIONS */
#left_panel .half_content {
width:325px;
height:auto;
display:inline;
float:left;
margin:0 0 0 0;
}

/* THE BLOCKS WHICH CONTAIN SHOP DETAILS - ADDRESS, OPENING TIMES ETC */
#left_panel .half_content .block {
width:305px;
height:auto;
margin:0 0 10px 0;
float:left;
display:inline;
padding:10px;
background-color:#efede7;
background-image:url(../assets/graphics/shop_details_block_bg.jpg);
background-position:top;
background-repeat:no-repeat;
}
#left_panel .half_content .block p {
margin:10px 0 0 0;
}

/* RIGHT PANEL WITHIN CONTENT WRAPPER */
#right_panel {
width:290px;
height:auto;
display:inline;
float:right;
position:relative;
padding:0 0 10px 0;
}

/* THE BLOCKS WHICH SIT IN RIGHT PANEL */ 
#right_panel .block {
width:270px;
height:auto;
background-color:#dedbd1;
display:inline;
float:left;
margin:0 0 10px 0;
padding:10px;
background-image:url(../assets/graphics/right_panel_block_bg.jpg);
background-position:top;
background-repeat:no-repeat;
}
#right_panel .block p {
margin:10px 0 0 60px;
}
#right_panel .block p.nomargin {
margin:10px 0 0 0px;
}
#right_panel .block h4 {
margin-left:60px;
}
#right_panel .block img {
float:left; 
display:inline;
}
#right_panel .block ul {
margin:10px 0 0 0;
padding:0px;
border:0px;
list-style:none;
}
#right_panel .block ul li {
margin:5px 0 5px 0;
padding:0 0 0 20px;
border:0px;
list-style:none;
font-family:Arial, Helvetica, sans-serif;
color:#666666;
font-size:0.75em;
background-image:url(../assets/graphics/arrow.png);
background-position:left;
background-repeat:no-repeat;
}
#right_panel .block ul li a:link,
#right_panel .block ul li a:hover,
#right_panel .block ul li a:visited {
text-decoration:underline;
color:#666666;
}

/* WEBSITE FOOTER */
#footer {
width:960px;
height:auto;
display:inline;
float:left;
position:relative;
background-color:#53247f;
margin:0 0 0 0;
padding:10px;
font-family:Arial, Helvetica, sans-serif;
font-size:0.7em;
color:#FFFFFF;
line-height:18px;
}
#footer a:link,
#footer a:hover,
#footer a:visited {
text-decoration:none;
color:#FFFFFF;
}

/* FIELDSET USED IN LEFT PANEL FORMS - SUCH AS THE NEWSLETTER SUBSCRIBE */
fieldset {
width:640px;
margin:0px;
padding:10px;
border:0px;
background-color:#efede7;
background-image:url(../assets/graphics/fieldset_bg.jpg);
background-position:top;
background-repeat:no-repeat;
}
fieldset ol {
margin:0px;
padding:0px;
list-style:none;
border:0px;
}
fieldset ol li {
margin:5px 0 5px 0;
padding:0px;
border:0px;
list-style:none;
}
fieldset ol li label {
width:120px;
height:auto;
display:inline;
float:left;
font-family:Arial, Helvetica, sans-serif;
color:#666666;
font-size:0.75em;
padding:3px 0 3px 0;
}
fieldset ol li .form_text {
width:350px;
font-family:Arial, Helvetica, sans-serif;
color:#666666;
font-size:0.75em;
border:1px solid #cccccc;
padding:3px;
}
fieldset ol li .submit_message {
width:auto;
height:auto;
padding:3px 10px 3px 10px;
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
background-color:#a49195;
border:1px solid #684d52;
font-size:0.75em;
}


/* DROP NAVIGATIONAL LINKS STYLES */
#navigation #nav {margin: 0px;padding: 0px;}
#navigation #nav ul {float: left;list-style: none;margin: 0px;padding: 0px;}
#navigation #nav li {float: left;list-style: none;margin: 0px 5px 0px 0px;padding: 0px;}
#navigation #nav li a, #navigation #nav li a:link, #navigation #nav li a:visited {color: #ffffff;display: block;font-size: 12px;font-family: Arial, Helvetica, Sans-Serif;font-weight: normal;text-transform: none;text-decoration:none;margin: 0px;padding: 0px 10px 0px 10px;line-height:30px; text-align:left;background-image:url(../assets/graphics/nav_tab_bg.jpg);background-repeat:repeat-x;}
#navigation #nav li a:hover, #navigation #nav li a:active {background-color:#FFFFFF;background-image:none;color:#684e53;margin: 0px;text-decoration: none;}
#navigation #nav li li a, #navigation #nav li li a:link, #navigation #nav li li a:visited {background-color:#ffffff;width: 200px;color: #666666;font-size: 12px;font-family: Arial, Helvetica, Sans-Serif;font-weight: normal;text-transform: none;float: none;margin: 0px;padding: 0px 10px 0px 10px;border-bottom: 1px solid #cccccc;background-image:none;}
#navigation #nav li li a:hover, #navigation #nav li li a:active {background-color:#f3f3f3;color: #666666;padding: 0px 10px 0px 10px;}
#navigation #nav li ul {z-index: 9999;position: absolute;left: -999em;height: auto;width:220px;margin: 0px 0px 0px 0px;padding: 5px;background-color:#ffffff;}
#navigation #nav li li { }
#navigation #nav li ul a { width: 200px;}
#navigation #nav li ul a:hover, #navigation #nav li ul a:active { }
#navigation #nav li ul ul {margin: -36px 0 0 190px;border-left:0px;}
#navigation #nav li:hover ul ul, #navigation #nav li:hover ul ul ul, #navigation #nav li.sfhover ul ul, #navigation #nav li.sfhover ul ul ul {left: -999em;}
#navigation #nav li:hover ul, #navigation #nav li li:hover ul, #navigation #nav li li li:hover ul, #navigation #nav li.sfhover ul, #navigation #nav li li.sfhover ul, #navigation #nav li li li.sfhover ul {left: auto;}
#navigation #nav li:hover, #navigation #nav li.sfhover {position: static;background-color:#ffffff; color:#684e53;}