/* CSS Document */

html,body {
	margin:0;
	padding:0;
	font: small Verdana, Arial, Helvetica, sans-serif;
	color:#333333;
}
body {
	background: #b0d674 url(images/background.jpg) top left repeat-x;
	padding-bottom:10px;
}

div#container {
	margin:12px auto; /* center, not in IE5 */
	width:992px;
	background:url(images/bg_header.gif) top left no-repeat;
}


/***************************************   Header Formatting   ********************************************/
div#header {
	padding:0;
	background:url(images/bg_header.gif) top left no-repeat;
}

#navigation {
	text-align:left; 
	margin:10px 0 0 19px; padding:0 0 0 0;
	font-size: 14px; font-weight:normal;
	float:left;
}
#navigation ul{
	margin:0;
	padding:0;
	list-style:none;
}
#navigation li {
	margin:0;
	padding:0;
	float:left;
	height:31px;
}
* html #navigation li {
	width:10px; /* fix for IE width bug */
	overflow:inherit;
}
#navigation li a {
	margin:0 1px 0 0;
	padding:0;
	height:31px;
	background:transparent url(images/nav.gif) top left no-repeat;
	text-decoration:none;
	border:0;
	display:block;
	color:#727272;
	cursor:pointer;
}
#navigation li a:hover, #index #navigation li.nav1 a, #about #navigation li.nav2 a , #about #navigation li.nav2 a, #services #navigation li.nav3 a, #advice #navigation li.nav4 a, #contact #navigation li.nav5 a  { 	
	background:transparent url(images/nav_over.gif) top left no-repeat; color:#FFFFFF 
}

#navigation li a span {
	padding:7px 17px 0 17px;
	height:24px;
	display:block;
	background:transparent url(images/nav_r.gif) top right no-repeat;
}
#navigation li a:hover span, #index #navigation li.nav1 a span, #about #navigation li.nav2 a span, #services #navigation li.nav3 a span, #advice #navigation li.nav4 a span, #contact #navigation li.nav5 a span  { 
	background-image:url(images/nav_over_r.gif); 
}

#navigation li.telephone {
	width:195px;
	color:#96c25f;
	font-size:16px;
	font-style:italic;
}
#greenBox {
	margin:0;	padding: 0;
	clear:left;
	width:990px; height:132px;
	background:url(images/bg_greenbox.gif) top left no-repeat;
}

/***************************************   Content Formatting   ********************************************/
div#main {
	background:url(images/bg_mainbox.gif) top left repeat-y;	
	padding:0 1px; margin:0;
}
div#content {
	margin:0; padding:15px 380px 0 35px;
	background: url(images/pic_homepage.jpg) right 45px  no-repeat;
}
#index #content { 	background: url(images/pic_homepage.jpg) right 45%  no-repeat; }
#about #content { height:330px; position:relative }

#services #content, body.longPage #content { padding:15px 22px 0 35px; background:#FFFFFF;  }
body.longPage #contentInfo { background: url(images/pic_homepage.jpg) right top no-repeat; }
#services #contentInfo { background: url(images/pic_services.jpg) right top  no-repeat; }
body.schools #contentInfo {  	background-image: url(images/pic_schools.jpg) !important; }
body.parents #contentInfo {  	background-image: url(images/pic_parents.jpg) !important; }
body.universities #contentInfo {  	background-image: url(images/pic_universities.jpg) !important; }
body.building #contentInfo {  	background-image: url(images/pic_architect.jpg) !important; }
body.educational #contentInfo {  	background-image: url(images/pic_edu_venues.jpg) !important; }
body.commercial #contentInfo {  	background-image: url(images/pic_edu_venues.jpg) !important; }

#services .imageBlock { float:right; width: 390px; height:250px; }
body.longPage .imageBlock { float:right; width: 390px; height:300px; }

/* contactform */
form#contactform {
	width: 550px;
}
form#contactform select, form#contactform input, form#contactform textarea {
	width: 250px;
	float: left;
	margin-bottom: 7px;
	height:18px;
	border: 1px solid #999999;
}
form#contactform select {
	height:22px;
}
form#contactform textarea {
	height:80px;
}
form#contactform select.required, form#contactform input.required, form#contactform textarea.required {
	background-color:#f1f9fd;
	border: 1px solid #888888;
}
form#contactform label {
	text-align: left;
	width: 150px;
	font-weight:bold;
	margin-right: 5px;
	margin-bottom: 7px;
	float:left;
	height:18px;
}
form#contactform input.nopad  {
	width: 20px;
}
form#contactform a.submitform {
	margin-left:160px;
}



/***************************************   Footer Formatting   ********************************************/
div#footer {
	clear:both;
	height:86px;
	background:url(images/bg_footer.gif) top left no-repeat;
	padding:5px 0 0 1px;
	font-size:90%;
	border-top:1px solid #8aceeb;
}
.footerBox {
	width:152px; height:87px;
	margin:0 13px 0 32px;
	line-height:1.5;
	float:left;
	color:#666666;
}
.footerBox a { color:#666; text-decoration:none }
.footerBox a:hover { color: #333; text-decoration:underline }
#footerInfo {
	clear:left;
	color:#FFFFFF;
	padding:0 15px;
}
#footerInfo a {
	color:#FFFFFF; text-decoration:none;
}

#footerTab {
	width:288px; height:34px;
	margin:0 0 0 -22px;
	background: url(images/footer_tab.gif) top left no-repeat;
}
#about #footerTab {
	position:absolute;
	bottom:0;
}