* {margin:0; padding:0;}

/* Header */
#header {
	background: #000000 url("../img/player_layout/repeatingheader.jpg") repeat-x;
	height:55px;
	/*margin-bottom:50px;*/
}
#header .logo {padding:0 0 0 0;}
#header div.logopic {height:55px;}
#header div.logorightpic {float: right; height: auto; padding: 12px 20px 12px 12px;}
#header div.logorightpic ul { text-decoration: none; list-style: none; color: #CCCCCC; font-size: 150%; font-weight: bold;}
#header div.logorightpic ul li {padding-bottom: 10px;}
#header div.logorightpic .nametext {color: #CCCCCC; font-size: 150%; font-weight: bold;}
#header div.logorightpic .phonetext {color: #CCCCCC; font-size: 130%;}

body {
	/*font-family:"frutiger linotype","lucida grande",helvetica,arial,sans-serif;*/
	text-align:center;
	color:#FAF6DB;
	/*font-size: 76%;*/
	margin:0px;
	padding:0px;
	background-color:#000000;
	font-family:arial;
	font-size:12px;
	line-height:15px;
}

.flash_link {color:#cccccc;}

.flash_link a {color:#6666ff;}

#container {background-color:#000000; text-align: center;}

#body-wrapper{
	background-color:#000000;
    text-align: center;
    width: 100%;
}
#body-content {
	width: auto;
	margin: 0px auto;
}
#stats-bucket {display: none;}

#box {
	/*position: relative;*/
	margin-left: auto;
	margin-right: auto;
	/*margin-top: 3em;*/
	padding: 0;
	text-align: left;
	/*width:80%;*/				/* <-- use this to tie width to viewport size */
	/*width: 620px;				<-- use this for a set width */
	background-color: #000000;
}

#boxcontent {
	padding:55px 65px;
	height:1%; /*ie hack*/
  	/*overflow:auto; this is not needed for all the browsers tested*/
	text-align: center;
}

#boxcontent h1 {
	color:#0354c2;
	font-weight: bold;
	font-size: 1.2em;
	font-family: helvetica, geneva, arial, sans-serif;
}

#boxcontent p {
	color:#999999;
	font-size: 1em;
	line-height: 1.3em;
	font-family: arial, helvetica, sans-serif;
}
#boxcontent p.link {
	text-align: center;
}

/* ---=== border code follows ===--- */
/*
	tlc = top left corner
	trc = top right corner
	blc = bottom left corner
	brc = bottom right corner
	lb = left border
	rb = right border
	tb = top border
	bb = bottom border
*/

#tlc, #trc, #blc, #brc {
	background-color: transparent;
	background-repeat: no-repeat;
}

#tlc {
	background-image:url(../img/player_layout/bg_top_left.jpg);
	background-position: 0% 0%;
}

#trc {
	background-image:url(../img/player_layout/bg_top_right.jpg);
	background-position: 100% 0%;
}

#blc {
	background-image:url(../img/player_layout/bg_bottom_left.jpg);
	background-position: 0% 100%;
}

#brc {
	background-image:url(../img/player_layout/bg_bottom_right.jpg);
	background-position: 100% 100%;
}

#tb, #bb {
	background-color: transparent;
	background-repeat: repeat-x;
}

#tb {
	background-image:url(../img/player_layout/bg_top.jpg);
	background-position: 0% 0%;
}

#bb {
	background-image:url(../img/player_layout/bg_bottom.jpg);
	background-position: 50% 100%;
}

#rb {
	background-image:url(../img/player_layout/bg_right.jpg);
	background-position: 100% 0%;
	background-repeat: repeat-y;
}

#lb {
	background-color: #000000;
	background-image:url(../img/player_layout/bg_left.jpg);
	background-position: 0% 100%;
	background-repeat: repeat-y;
}

#mediaplayer {margin: 0 auto;}

