/* CSS for  */

* {
	margin: 0;
	padding: 0;
}
body {
  font: 62.5% Arial, Helvetica, sans-serif; /* 62.5% resets 1em to the equivalent of 10px */
	text-align: center;
	background: #000000;
}


/* Global Styles */

a, a:link { color: #fcef00; text-decoration: underline; }
a:hover { text-decoration: none; }
a.broken, a.highlight { color: #FFFFFF; background: #B60016; } /* Use this class on links that are broken during site development */

h1 {
	color: #fcef00;
	font-size: 1.5em;
	margin: 0 0 15px 0;
	text-transform: uppercase;
}
h2 {
	color: #FEF214;
	margin: 0 0 10px 0;
	font-size: 1.3em;
}
h3 {
	color: #FEF214;
	margin: 0 0 5px 0;
	font-size: 1.2em;
}

table { border-collapse: collapse; } /* Removes all padding and spacing from table cells */
input, select, option, textarea { padding: 2px; }
object, embed { border: 0; outline: 0; }
fieldset { border: 1px solid #666666; padding: 10px; }
legend { color: #666666; font-weight: bold; }
ul, ol { margin: 10px 0 15px 35px; }
li { margin: 0 0 5px 0; }
p { margin: 0 0 15px 0; padding: 0; }
hr { margin: 0 0 15px 0; padding: 0; border: 0; border-bottom: 1px solid #FFFFFF; }

.l, .left { float: left; }
.r, .right { float: right; }
.clear { clear: both; }
.clear-l { clear: left; }
.clear-r { clear: right; }

.b, .bold { font-weight: bold; }
.u, .underline { text-decoration: underline; }
.i, .italic { font-style: italic; }
.small { font-size: .79em; } /* IE has trouble recognizing intervals of .1 so we use .11 to make it happy */
.large { font-size: 1.2em; }
.x-large { font-size: 1.4em; }
.x-x-large { font-size: 1.6em; }
.t-c, .text-center { text-align: center; }
.t-r, .text-right { text-align: right; }
.t-l, .text-left { text-align: left; }

img { border: 0; }
img.l, img.left { margin: 0 10px 10px 0; border: 2px solid #fcef00; }
img.r, img.right { margin: 0 0 10px 10px; border: 2px solid #fcef00; }

.email_confirm, .hide, .hideme { display: none; }

p#form_error { color: #ed1c24; font-weight: bold; }
p#form_error strong { display: block;	padding: 0 0 5px 0;	font-size: 1.4em; }

/* Site Colors */

.black { color: #000000; }
.gray { color: #666666; }
.light-gray { color: #494949; }
.dark-gray { color: #282828; }
.white { color: #FFFFFF; }
.green { color: #008302; }
.red { color: #ed1c24; }
.yellow { color: #fcef00; }
.light-yellow { color: #F6F2A8; }


/* Navigation */
/* Based on Son of Suckerfish: http://www.htmldog.com/articles/suckerfish/dropdowns */

#nav ul { /* Begin First Level Lists */
	margin: 50px 45px 0 0;
	padding: 0;
  line-height: 1;
	list-style: none;
	float: right;
	width: 600px;
}
#nav ul li { /* All List Items */
	float: left;
	margin: 0;
	padding: 0;
	width: auto; /* width needed or else Opera goes nuts */
}
#nav ul li a {
	display: block;
	margin: 0;
	padding: 17px 11px 16px 11px;
	width: auto;
	color: #f9ef3f;
	font-size: 1.6em;
	text-decoration: none;
	background: url('/images/nav-separator.gif') left no-repeat;
}
#nav ul li a:hover { color: #FFFFFF; }
#nav ul li.first a { background: none; }
#nav ul li.last a { margin-right: 0; }

#nav ul li ul { /* Begin Second Level Lists */
	position: absolute;
	background: url('/images/bg-sub-nav.gif');
	width: 200px;
	margin: 0;
	padding: 0;
	left: -999em;
  z-index: 999;
	border-bottom: 2px solid #2b2b27;
}
#nav ul li ul li {
	float: left;
	margin: 0;
	padding: 0;
	width: 200px;
}
#nav ul li ul li a {
	display: block;
	margin: 0;
	padding: 6px 13px;
	font-size: 1.2em;
	font-weight: bold;
	width: 174px; /* In Firefox, width = width - left/right padding */
	background: none;	
	color: #292603;
}
#nav ul li ul li.first a { background: url('/images/bg-sub-nav-top.gif') top right no-repeat; }
#nav ul li ul li a:hover { background: #b1a916; }
#nav ul li ul li.first a:hover { background: url('/images/bg-sub-nav-top-hover.gif') top right no-repeat; }

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul { /* lists nested under hovered list items */
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
}


/* Footer Nav */
/* Basic formatting for using the same list as the main nav */

#footer ul { 
	float: left;
	margin: 0;
	padding: 0;
	line-height: 1em; /* Makes borders happy */
	list-style: none;
}
#footer ul li {
	float: left;
	margin: 0 0 0 5px;
	padding: 0 5px 0 0;
}
#footer ul li a { text-decoration: none; color: #fff427; }
#footer ul li a:hover { text-decoration: underline; }
#footer ul li.last { } 
#footer ul ul { display: none; }


/* Layout */

/* #background { background: url('/images/bg-body.jpg') top center repeat-x #fcef02; } */
#background { background: url('/images/bg-body-diamond.jpg') top left repeat-x #FFFF07; }
/* background { background: url('/images/bg-body-cold.jpg') top left repeat-x #77999c; } */

.wrap { 
	width: 969px;
	text-align: center;
	margin: 0 auto;
}

#header {
	text-align: left;
	height: 117px;
}
#logo { float: left; margin: 32px 0 0 25px; }

#holiday-giveaway {
	position: absolute;
	margin: 89px 0 0 -341px;
	padding: 0;
	z-index: 500;
}

#yellow-lines { 
	clear: both;
	font-size: 1.6em;
	color: #f9ef3f;
	height: 1%;
	text-transform: uppercase;
	padding: 0 45px 15px 325px;
	background: url('/images/yellow-bars.png') 0px 7px no-repeat;
}
#yellow-lines p { margin: 0; padding: 0; line-height: normal; }

#flash {
	text-align: left;
	margin: -35px 0 0 26px;
	padding: 0;
	width: 917px;
	height: 441px;
	overflow: hidden;
}
.normal-flash { background: url('/images/flash/bg-flash.png') top left no-repeat; }
.holiday-flash { background: url('/images/flash/bg-flash-holiday.png') top left no-repeat; }

.flash-padding { padding: 58px 0 0 102px; }
#flash #slides { 
	width: 716px;
	height: 339px;
	overflow: hidden;
	background: #000000;
}

#controls { 
	position: absolute;
	margin: 10px 0 0 10px;
	z-index: 500;
}
#controls #next { margin: 40px 0 0 724px; }
#controls #prev { margin: 40px 0 0 -70px; }

#controls a.next-previous { display: block; width: 50px; height: 42px; float: left; }

#controls span { }

#pause-resume { 
	position: absolute;
	margin: 339px 0 0 655px;
}

a#pause { display: block; width: 51px; height: 13px; outline: none; }
a#play { display: block; width: 51px; height: 13px; outline: none; }

#toggle-pause { position: absolute; }
#toggle-play { position: absolute; display: none; }

#content-shadow {
	width: 904px;
	text-align: left;
	float: left;
	margin: 0 0 0 33px;
	background: url('/images/bg-shadow.png') top left repeat-y;
}
#content {
	width: 847px;
	margin: 0 0 0 29px;
	float: left;
	position: relative;
	color: #FFFFFF;
	font-size: 1.2em;
	line-height: 1.6em;
	background: url('/images/bg-main.gif') 0px -1px no-repeat;
}
#interior #content { border-top: 1px solid #FFFFFF; margin-top: -8px; }

