/*-----------------------------------------------------------------------------
INSPIRE CONSULTING AND COACHING LTD Style Sheet

version:   1.0
author:    FAT FREE DESIGN
email:     info@fatfreedesign.co.uk
website:   http://www.fatfreedesign.co.uk/
Copyright 2006
All Rights Reserved
----------------------------------------------------------------------------- */

/* =Body Remove padding and margin
----------------------------------------------------------------------------- */
* {
  margin: 0;
	padding: 0;
}

body {
	font-family: "Lucida Grande","Lucida Sans Unicode",geneva,verdana,sans-serif;
	font-size: 0.8em; /* takes medium font size down from 16px to 10px */
}

body {
	min-width: 800px;
}

.body_orange {
	background: #fff url("../images/body_bkgd_orange.jpg") repeat-x left top;
}

.body_blue {
	background: #fff url("../images/body_bkgd_blue.jpg") repeat-x left top;
}

a img { /* this will get rid of the nasty blue border around linked images */
	border: none;}
	
a:hover img {
	background-color: none;}

#stag #sub_nav_menu .stag a,
#canoe #sub_nav_menu .canoe a,
#bike #sub_nav_menu .bike a,
#ropes #sub_nav_menu .ropes a,
#orienteering #sub_nav_menu .orienteering a,
#climb #sub_nav_menu .climb a,
#gorge #sub_nav_menu .gorge a,
#walk #sub_nav_menu .walk a,
#one #sub_nav_menu .one a,
#outdoor #sub_nav_menu .outdoor a,
#weekend #sub_nav_menu .weekend a,
#team #sub_nav_menu .team a,
#challenge #sub_nav_menu .challenge a,
#location #sub_nav_menu .location a,
#accommodation #sub_nav_menu .accommodation a,
#energize #sub_nav_menu .energize a,
#christmas #sub_nav_menu .christmas a,
#testimonials #sub_nav_menu .testimonials a,
#casestudies #sub_nav_menu .casestudies a,
#voucher #sub_nav_menu .voucher a,
#professional #sub_nav_menu .pro a,
#testimonials #sub_nav_menu .testimonials a,
#book #sub_nav_menu .book a {
	color: #ff6600;
	text-decoration: none;
	cursor: default;
}



/* =Container wrapping the header, left and right columns and footer together
----------------------------------------------------------------------------- */
#container {
	position: relative;
	left: 50%;
	margin-left: -400px;
	background: #fff url("../images/container_bkgd_orange.jpg") no-repeat left top;
	height: 470px;
	width: 800px;
}

#containerblue {
	position: relative;
	left: 50%;
	margin-left: -400px;
	background: #fff url("../images/container_bkgd_blue.jpg") no-repeat left top;
	height: 470px;
	width: 800px;
}

/* =Masthead - logo
----------------------------------------------------------------------------- */
#masthead {
	position: absolute;
	margin: 10px 0 0 0;
}

#masthead img {
	border: 0;
}

/* =Mainnav in masthead container
----------------------------------------------------------------------------- */
#main_nav {
	position: absolute;
	margin: 40px 0 0 292px;
	width: 508px;
	height: 70px;
	background: url("../images/main_nav_bkgd.png") no-repeat left top;
}

#main_nav ul {
	margin: 0 0 0 10px;
	padding: 0;
	list-style-type: none;
	float: left; /* less buggy than display inline */
}

#main_nav ul li {
	float: left; /* needs to be here too if display inline not used */
}

#main_nav ul li a:hover {
	background: url("../images/bullet.png") no-repeat 0 0.5em;
}

#main_nav ul a {
	display: block;
	font-size: 1em;
	font-weight: bold;
	padding: 0.5em 1.6em;
	line-height: 1.2em;
	text-decoration: none;
	color: #fff;
}
/* corporate sections */
#main_nav_blue {
	position: absolute;
	margin: 40px 0 0 292px;
	width: 508px;
	height: 70px;
	background: url("../images/main_nav_bkgd_blue.png") no-repeat left top;
}

