/* =====================
	GENERAL ELEMENTS
   ===================== */

/* basic */
* {margin: 0px; padding: 0px; font-style: normal; font-weight: normal;}
html {height:100%;}
body {color:#382d24; background-color:#002f5f; margin-top:0px; font-family:Verdana, Tahoma, Arial, sans-serif; font-size:13px; line-height:1.3em; text-align:center; height:100%;}
strong {font-weight: bold;}
em {font-weight: bold; font-style:italic;}
img {border:0px;}
body > .box {height:auto;}

/* link */
a:link {color:#005bbb; text-decoration:underline;}
a:visited {color:#005bbb; text-decoration:underline;}
a:active {color:#005bbb; text-decoration:underline;}
a:hover {color:#00b9e4; text-decoration:underline;}

/* container */
.box {width:770px; margin:0px auto; height:100%; min-height:100%; background-color:#ffffff;}
.main {width:770px; margin:0px; background-color:#ffffff;}

/* text */
.text_color {color:#ff6d22;}
.text_blue {color:#005bbb;}
.text_italic {font-style:italic;}

/* =====================
	HEADER ELEMENTS
   ===================== */
   
.header {width:770px; height:75px;}
.logo {width:216px; height:54px; float:left; position:relative; top:10px; left:20px;}
.mosaic {width:274px; height:71px; float:right;}


/* =====================
	CONTENTS ELEMENTS
   ===================== */
   
.contents {width:770px; float:left; text-align:left;}
.left {width:190px; float:left;}
.right {width:580px; float:right;}


/* =====================
	MENU ELEMENTS
   ===================== */
   
.menu {width:150px; margin-bottom:10px; position:relative; left:20px; float:left; border-top:1px solid #e4e4e4;}
.menu_item {padding:10px 0px; border-bottom:1px solid #e4e4e4;}


/* =====================
	QUOTATION LEFT ELEMENTS
   ===================== */
   
.quotation_left {color:#005bbb; width:150px; margin-bottom:5px; position:relative; left:20px; float:left; font-size:11px; text-align:left; border-bottom:1px solid #e4e4e4;}
.quotation_left .text {line-height:1em; margin:5px 0px 10px;}
.quotation_left .name {line-height:1em; margin:5px 0px 10px; text-align:right; font-style:italic;}

/* =====================
	TESTIMONIAL LEFT ELEMENTS
   ===================== */
   
.testimonial_left {width:150px; margin-bottom:5px; position:relative; left:20px; float:left; font-size:10px; text-align:left; border-bottom:1px solid #e4e4e4;}
.testimonial_left .title {line-height:1em; margin:5px 0px; text-align:center; font-weight:bold;}
.testimonial_left .text {line-height:1em; margin:5px 0px;word-spacing: -1px}
.testimonial_left .name {line-height:1em; margin:5px 0px 10px; text-align:right; font-style:italic;}
.testimonial_left .more {line-height:1em; margin:5px 0px 10px; font-size:10px; text-align:center; color:#888888; font-size:9px;}
.testimonial_left a:link {color:#888888; text-decoration:none;}
.testimonial_left a:visited {color:#888888; text-decoration:none;}
.testimonial_left a:active {color:#888888; text-decoration:none;}
.testimonial_left a:hover {color:#382d24; text-decoration:underline;}


/* =====================
	CONTACT LEFT ELEMENTS
   ===================== */
   
.contact_left {width:150px; margin-bottom:5px; position:relative; left:20px; float:left; font-size:10px; text-align:center; border-bottom:1px solid #e4e4e4;}
.contact_left .name {font-size:11px; line-height:1em; margin:5px 0px;}
.contact_left .phone {font-size:11px; font-weight:bold; margin:5px 0px;}
.contact_left p { line-height:1em; margin:5px 0px 10px;}
.contact_left .text { line-height:1em; margin:5px 0px 10px;}

/* =====================
	FB LEFT ELEMENTS
   ===================== */

.fb {width:150px; position:relative; left:20px; float:left; font-size:10px; text-align:center; border-bottom:1px solid #e4e4e4;}
.fb_left {width:50px; height:48px; float:left;}
.fb_right {width:100px; float:right; line-height:1.3em; text-align:left; font-size:11px; margin-top:5px;}


/* =====================
	PAGE IMAGE ELEMENTS
   ===================== */
   
.pageimage {width:560px; height:164px; border-top:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4; background-color:#ffffff;}

/* =====================
	PAGE IMAGE ELEMENTS
   ===================== */
   
.pagetitle {width:560px; height:15px; margin:15px 0px 10px; text-align:left;}
.pagetitle_long {width:560px; height:37px; margin:15px 0px 10px; text-align:left;}

/* =====================
	PAGE CONTENTS ELEMENTS
   ===================== */
   
.pagecontents {width:560px; margin:0px; text-align:left;}
h1 {margin:0px 0px 6px; font-size:14px; font-weight:bold; clear:both;}
h2 {margin:0px 0px 6px; font-size:13px; font-weight:bold; clear:both;}
.pagecontents p {margin:0px 0px 15px;}
.pagecontents .text {margin:0px 0px 15px;}
.pagecontents .indent {margin:0px 0px 15px 20px; clear:both;}
.pagecontents .notes {font-size:11px; line-height:1.2em; color:#777777;}

.home {color:#c4262e;}
.about {color:#ff6d22;}
.services {color:#c78b10;}
.resources {color:#00985f;}
.contact {color:#005bbb;}
.sitemap {color:#652d86;}

.pagecontents .testimonial {margin:0px 0px 20px;}
.pagecontents .testimonial .name {font-style:italic; text-align:right;}

.photo_left {float:left; margin:0px 5px 0px 0px;}
.photo_right {float:right; margin:0px 0px 0px 5px;}

.pagecontents .psych_list {margin:0px 0px 10px; clear:both;}
.pagecontents .psych_list_logo {float:left; margin:0px 10px 10px 0px;}

.pagecontents .temp {margin:15px 0px 10px; text-align:center;}

/* .pagecontents .assessmentwriteup {margin-top:6px;} */

.office1 {float:left; width:275px;}
.office2 {float:right; width:275px;}



/* =====================
	LIST ELEMENTS
   ===================== */

.diagram {width:560px; height:180px; background-image:url("images/bg_diagram.gif"); background-repeat:no-repeat;} 
.diagram_left {width:180px; color:#ffffff; float:left; margin-right:10px; margin-top:5px;}
.diagram_center {width:180px; color:#ffffff; float:left; margin-right:10px; margin-top:5px;}
.diagram_right {width:180px; color:#ffffff; float:left; margin-top:5px;}
.diagram_title {font-weight:bold; text-align:center; margin-bottom:5px;}
.diagram_ul {list-style:square;}

.diagram a:link {color:#ffffff; text-decoration:underline;}
.diagram a:visited {color:#ffffff; text-decoration:underline;}
.diagram a:active {color:#ffffff; text-decoration:underline;}
.diagram a:hover {color:#00b9e4; text-decoration:underline;}


/* =====================
	LIST ELEMENTS
   ===================== */
   
ul {margin-bottom:20px;}
li {margin:0px 0px 10px 20px;} 
ul .child {margin:12px 0px;}  


/* =====================
	PAGE TOP ELEMENTS
   ===================== */

.pagetop {margin-bottom:15px; text-align:right; font-size:10px; font-weight:bold; clear:both;}
.pagetop a:link {color:#888888; text-decoration:underline;}
.pagetop a:visited {color:#888888; text-decoration:underline;}
.pagetop a:active {color:#888888; text-decoration:underline;}
.pagetop a:hover {color:#382d24; text-decoration:underline;}


/* =====================
	FOOTER ELEMENTS
   ===================== */
   
/* footer */
.footer {width:730px; margin:0px auto; padding:20px 0px 0.1em; color:#888888; font-size:11px; text-align:center; clear:both; border-bottom:1px solid #e4e4e4; line-height:1.6em;}
.footer a:link {color:#888888; text-decoration:underline;}
.footer a:visited {color:#888888; text-decoration:underline;}
.footer a:active {color:#888888; text-decoration:underline;}
.footer a:hover {color:#382d24; text-decoration:underline;}

/* credit */
.credit {width:730px; margin:0px auto; padding:0.1em 0px; color:#888888; font-size:80%; text-align:center; clear:both; line-height:1.5em;}
.credit a:link {color:#888888; text-decoration:none;}
.credit a:visited {color:#888888; text-decoration:none;}
.credit a:active {color:#888888; text-decoration:none;}
.credit a:hover {color:#382d24; text-decoration:underline;}


/* =====================
	UTILITIES
   ===================== */
   
/* comingsoon */
.comingsoon {width:730px; margin:30px auto 20px;}
.comingsoon h1 {font-size:16px; margin:20px auto 30px; font-weight:bold;}
.comingsoon p {margin:15px auto; line-height:1.2em;}

/* colour

mosaic_red			#c4262e
mosaic_orange		#ff6d22
mosaic_yellow		#fecb00
mosaic_green		#00985f
mosaic_lightblue	#00b9e4
mosaic_darkblue		#005bbb
mosaic_purple		#652d86
mosaic_red_dark		#5e3032
mosaic_yellow_dark	#eeaf30
mosaic_purple_dark 	#3c2846
mosaic_darkbrown	#382d24
mosaic_lightbrown	#836954

*/