#left { 
	float: left; 
	position: relative;
	width: 565px;
}
#right { 
	float: left;
	position: relative;
	width: 282px;
	background: url('/images/vertical-separator.gif') left no-repeat;
}
#left .padding,
#right .padding { padding: 0 15px 0 15px; }

#interior #left { margin: 30px 0 0 0; }
#interior #right { margin: 50px 0 0 0; }

#interior #left .padding,
#interior #right .padding { padding: 0 30px 0 30px; }

#interior #right { background: url('/images/vertical-separator-long.gif') top left no-repeat; }

#cityscape {
	width: 847px;
	height: 164px;
	margin: 0 0 0 0;
	background: url('/images/cityscape.png') bottom left no-repeat;
}
#home #cityscape { margin-top: -80px; }
#interior #cityscape { margin-top: -30px; }

#holiday-cityscape {
	width: 847px;
	height: 164px;
	margin: -80px 0 0 0;
	background: url('/images/cityscape-holiday.png') bottom left no-repeat;
}

.quote { 
	color: #fbef02;
	margin: 50px 0 10px 0;
	padding: 0 0 20px 0;
	font-size: 1.1em;
	background: url('/images/quotes-right.gif') bottom right no-repeat; 
}
.quote p { padding: 5px 0 10px 20px; margin: 0; }
.quote p.i { font-size: 1.2em; }