#main_nav_blue ul {
	margin: 0 0 0 10px;
	padding: 0;
	list-style-type: none;
	float: left; /* less buggy than display inline */
}

#main_nav_blue ul li {
	float: left; /* needs to be here too if display inline not used */
}

#main_nav_blue ul li a:hover {
	background: url("../images/bullet.png") no-repeat 0 0.5em;
}

#main_nav_blue ul a {
	display: block;
	font-size: 1em;
	font-weight: bold;
	padding: 0.5em 1.6em;
	line-height: 1.2em;
	text-decoration: none;
	color: #fff;
}

.on {
	background: url("../images/bullet.png") no-repeat 0 0.5em;
	cursor: default;
}

/* =Leftcolumn container for sub nav
----------------------------------------------------------------------------- */
#sub_nav_container {
	position: absolute;
	width: 220px;
	margin: 160px 0 0 0;
	background-color: #003366;}

#sub_nav_container p.first {
	padding: 50px 10px 10px 10px;
	color: #fff;
	font-size: 0.8em;}

#sub_nav_container p {
	padding: 0 10px 10px 10px;
	color: #fff;
	font-size: 0.8em;
	line-height: 1.4em;}

#sub_nav_container p.larger {
	padding: 0 10px 10px 10px;
	color: #fff;
	font-size: 1em;
	font-weight: bold;}

#sub_nav_container p a {
	color: #ebebeb;}

#sub_nav_container p a:hover {
	color: #fff;
	background-color: #003366;}

#sub_nav_menu ul {
	margin: 0;
	padding: 0;
	list-style-type: none;}

#sub_nav_menu img {
	border: 0;}

#sub_nav_menu img a {
	border: none;
	display: block;}

#sub_nav_menu ul li {
	padding: 0.8em 0;
	margin: 0;
	border-bottom: 1px solid #fff;
	background-color: #043769;}

#sub_nav_menu li a {
	display: block;
	padding-left: 10px;
	text-decoration: none;
	color: #fff;}
	
#sub_nav_menu ol {
	margin: 20px 10px;
	list-style: none;}
	
#sub_nav_menu ol li {
	padding: 0 0 1px 0;
	color: #fff;
	font-weight: normal;
	font-size: 90%;}

#sub_nav_menu li a:hover {
	color: #ff6600;}

#sub_nav_top {
	height: 15px;
	background: url("../images/sub_nav_top.gif") no-repeat left top;}

#sub_nav_bottom {
	height: 15px;
	background: url("../images/sub_nav_bottom.gif") no-repeat left bottom;}

#sub_nav_top_blue {
	height: 15px;
	background: url("../images/sub_nav_top_blue.gif") no-repeat left top;}
	
#recommend {
	border-bottom: 1px solid #fff;
	}

#recommend .text{
	width: 195px;
	}

#recommend .organisation{
	visibility:hidden;
	}
	
#sub_nav_menu img.embed {
	float: left;
	padding: 0 5px 0 10px;}

/* =Maincolumn for page content
----------------------------------------------------------------------------- */
#main_content_container {
	position: absolute;
	width: 500px;
	margin: 160px 0 0 292px;
	background-color: #fff;
}

#main_content_container h5 {
	color: #043769;
	font-size: 1.35em;
	font-weight: bold;
	margin: 20px 10px 0 10px;}

#main_content_container h3 {
	color: #043769;
	font-size: 1.25em;
	line-height: 1.35em;
	font-weight: bold;
	margin: 0 10px 0 10px;}

#main_content_container a:link {
	text-decoration: none;
	color: #043769;
	border-bottom: 1px dotted #043769;
}

#main_content_container h3 .special, #main_content_container p .special, #main_content_container .special a:link, #main_content_container .special a:visited {
	color: #ee9f38;
	font-size: 1.25em;
	border-bottom: none;
	font-weight: bold;}
	
