/**
 * NORMALISE
 */
html, body {
	margin: 0; padding: 0; border: 0; font-family: Arial, sans; line-height: 1;
}
body {
	font-size: 0.8em; background: #000; color: #eadff4; overflow:visible; height:1450px;
}
.fixfloat:after {
	content: ""; display: block; height: 0;	clear: both;
}
.contact {
	text-align:center; padding-top: 5px;
}
object {
	outline:none;
}
/**
 * MAIN SECTIONS
 * --------------------------------------------------
 * Header contains Video Player
 * Content contains HTML
 * Footer contains the Navigation and Player Controls
 */

/**
 * HEADER
 * --------------------------------------------------
 * Apply a repeating background for the entire header
 * and overlay this with the primary graphic for the stage
 */
#header {
	background: transparent url(../images/header-background-repeat.png) repeat-x scroll left top; color: #eadff4; text-align: center; height: 444px; overflow: hidden;
}
/**
#header #stage {
	background: transparent url(../images/stage.png) no-repeat scroll left top; color: #010102; width: 985px; height: 444px; margin: 0 auto;
}
**/
#header #stage {
	background: transparent url(../images/header.jpg) no-repeat scroll left top; color: #010102; width: 985px; height: 444px; margin: 0 auto;
}

#header #controller {
	background: transparent; color:#efefef; font-size:0.9em; width:985px; margin: 0 auto; text-align: center; position: relative; top: 401px;
}
#header #controller .toggle {
	height: 15px; width: 150px; cursor:pointer; border: 0; margin: 2px auto 0 auto; padding: 0; background-repeat: no-repeat;
}
#header #controller #toggle-left {
	/*float: left; margin-left:0px;*/
}
/*
#header #controller #toggle-right {
	float: right; margin-right: 0px;
}
*/
/**
 * CONTENT
 * --------------------------------------------------
 * Set the content to appear centralised with a fixed
 * height of 300px and overflow the content. This section
 * consists of 2 areas of content and 1 branding location
 * so we are going to float div contents
 */
#content {
	background: transparent; color: #efefef; font-size: 0.9em; width: 985px; margin: 0 auto; text-align: center;
}
#content #container {
	height: 250px; width: 985px;
}
#content #container #left {
	width: 240px; height: 250px; text-align: left; float: left;
}
#content #container #main {
	border-left: 1px solid #a3a3a3; border-right: 1px solid #a3a3a3; margin-left: 1px; height: 250px; width: 500px; text-align: left; float: left;
}
#content #container #related {
	height: 250px; width: 240px; text-align: left; float: left;
}
#content #container #left .text-start {
	margin-left: 6px; width: 228px; height: 238px; margin-top: 6px; overflow: auto;
}
#content #container #related .text-start {
	margin-left: 6px; width: 228px; height: 238px; margin-top: 6px; overflow: auto;
}
#content #container #related ul {
	margin:0; padding:0; list-style:none;
}
#content #container #related li {
	margin:0; padding:3px; list-style:none;
}
#content #container #related h2 {
	margin:0; padding: 0;
}
#content #container #related strong {
	padding-top: 10px; display:block
}
#content #container a {
	color:cornflowerblue;
}
#content #container #main .text-start {
	margin-left: 6px; width: 488px; height: 238px; margin-top: 6px; overflow: auto;
}
#content #container h2 {
	margin: 0 0 6px 0; padding: 0; font-size: 1.1em;
}
#content #container p {
	margin: 0 0 8px 0; padding:0; line-height:1.1em;
}
#content #container #testimonials-container {
	height: 200px; overflow:auto;
}
#content #container #contact dl dt {
	float:left; display:block; margin:3px; width:80px; height:20px;
}
#content #container #contact dl dd {
	float:right; width:380px; margin:3px;
}
#content #container #contact dl dd input.text {
	width:350px; border:0; height:20px;
}
#content #container #contact dl dd textarea {
	width:350px; border:0; height: 70px;
}
#content #container #contact dl dd.submit {
	text-align:right; padding-right:30px;
}
.resources {
	margin: 12px;
}
/**
 * FOOTER
 * --------------------------------------------------
 * Apply the controls background and then overlay the
 * image map for the links with alt/title attributes
 * for each button
 */
#footer {
	background: transparent url(../images/footer.png) no-repeat scroll 30px top; color: #eadff4; text-align: center; height: 201px; width: 1021px; overflow: hidden; margin: 20px auto;
}
#footer #navigation {
	background: transparent url(../images/footer-overlay.png) no-repeat scroll 64px 3px; color: #eadff4; height: 59px; width: 1021px; margin: 0 0 0 30px; padding: 0;
}
#footer #navigation #links {
	margin: 0; padding: 0; height: 59px; width: 1021px;
}
#footer #navigation #links a {
	color: transparent; background: transparent; display: block; text-decoration: none; font-size: 0; line-height: 0; height: 59px; float: left;
}
#footer #navigation #links a#link-index {
	width: 135px;
}
#footer #navigation #links a#link-services {
	width: 105px;
}
#footer #navigation #links a#link-gallery {
	width: 90px;
}
#footer #navigation #links a#link-testimonials {
	width: 140px;
}
#footer #navigation #links a#link-aboutus {
	width: 100px;
}
#footer #navigation #links a#link-clientresources {
	width: 182px;
}
#footer #navigation #links a#link-ourcommunity {
	width: 160px;
}

/**
 * SIGNATURE
 */
#sig {
	text-align: center; color: #252525; font-size: 0.8em;
}
#sig a {
	color: #456382; text-decoration: none;
}
#sig a:hover {
	color: #7798B7; text-decoration: underline;
}

/**
 * PLAYER
 */
#player-container {
	position: absolute; top: 0; margin: 0 auto; text-align: center; left: 50%; margin-left:-492px;
}
#controls-container {
	position: absolute; margin: 0 auto; margin-top:-21px; text-align: center; left: 50%; margin-left:-492px; padding-left:26px;
}