.quote_2 { 
	color: #fbef02;
	margin: 0 0 10px 0;
	padding: 0 0 20px 0;
	font-size: 1.1em;
	background: url('/images/quotes-right.gif') bottom right no-repeat; 
}
.quote_2 p { padding: 5px 0 10px 20px; margin: 0; }
.quote_2 p.i { font-size: 1.2em; }

.reference-list span { display: block; line-height: normal; padding-bottom: 2px; }
.reference-list .name { font-weight: bold; color: #FEF214; border-bottom: 1px solid #FEF214; padding-bottom: 4px; margin-bottom: 4px;  }
.reference-list .contact { padding-top: 6px; }
.reference-list p.reference { 
	float: left;
	width: 220px;
	height: 120px;
	margin: 0 5px 10px 5px;
	padding: 10px;
	border: 1px solid #999999;
	background: #4C4C4C;
}

.reference-list p.commercial { 
	float: left;
	width: 220px;
	height: 175px;
	margin: 0 5px 10px 5px;
	padding: 10px;
	border: 1px solid #999999;
	background: #4C4C4C;
}
#footer { 
	clear: both;
	padding: 10px 0;
	color: #fff427; 
	background: url('../images/bg-footer.gif') top repeat-x #000000;
	border-top: 1px solid #616161; 
}
#footer .wrap { width: 847px; }
#footer p { margin: 0; padding: 0; }
#copyright { float: right; }

a.bwm { color: #fff427; text-decoration: none; }
a.bwm:hover { color: #3f8aca; text-decoration: underline; } /* Blue Water blue for hover */

.headshots {
	float: left;
	text-align: center;
	width: 125px;
	line-height: normal;
}
.headshots img { border: 1px solid #FEF214; } 
.headshots strong { color: #FEF214; display: block; padding: 5px 0 5px 0; }
.headshots em { font-size: .89em; }

.online-form label {
	clear: both; 
	float: left;
	width: 120px;
	line-height: normal;
	margin: 0 0 5px 0;
	font-weight: bold;
	color: #FEF214; 
}
.online-form input.text {
	border: 1px solid #4C4C4C;
	margin: 0 0 5px 0;
	width: 100px;
	background: #4C4C4C;
	color: #FFFFFF;
}
.online-form input.labeled {
	float: left;
	border: 1px solid #4C4C4C;
	margin: 0 0 5px 0;
	width: 368px;
	background: #4C4C4C;
	color: #FFFFFF;
}

.online-form .columns { width: 250px; float: left; }
.online-form .columns label { width: 40px; }
.online-form .columns input.text { width: 160px; }
.online-form select {
	float: left;
	border: 1px solid #4C4C4C;
	margin: 0 5px 5px 0;
	background: #4C4C4C;
	color: #FFFFFF;
	padding: 0;
}
.online-form select.month { width: 95px; }
.online-form select.day { width: 40px; }
.online-form select.year { width: 55px; }
.online-form option { border: 0; }

.tooltip { display: none; }
#map { color: #000000; }
#map a { color: #BCAF31; }

#side_bar { padding: 10px 0 0 0; line-height: normal; overflow: auto; height: 150px; }
#side_bar ul { 
	margin: 5px 0 0 5px; 
	padding: 0; 
	font-size: .89em; 
}
#side_bar ul li {
	margin: 0 0 0 15px;
	padding: 0 15px 10px 0; 
	float: left;
	width: 125px;
}

#home #coverage-area { margin-top: 20px; }

#hit-counter {
	clear: both;
	width: 220px;
	height: 62px;
	margin: 0 auto;
	background: url('/images/bg-hit-counter.jpg') top left no-repeat;
}
.hit-counter-home { position: absolute; left: -9999em; }
#hit-counter p { 
	text-align: right; 
	padding: 22px 25px; 
	margin: 0;
	letter-spacing: 2px;
	color: #FFFFFF;
	font-family: "Courier New", Courier, monospace;
	font-weight: bold;
	font-size: 1.4em;
}