#main_content_container p.special {
	color: #ee9f38;
	font-weight: bold;
	font-size: 1.1em;}
	
.biggerspecial {
	font-size: 1.25em;}
	
#main_content_container .special a:hover {
	background-color: #ee9f38;
	color: #fff;
	font-size: 1.25em;}

#main_content_container a:hover {
	color: #ff6600;
	border-bottom: 1px dotted #ff6600;
}

#main_content_container a.no_link:hover {
	color: #043769;
	border-bottom: none;}

#main_content_container img {
	border: 1px solid #003366;
	margin-left: 70px;
}

#main_content_container img.inline {
	border: 1px solid #003366;
	float: right;
	margin: 5px 0 5px 10px;
}

#main_content_container q {
	font-size: 0.9em;
	font-style: italic;
	line-height: 1.1em;}

.quoteby {
	color: #666;
	font-size: 0.8em;
	text-transform: uppercase;}

#main_content_container img.portrait {
	border: 1px solid #003366;
	margin-left: 110px;
}

#main_content_container img.wide {
	border: 1px solid #003366;
	margin: 0;
}

#main_content_container img.inline_no { /* no border used for vouchers */
	border: 0;
	float: right;
	margin: 5px 0 5px 10px;
}

#main_content_container img.no_bdr {
	float:right;
	border: 0;
	margin: 5px;}
	
#main_content_container img.home_ads {
	float:left;
	border: 0;
	margin: 5px 0 10px 13px;}

#main_content_container_top {
	background: url("../images/main_content_top.gif") no-repeat left top;
	height: 42px;
	margin: 0;
	padding: 0;
}

#main_content_container_top.deep {
	background: url("../images/main_content_top_deep.gif") no-repeat left top;
	height: 82px;
	margin: 0;
	padding: 0;
}

#main_content_container_top_blue {
	background: url("../images/main_content_top_blue.jpg") no-repeat left top;
	height: 42px;
	margin: 0;
	padding: 0;
}

#main_content_container_top h2 {
	padding: 10px;
	color: #043769;
	font-weight: 500;
	font-size: 1.4em;
	line-height: 1.6em;
}

#main_content_container_top h2.smaller {
	font-size: 1.2em;
	padding-top: 5px;}

#main_content_container_top_blue h2 {
	padding: 10px;
	color: #043769;
	font-weight: 500;
	font-size: 1.4em;
}

.tm {
	font-size: 0.8em;
}

#main_content_container_top_blue h2.smaller {
	font-size: 1.2em;}

#main_content_container p {
	background-color: #fff;
	margin: 5px 10px 5px 10px;
	padding: 0 0 5px 0;
	line-height: 1.6em;
	font-size: 1em;
}

#main_content_container p.firstpara {
	color: #043769;
	font-weight: 600;
	font-size: 110%;
	padding-bottom: 25px;
}

#main_content_container p.quote {
	background-color: #fff;
	padding: 5px 10px 5px 10px;
	line-height: 1.5em;
	font-size: 1em;
	color: #043769;
	font-style: italic;
}

#main_content_container p.testimonials {
	background-color: #fff;
	margin: 5px;
	line-height: 1.5em;
	font-size: 1em;
	color: #043769;
	font-style: italic;
	border-top: 1px solid #ebebeb;
}

.name {
	color: #666;
	font-size: 0.9em;
	font-style: normal;
}

#main_content_container h3 {
	color: #043769;
	background-color: #fff;
	padding: 22px 0 5px 10px;
	margin: 0;
	font-weight: bold;	
}

#main_content_container h4 {
	color: #043769;
	background-color: #fff;
	margin: 10px;
	padding-top: 10px;
	line-height: 1.3em;
	font-weight: bold;
	border-top: 1px solid #043769	
}

#main_content_container ul {
	margin: 0;
	padding: 0;}

