/* poole counselling css */


body {
	font-size: 62.5%;
	margin: 0px;
	text-align: center;
}


/*  main container */
div#surround {
	height: 570px;
	width: 750px;
	border: 1px solid #638BBE;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	top: 5px;
	text-align: left;

	background-image: url("images/Poole Counselling Background.jpg");
	background-repeat: no-repeat;
	background-position: left bottom;
}


/*navmain starts */
div#navmain {
	height: 20px;
	width: 750px;
	position: absolute;
	left: 0px;
	top: 100px;
	font-family: Georgia, Times New Roman, Times, serif;
	font-size: 1em;
	background:#638BBE; 

	
}

.navmain {
	/*display:table; */
	padding:0;
	list-style-type:none;
	white-space:nowrap;
	font-family: Georgia, Times New Roman, Times, serif;
	font-size: 1.2em;
	colour: #638BBE;
  }
* html .navmain {
  display:inline-block;  /* for IE only */
  width:1px;             /* IE will expand to fit navsub width */
  padding:0 2px;         /* fix bug in IE for border spacing */
  }  
.navmain li {
  display:table-cell;    /* ignored by IE */
  }
* html .navmain li {
  display:inline;        /* for IE only */
  }
.navmain a, .navmain a:visited {
  display:block;         /* for all browsers except IE */
  padding:1px 10px;
  color:#ffffff; 
  text-decoration:none;
  }
* html .navmain a, * html .navmain a:visited {
  display:inline-block;  /* for IE only */ 
  margin:0 -2px;         /* to correct an IE border width bug */  
  }
.navmain a:hover {
	color:#ffffff;
	text-decoration: underline;
  }

.left {left: 100px;}

.centered {
	margin:0;
	text-indent: 5px;
}

/*navmain ends */


 /* text elements start */ 
div#text1 {
 
	position: absolute;
	width: 600px;
	height: 450px;
	left: 70px;
	top: 170px;
}


.h1 {
	font-family: Georgia, Times New Roman, Times, serif;
	font-size: 1.5em;
	color: #638BBE;
	font-weight: bold;
}

.h2 {
	font-family: Georgia, Times New Roman, Times, serif;
	font-size: 1.1em;
	color: #666666;
	font-weight: bold;
}

.textmain {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	color: #666666;
}

div#textlist {
 
	position: absolute;
	width: 300px;
	height: 300px;
	left: 110px;
	top: 261px;
}
.textlist
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	color: #638BBE;
	line-height: 0.20em;
	left: 227px;
	position: relative;
	font-weight: bold;
}


/* images */

.logo {height: 78px;
	width: 378px;
	position: absolute;
	right: 50px;
	top: 80px;
}

div#header {
	height: 100px;
	width: 100%;
	background-color: #AAD0FD;
}

.headerimage{
	height: 98px;
	width: 748px;
	position: absolute;
	left: 0px;
	top: 0px;
}

/* contact form */
div#contacttext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	width: 100%;
	position: absolute;
	left: 10px;
	top: 30px;
	z-index: 1;
}
div#contactform {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #666666;
	width: 100%;
	position: absolute;
	top: 340px;
	left: 70px;
}
div#contactbox {
	background-color: #AAD0FD;
	height: 400px;
	width: 400px;
	border: 1px solid #638BBE;
	left: 20%;
	position: absolute;
	top: 20%;
}
input {
	background-color: #ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border: 1px solid #AAD0FD;
}
textarea {
	background-color: #ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border: 1px solid #AAD0FD;
}
.submit_btn
{
   border: 1px solid #AAD0FD;
    font : Verdana, Arial, Helvetica, sans-serif;
}