/* CSS Document */

/**
 * 100% height layout with header and footer
 * ----------------------------------------------
 * By Chris Bolt 2008
 *
 * The html and body tags are set to 100% height
 * The container div is then set to 100% min-height
 * This pushes the footer below the container off the bottom of the page
 * A negative top margin on the footer brings it back above the bottom of the page
 * A bottom padding on the content div prevents the footer from overlapping the content
 */

html,body {
	margin:0;
	padding:0;
	height:100%; /* needed for container min-height */
	
	font-family: Verdana;
	font-size: 12px;
	color: #505050;
}

div#container {
	
	width:750px;
	
	/* min-height 100% hack */
	height:auto !important; /* real browsers */
	
	height:100%; /* IE6: treated as min-height*/
	min-height:100%; /* real browsers */
}

div#header {
	height: 124px;
	width: 750px;
}

/* content div renamed to c to prevent clashing with original css */
div#c {
	padding-bottom:143px; /* bottom padding for footer, prevents footer from overlapping content */
}

div#footer {
	
	width:100%;
	margin-top: -143px; /* posiion footer over content padding */
	
	height: 143px;
	width: 662px;
	background: url(../images/footer.jpg) bottom right no-repeat;
	
}

/**
 *---- End 100% height ---
 */
 
/* two column layout */
/* right column */
#col2, #content, .content {
	height: auto;
	width: 560px;
	padding-top: 14px;
	float: right;
	
	padding-bottom: 10px;
	
	font-family: Verdana;
	font-size: 12px;
	color: #505050;
}

.clear {
	font-size: 0px;
	clear: both;
	margin-top: -1px;
}

/* fount link */
div#fount {
	padding-top: 126px;
	padding-left: 31px;
}

/* The following is copied from original site and modified only as required */
#spacer {
	height: 36px;
	width: 750px;
}

#home_other {
	height: 18px;
	width: 160px;
	float: left;
	padding-top: 18px;
	margin-left: 30px;
}
#title {
	height: 25px;
	width: 102px;
	float: left;
	text-align: right;
    padding-top: 11px;
}

#title_other {
	height: 25px;
	width: 102px;
	float: left;
	text-align: left;
	padding-top: 11px;
}
#navigation {
	height: 270px;
	width: 160px;
	float: left;
	margin-left: 30px;
}

/* Firefox 3 hack */
#navigation a {
	margin: 0px;
}

#quote {
	height: auto;
	width: 320px;
	position: absolute;
	top: 450px;
	left: 50px;
}

#quote_aboutus {
	height: auto;
	width: 320px;
	position: absolute;
	top: 610px;
	left: 410px;
}

#quote_contact {
	height: auto;
	width: 320px;
	position: absolute;
	top: 460px;
	left: 50px;
}
#quote_services {
	height: auto;
	width: 320px;
	position: absolute;
	top: 485px;
	left: 60px;
}
#quote_benefits {
	height: auto;
	width: 345px;
	float: right;
	margin-right: 50px;
	margin-top: 30px;
}

/* This is the common 'div.bg' attributes */

#photohome {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #EB5F00;
	padding-left: -60px;
	margin-top: 16px;
}
#photoarticles {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #EB5F00;
	padding-left: -60px;
	margin-top: 16px;
	position: static;
}
#photobenefits {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #EB5F00;
	padding-left: -60px;
	margin-top: 16px;
}
#photofloatleft {
	padding-left: -60px;
	position: static;
}


/* Text */

.grey {
	font-family: Verdana;
	font-size: 12px;
	color: #505050;
	
	padding-bottom: 10px;
}

.pgrey {
	font-family: Verdana;
	font-size: 12px;
	color: #505050;
	height: auto;
	padding: 0;
	margin: 0px 20px 0px 0px;
	width: 500px;
}

.rightgrey {
	font-family: arial;
	font-size: 10px;
	color: #505050; 
	margin-top: 2px;
	position: relative;
	top: -250px;
	margin: 2px 0px 0px 220px;
	padding: 0;
}

.grey_team {
	font-family: Verdana;
	font-size: 12px;
	color: #505050;
	height: 250px;
	margin-bottom: 10px;
}

/*.grey a {*/
a {
	font-family: Verdana;
	font-size: 12px;
	color: #EB5F00;
	height: auto;
	margin-bottom: 10px;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
.grey_articles {
	font-size: 10px;
	color: #505050;
	font-family: Verdana;
}


.grey_team a {
	font-family: Verdana;
	font-size: 12px;
	color: #EB5F00;
	height: auto;
	margin-bottom: 10px;
	text-decoration: none;
}
.grey_team a:hover {
	text-decoration: underline;
}
.greymel {
	font-family: Verdana;
	font-size: 12px;
	color: #505050;
	height: auto;
	margin-bottom: 10px;
	padding-left: 160px;
}

.greysml {
	font-size: 10px;
	color: #505050;
	font-family: Verdana;
	margin-top: 6px;
	float: left;
}
.greysml-mid {
	font-size: 10px;
	color: #505050;
	font-family: Verdana;
	margin-top: 6px;
	margin-left: 0px;
	float: left;
	margin-right: 50px;
}
.orange {
	font-family: Verdana;
	font-size: 12px;
	color: #eb5f00;
}

.porange {
	font-family: Verdana;
	font-size: 12px;
	color: #eb5f00;
	padding: 0;
	margin: 10px 0px 0px 0px;
}
.orangesml {
	font-family: Verdana;
	font-size: 10px;
	color: #eb5f00;
}

#content_classes {
	margin-top: -180px;
}

