/* CSS Document */
* {margin:0; padding:0;}
html { min-height: 100%; margin-bottom: 1px; }

body {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#75797F; line-height:15px; background:url(../images/bg-splat.gif) no-repeat 50% 85% fixed;}
#bg-top {background:url(../images/bg-top.gif) repeat-x; text-align:center;}
#wrapper {width:948px; margin:0 auto; text-align:left;}
h1 {position:absolute; right:10px; font-size:10px; color:#aaa;}
	h1 strong, h1 em {font-style:normal; font-weight:bold;}

/*Navigation*/
#nav {position:absolute; z-index:2; width:948px;}
#nav div, #nav div a {height:144px; display:block; float:left;z-index:5;}
#nav p {visibility:hidden;}

#home, #home a {width:124px; background:url(../nav/home.gif) bottom;}
#home a:hover, #home-on a {background:url(../nav/home.gif); width:124px;}

#about, #about a {width:139px; background:url(../nav/about.gif) bottom;}
#about a:hover, #about-on a {background:url(../nav/about.gif); width:139px;}

#children, #children a {width:152px; background:url(../nav/children.gif) bottom;}
#children a:hover, #children-on a {background:url(../nav/children.gif); width:152px;}

#adult, #adult a {width:148px; background:url(../nav/adult.gif) bottom;}
#adult a:hover, #adult-on a {background:url(../nav/adult.gif); width:148px;}

#gallery, #gallery a {width:127px; background:url(../nav/gallery.gif) bottom;}
#gallery a:hover, #gallery-on a {background:url(../nav/gallery.gif); width:127px;}

#timetables, #timetables a {width:135px; background:url(../nav/timetables.gif) bottom;}
#timetables a:hover, #timetables-on a {background:url(../nav/timetables.gif); width:135px;}

#contact, #contact a {width:123px; background:url(../nav/contact.gif) bottom;}
#contact a:hover, #contact-on a {background:url(../nav/contact.gif); width:123px;}

/*Page styles*/
#logo {position:relative; width:328px; clear:both; top:150px;}
#feature {position:relative; width:461px; top:0; left:490px; z-index:1;}

#home-info {position:relative; width:475px; top:-300px; padding-left:10px; font-size:12px; line-height:17px;}
#home-left {float:left; width:204px; border-right:1px solid #E0E0E0; padding:0 10px 25px 0; margin-top:10px;}
#home-right {float:right; width:210px; margin-top:10px; padding:0 25px 5px 25px; line-height:15px;}
#home-right ul li {background:none; padding:4px 0;}
#home-right ul li a {background:url(../images/li-grey.gif) 0 3px no-repeat; padding-left:12px; display:block;}
#home-right ul li a:hover {background:url(../images/li-green.gif) 0 3px no-repeat;}

#button1, #button1 a {height:53px; width:179px; background:url(../images/button-children.gif); display:block;}
#button1 a:hover {background:url(../images/button-children.gif) right;}

#button2, #button2 a {height:65px; width:179px; background:url(../images/button-adult.gif); display:block;}
#button2 a:hover {background:url(../images/button-adult.gif) right;}

#heading {position:relative; top:-15px;}

#subnav {float:left; width:200px; padding-right:13px; font-size:12px; font-weight:normal;}
#subnav ul li {padding:4px 0 4px 16px;}
#subnav ul li.on {background:url(../images/li-black.gif) 0 6px no-repeat;}
#subnav ul li.on a {color:#3F3C44; font-weight:bold;}

#content {float:left; width:706px; border-left:1px solid #E0E0E0; padding:0 0 27px 27px;}

#footer {float:left; border-top:1px solid #E0E0E0; width:948px; height:20px; font-size:10px; padding:3px;}
#footer-right {float:right; width:190px;}
#evo {float:right; width:174px;}
#evo a, #footer {color:#C3C3C5;}
#e7 {float:right; width:14px; padding-left:2px;}

/* a, h2, h3, h6 colour defined in colour css files */
a img {border:0;}
a {text-decoration:none;}
a:hover {text-decoration:underline;}

p, h2, h4 {padding:5px 0;}

h2 {font-size:17px; font-weight:bold;}
h3 {font-size:13px; font-weight:bold; padding:2px 0 5px 0;}/*Coloured*/
h4 {font-size:12px; font-weight:normal; color:#25252E;}
h5 {font-size:13px; font-weight:bold; padding:2px 0;}
h6 {font-size:12px; font-weight:bold; padding:2px 0 ;}/*Coloured light*/

ul {list-style:none; padding:3px 0;}
ul li {padding:2px 0 2px 12px; background:url(../images/li-grey.gif) 0 6px no-repeat;}

ol {list-style-position:inside;}

/*Misc Classes*/
.left {float:left;}
.right {float:right;}
.footer-home {margin-top:-300px;}
.imgRight {float:right; padding-left:20px;}
.br {padding:25px 0; margin-left:-27px;}
.indent-right {padding-right:193px;}

.gallery_thumbs DIV {float:left; padding:0 15px}
.gallery_thumbs DIV A{text-decoration:none}
.gallery_thumbs DIV IMG:hover{opacity:0.7; filter: alpha(opacity=70)}

.works_thumbs {width:700px; height:auto}
.works_thumbs DIV {float:left; padding:0 10px}
.works_thumbs #first {float:left; padding:0 10px 0 0}
.works_thumbs #last {float:left; padding:0 0 0 10px}
.works_thumbs DIV A{text-decoration:none}
.works_thumbs DIV IMG:hover{opacity:0.7; filter: alpha(opacity=70)}

.highlight {background:#F5F5F7}
.lowlight {background:#FAFAFB}

div#subnav div.subpoint {padding:4px 10px 0 16px;}
div#subnav div.subpoint a {color:#999999; font-size:11px; line-height:15px; text-decoration:none; clear:none; font-weight:normal;}
div#subnav div.subpoint a:hover {color:#790000; font-size:11px; line-height:15px; text-decoration:none;}
div#subnav div.subpoint-on {padding:4px 10px 0 16px; font-weight:bold; font-size:11px;}
div#subnav div.subpoint-on a:hover {text-decoration: none;}

.heading {font-size:16px; font-weight:bold;}
.divide {width:703px; height:2px; border-bottom:1px dotted #CCCCCC; margin:10px 0 10px 0;}
.smaller {font-size:11px;}
.gallery-image {float:left; width:200px; height:120px; padding:5px; margin:0 0 20px 20px; background:#fff; border:1px solid #ddd; text-align:center; font-size:11px; cursor:pointer; pointer:hand;}
	a.gallery-image:hover {border:1px solid #DE5EB0; text-decoration:none; cursor:pointer; pointer:hand;}
	
/*CV*/
#cv {display:none; padding:5px 12px 17px; border-bottom:1px #DDDDDD solid; border-top:1px #DDDDDD solid; margin:15px 0;}