/*------------------------------------------------- 

Barton Camp

Bristol Childrens Help Society

Version: 	Updated June 2010
Author:  	Daniel James
Email:		dan@dljwebdesign.co.uk
website:	http://www.dljwebdesign.co.uk 

------------------------------------------------ */
/* General
------------------------------------------------ */

*
{
margin:0;
padding:0;
}

body
{
background:#FFF url(../images/bg_filler.gif) repeat-y center;
text-align:center;
}

.container
{
text-align:left;
width:720px;
margin:0 auto;
}



/* Typography
------------------------------------------------ */

h1
{
margin-top:10px;
text-align:left;
color:#FFFF00;
font:2em Verdana, Arial, Helvetica, sans-serif;
font-weight:lighter;
}

p
{
padding:7px 0px 7px 0px;
}

h2
{
margin-top:20px;
text-align:left;
color:#FFF;
font:1.4em Tahoma, Arial, Verdana, sans-serif;
border-bottom:1px solid #ffff00;
}

h3
{
margin-top:20px;
text-align:left;
color:#FFFF00;
font:1.9em Verdana, Arial, Helvetica, sans-serif;
font-weight:lighter;
}

#terms h3
{
margin-top:30px;
}

h4
{
clear:left;
color:#FFFF00;
font:1.1em Tahoma, Arial, Verdana, sans-serif;
font-weight:lighter;
margin-top:15px;
border-bottom:1px solid #FFF;
}

h5
{
margin-top:20px;
text-align:left;
color:#FFF;
font:1.4em Tahoma, Arial, Verdana, sans-serif;
font-weight:bold;
border-bottom:1px solid #ffff00;
}

/* Branding
------------------------------------------------ */

#branding
{
background:url(../images/bg2.jpg) no-repeat top center;
height:263px;
}

#branding_content
{
background:url(../images/bg3.jpg) no-repeat top center;
}


/* Main content
------------------------------------------------ */

#main_content
{
margin-left:40px;
margin-bottom:30px;
float:left;
display:inline;
width:400px;
}


#introduction
{
font:0.8em Tahoma, Arial, Verdana, sans-serif;
color:#FFF;
font-weight:bold;
line-height:1.5em;
text-align:left;
}

.small_image img
{
margin-top:10px;
border:1px solid #000;
padding:4px;
background:#FFF;
}

#introduction_contact
{
font:0.8em Tahoma, Arial, Verdana, sans-serif;
color:#FFF;
font-weight:bold;
line-height:1.5em;
text-align:left;
}

#introduction_contact a
{
color:#FFFF00;
}

#introduction_contact a:hover
{
color:#00CCFF;
}

#terms
{
border-top:1px solid #FFF;
margin-top:40px;
}

#history_main
{
font:0.8em Tahoma, Arial, Verdana, sans-serif;
color:#FFF;
font-weight:bold;
line-height:1.5em;
text-align:left;
}

#history_main img
{
margin-top:10px;
border:1px solid #000;
padding:4px;
background:#FFF;
}

/*--------form--------*/

fieldset
{
width:380px;
margin:10px 0px 5px 0px;
padding:5px;
border:1px solid #FFF;
font:0.8em Tahoma, Arial, Verdana, sans-serif;
color:#FFF;
}

fieldset p
{
margin-top:2px;
}

fieldset.tick_boxes p
{
margin-top:0px;
padding-top:0px;
}

input
{
margin-right:3px;
}

textarea
{
width:170px;
}

#submit
{
width:100px;
height:30px;
float:right;
margin:10px 10px 10px 0px;
}

legend
{
font:1em Tahoma, Arial, Verdana, sans-serif;
font-weight:bold;
color:#FFFF00;
}

label
{
float:left;
width:15em;
margin-top:5px;
}

/*--------form end-------*/

/*------- facilities gallery ---------*/

#wrapper 
{
width: 400px;
margin-top:10px;
}



#portfolioImage 
{
float: left;
width: 390px;
}

.separator 
{
width:400px;
clear: both;
height: 1px;
border-bottom: 1px solid #FFFF00;
}

