/* Glassbrooks Stylesheet */


/* styles by tag */

html, body {
	margin: 0px;
	padding: 0px;
	background: #e3e6ef url('grafix/pagebg.gif') 0px 0px repeat-x;
	color: #fff;
	text-align: center;
}

body, a, input, select, textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
}

a:link { color: #1f3667; }
a:visited { color: #2c3d61; }
a:hover { color: #5d8ef7; }

a img { border: none; }


td { vertical-align: top; }

form { margin: 0px; }

input, select, textarea {
	padding: 2px;
	background: #fff!important; /* override Google toolbar */
	border: 1px solid #6c83b0;
	color: #6c83b0;
}



/* repeated classes */

#pagetitle, #pagetitle2 { /* white rounded title bgs in right content pane */
	width: 320px;
	height: 70px;
	position: relative;
	background: url('grafix/pagetitlebg.png') 0px 0px repeat-x;
}
#pagetitle { /* top titles (top left) */
	margin: -1px 0px 0px -2px;
}
#pagetitle2 { /* second titles (right aligned) */
	right: -21px;
	float: right; 
}

#pagetitlecorner { /* curved edge of #pagetitle */
	height: 42px;
	padding: 28px 34px 0px 0px;
	background: url('grafix/pagetitlecorner.gif') top right no-repeat;
	text-align: right;
}
#pagetitlecorner2 { /* curved edge of #pagetitle2 */
	height: 42px;
	padding: 28px 0px 0px 34px;
	background: url('grafix/pagetitlecorner2.gif') top left no-repeat;
	text-align: left;
}

#maintext { /* div containing main white text */
	padding: 20px 20px 40px 20px;
	line-height: 20pt;
}

.heading { /* dark serif heading (divs & h1s) */
	color: #1f3667;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16pt;
	font-weight: normal;
	font-style: italic;
	margin: 0px;
}

.prominanttxt, .prominanttxt a { /* curly dark text for important bits (h4s) */
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11pt;
	font-style: italic;
	font-weight: normal;
	margin: 0px;
	text-align: center;
}

.infobox { /* bordered info boxes on some pages */
	padding: 10px;
	border: 2px solid #c5d0e6;
	background: #889fce;
}

.centered { 
	margin-left: auto; margin-right: auto;
}

.bordered {
	border: 2px solid #c5d0e6;
}

.error { /* error messages */
	color: #cc0000;
	font-style: italic;
}

.bigbull { /* make bullet points bigger */
	font-size: 18pt;
}

.rightphoto { /* content spacing photos on right */
	float: right; 
	margin: 10px 20px 5px 10px;
	border: 2px solid #c5d0e6;
}

.leftphoto { /* content spacing photos on left */
	float: left; 
	margin: 10px 10px 5px 5px;
	border: 2px solid #c5d0e6;
}



/* individual classes and ids */

/* header.php */

#main { /* outer div containing all page content */
	width: 900px;
	margin: 20px;	
	margin-left: auto; margin-right: auto;
}


#toptabs { /* div containing top righthand tabs */
	height: 40px;
	padding-right: 25px;
	text-align: right;
}

.toptab { /* individual top tab links */
	display: block;
	width: 119px;
	height: 28px;
	padding-top: 12px;
	margin-right: 4px;
	float: right;
	background: url('grafix/toptab.png') 0px 0px no-repeat;
	font-size: 10.5pt;
	text-align: center;
	text-decoration: none;
}
.toptab:link, .toptab:visited { color: #e3e6ef; }
.toptab:hover { color: #a4bbff; }


#bannerouter { /* light box around the banner */
	padding: 6px;
	background: #eff3f8;
	border: 1px solid #d7dbe6;
}

#banner { /* banner div */
	background: url('grafix/bannerrpt.png') 0px 0px repeat-x;
	text-align: left;
}

#bannerright { /* div containing tel and email in right of banner */
	padding: 12px 15px 0px 0px;
	float: right;
	text-align: right;
	font-weight: bold;
}
#bannerright a {
	text-decoration: none;
	font-style: italic;
}
#bannerright a:link, #bannerright a:visited { color: #e9effb; }
#bannerright a:hover {
	color: #fff;
	text-decoration: underline;
}

#bannerphone { /* div containing phone in banner */
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16pt;
	font-weight: normal;
}

#banneremail { /* div containing email in banner */
	padding-right: 2px;
	margin-top: 6px;
}


#contentouter { /* outer white content div */
	margin-top: 8px;
	padding: 20px 0px;
	background: #eff3f8;
	border: 1px solid #d7dbe6;
}

#contentinner { /* inner content table (puts top / bottom margin around divider line) */
	width: 100%; 
}
#contentleft { /* left contentinner td (creates divider line) */
	width: 230px;
	padding: 20px 0px 0px 20px;
	text-align: left;
	border-right: 1px solid #a6b6d9;
}