.map-nav a {
	display: block;
	float: left;
	width: 167px;
	text-align: center;
	background: #616066;
	text-decoration: none;
	font-weight: bold;
	border-right: 1px solid #484848;
	line-height: normal;
	background: url('/images/bg-tab-a.jpg');
}
.map-nav a.last { border: 0; width: 168px; }
.map-nav a span {
	display: block;
	padding: 5px 0;
	 background: url('/images/bg-tab-span.jpg') no-repeat right top;
}
.map-nav a:hover span,
.map-nav a.active span {
	 background: url('/images/bg-tab-span-over.jpg') no-repeat right top;
}
.map-nav a:hover,
.map-nav a.active {  background: url('/images/bg-tab-a-over.jpg'); color: #333333; text-decoration: none; }

.references-nav a {
	display: block;
	float: left;
	width: 83px;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	border-right: 1px solid #484848;
	line-height: normal;
	background: url('/images/bg-tab-a.jpg');
}
.references-nav a.last { border: 0; width: 168px; }
.references-nav a span {
	display: block;
	padding: 5px 0;
	background: url('/images/bg-tab-span.jpg') no-repeat right top;
}
.references-nav a:hover span,
.references-nav a.active span {
	 background: url('/images/bg-tab-span-over.jpg') no-repeat right top;
}
.references-nav a:hover,
.references-nav a.active { background: url('/images/bg-tab-a-over.jpg'); color: #333333; text-decoration: none; }

p.right-image { margin: 25px 0 0 0; padding: 0; }
p.right-image img { border: 2px solid #fcef00; }

#home-movie { position: absolute; z-index: 100; }
#audio-wtf { position: absolute; margin: -999em; }

#holiday-giveaway-form {
	margin: 25px 0 20px 120px;
	padding: 5px 5px 5px 40px;
	background: #eae9e9;
	color: #666666;
}

#holiday-giveaway-form input { float: left; display: inline; position: relative; }
#holiday-giveaway-form input.text { 
	border: 0;
	border-bottom: 1px dashed #808080;
	margin: 0 10px 0 0; 
	width: 245px;
	background: #eae9e9;
	color: #808080;
}
#holiday-giveaway-form input.hidden { display: none; }
#holiday-giveaway-form input.submit { margin-top: 1px; outline: none; }
#holiday-giveaway-form .large { color: #e32b11; padding-bottom: 5px; }
#holiday-giveaway-form a { color: #808080; text-decoration: none; }
#holiday-giveaway-form a:hover { color: #808080; text-decoration: underline; }

img.presents { position: absolute; margin: -11px 0 0 0; }

.giveaway-notice {
	margin: 0 0 35px 0;
	padding: 10px;
	border: 1px solid #666666;
	background: #333333;
}

#cluetip { margin-top: -20px; }

.wocs {
  padding: 10px 0;
  border-bottom: 1px dotted #666666;
}
.wocs em { color: #fcef00; }
.wocs  p { line-height: normal; padding: 5px 0 0 0; margin: 0; }

.gallery { padding: 0 0 15px 0; }

.gallery a img { border: 1px solid #fcef00; margin: 0 5px 5px 0; width: 73px; height: 55px; }
.gallery a:hover img { border: 1px solid #000000; }

.home-buttons {
  float: left;
  width: 150px;
}
.home-buttons a {
  display: block;
  width: 135px;
  height: 51px;
  margin: 0 0 10px 0;
  overflow: hidden;
  text-align: left;
  color: #FFFFFF;
  line-height: normal;
  font-weight: bold;
  text-decoration: none;
  font-size: 1.1em;
  background: url('/images/bg-home-buttons.jpg') top left no-repeat;
}
.home-buttons a span { display: block; padding: 7px 6px 7px 20px; }
.home-buttons a:hover { color: #fcef00; }

#page_navigation {
  margin: 0 auto;
  text-align: center;
  padding: 15px 0;
}
#page_navigation a {
	padding: 3px;
	border: 1px solid #CCCCCC;
  background: #666666;
	text-decoration: none;
  line-height: 1;
  margin: 2px;
}
#page_navigation a.active_page,
#page_navigation a:hover { background: #333333; }

#survey-2010-form { background: #EAE9E9; color: #333333; margin-bottom: 25px; }
#survey-2010-form fieldset { border: 2px solid #333333; }
#survey-2010-form h2 { color: #787033; }
#survey-2010-form label { display: block; float: left; color: #000000; width: 155px; padding: 0; margin: 0 15px 15px 0; font-weight: bold; line-height: normal; }
#survey-2010-form .fields label.error { clear: both; float: none; color: #ed1c24; width: auto; padding: 0; margin:0; font-weight: bold; }
#survey-2010-form  label.error { float: right; color: #ed1c24; width: auto; padding: 0; margin:0; font-weight: bold; }
#survey-2010-form .fields { float: left; color: #ed1c24; width: 300px; margin: 0 0 15px 0; color: #333333; }
#survey-2010-form .fields .option { float: left; width: auto; margin-right: 20px; }
#survey-2010-form textarea { width: 275px; height: 100px; }
#survey-2010-form .label { display: block; float: left; width: 100px; }

.services li {
	width:150px;
	margin:0 10px 10px 0;
	float:left;	
	height:90px;
	text-align:center;
	font-weight:bold;
	padding:110px 0 0 0;
}
.services li span {
	padding-left:20px
}
ul.services {
	display:inline;
	list-style-type:none;
	margin:10px 0 0 0;
}
a.hiring:hover {
	background:url(../images/bg-hiring.png) no-repeat;
}