.separatorInvisible 
{
clear: both;
height: 1px;
}
		
#thumbnails
{
width:400px;
}

#thumbnails div 
{
float: left;
display:inline;
margin:5px 3px 3px 1px;
}

#thumbnails .separatorInvisible 
{
float: none;
height: 1px;
}

/* ---------- fonts ---------- */


#wrapper p
{
font:0.7em Tahoma, Arial, Verdana, sans-serif;
color:#FFF;
}

#thumbnails div p 
{
margin-bottom: 0;
text-align: center;
}

#caption 
{
color:
#FFF;
}

/* ---------- links ---------- */

a 
{
color: #FFFF00;
text-decoration:none;
}
		
a:hover, #thumbnails div a:hover 
{
color:#00CCFF;
}

/* ---------- images ---------- */


#portfolioImage img 
{
padding:4px;
background:#FFF;
border: 1px solid #000;
margin-bottom: 8px;
}

#thumbnails div img 
{
padding:2px;
background:#FFF;
border: 1px solid #000;
}

#thumbnails div a:hover img 
{
border-color:#FFFF00;
}


/*-------- gallery end -------*/



/* Secondary content
------------------------------------------------ */

#secondary_content
{
margin-left:40px;
float:left;
display:inline;
width:200px;
}

#attraction_image
{
margin-top:150px;
}

#attraction_image img
{
margin:0px 0px 4px 2px;
padding:2px;
background:#FFF;
border:1px solid #000;
}

#links
{
text-align:left;
font:0.7em Tahoma, Arial, Verdana, sans-serif;
line-height:1.2em;
color:#FFF;
}

#links a
{
text-decoration:none;
color:#FFFF00
}

#links a:hover
{
color:#00CCFF;
}

#timeline
{
font:0.7em Tahoma, Arial, Verdana, sans-serif;
color:#FFF;
text-align:left;
}

.date
{
margin-top:3px;
font:1.2em Tahoma, Arial, Verdana, sans-serif;
font-weight:bold;
color:#FFFF00;
border-bottom:1px solid #FFFF00;
}

#secondary_content ol
{
color:#FFF;
text-align:left;
}

#secondary_content ol li
{
list-style-type:none;
padding:10px 0px 10px 0px;
border-bottom:1px solid #FFFF00;
}


ul#request_info li
{
padding:6px 0px 6px 0px;
line-height:1.5em;
text-align:left;
font:1.2em Tahoma, Arial, Helvetica, sans-serif;
}

/* Main nav
------------------------------------------------ */

ul#navigation
{
float:left;
position:relative;
font:0.7em Arial, Verdana, sans-serif;
font-weight:bold;
}

ul#navigation li
{
display:block;
list-style-type:none;
}

ul#navigation li a
{
text-decoration:none;
color:#FFF;
display:block;
}

ul#navigation #home
{
position:absolute;
left:75px;
top:168px;
padding:30px 20px 0px 0px;
}

body.home #navigation a#home, body.facilities #navigation a#facilities
{
background:url(../images/barty_greensmile.gif) no-repeat;
width:35px;
height:28px;
}

body.home #navigation a#home:hover, body.facilities #navigation a#facilities:hover
{
background:url(../images/barty_green.gif) no-repeat;
width:35px;
height:28px;
}

#navigation a#home:hover
{
background:url(../images/arrow_green_yellow.gif) no-repeat;
width:35px;
height:28px;
}

#navigation a#facilities:hover
{
background:url(../images/arrow_green.gif) no-repeat;
width:35px;
height:28px;
}

ul#navigation #facilities
{
position:absolute;
left:80px;
top:120px;
padding:28px 30px 0px 0px;
}

ul#navigation #attractions
{
position:absolute;
left:40px;
top:70px;
padding:27px 20px 0px 0px;
}

body.attractions #navigation a#attractions, body.contact #navigation a#contact, body.bookings #navigation a#bookings
{
background:url(../images/barty_pinksmile.gif) no-repeat;
width:35px;
height:28px;
}

