@charset "utf-8";
/* CSS Document */

/* RESET */
/* ----------------------------------------- */

/* Based on Eilliot Jay Stock's Starkers Reset */

/* Global reset */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal }
q:before, q:after { content:''}

/* Global reset-RESET */
/* The below restores some sensible defaults */
strong { font-weight: bold }
em { font-style: italic }
a img { border:none } /* Gets rid of IE's blue borders */

br.clearfix { clear:both; display:block; height:1px; margin:-1px 0 0 0 }
div, ul, li, form { position:relative }

/* GENERAL */
/* ----------------------------------------- */

body {
	background:#000000;
	font-size:10px;
	line-height:20px;
	font-family:Arial, Helvetica, sans-serif;
	color:#393939;
}

body.home {
	background:#000000 url(../images/background-big-kahuna.jpg) right bottom no-repeat fixed;
}


/* TYPOGRAPHY */
/* ----------------------------------------- */

h1 {
	font-size:2.5em;
	line-height:30px;
	margin-bottom:10px;
}

h2 {
	font-size:1.8em;
	line-height:20px;
	margin:0 0 10px 0;
	padding-top:10px;
}

p,ul,h3,table {
	font-size:1.2em;
	line-height:20px;
	margin-bottom:10px;
}

table {
	line-height:15px;
	font-size:1.1em;
}

#content ul {
	font-size:1.2em;
	color:#393939;
}

#content li {
	margin-bottom:10px;
	list-style:disc;
	margin-left:20px;
}

a {
	color: #3c7aa2;
}

a:hover {
	color: #4e95c2;
}

ul#navigation {
	font-size:1.4em;
	text-transform:uppercase;
}

ul#navigation li a{
	color:#c3c3c3;
	text-decoration:none;
}

ul#navigation li a:hover{
	color:#4e95c2;
}

ul#navigation li.current a{
	color:#3c7aa2;
}

div#footer p,ul{
	font-size:1.1em;
	color:#616161;
}

div#footer a{
	color:#616161;
	text-decoration:none;
}

div#footer a:hover{
	color:#7f7f7f;
	text-decoration:underline;
}

/* LAYOUT */
/* ----------------------------------------- */

div#wrapper {
	width:940px;
	margin:auto;
}

div#logo {
	height:190px;
	margin-top:10px;
	background:url(../images/cornerstone-logo.png) no-repeat;
	top:20px;
	left:-50px;
	z-index:1;
}

div#main {
	background:#ffffff;
	padding:40px;
}

ul#navigation {
	height:20px;
	padding-bottom:20px;
	z-index:1;
}

ul#navigation li{
	float:left;
	margin-right:20px;
}

div#content {
	padding:30px 0 30px 0;
	border-bottom:thin solid #f19024;
	border-top:thin solid #f19024;
}

div#footer {
	padding-top:20px;
}

div#footerleft {
	width:600px;
	float:left;
}

div#footerright {
	text-align:right;
	clear:right;
}

ul#footerlist {
	padding-bottom:0;
	z-index:1;
}

ul#footerlist li{
	float:left;
	margin-right:20px;
}

img.left {
	float:left;
	margin: 0 40px 40px 0;
}

img.right {
	float:right;
	margin: 0 0 40px 40px;
}

div.col {
	width:260px;
	float:left;
	margin: 20px 40px 0 0;
}

/* HOME */
/* ----------------------------------------- */

div.map {
	width:560px;
}

div.contact {
	margin: 20px 0 0 0;
}

div.col.map iframe {
	border: thin solid #f19024;
}
div.col small a{
	color: #3c7aa2 !important;
}
