/* @group base */

html {
	margin: 0px;
	padding: 0px;
	-webkit-text-size-adjust: none;
	font: 1em "Lucida Grande", Lucida, Verdana, sans-serif;
}
/*reset styles*/
body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	border: 0;
	padding: 0;
	outline: 0;
	background: transparent;
}
body {
	margin: 0px;
	padding: 0px;
	width: 100%;
	background-color: gray;
	/*background-image: url(../images/fineweave_grey58pctGB.png);*/
	background-repeat: repeat;
}
a {text-decoration: none;}
img {border: none;}
abbr {text-decoration: none;}
p, li, td, a {font-size: 0.75em;}
h1 {font-size: 1.5em;}
h2 {font-size: 1.375em;}
h3 {font-size: 1.25em;}
h4 {font-size: 1.125em;}
h5 {font-size: 1em;}
h6 {font-size: 1em;}

/* @end */

/* @group container */

#container {
	width: 960px;
	margin: 10px auto;
	height: auto;
	border-radius: 10px;
	background-color: white;
	background-image: url(../images/goldparchment.png);
	background-repeat: repeat;
	box-shadow: 0px 0px 10px black; -webkit-box-shadow: 0px 0px 10px black; -moz-box-shadow: 0px 0px 10px black;
	z-index: 1;
	overflow: hidden;
}

/* @end */

/* @group banner */

#banner {
	position: relative;
	width: 960px;
	height: 200px;
	background-color: #ccc;
	background-image: url(../images/ShortSands960w.jpg);
	background-repeat: none;
	margin: auto;
	box-shadow: 0px 0px 10px black; -webkit-box-shadow: 0px 0px 10px black; -moz-box-shadow: 0px 0px 10px black;
	z-index: 2;
}

#upper-banner {
	width: inherit;
	height: 160px;
}

#upper-banner h1 {
	padding-top: 20px;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 5px;
}

#upper-banner h2 {
	padding: 0px 20px;
	font-size: 12px;
	color: #666;
}

#upper-banner a.social-icon-facebook, #upper-banner a.social-icon-linkedin, #upper-banner a.social-icon-twitter {
	float: right;
	height: 24px;
	width: 24px;
	margin-top: 10px;
	margin-right: 10px;
	opacity: 0.7; filter: alpha(opacity=70); -moz-opacity: 0.7;
}
#upper-banner a.social-icon-facebook:hover, #upper-banner a.social-icon-linkedin:hover, #upper-banner a.social-icon-twitter:hover {
	opacity: 1;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
}
#upper-banner a.social-icon-facebook {background-image: url(../images/facebook-24x24.png);}
#upper-banner a.social-icon-linkedin {background-image: url(../images/linkedin-24x24.png);}
#upper-banner a.social-icon-twitter {background-image: url(../images/twitter-24x24.png);}

/* @end */

/* @group nav */

nav {
	width: inherit;
	height: 38px;
	border-top-style: solid;
	border-top-width: 1px;
	border-top-color: #888;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #888;
	background-color: rgba(153,153,153,0.6);
}

nav ul.nav {
	text-align: center;
	list-style: none;
	margin: 0px;
	padding: 0px;
	padding-top: 13px;
}

nav ul.nav li {
	display: inline;
	font: normal 1em "Lucida Grande", Lucida, Verdana, sans-serif;
	color: #d5d5d5;
	text-transform: none;
	padding-left: 20px;
	padding-right: 20px;
}

nav ul.nav li a:link, nav ul.nav li a:visited {
	font: normal 1em "Lucida Grande", Lucida, Verdana, sans-serif;
	color: silver;
	text-transform: none;
}

nav ul.nav li:hover {
	color: maroon;
	cursor: pointer;
}

nav ul.nav li.selected {
	color: white;
}

/* @end */

/* @group content */

#content {
	position: relative;
	width: 960px;
	margin: 0px auto;
	padding: 0px;
}

#content div.grid-4.intro h2 {
	margin-top: 10px;
}
#content div.grid-4.intro p, #content div.grid-4.intro h2 {
	font-family: Georgia, Times, "Times New Roman";
}
/*#content div.intro {border-bottom-style: solid; border-bottom-width: 5px; border-bottom-color: #fff;}
#content div.callme {border-top-style: solid; border-top-width: 5px; border-top-color: #fff;}*/
#content img.ds-br {
	display: block;
	margin: 0.5em auto;
	border-radius: 2px;
	box-shadow: 0px 0px 5px black;
	-webkit-box-shadow: 0px 0px 5px black;
	-moz-box-shadow: 0px 0px 5px black;
}
#content h3 + a img.ds-br {
	margin-top: 10px;
}
#content div.grid-4.intro p {
	font-size: 1em;
	padding-top: 10px;
	padding-left: 5px;
	padding-right: 5px;
}
#content div.grid-4.values p {
	text-align: center;
	font-family: Georgia;
	font-size: 1em;
	padding: 0.75em;
}
#content div.grid-4 p {
	color: #666;
}
#content div.grid-4 p, #content div.grid-4 h4 {
	padding-left: 10px;
	padding-right: 10px;
}
#content div.grid-4 h4.edu {
	font-weight: normal;
}
#content div.grid-4 h3 + p, #content div.grid-4 div + p, #content div.grid-4 h3 + h4, #content div.grid-4 p + h4, #content div.grid-4 p + p {
	padding-top: 10px;
}
#content div.grid-4 h3.greybox {
	padding-bottom: 10px;
	padding-top: 10px;
	background-color: rgba(153,153,153,0.3);
	border-radius: 5px;
	box-shadow: 0px 0px 5px #666;
	-webkit-box-shadow: 0px 0px 5px #666;
	-moz-box-shadow: 0px 0px 5px #666;
}
#content div.grid-4 div.web-icons {
	margin-left: 46px;
	margin-right: 45px;
}
#content div.grid-4 div.web-icons img {
	display: block;
	float: left;
	margin: 5px;
	margin-top: 10px;
	opacity: 0.7;
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
}
#content div.grid-4 div.web-icons img.ko-logo {
	float: none;
	margin: 5px auto;
}
#content div.grid-4 div.social-icons {
	margin-left: 45px;
	margin-right: 45px;
}
#content div.grid-4 div.social-icons img {
	display: block;
	float: left;
	margin: 5px;
	margin-top: 10px;
	opacity: 0.7;
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
}
#content div.grid-4.clear img.html5-logo {
	margin: 5px;
	margin-top: 10px;
	margin-left: 93px;
	margin-right: 92px;
}
#content a {
	color: #666;
}
#content a:hover {
	color: #000;
}
#content div.grid-12.callme h2,  #content div.grid-12.callme h3{
	font-family: Georgia, Times, "Times New Roman";
}
#content div.grid-12.callme h2,  #content div.grid-12.callme h3{
	margin-top: 10px;
}
#content div.grid-12 h3{
	color: #666; 
	font-weight: normal; 
	padding-bottom: 5px;
}

