/*CSS File for Hayward Moon

21-03-10 - Stephen Train - ValidOrbit Web Design

*/

body {
background: #FFFFFF url('images/background.png') scroll no-repeat top center;
font-family: Arial, Helvetica, sans-serif;
margin: 17px 0px 15px 0px;
font-size: 10pt;
}

a{
overflow: hidden;
outline: none;
color: #0d134b;
}

p {
text-align: justify;
}

a img {
border: none;
}

span.hide	{
	position:absolute;
	left:0px;
	top:-50000px;
	width:1px;
	height:1px;
	overflow:hidden;	
	}
	
div.clear {
width: 750px;
clear: both;
}

#header {
height: 120px;
}
	
#main {
margin: 0px auto 0px auto;
width: 750px;
position: relative;
}

h1 {
position: absolute;
top: 0px;
left: 250px;
margin: 0px;
border-left: 14px solid white;
border-right: 14px solid white;
}

h2 {
margin-top: 0px;
}

h3 {
color: #0d134b;
font-size: 1.4em;
margin-bottom: 5px;
}

h3 a{
text-decoration: none;
color: #0d134b;
}

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

ul li
{
background-image: url(images/bullet.png);
background-repeat: no-repeat;
background-position: 0px 5px;
padding-left: 14px;
padding-bottom: 5px;
}



h4 {
margin: 0px;
}

p {
margin: 5px 0px 18px 0px;
}


/*Navigation------------------------------------*/
h1#logo {
padding-top: 13px;
}

#navigation {
	list-style-type: none;
	display: block;
	height: 22px;
	padding: 0px;margin: 0px;
}

#navigation a {
	display: block;
	height: 20px;
	position: absolute;
	top: 64px;
}

#nav-quote {
background: transparent url('images/nav-quotes.png') scroll no-repeat 0px 0px;
width: 59px;
left: 22px;
}

#nav-people {
background: transparent url('images/nav-people.png') scroll no-repeat 0px 0px;
width: 59px;
left: 149px;
}

#nav-services {
background: transparent url('images/nav-services.png') scroll no-repeat 0px 0px;
width: 69px;
left: 524px;
}

#nav-contact {
background: transparent url('images/nav-contact.png') scroll no-repeat 0px 0px;
width: 66px;
left: 653px;
}


/*Footer--------------------------------------*/
#footer {
clear: both;
border-top: 2px solid #bfbfbf;
color: #8d8d8d;
position: relative;
}

#footer a {
color: #8d8d8d;
}

#footer p {
margin: 8px;
}

#sitemap {float: left;}
#copyright {float: right;}
#clc-logo {
position: absolute; 
top: -60px; 
left: 6px;
}
#registration {
position: absolute; 
top: -60px; 
left: 6px; 
width: 224px; 
display: block; 
margin: 0px!important; 
padding: 0px!important;
display: none;
}

/*Homepages------------------------------------------------------*/
#welcome-box {
height: 285px;
width: 746px;
/*border: 2px solid #bfbfbf;*/
background: transparent url('images/welcome-image.jpg') scroll no-repeat top right;
margin: 12px 2px 17px 2px;
}

#welcome-box img {
padding: 20px 0px 19px 28px;
}

#welcome-box h2 {
margin: 0px;
}

#welcome-box p {
padding: 0px 0px 0px 14px;
margin: 0px;
width: 220px;
}

#col3 {

}

div.column {
width: 220px;
padding: 0px 14px 0px 14px;
float: left;
}

/* Content Pages-------------------------------------------------*/
#sidebar {
padding: 0px 13px;
width: 224px;
float: left;
}


#content {
padding: 0px 13px;
width: 474px;
float: left;

}

#page-img {
margin-bottom: 15px;
}

div.person {
clear: both;
padding-top: 15px;
}

div.person h3 {
margin-top: 0px;

}

div.left-details {
width: 230px;
float: left;

}

p.right-details{
display: block;
width: 230px;
float: left;
padding-top: 0px;
line-height: 145%;
}

div.more-info {
float: left;
}

div.more-info img {
float: left;
margin: 0px 10px 10px 0px;
}
div.more-info p {
margin-top: 0px;
}

div.info {
margin: 0px;
float: left;
display: block;
width: 320px;
}

div.person {
clear: both;
padding-bottom: 5px;
}

div.person p{margin-bottom: 10px;}

div.person ul
{
list-style-type: none;
padding: 0px;
margin: 0px;
}
div.person li
{
background-image: url(images/bullet.png);
background-repeat: no-repeat;
background-position: 0px 7px;
padding-left: 14px;
padding-bottom: 5px;
}

dd {
margin-bottom: 10px;
}

#contact .column {
padding: 0px 14px 0px 0px;
}

#contact_leveler {
padding-top: 16px;
}

/*Sidebar +++++++++++++++++++++++++++++++++*/


#sidebar ul
{
margin-bottom: 60px;
}

#sidebar li
{
background-position: 0px 7px;
}



#sidebar a {
text-decoration: none;
color: #000000;
font-size: 1.3em;
font-weight: bold;
display:block;
}

	#sidebar a:hover {
	text-decoration: underline;
	}

/*forms-----------------------*/

#contactform {
margin-bottom: 30px;
}

#contactform div {
padding: 5px 0px;

}

h4.form-head {
clear: both;
color: #0d134b;
font-size: 1.2em;
padding: 15px 0px 5px 0px;
}


label {
width: 200px;
display: block;
float: left;
clear: both;
text-align: right;
}

input, select{
width: 200px;
margin-left: 10px;
}

#comments-label {
text-align: left;
}
#submit-btn {
width: 419px;
margin: 10px 0px 0px 0px;
background-color: #0d134b;
color: white;
border: 1px solid #bfbfbf;
padding: 5px 0px;
}

#error {
background-color: red;
border: 1px solid #bfbfbf;
color: white;
display: block;
padding: 10px;
text-align: center;
}


label.error {
color: red!important;
}