
* {
    margin:0;
}

html, body {
    height:100%;
	font-size:13px;
	font-family:"Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	color:#333;
}

:focus {
	outline:1px dotted #ccc;
}

/* GLOBAL STRUCTURE */

#wrapper {
	min-height:100%;
    height:auto !important;
    height:100%;
    margin:0 auto -16em;
}

.container {
	overflow:hidden;
	width:800px;
	margin:0 auto;
}

#header {
	height:100px;
	background:url(../img/backgrounds/header.jpg) repeat-x;
	text-align:center;
}

#header .container {
	text-align:right;
	margin:0 auto;
}

#header .container img {
	margin:0 20px 0 0;
}

/* NAVIGATION MENU */

#navigation {
	background:url(../img/backgrounds/menu.jpg) repeat-x left top;
}

#navigation .container ul li {
	display:block;
	float:left;	
}

#navigation .container ul li.active {
	background-color:#fff;
}

#navigation .container ul li a {
	display:block;
	padding:0.8em 1.250em;
	font-size:1.23em;
	color:#fff;
}

#navigation .container ul li.active a {
	color:#39f;
}

#navigation .container ul li a:hover {
	background-color:#99ccff;
	color:#fff;
}

#navigation .container ul li.active a:hover {
	background-color:#fff;
	color:#39f;
}

/* CONTENT STRUCTURE */

#content {
	background:url(../img/backgrounds/container.jpg) top repeat-x #fff;
}

#content .container {
	background-color:#fff;
	padding:20px 0 0 0;
	min-height:500px;
}

#content .container #primarycolumn,
#content .container #secondarycolumn {
	width:500px;
	margin:0 0 0 20px;
	padding:0 0 40px 0;
	float:left;
}

#content .container #secondarycolumn {
	width:240px;
}

/* TYPGRAPHY */

h1 {
	font-size:1.54em;
	color:#39f;
	margin:0 0 1em 0;
}

.home h1 {font-size:x }

h2 {
	font-size:1.25em;
	font-size:#333;
	margin:0 0 1em 0;
}

.home h2 {
	font-size:1.38em;
	color:#39f;
}

h3 {
	font-size:1.1em;
	margin:0 0 0.5em 0;
}

p,
table {
	color:#333;
	margin:0 0 1em 0;
}

p {
	line-height:1.54em;
}

a {
	text-decoration:none;
	color:#333;
}

p a {
	color:#39f;
}

/* MISC. COMPONENTS */

/* introduction on homepage  */

#content .container #pagehead {
	xoverflow:hidden;
}

#content .container #pagehead #promoblock,
#content .container #pagehead #introduction {
	float:left;
	margin:0 0 20px 20px;
}

#content .container #pagehead #promoblock div {
	width:460px;
	height:90px;
	padding:125px 20px 20px 20px;
	background-position:left top;
	background-repeat:no-repeat;
}

#content .container #pagehead #promoblock strong,
#content .container #pagehead #promoblock em,
#content .container #pagehead #promoblock span {
	display:block;
}

#content .container #pagehead #promoblock strong {
	font-size:2em;
	font-weight:normal;
	color:#fff;
	margin:0 0 0.4em 0;
}

#content .container #pagehead #promoblock em {
	font-size:1.5em;
	font-style:normal;	
	color:#999;
	margin:0 0 0.5em 0;
}

#content .container #pagehead #promoblock span a {
	font-size:1.5em;
	color:#39f;
}

#content .container #pagehead #introduction {
	width:240px;
	float:left;
	padding:1em 0 0 0;
}

#content .container #pagehead #introduction p {
	font-size:1.1em;
	line-height:1.8em;
}

#content .container #pagehead #introduction p a {
	color:#39f;
	border-bottom:1px dotted #ccc;
}

/* default content images and lists */

#primarycolumn ul {
	margin:0 0 2em 0;
}

#primarycolumn ul li {
	background:url(../img/bullit.gif) left center no-repeat;
	padding:0 0 0 20px;
	margin:0 0 7px 13px;
}

#primarycolumn p img.alignleft {
	float:left;
	margin:0 20px 0 0;
	border:1px solid #333;
}

/* checks on homepage */

#secondarycolumn .checks {
	margin:0 0 20px 0;
}

#secondarycolumn .checks li {
	margin:0 0 0.5em 0;
	background:url(../img/check.gif) no-repeat center left;
	padding:0.4em 0 0.4em 25px
}

/* testamonial on homepage */

#secondarycolumn blockquote {
	background-color:#eaf3fa;
	padding:20px;
	margin:0 0 20px 0;
}

