/*********************
CONTENTS
Colour Swatch
General
Header
Navigation
Content
Footer
Test
*********************/


/*********************
GENERAL
*********************/


body{font-family:Arial,Helvetica,sans-serif; font-size:13px; line-height:1.5}
.wrapper{background:url("/images/bg.jpg") no-repeat; width:980px; height:768px; margin:0 auto; margin-top:-8px}
a{text-decoration:none; color:inherit}
a:hover{color:#18f}
dt{margin-left:20px}
h3 a{font-size:18px; font-weight:normal}
img{border:none}
img.small{display:block; float:left; height:150px; margin-left:63px; padding-right:50px; margin-top:10px}
img.large{height:300px; display:block; margin:0 auto}


/*********************
HEADER
*********************/

.header{position:relative; top:30px; left:40px}
.header p{position:relative; bottom:15px; left:50px; font-size:20px}
.tel{position:relative; left:640px; bottom:100px; font-weight:bold}


/*********************
NAVIGATION
*********************/

.nav{position:relative; bottom:560px; text-align:center; font-size:18px; left:10px; width:200px; padding:0 10px 0 10px; z-index:20}
.nav h1{margin-bottom:-10px; font-size:30px}
.nav .menuheader{/* CSS class for menu headers in general (expanding or not!)*/color:#000; margin-bottom:-20px; /*bottom spacing between header and rest of content*/cursor:hand; cursor:pointer}
.nav .openheader a{/*CSS class to apply to expandable header when it's expanded*/}
.nav ul{/*CSS for UL of each sub menu*/list-style-type:none; margin:0; padding:0 0 20px; margin-bottom:8px; /*bottom spacing between each UL and rest of content*/}
.nav ul li{height:30px}
.nav ul li a{color:#000; display:block; text-decoration:none; font-size:15px}
.nav ul li a:hover{color:#18f}
.nav ul li a:first-child{padding-top:30px}


/*********************
CONTENT
*********************/


.content{position:relative; left:240px; background:url("/images/content_bg.png") no-repeat; width:726px; height:549px}
.content a{color:#000; font-weight:bold}
.content a:hover{color:#005BB7}
.content h1{font-size:25px; margin:0 20px 10px 30px; padding-top:20px; font-family:"Times New Roman",Times,serif}
.content p{margin:10px 30px; text-align:justify}
.content ul{margin-left:20px; margin-top:-5px; list-style:url("/images/tick.png")}
ul.love{list-style:url("/images/heart.png")}
.map{float:left; width:450px; margin-left:30px; padding-right:30px}


/*********************
FOOTER
*********************/


.footer{color:#FFF; float:right; margin-right:30px; position:relative; font-weight:bold; bottom:5px; text-align:right}
.footer a:hover{color:#fff}
p.footerSmall{font-size:10px; margin-top:-14px}


/*********************
TEST
*********************/


.loveText{color:#D20000; font-weight:bold}
table{margin-left:22px; text-align:center}
th, td{width:90px}
td:first-child{font-weight:bold}
a.selected{color:#005BB7 !important; font-weight:bold}
.clear{clear:both; margin-bottom:20px}