body {
text-align : center;  /* centers the layout */
background-color : #fff;
cursor : default;
}
/* MAIN WRAPPER DIV */
#wrapper {
width : 800px;
margin : 4% auto 6% auto;
background-color : #fff;
}

/****** LEFT COLUMN ******/
#leftcol {
float : left;
margin : 0;
padding : 0;
text-align : left;
line-height: 1.2em;
width: 140px;
}

/****** LEFT COLUMN LINK STYLES  ******/
#leftcol a:link, a:active, a:visited {
font-family : Tahoma, sans-serif;
font-size : 11px;
color : #676767;
text-decoration : none;
}
#leftcol a:hover {
font-family : Tahoma, sans-serif;
font-size : 11px;
color : #676767;
text-decoration : underline;
}
/******* 4 SQUARE LOGO TO THE SIDE OF THE LARGE HEADER IMAGE - CAN BE CHANGED FOR YOUR LOGO IMAGE *******/
#squares {
width : 138px;
height : 138px;
background-image : url(../images/bluesquares.gif);
background-repeat : no-repeat;
}
/**** TESTIMONIAL BOX UNDER THE SQUARE LOGO *****/
.testimonials {
padding : 0;
margin-top : 10px;
}
#testimonial_wrapper {
width : 140px;
text-align : left;
padding : 0;
border-top : 1px solid #8CAACB;
border-bottom : 1px solid #8CAACB;
}
.testimonial_1 {
font-family : Tahoma, sans-serif;
font-size : 11px;
color : #676767;
margin : 5px 0 5px 0;
}
.testimonial_2 {
font-family : Tahoma, sans-serif;
font-size : 11px;
color : #6072A0;
margin : 5px 0 5px 0;
}

.testimonial_3 {
font-family : Tahoma, sans-serif;
font-size : 11px;
color : #6072A0;
margin : 5px 0 5px 0;
}
/* END TESTIMONAL DIV STYLES */

/****** MAIN CONTENT AREA - INCLUDES THE HEADER AT THE TOP ******/
#rightcol {
float : right;
margin : 0 8px 0 0;
padding : 0;
}
/******  header div - includes the large header image ******/
#logo {
width : 633px;
height : 137px; /* matches the height of the image */
padding: 0;
margin: 0;
}

/******  navigation div under the header image ******/
#navigation {
padding : 8px 8px 8px 8px;  
border-bottom : 1px dashed #b3b3b3;
width : 617px;  /* 617+8+8=633 */
text-align : left;
}

/****** STYLING FOR THE NAVIGATION LINKS ******/
#navigation a:link {
color : #676767;
font-family : Tahoma, sans-serif;
font-size : 12px;
font-weight :bold;
text-decoration : none;
padding:3px;
}
#navigation a:active {
color : #676767;
font-family : Tahoma, sans-serif;
font-size : 12px;
font-weight : bold;
text-decoration : none;
padding : 3px;
}
#navigation a:visited {
color : #676767;
font-family : Tahoma, sans-serif;
font-size : 12px;
font-weight : bold;
text-decoration : none;
padding : 3px;
}
#navigation a:hover {
color : #676767;
font-family : Tahoma, sans-serif;
font-size : 12px;
font-weight : bold;
text-decoration : none;
padding : 3px;
background-color : #E0E9F1;
}
/* END OF NAVIGATION STYLES */

/****** DARKER BLUE STRIPE ******/
#blue {
padding : 1px 0 1px 2px;
background-color : #8CAAE5;
width : 631px;
font-weight : bold;
font-family : Tahoma, sans-serif;
font-size : 13px;
color : #fff;
text-align : left;
margin-top : 16px;
}
/****** lIGHT BLUE STRIPE ******/
#ltblue {
padding : 1px 0 1px 2px;
background-color : #B7C9EE;
width : 631px;
font-weight : bold;
font-family : Tahoma, sans-serif;
font-size : 13px;
color : #fff;
text-align : left;
margin-top : 8px;
}

/****** STYLES FOR THE MAIN CONTENT / TEXT AREA ******/

.text {
width : 629px;  /* 633-4=629 */
margin-top : 3px;
padding : 1px 2px 1px 2px;
font-family : Tahoma, sans-serif;
font-size : 12px;
color : #484848;
text-align : left;
line-height: 1.5em;
}
.text p {
margin-top : 8px;
margin-bottom : 0px;
padding : 0;
}
.text ul {
padding : 0 0 0 12px;
}

.text li {
	color: #323365;
}

/****** STYLES THE COPYRIGHT / FOOTER AREA ******/
#copyright {
background-color : #f9f9f9;
font-family : Tahoma, sans-serif;
font-size : 10px;
color: #676767;
border: 1px solid #d2d1d1;
padding:3px;
width: 627px;
}

/* current page marker -set as the id relevant page - see html code- blue background*/
#current{
background-color : #F5F6FA;
border-bottom: 1px solid #9999FF;
}


/***** Begin laying out the contact form *****/

.text form {
	margin: 10px 0 70px 7px; 
}
.text fieldset {
	margin: 0;
	border: none;
	padding: 5px 5px 20px 20px;
	/*width: 600px;*/
}

.text .hand, .text .print {
	display: none;
}


.text input, .text select {
	background-color: #DAE4EF;
	color: #414F4B;
	border: 1px solid #4C5854;
	margin: 0 0 0 0;
	width: 150px;
	display: block;
}

.text textarea {
	background-color: #DAE4EF;
	color: #6072A0;
	border: 1px solid #4C5854;
	margin: 0 30px 0 0;
	height: 200px;
}

/* sets the enquiry box to the right of the input fields */
.labelfloat {
	float: right;
	padding-top: 20px;
}

.text label {
	color: #4F4F4F;
	font-size: 75%;
	padding-top: 5px;
	display: block;
}


.text button {
  background-color: #8996B8;
  color: #fff;
  width: 80px;
  display: inline;
}

/***** Ends the form layout *****/

#validation {
	margin-top: 20px;
}

.portfoliopics{
	display: inline;
	width: 450px;

}
.portfoliopics img {
	padding: 10px;
	border: 1px solid #999999;
	margin-right: 5px;
}
H1 {
	
	color: #6072A0;
	font-size: 14px;
	border-bottom: double #6072A0;
}
.FAQtxt {
	font-family: Tahoma, sans-serif, Arial;
	font-size: 12px;
	font-weight: bold;
}