/* === Form styles === */
#leadform {margin: auto; text-align: center; width: 420px;}
.contactform div {padding:2px; color: #CCCCCC;}
.contactform input {padding:2px;}
.contactform input.field {width:172px; background: #4d4d4d; color: #CCCCCC; border: 2px #000000;}
.contactform img.submit {padding: 2px;}
.contactform input.checkbox {padding:2px; width:35px;}
.contactform select.combo {width:125px; padding:2px; background: #000000; color: #CCCCCC; border: 2px #000000;}
.contactform textarea {padding:2px; background-color: #4d4d4d; color: #CCCCCC; border: 2px #000000;}
.contactform select.combosmall {width:75px; padding:2px;}
.contactform div.formpad {padding: 8px; text-align: left;}
.contactform div.formpad p {padding: 0 0 12px 0;}
.contactform fieldset {border:1px solid #CCCCCC;}
.contactform fieldset legend {margin:0 0 0 10px; padding:0 2px 0 2px; color: #CCCCCC; font-weight:bold; font-size:130%;}
.contactform div.required {font-weight: bold; padding:2px;}
.contactform .phone-required {clear: both; display: inline; font-weight: bold; padding:2px;}
.contactform label.left {float:left; width:90px;}
.contactform input.phone {display: inline; width:50px; background: #4d4d4d; color: #CCCCCC; border: 2px #000000; margin: 0 2px 0 2px;}
.contactform label.leftwide {float:left; width:150px;}
.contactform label.checkboxright {float:left;}
.contactform div.submit {text-align: center;}

#leadThankyou {padding: 20px; color: #CCCCCC; font-size: 130%; font-weight: bold; text-align: left;}

#footer {
	margin: 0px auto;
	padding: 0px 10px 6px 10px;
	width: 560px;
	color: #CCCCCC;
}
#footer div.copy {
	font-size: 80%;
	text-align: left;
}
#footer div.col1 {
	float: left;
}
#footer div.col2 {
	float: right;
	font-size: 120%;
	font-weight: bold;
}
#footer div.col2 ul {
	text-decoration: none;
	list-style: none;
}
#footer div.col2 ul li {
	padding-bottom: 0px;
}
#footer div.links {
	float: right;
	font-size: 80%;
	text-align: right;
}
#footer a.padright {
	padding-right: 100px;
}
#footer a {
	color: #CCCCCC;
	font-weight: normal;
	text-decoration: underline;
}
#footer a:hover {
	color: #CCCCCC;
	text-decoration: underline;
	font-weight: bold;
}
/* Notices and Errors */
div.debug {
	text-align: left;
}
div.messageBin {
	margin-left: auto;
	margin-right: auto;
}
div.message {
	text-align: center;
	color: #387297;
	font-size: 140%;
	font-weight: bold;
	background: #9ee33b;
}
div.toperror-message {
	text-align: center;
	color: #ff0000;
	font-size: 140%;
	font-weight: bold;
	padding: 4px;
}
div.error-message {
	text-align: left;
	color: #ff0000;
	font-size: 100%;
	font-weight: bold;
}

/* Debugging */
pre {
	color: #000;
	background: #f0f0f0;
	padding: 1em;
	font-size:100%;
}
pre.cake-debug {
	background: #ffcc00;
	font-size: 120%;
	line-height: 140%;
	margin-top: 1em;
	overflow: auto;
	position: relative;
}
div#cakeControllerDump {
	background: #ffcc00;
	font-size: 100%;
	line-height: 100%;
	margin-top: 1em;
	overflow: auto;
	position: relative;
}
div.cake-stack-trace {
	background: #fff;
	border: 4px dotted #ffcc00;
	color: #333;
	margin: 0px;
	padding: 6px;
	font-size: 120%;
	line-height: 140%;
	overflow: auto;
	position: relative;
}
div.cake-code-dump pre {
	position: relative;
	overflow: auto;
}
div.cake-stack-trace pre, div.cake-code-dump pre {
	color: #000000;
	background-color: #F0F0F0;
	margin: 0px;
	padding: 1em;
	overflow: auto;
}
div.cake-code-dump pre, div.cake-code-dump pre code {
	clear: both;
	font-size: 12px;
	line-height: 15px;
	margin: 4px 2px;
	padding: 4px;
	overflow: auto;
}
div.cake-code-dump span.code-highlight {
	background-color: #FFFF00;
	padding: 4px;
}