#main_content_container li {
	list-style-type: none;
	margin: 0 10px 0 10px;
	padding: 3px 0 3px 20px;
	background: url("../images/bullet_content.gif") no-repeat 0 50%;}
	
#main_content_container ul#home_ads li {
	list-style-type: none;
	display: inline;
	padding: 0;
	margin: 0;
	background: none;}
	


#main_content_container_bottom {
	background: url("../images/main_content_bottom.gif") no-repeat left bottom;
	height: 30px;
	margin-top: 75px;
}

#main_content_container_bottom_blue {
	background: url("../images/main_content_bottom_blue.jpg") no-repeat left bottom;
	height: 30px;
	margin-top: 75px;
}

#main_content_container_bottom h6 {
	text-align: center;
	padding: 1em;
	font-weight: 500;
	font-size: 0.8em;
	color: #999;
}

#main_content_container_bottom_blue h6 {
	text-align: center;
	padding: 1em;
	font-weight: 500;
	font-size: 0.8em;
	color: #666;
}

#main_content_container_bottom a {
	text-decoration: none;
	color: #666;	
}

#main_content_container_bottom a:hover {
	color: #666;
}

/* =Tables
----------------------------------------------------------------------------- */
table {
	border-collapse: collapse;
	width: 480px;
	margin: 20px 10px;
	border: 1px solid #666;}

.voucher_table td {
	padding: 20px 10px;}
	
th, td {
	padding: 0.1em 1em;
	border-bottom: 1px solid #666;}
	
#main_content_container td img {
margin-left: 0;}
	
br {
	line-break: 20px;}

caption {
	margin: 20px 0 5px 10px;
	text-align: left;
	color: #043769;}

thead {
	background-color: #003366;
	border-bottom: 1px solid #666;
	text-align: left;
	color: #fff;}

thead th {
	padding: 0.3em 1em;}

.odd {
	background-color: #ebebeb;}
	

.title {
	display: block;
	font-size: 1.2em;
	border-bottom: 1px solid #003366;
	padding-bottom: 1px;
	color: #043769;}
	
col {
	border-right: 1px solid #666;}
	

/* =Classes
----------------------------------------------------------------------------- */
.highlight {
	color: #043769;
	font-weight: 500;}
	
.sub_highlight {
	color: #ccc;
	font-size: 0.9em;}

.bold {
	font-weight: bold;}
	
.form_titles {
	color: #003366;
	border-top: 1px dotted #ccc;
	padding-top: 5px;
	margin-top: 5px;}

/* =Form styling
----------------------------------------------------------------------------- */

fieldset {
	margin: 25px 10px 10px 10px;
	padding: 0;
	width: 480px;
	border: 1px solid #ebebeb;}

#contactlist ul {
	margin: 0;
	padding: 0;}

#contactlist li {
	margin: 0 0 3px 10px;
	padding: 0;
	list-style-type: none;
	background: none;
	font-weight: bold;}

legend {
	font-weight: 500;
	color: #043769;}

label {
	display: block;}

input[type="text"] {
	width: 20em;}

textarea {
	width: 430px;
	height: 100px;}

input.submit {
	width: auto;}

input:focus, textarea:focus {
	background: #ffc;}

input[type="text"], textarea {
	border-top: 2px solid #999;
	border-left: 2px solid #999;
	border-bottom: 2px solid #ccc;
	border-right: 2px solid #ccc;}

.required {
	font-size: 0.8em;
	color: #ff0000;}
	
/* =PayPal
----------------------------------------------------------------------------- */

.paypal {
	margin: 10px 0 0 0;}
	
.paypalcart {
	margin: 0 0 10px 10px;}
	
	
/* =Facebook
----------------------------------------------------------------------------- */
#facebook {
	margin: 0 0 10px 0;
	width: 220px;}
	
/* =Twitter
----------------------------------------------------------------------------- */
#twitter {
	text-align: center;}

#twitter_widget {
	margin: 0;
	padding: 10px;}
	
#twitter_widget img {
	margin-left: 0;}
	

