html, body {height: 100%; background-color: #013973 !important}

body {margin:0; }

h1 {font: bold 25px Arial, Helvetica, sans-serif; color: #fff; margin:0 0 10px; padding:0;}
h2 {font: bold 20px Arial, Helvetica, sans-serif; color: #77f3ec; margin:0; padding:0;}
h3 {font: bold 17px Arial, Helvetica, sans-serif; color: #77f3ec; margin:0; padding:0;}

p {font: normal 13px/18px Arial, Helvetica, sans-serif; color: #fff; margin: 5px 0 10px;}

a img {border: 0}
a, a:visited {color: #a73f07; text-decoration:none}
a:hover, a:active {color: #eaad4e; text-decoration:none}

.floatLeft {float:left}
.floatRight {float:right}

#wrap {min-height: 100%;position: relative;}

/*-------------------------------------header*/ 
#header {margin:0; }
.general {background: transparent url(../images/bg-header.jpg) repeat center; padding:0 0 27px}
.video-bg {background: transparent url(../images/bg-hd-video.jpg) repeat center; padding:0 0 132px}
#top {margin:0 auto; width: 960px;}
.logo {margin:0; padding:10px 0 13px; float:left}

/*navigation*/ 
#nav {margin:0; padding:0; font: normal 15px Arial, Helvetica, sans-serif;}
#nav ul {margin:0; padding:55px 0 0 0; list-style:none}
#nav li {/*margin:0px; padding:0;*/ float:left; background-color: transparent}
#nav a, #nav a:visited {color: #fff; text-decoration:none}
#nav a:hover {color: #CCC; text-decoration:none}

/*header photo*/ 
.pArea {margin:0 auto; padding:0; width: 960px;}
.pArea img {border: 5px solid #fff}

/*-------------------------------------content*/ 
#main  {background: #013973 url(../images/bkgrd-content.jpg) repeat-x; margin:0; padding:0; min-height: 400px;}
#ctArea {width: 960px; margin:0 auto; padding:15px 0;}
 #ctArea table tbody tr td label{font: normal 13px Arial, Helvetica, sans-serif; color: #fff; float:left; margin:0; padding:6px 0 2px;}
#ctArea table tbody tr td input{border: 2px solid #d3d2d2}
#ctArea table tbody tr td img{margin: 3px 0}


.content {margin:0; padding:0;}
.col-460, .col-250, .col-670 {margin: 0 10px;}

#content {margin:0; padding:0; float:left}
.col-460 {width: 460px; float:left}
.location {margin:5px 0 0; padding:5px 0; border-bottom: 1px solid #11484a}
#google-map {margin:0 0 20px 0; padding:0;}
#google-map img {border: 2px solid #FFF}

.col-250, .col-670 {float: left}
.col-250 {width: 250px; margin-top: 7px }
.col-670 {width: 670px;}
.col-300 {width: 300px; margin: 0 10px; }

.ad-area {margin:25px 0 0; padding:0;}
.ad {margin:10px auto 20px; padding:0; width: 250px}
.ad-sponsor {font: normal 12px/16px Arial, Helvetica, sans-serif; color: #cac9c8; margin:  5px 0 }
.video {
	margin:31px 0 0 26px;
	padding:0;
	border: 5px solid #fff;
	-moz-box-shadow: 0px 0px 20px #222;
	-webkit-box-shadow: 0px 0px 20px #222;
	box-shadow: 0px 0px 20px #222;
	position: relative;
	background: #69c0cc;
}
.video .videotitle {
	position: absolute;
	z-index: 2;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 30px;
	background-image:url('/resources/images/camera_title_overlay.png');
	color: #53766C;
	font: bold 16px Arial,Helvetica,sans-serif;
}
.videotitle div {
	padding: 5px 10px;
}

.aboutArea h2 {margin:0}
.aboutArea {margin:10px 0 0 27px; } 

.join-the-conversation {margin:50px 0 0 37px; padding:0; }
.join-the-conversation h2  {text-transform: uppercase; margin:5px 0;}
.join-the-conversation h2 span, .conversation h2 span {font-weight: normal;}
.join-the-conversation textarea {margin:10px 0; padding:0; border: 2px solid #d3d2d2}
.join-the-conversation table tr td label{font: normal 13px Arial, Helvetica, sans-serif; color: #fff; padding-bottom: 3px; margin:0}
.join-the-conversation table tr td input {border: 2px solid #d3d2d2}

.submit-button { background: transparent url(../images/button-submit.jpg) no-repeat; font: bold 15px Arial, Helvetica, sans-serif; text-transform:uppercase; margin:0; padding:0 7px 0 35px; height: 33px; border:0}
.logout {background:none; border: 0px; color: #fff; cursor:pointer; text-decoration: underline}
.feedback-button { background: transparent url(../images/button-submit.jpg) no-repeat; font: bold 15px Arial, Helvetica, sans-serif; text-transform:uppercase; margin:7px 0 0 0; padding:5px 5px 6px; border:0 !important; text-align:right}

.conversation {margin:30px 0 0; padding:0; float:left}
.comments {margin:0; padding:10px 0; border-bottom: 1px solid #11484a; float:left}
.comment-name {font: bold 15px Arial, Helvetica, sans-serif; color: #77f3ec; margin:0 0 5px; padding:0;}
.comment-entry {font: normal 13px arial, Arial, Helvetica, sans-serif; color: #fff; margin:0; padding:0;}
.by, .entry {float:left}
.by {margin:0; padding:0;}
.by p {margin:5px 0 0 0; font: bold 18px Arial, Helvetica, sans-serif; color: #e3e2e1;text-transform: none; text-align:right; width: 175px;}
.by p span {font-weight: normal; color: #cac9c8; font-style:italic; font-size: 13px; }
.entry {margin:0 0 0 15px; padding:0; width: 433px;} 
.entry p {text-transform: none} 

/*-------------------------------------feedback form*/
#feedback-form {margin:0; padding:0;}

/*-------------------------------------footer*/ 
#footer-wrap {height: 92px;position: relative; background-color: #1b1d1e; margin-top: 40px;}
#footer {width: 960px; margin:0 auto; padding:10px 0}
.copyInfo {margin:0; padding:0; float:left}
.sMedia {margin:0; padding:0; float:right}
.sMedia img {float:left; margin:5px 5px 0; padding:0;}

.clearfooter {
height: 92px;
clear: both;
}
/*-------------------------------------clear floats*/ 
#main:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

*:first-child + html #main {
	min-height: 1px;
}