.orangebg {
	font-family: Verdana;
	font-size: 24px;
	color: #eb5f00;
	}


/* Links & Hovers */

.fountlink a {
	font-family: verdana;
	font-size: 10px;
	color: #505050;
	text-decoration: none;
	position: absolute;
	z-index: 21;
}
.fountlink a:hover {
	text-decoration: underline;
}

.presenters a {
	font-family: Verdana;
	font-size: 12px;
	color: #505050;
	text-decoration: underline;
}
.presenters a:hover {
	text-decoration: underline;
}
.greylinks a {
	font-family: Verdana;
	font-size: 12px;
	color: #505050;
	line-height: 22px;
	text-decoration: none;
}
.greylinks a:hover {
	text-decoration: underline;
}

/* Image Attributes */
	
/*img.photo_border {
	margin-top: -1px;
	border-top: 1px solid #EB5F00;
	position: relative;
	left: -160px;
	background: url(images/photo_aboutus.jpg);
}*/

#photo_border {
	height: 251px;
	width: 366px;
	border-top: 1px solid #EB5F00;
	position: relative;
	top: -1px;
	left: -160px;
	background-image: url(../images/photo_aboutus.jpg);
}

img.photo_border_team {
	margin-left: -160px;
	margin-top: -1px;
	border-top: 1px solid #EB5F00;
}
.home_image {
	height: 216px;
	width: 354px;
	float: right;
	background-image: url(../images/photo_home.jpg);
}
img.articles_image {
	float: right;
}
.articles_image {
	height: 215px;
	width: 155px;
	float: right;
	background-image: url(../images/photo_home.jpg);
}
.services_image {
	height: 216px;
	width: 354px;
	float: right;
	background-image: url(../images/photo_services.jpg);
}
.melanie_image {
	height: 260px;
	width: 376px;
	float: left;
	background-image: url(../images/photo_home.jpg);
}
.contact_image {
	height: 213px;
	width: 720px;
	float: left;
	background-image: url(../images/photo_home.jpg);
}


img.benefits_image {
	float: left;
}

#contentborder {
	border-top: 1px solid #EB5F00;
	border-bottom: 1px solid #EB5F00;
}

/* The Team Attributes */

#teamleft {
	height: auto;
	width: 720px;
	float: right;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #EB5F00;
}
#teamright {
	width: 561px;
	float: right;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #EB5F00;
}
#photoleft {
	height: 100%;
	width: 160px;
	float: left;
}
#photoleft_bg {
	height: 250px;
	width: 380px;
	float: left;
}

#photoright {
	height: 100%;
	width: 160px;
	float: right;
}
#textleft {
	height: 100%;
	width: 384px;
	float: left;
	padding-left: 1px;
}

#textleft2 {
	height: 100%;
	width: 560px;
	float: left;
	padding-left: 1px;
}


#textright {
	height: 100%;
	width: 560px;
	float: right;
}
#textright_sml {
	height: 250px;
	width: 340px;
	float: right;
}
#melanie {
	height: 100%;
	width: 560px;
	margin-top: 3px;
	float: right;
}
#contentborder_test {
	padding-bottom: 8px;
}


/* Testimonial Quote Div */

#contentborder_top {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #eb5f00;
	padding-top: 5px;
	padding-bottom: 8px;
}



/* Fees Attributes */


#fees {
	width: 560px;
}

#contentfees_top {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #eb5f00;
	padding-top: 12px;
	padding-bottom: 12px;
}
#contentfees_space {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #eb5f00;
	padding-top: 12px;
	padding-bottom: 16px;
}
#fees_fill {
	padding-top: 16px;
}


#feescontent {
	float: left;
	width: 280px;
	/*height: 250px;*/
	padding-bottom: 20px;
}
#feesprices {
	float: left;
	width: 280px;
	/*height: 250px;*/
	padding-bottom: 20px;
}
#content_services {
	height: auto;
	width: 560px;
	padding-top: 14px;
	float: right;
}

/* Workshops attributes */

.table1{margin-top: 10px;}
.table1 div{line-height:15px/*however tall you want each row to be, play around with this number*/}
.table1 span{display: block; float: left; width: 90px;/*whatever width*/}
.table1 p{margin: 0 0 0 90px;/*make room for the width*/}


/* Footing Co-ordinate rollover */

img.foot {
	border: 0;
	margin-top: 20px;
}
/*#footer {
	width: auto;
	height: auto;
	}*/
#mid-section {
	height: 195px;
	width: 560px;
	border-top: 1px #EB5F00 solid;
}
#left-mid {
	height: auto;
	width: 150px;
	float: left;
}
#right-mid {
	height: 50px;
	width: 395px;
	float: right;
}
#more-content {
	margin: 0px;
	padding: 0px;
	height: auto;
	width: auto;
}
img.quote_img {
	position: relative;
	left: 380px;
	top: 90px;
}
img.home_quote {
	position: relative;
	left: -400px;
	top: 90px;
}
img.services_quote {
	position: relative;
	left: -370px;
	top: 100px;
}
#contact_image {
	background-image: url(../images/photo_contactus.jpg);
	height: 213px;
	width: 353px;
	float: right;
}
img.contact_quote {
	position: relative;
	left: -370px;
	top: 90px;
}


/* ?????? */
#feesfiller {
	padding-bottom: 40px;
}


/* Browser Hacks, oh no! */
/*
*html #home {
	margin-left: 15px;
}
*html #content {
	padding-top: 14px;
}
*/
*html #quote_benefits {
	height: auto;
	width: 345px;
	float: right;
	margin-right: 23px;
	margin-top: 30px;
}