﻿/* =reset
----------------------------------------*/

html, body, h1, h2, h3, h4, h5, h6,
div, span, blockquote, p, address,
form, fieldset, label, legend, img,
a, abbr, acronym, ul, ol, dl, dt, dd, li,
hr, table, td, th, big, small,q,
strong, em, sup, sub, del, cite, code {
	border: 0;
	font-size: 100%;
	margin: 0;
	outline: 0;
	padding: 0;
	}

blockquote,
q {
	quotes: none;
	}

a,
a:visited {
	color: #7b9cbb;
	text-decoration: underline; 
	}

a:hover,
a:focus,
a:active {
	text-decoration: none;
	}

ul, ol { list-style: none; }

legend { display: none; }

body {
	background: #fff url('../img/body.jpg') 50% 0 repeat;
	color: #272727;
	font: normal 62.5% Tahoma,Verdana,Arial,Helvetica,sans-serif; /* 10px */
	height: 100%;
	}

h1, h2, h3, h4, h5 { font: normal 1em 'Georgia',Arial,Helvetica,Tahoma,Verdana,sans-serif; }

/* =layout
----------------------------------------*/

#header,
#main,
#footer {
	width: 990px;
	}

#container {
	display: block;
	height: 100%;
	min-height: 700px;
	position: absolute; top: 0; left: 0;
	width: 100%;
	}

#center {
	height: 680px;
	margin-top: -340px;
	margin-left: -495px;
	overflow: auto;
	position: absolute; top: 50%; left: 50%;
	width: 990px;
	}

/* =header
----------------------------------------*/

#header {
	height: 85px;
	}

#header h1 {
	background: url('../img/logo.png') 0 0 no-repeat;
	float: left;
	height: 85px;
	width: 660px;
	}

#header h1 a,
#header h1 a:visited {
	display: block;
	height: 85px;
	text-indent: -99999px;
	width: 460px;
	}

#fast-contact {
	float: right;
	height: 65px;
	margin: 20px 0 0;
	width: 250px;
	}

#fast-contact a,
#fast-contact a:visited {
	background: url('../img/contact.png') 0 0 no-repeat;
	display: block;
	height: 65px;
	text-indent: -99999px;
	width: 250px;
	}


#fast-contact a:hover,
#fast-contact a:focus,
#fast-contact a:active {
	background: url('../img/contact.png') 0 -65px no-repeat;
	}

/* =main
----------------------------------------*/

#left-box {
	background: #fff;
	float: left;
	height: 509px;
	margin: 0 1px 0 0;
	padding: 25px 10px;
	width: 312px;
	}

#left-box h2 {
	margin: 0 0 10px 15px;
	}

#left-box p {
	font-size: 1.2em;
	line-height: 1.5;
	margin: 0 5px 0 15px;
	}

#left-box blockquote {
	background: url('../img/quote.gif') 0 0 no-repeat;
	margin: 10px 0;
	padding: 0 0 0 40px;
	}

#left-box blockquote p {
	margin: 0 0 1em;
	}

#center-box {
	background: #f6f6f6;
	float: left;
	height: 509px;
	margin: 0 1px 0 0;
	padding: 25px 20px 25px 25px;
	width: 257px;
	}

#right-box {
	background: #fff;
	float: right;
	height: 509px;
	padding: 25px 10px 25px 25px;
	width: 319px;
	}

h2 {
	color: #004e9e;
	font-size: 2.3em;
	margin: 0 0 10px 0;
	}

#right-box h2 {
	color: #ff1e00;
	}

li {
	background: url('../img/arrow.gif') 0 0 no-repeat;
	font-size: 1.2em;
	line-height: 1.4;
	padding-left: 10px;
	}

#pros li {
	background-position: 0 11px;
	padding-top: 5px;
	padding-bottom: 5px;
	}

#pros img {
	display: block;
	margin: 25px auto 0;
	width: 185px;
	}

#founders {
	padding: 0 15px;
	}

#founders img {
	display: block;
	margin: 5px auto;
	width: 220px;
	}

#areas {
	margin: 0 0 20px;
	}

#areas li,
#done li {
	background-position: 0 9px;
	line-height: 1.5;
	padding-top: 3px;
	padding-bottom: 2px;
	}

/* =footer
----------------------------------------*/

#footer {
	font-size: 1.2em;
	height: 30px;
	padding: 5px 13px 0;
	position: relative;
	width: 964px;
	}

#footer p.main {
	color: #fff;
	position: relative;
	z-index: 2;
	}

#footer p.shadow {
	color: #103a49;
	position: absolute; top: 6px; left: 14px;
	z-index: 1;
	}


/* =clearing
----------------------------------------*/

#header:after,
#main:after {
	content: " "; 
	clear: both; 
	display: block; 
	height: 0; 
	overflow: hidden;
	visibility: hidden;
	}