body.attractions #navigation a#attractions:hover, body.contact #navigation a#contact:hover, body.bookings #navigation a#bookings:hover
{
background:url(../images/barty_pink.gif) no-repeat;
width:35px;
height:28px;
}

#navigation a#attractions:hover
{
background:url(../images/arrow_pink.gif) no-repeat;
width:35px;
height:28px;
}

#navigation a#bookings:hover
{
background:url(../images/arrow_pink_blue.gif) no-repeat;
width:35px;
height:28px;
}

#navigation a#contact:hover
{
background:url(../images/arrow_pink_white.gif) no-repeat;
width:35px;
height:28px;
}

ul#navigation #history
{
position:absolute;
left:102px;
top:45px;
padding:25px 20px 0px 0px;
}

body.history #navigation a#history
{
background:url(../images/barty_bluesmile.gif) no-repeat;
width:30px;
height:24px;
}

body.history #navigation a#history:hover
{
background:url(../images/barty_blue.gif) no-repeat;
width:30px;
height:24px;
}

#navigation a#history:hover
{
background:url(../images/arrow_blue.gif) no-repeat;
width:30px;
height:25px;
}

ul#navigation #bookings
{
position:absolute;
left:155px;
top:90px;
padding:30px 30px 0px 0px;
}

ul#navigation #contact
{
position:absolute;
left:150px;
top:15px;
padding:30px 20px 0px 0px;
}

/* Secondary nav
------------------------------------------------ */

ul.attraction_nav 
{
width:100%;
}

ul.attraction_nav li
{
display:inline;
list-style-type:none;
}

ul.attraction_nav a
{
font:0.8em Tahoma, Arial, Verdana, sans-serif;
float:left;
display:block;
text-decoration:none;
color:#FFFF00;
padding:3px 15px 3px 0px;
background:url(../images/ico_boink.gif) no-repeat right;
height:10px;
margin:5px 5px 20px 0px;
}

ul.attraction_nav a:hover
{
background:url(../images/ico_boink_hov.gif) no-repeat right;
color:#00CCFF;
}

ul#second_nav
{
margin:40px 10px 0px 28px;
padding:8px 0px 5px 0px;
list-style-type:none;
float:left;
display:inline;
font:0.7em Verdana, Arial, Helvetica, sans-serif;
}

ul#second_nav li
{
float:left;
display:inline;
}

ul#second_nav a
{
padding:3px 10px 2px 14px;
float:left;
text-decoration:underline;
display:inline;
color:#FFFF00;
}

ul#second_nav a:hover
{
color:#00CCFF;
}

/* Sitemap
------------------------------------------------ */

ol.map
{
margin-top:10px;
}

ol.map li
{
list-style-type:none;
padding:2px 0px 2px 10px;
}

ol.map a
{
text-decoration:underline;
color:#FFF;
}

ol.map a:hover
{
color:#00CCFF;
}


/* Footer
------------------------------------------------ */

#footer
{
clear:both;
background:url(../images/bg_foot.jpg) no-repeat top center;
height:211px;
}

#copy
{
float:left;
display:inline;
font:0.6em Verdana, Arial, Helvetica, sans-serif;
color:#00CC66;
padding-left:40px;
}

#design
{
float:right;
display:inline;
font:0.6em Verdana, Arial, Helvetica, sans-serif;
color:#00CC66;
padding-right:40px;
}

#design a
{
color:#00CC66;
}

#design a:hover
{
color:#00CCFF;
}


/* What you can do
--------------------------------------------------*/

#can_do { margin-top: 13px; font:0.8em Verdana, Arial, Helvetica, sans-serif; font-weight: bold;}
#what_to_do p { font-size: 13px; font-weight: bold;}
img.what_to_img {border: 1px solid #000; background: #FFF; padding: 3px; margin-top: 12px;}
#what_to_men {font:0.8em Verdana, Arial, Helvetica, sans-serif; font-weight: bold;}
#what_to_men li {list-style-type: none; padding: 2px 0 2px 0;}