#secondarycolumn blockquote p {
	font-size:1.15em;
	display:inline;
	line-height:1.5em;
	background:url(../img/quote.gif) left center no-repeat;
	padding:2px 0 2px 30px;
}

#secondarycolumn blockquote strong,
#secondarycolumn blockquote span {
	display:block;
	color:#39f;
	margin:7px 0 0 0;
}

#secondarycolumn blockquote strong {
	font-size:1.23em;
}

#secondarycolumn blockquote span {
	font-size:1.15em;
	color:#000;
	margin:7px 0 10px 0;
}

/* breadcrumbs */

#primarycolumn #breadcrumbs {
	margin:0 0 20px 0;
}

#primarycolumn #breadcrumbs li {
	display:inline;
	margin:0 10px 0 0;
	background:url(../img/arrow.gif) left center no-repeat;
	padding:0 0 0 10px;
}

#primarycolumn #breadcrumbs li,
#primarycolumn #breadcrumbs li a {
	color:#999;
}

#primarycolumn #breadcrumbs li a {
	font-size:inherit;
}

/* tables */

#primarycolumn table {
	width:500px;
	margin:0 0 25px 0;
	width:100%;
	clear:left;
}

#primarycolumn table tr,
#primarycolumn table tr td {
	border-collapse:collapse;
	padding:6px;
	border-bottom:1px solid #ccc;
}

#primarycolumn table tr th {
	visibility:hidden;
}

#primarycolumn table tr td {
	text-align:left;
}

#primarycolumn table tr td a strong {
	font-weight:bold;
}

/* form styles */

#primarycolumn #moreinfo-form,
#primarycolumn #contact-form,
#secondarycolumn #route-form {
	width:300px;
	background-color:#eaf3fa;
	padding:20px;
}

#secondarycolumn #route-form {
	width:auto;
}

#primarycolumn #contact-form {
	width:400px;
}

#primarycolumn #moreinfo-form label,
#primarycolumn #contact-form label,
#secondarycolumn #route-form label {
	display:block;
	font-weight:bold;
	margin:0 0 7px 0;
}

#primarycolumn #moreinfo-form label span,
#primarycolumn #contact-form label span,
#primarycolumn #route-form label span {
	color:#999;
	font-weight:normal;
}

#primarycolumn #moreinfo-form label strong,
#primarycolumn #contact-form label strong,
#primarycolumn #route-form label strong {
	color:#f00;
	display:block;
	margin:0.5em 0 0 0;
}

#primarycolumn #moreinfo-form input.text,
#primarycolumn #contact-form input.text,
#primarycolumn #contact-form textarea,
#secondarycolumn #route-form input.text {
	display:block;
	width:200px;
	height:20px;
	border:1px solid #ccc;
	margin:0 0 20px 0;
}

#primarycolumn #contact-form input.text,
#primarycolumn #contact-form textarea {
	width:300px;
}

#primarycolumn #contact-form textarea {
	height:100px;
}

#primarycolumn #moreinfo-form input.text:focus,
#primarycolumn #contact-form input.text:focus,
#primarycolumn #contact-form textarea:focus
#secondarycolumn #route-form input:focus {
	border:1px solid #39f;
}

#primarycolumn #moreinfo-form input.submit,
#primarycolumn #contact-form input.submit,
#secondarycolumn #route-form input.submit {
	display:block;
	height:20px;
	border:1px solid #39f;
	background-color:#cee1ef;
	margin:0 0 25px 0;
}

#secondarycolumn #route-form input.text {
	color:#999;
}

/* thumbnail galleries */

#primarycolumn .gallery {
	overflow:hidden;
	margin:0 0 15px 0;
}

#primarycolumn .gallery a img {
	float:left;
	border:1px solid #39f;
	margin:0 10px 10px 0;
	padding:4px;
}

#primarycolumn .gallery a:hover img {
	background-color:#39f;
}

/* sticky footer */

#footer, .push {
    height:16em;
}

#footer {
	background-color:#666;
	color:#fff;
	overflow:hidden;
}

#footer .container {
	width:760px;
}

#footer .container h2,
#footer .container p {
	color:#fff;
}

#footer .container #about {
	width:500px;
	float:left;
	margin:20px 20px 0 0;
}

#footer .container #contact-details {
	width:240px;
	float:left;
	margin:20px 0 0 0;
}

#footer .container #contact-details p span {
	display:block;
	width:20px;
	float:left;
	background:url("../img/phone.gif") left no-repeat;
	text-indent:2000em;
	overflow:hidden;
	white-space:nowrap;
	margin:0 5px 0 0;
	
}