.leftboxblue { /* rounded blue boxes on left (tables) */
	width: 200px;
	margin: 8px 20px 45px 0px;
	background: #a1b2d7; 
}
.lbb_topleft, .lbb_botleft { 
	height: 12px;
	line-height: 1px;
	text-align: left;
} 
.lbb_topright, .lbb_botright {
	height: 12px;
	line-height: 1px;
	text-align: right;
}
.lbb_mid { 
	height: 100%; 
	padding: 3px 12px;
}

.arrowlink { /* arrow links in top left box */
	display: block;
	padding: 12px 0px 12px 25px;
	background: url('grafix/arrow.png') center left no-repeat; 
	text-decoration: none;
}
.arrowlink:hover {
	background: url('grafix/arrow_on.png') center left no-repeat; 
	color: #fff;
}

.lbb_divider { /* dividers between links in top left box */
	margin: 0px 5px;
	border-bottom: 1px solid #bcc7df; 
}

#lbb_searchbox { /* search input box on left */
	width: 125px;
	padding: 3px;
	background: #fff url('grafix/googsearch.png') 2px 3px no-repeat!important; 
}
#lbb_searchbut { /* search "go" button on left */
	width: 35px;
	background: #fff;
	font-weight: bold;
	vertical-align: top;
}

#left_clientquote { /* client quote in lower left box */
	padding: 10px;
	text-align: center;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12pt;
	font-style: italic;
}

#linksright { /* top righthand links in main content bit */
	padding: 5px 15px 0px 0px;
	text-align: right;
	color: #1f3667;
	font-weight: bold;
}
#linksright a {
	font-weight: bold;
	text-decoration: none;
}


#contentright { /* righthand content table (darker blue) */
	margin: 22px 20px 20px 20px;
	background: #a1b2d7;
	border: 2px solid #c5d0e6;
}
#contentright td {
	text-align: left;
}
#contentright a:hover { /* (darken hover links) */
	color: #195be6;
}


/* footer.php */

#toplink { /* td containing top of page link */
	padding: 10px 15px;
}
#toplink a { /* the top link */
	display: block;
	width: 36px;
	height: 15px; 
	float: right;
	background: url('grafix/arrow_top.png') bottom right no-repeat;
}
#toplink a:hover { 
	background: url('grafix/arrow_top_on.png') bottom right no-repeat;
}

#accreditations { /* accredited by table at the bottom of right pane */
	margin-left: auto; margin-right: auto;
	margin-bottom: 15px;
}
#accreditations td {
	padding-right: 4px; 
}
.accredittxt { /* text tds */
	padding-top: 8px;
}
#accreditations a {
	font-size: 8pt;
	text-decoration: none;
}

#companyno { /* registered company div at very bottom */
	padding: 20px 0px 30px 0px;
	color: #1f3667;
	font-size: 9pt;
	font-style: italic;
}


/* visitus.php */

#map_canvas { 
	border: 2px solid #c5d0e6;
	margin-left: auto; margin-right: auto;
}


/* aboutus.php & contactus.php */

#addybox {
	width: 210px;
	float: right;
	position: relative; 
	margin: -65px 0px 20px 20px;
}


/* contact.php */

#contact_topbit { /* spaces out the phone number / email etc in top left */
	line-height: 30pt;
}

#contactfreephone { /* freephone number span */
	font-size: 14pt;
	font-style: italic;
}

#contactform { /* table containing contact form */
	width: 450px;
}
#contactform td { 
	text-align: center;
}

#contactformtitle { /* "contact us" div in top of contactform table */
	width: 165px;
	position: relative;
	margin: -20px 0px 0px -16px;	
	font-size: 14pt;
	background: #a1b2d7; 
}
	

/* testimonials.php */

.testititle { /* dark blue titles (h2s) */
	color: #1f3667;
	font-size: 13pt;
	font-weight: normal;
	margin: 0px 0px 3px 0px;
}

.testicontent { /* borders above / below stories */
	border-top: 1px solid #d7dbe6;
	border-bottom: 1px solid #d7dbe6;
	padding: 15px 0px;
	margin-top: 0px;
}

.testiarrow { /* arrows beside short testimonials */
	vertical-align: text-bottom;
}


/* faq.php */

.faqq { /* faq questions (h3s) */
	color: #1f3667;
	font-size: 10.5pt;
	font-style: italic;
	font-weight: normal;
	margin: 15px 0px 3px 0px;
}

.faqa { /* faq answers */
	border-top: 1px solid #d7dbe6;
	border-bottom: 1px solid #d7dbe6;
	padding: 15px 0px;
	margin: 0px 0px 50px 0px;
}