/*--------------------- generic ---------------------*/

body {
	margin: 0;
	padding: 0;
	font-size: 62.5%;
	color: #666; }

html {
	min-height: 100%;
	margin-bottom: 1px; }

body, input, textarea, select {
	font-family: "Arial", "Verdana", "Helvetica", sans-serif; }

p {
	font-size: 1.2em;
	line-height: 1.4em;
	color: #666;
	margin: 0 0 1em; }
	
	p.nomargin { margin: 0; }
	p.large { font-size: 1.5em; font-weight: bold; }
	.blue { color: #2069A5; }
	
h1 {
	color: #2778BA; 
	font-size: 2em;
	border-bottom: 1px solid #D4E1F1;
	margin: 0 0 1em;  }
	
h2 {
	color: #2778BA;
	font-size: 1.4em;
	font-weight: bold;
	margin: 0 0 1em; }
	
h3 {
	color: #666;
	font-size: 1.4em;
	font-weight: bold;
	margin: 0; }

/*--------------------- layout ---------------------*/

#container {
	width: 760px;
	margin: 0 auto; }

	#header {
		height: 220px;
		margin: 5px 0;
		background: transparent url("../img/bg_head.jpg") left bottom no-repeat;
		position: relative; }
		
		#toollinks {
			position: absolute; top: 0; right: 0;
			height: 20px; }
			
			#toollinks p {
				font-size: 1.1em;
				margin: 0; }
			
			#toollinks a, #toollinks a:visited, #toollinks a:active { 
				color: #6291CA;
				text-decoration: none; }
				
			#toollinks a:hover {
				color: #F94B50;
				text-decoration: none; }
	
		#nav {
			position: absolute; bottom: 0; right: 30px;
			width: 500px;
			height: 38px; }
		
	#contentwrap {
		background-color: #FFFFCC; }
		
			#content {
				width: 500px; }
			
			#extra {
				width: 200px;
				position: absolute; right: 20px; top: 0; 
				margin-top: 61px; }
				
			html>body #extra { margin-top: 68px; }
			
				#extra p {
					color: #2069A5;
					font-size: 1.5em;
					font-weight: bold;
					margin: 0 0 3px; }
			
	#footer {
		clear: both;
		text-align: center; 
		background-color: white; }	
		
		#footer p { 
			color: #999;
			font-size: 1.1em;
			margin: 0; }

/*------------------------- nav ---------------------------*/

a, a:active, a:visited { 
	color: #F94B50;
	text-decoration: underline; }
	
a:hover {
	color: #F94B50;
	text-decoration: none; }
	
#nav a img {
	margin: 0; padding: 0;
	float: left;
	height: 38px; }

/*------------------------ images -------------------------*/

a img {
	border: 0; }
	
img.icon {
	width: 30px; height: 30px;
	float: left;
	padding-right: 10px; }

img.spacer {
	width: 200px; height: 15px;
	float: right; }
	
img.bullet { 
	width: 6px; height: 6px;
	margin: 0 5px 3px 0; }
	
img.thumb {
	width: 200px; height: 153px;
	float: left;
	margin-bottom: 10px; }
	
/*------------------------ forms -------------------------*/

form { font-size: 1.2em; margin: 0; padding: 0; }
fieldset { border: none; margin:0; padding:0; }
label { width: 150px; float: left; }
input, textarea { border: 1px solid #D4E1F1; font-size: 1.1em; font-family: Arial, Helvetica, sans-serif; color: #F94B50;
				width: 200px; height: 18px; padding: 4px 0 0 4px; }
textarea { height: 70px; }
input.button, input.buttonwide, input.signup { width: 80px; height: 22px; background-color: #E3EBF6; color: #8B8B8B; padding: 0; border: 1px solid #B8CDE8; border-top: none; border-left: none; 
				margin-left: 150px; cursor: pointer; text-transform: uppercase; font-size: 1em; }
input.signup { margin-left: 0; }
input.buttonwide { width: 220px; text-transform: capitalize; }
	
/*--------------------- rounded boxes ---------------------*/

/*** yellow box ***/
#contentwrap .ne { background: url("../img/yellow/ne.gif") no-repeat top right; }
#contentwrap .se { background: url("../img/yellow/se.gif") no-repeat bottom right; }
#contentwrap .sw { background: url("../img/yellow/sw.gif") no-repeat bottom left; }
#contentwrap .nw { background: url("../img/yellow/nw.gif") no-repeat top left; }
#contentwrap .sw { padding: 15px 20px 20px; position: relative; }

/*** light yellow box ***/
#yellow_light { background-color: #FFFEF1; }
#yellow_light .ne { background: url("../img/yellow_light/ne.gif") no-repeat top right; }
#yellow_light .se { background: url("../img/yellow_light/se.gif") no-repeat bottom right; }
#yellow_light .sw { background: url("../img/yellow_light/sw.gif") no-repeat bottom left; }
#yellow_light .nw { background: url("../img/yellow_light/nw.gif") no-repeat top left; }
#yellow_light .sw { padding: 15px; }

/*** dark yellow box ***/
#yellow_dark { background-color: #FFFF95; clear: both; }
#yellow_dark .ne { background: url("../img/yellow_dark/ne.gif") no-repeat top right; }
#yellow_dark .se { background: url("../img/yellow_dark/se.gif") no-repeat bottom right; }
#yellow_dark .sw { background: url("../img/yellow_dark/sw.gif") no-repeat bottom left; }
#yellow_dark .nw { background: url("../img/yellow_dark/nw.gif") no-repeat top left; }
#yellow_dark .sw { padding: 15px; }

/*** dark yellow box on light background ***/
#yellow_dark_onlight { background-color: #FFFF95; margin-bottom: 10px; }
#yellow_dark_onlight .ne { background: url("../img/yellow_dark_onlight/ne.gif") no-repeat top right; }
#yellow_dark_onlight .se { background: url("../img/yellow_dark_onlight/se.gif") no-repeat bottom right; }
#yellow_dark_onlight .sw { background: url("../img/yellow_dark_onlight/sw.gif") no-repeat bottom left; }
#yellow_dark_onlight .nw { background: url("../img/yellow_dark_onlight/nw.gif") no-repeat top left; }
#yellow_dark_onlight .sw { padding: 15px; }

/*------------------------ Home -------------------------*/

.home_left { background: url("../img/home_left.jpg")  top left no-repeat; 
			width: 170px; height: 294px; padding: 45px 18px 0; }
.home_middle { background: url("../img/home_middle.gif")  top left no-repeat;
			width: 195px; height: 325px; padding: 20px 20px 0; }
	.home_middle p { color: #2778BA; }
.home_right { background: url("../img/home_right.jpg")  top left no-repeat; 
			width: 209px; height: 300px; padding: 45px 28px 0; }
	p.contactdetails { line-height: 1.6em; margin: 50px 0 0; }



/*--------------------- PAGE SPECIFIC - Testimonies ---------------------*/

#bubble_blue { background-color: #D4E1F1; }
#bubble_white { background-color: #FFFEF1; }

#bubble_blue p, #bubble_white p {
	color: #2778BA;
	margin: 0;
	padding: 0 1em; }
	
#bubble_blue img, #bubble_white img {
	float: left; }