/* @end */

/* @group form */

form {
	display: block;
	margin: 0 auto;
}

form table {
	margin: 0 auto;
	border-spacing: 3px;
}

input[type=text], input[type=tel], input[type=email] {
	border: 1px solid #ccc;
	border-radius: 3px;
	height: 18px;
	padding-left: 10px;
}

.userName {
	display: none;
}

input[type=submit] {
	margin: 0 auto;
	display: block;
}

#successmessage h2 {
	text-align: center;
	font-family: Georgia, Times, "Times New Roman";
}

#successmessage h2 + p {
	margin-top: 10px;
}
#content form table tr .error {
	text-align: left;
}
#content form label.error {
	color: red;
	font-size: 0.75em;
	margin: 0 auto;
	float: left;
}

/* @end */

/* @group footer */
footer {
	position: relative;
	width: 960px;
	height: auto;
	margin: auto;
	padding: 0px;
	margin-top: 10px; 
	margin-bottom: 10px;
}

footer p, footer a {font-size: 10px; color: #666;}

/* @end */

/* @group misc */

.clear {clear: both;}
.center {text-align: center;}
.left {text-align: left;}
.right {text-align: right;}
.bold {font-weight: bold;}
.normal {font-weight: normal;}

/* @end */

/* @group 960 grid classes */
.grid-1,
.grid-2,
.grid-3,
.grid-4,
.grid-5,
.grid-6,
.grid-7,
.grid-8,
.grid-9,
.grid-10,
.grid-11,
.grid-12 {
	position: relative;
	float: left;
	margin: 10px;
	display: inline-block;
}

.alpha {margin-left: 0px;}
.omega {margin-right: 0px;}

/* @group grid */

.grid-1 {width: 60px;}
.grid-2 {width: 140px;}
.grid-3 {width: 220px;}
.grid-4 {width: 300px;}
.grid-5 {width: 380px;}
.grid-6 {width: 460px;}
.grid-7 {width: 540px;}
.grid-8 {width: 620px;}
.grid-9 {width: 700px;}
.grid-10 {width: 780px;}
.grid-11 {width: 860px;}
.grid-12 {width: 940px;}

/* @end */

/* @group prefix */

.prefix-1 {padding-left: 80px;}
.prefix-2 {padding-left: 160px;}
.prefix-3 {padding-left: 240px;}
.prefix-4 {padding-left: 320px;}
.prefix-5 {padding-left: 400px;}
.prefix-6 {padding-left: 480px;}
.prefix-7 {padding-left: 560px;}
.prefix-8 {padding-left: 640px;}
.prefix-9 {padding-left: 720px;}
.prefix-10 {padding-left: 800px;}
.prefix-11 {padding-left: 880px;}

/* @end */

/* @group suffix */

.suffix-1 {padding-right: 80px;}
.suffix-2 {padding-right: 160px;}
.suffix-3 {padding-right: 240px;}
.suffix-4 {padding-right: 320px;}
.suffix-5 {padding-right: 400px;}
.suffix-6 {padding-right: 480px;}
.suffix-7 {padding-right: 560px;}
.suffix-8 {padding-right: 640px;}
.suffix-9 {padding-right: 720px;}
.suffix-10 {padding-right: 800px;}
.suffix-11 {padding-right: 880px;}

/* @end */

.push-1, .pull-1,
.push-2, .pull-2,
.push-3, .pull-3,
.push-4, .pull-4,
.push-5, .pull-5,
.push-6, .pull-6,
.push-7, .pull-7,
.push-8, .pull-8,
.push-9, .pull-9,
.push-10, .pull-10,
.push-11, .pull-11,
.push-12, .pull-12 {
	position: relative;
}

/* @group push */

.push-1 {left: 80px;}
.push-2 {left: 160px;}
.push-3 {left: 240px;}
.push-4 {left: 320px;}
.push-5 {left: 400px;}
.push-6 {left: 480px;}
.push-7 {left: 560px;}
.push-8 {left: 640px;}
.push-9 {left: 720px;}
.push-10 {left: 800px;}
.push-11 {left: 880px;}

/* @end */

/* @group pull */

.pull-1 {left: -80px;}
.pull-2 {left: -160px;}
.pull-3 {left: -240px;}
.pull-4 {left: -320px;}
.pull-5 {left: -400px;}
.pull-6 {left: -480px;}
.pull-7 {left: -560px;}
.pull-8 {left: -640px;}
.pull-9 {left: -720px;}
.pull-10 {left: -800px;}
.pull-11 {left: -880px;}

/* @end */

/* @end */