/* CSS Document */
/* --- Note: "display:block;" makes the background hover effect work in Mozilla --- */
/* ------- Note: "margin:0px;" stops Mozilla adding margin -------- */
html, body { background-color:black; height:100%; margin:0; padding:0;}

/* ------- container layer -------- */						
div#centered { border:1px none gray; background-color:black; height:800px; width:98%; position:relative; left:-10px; top:-1px; color:#FFF; margin:0; padding:0;}
div#menu{ padding:0px; margin:10px; width:100%; text-align:center;}
#menu a { margin:0px; padding:0px; text-decoration:none; background:transparent;}
#menu a:hover { background:none;}

/* ------- Welcome message layer -------- */
div#welcome { position:relative; margin:0px; padding:10px 50px 0px 50px; color:#FFF; border:1px none gray; z-index:3; visibility:visible; layer-background-color:transparent; background:transparent;}
/* ------- Logo for video page -------- */
div#logo { float:left; position:absolute; top:0; left:0; width:150px; height:112px; margin:0px; padding:0px;  border:0px none #000; z-index:99; visibility:visible; layer-background-color:transparent; background:transparent;}
#logo h4 { padding:10px 0px 0px 30px; color:#CCBB99; font:14px Arial, sans-serif; font-weight:bold; background:transparent;}
/* ------- left panel layer -------- */
#leftcol {position:absolute; left:4px; top:0; width:300px; margin:0px; color:#FFF; padding:0px; background-color:black; border:0px none white;}
#leftcol p { font:11px bold Arial, color:#FFF; background:transparent; margin:0px; padding:0px;}
#leftcol h4 { margin:0px; padding:0px; color:#CCBB99; font:12px Arial, sans-serif; font-weight:bold; background:transparent;}
#leftcol h3 { margin:0px 0px 12px 0px; padding:0px; color:#CCBB99; font:15px Arial, sans-serif; font-weight:bold; font-style: italic; background:transparent;}
#leftcol a { display: block; font:12px Arial, sans-serif; font-weight:normal; margin:6px 0px 6px 0px; padding:0px; color:#FFF; text-decoration:none; background:transparent;}
#leftcol a:hover { text-decoration:none; border: solid 0px #cccccc; }
.customer { text-align:right; padding-right:20px; margin:0px; }
.quote { padding:0px 10px 0px 20px; margin:10px 20px 0px 0px;}

/* ------- right panel layer -------- */
#content { margin:0px 0px 0px 300px; padding:0px; color:#FFF; background:#000 url(images/bar.gif) repeat-x;border:0px none gray; }
#content h3{ margin:0px 0px 12px 0px; padding:0px; color:#FFF; font:15px Arial, sans-serif; background:transparent; font-weight:bold;}
#content h4 { margin:10px 0px 12px 0px; padding:0px; color:#FFF; font:12px Arial, sans-serif; background:transparent; font-weight:bold;}
#content a { font:12px Arial, sans-serif; font-weight:normal; margin:0px; padding:0px; color:#FFF; text-decoration:none; background:transparent;}
#content a:hover { color:#000; background:#FCE12D;}
#content p { font:12px Arial, color:#FFF; background:transparent; margin:0px; padding:6px;}

/* ------- general font style color:#000; background:#FFF; -------- */
a { font:12px Arial, sans-serif; font-weight:bold; margin:0px; padding:0px 6px; color:#CCBB99; text-decoration:none; background:transparent;}
a:hover { text-decoration:none;}
ul { margin:0px 0px 10px 0px; padding:0px;}
li { margin:0px 0px 0px 24px; padding:0px; list-style-position:inside; font:11px Arial, sans-serif; color:#FFF;}
h2 { margin:10px 0px; padding:0px; color:#FFF; font:16px Arial, sans-serif; font-weight:bold; background:transparent;}
h3 { margin:0px; padding:0px; color:#FFF; font:15px Arial, sans-serif; font-weight:bold; background:transparent;}	
h4 { margin:0px; padding:10px 0px 20px 0px; color:#FFF; font:12px Arial, sans-serif; font-weight:bold;background:transparent;}
h5 { margin:0px;}
h6 { margin:0px; font:12px Arial, sans-serif; font-weight: normal; color:#ccc; }
p { font:12px Arial, sans-serif; font-weight: normal; background:transparent; margin:0px 0px 7px 0px; color:#FFF;}
hr { visibility:hidden; padding:0px; margin:6px;}

/* ------- faqs -------- */
div#faqs {margin:5% 5% 0% 200px; padding:40px; color:#FFF; border:1px dotted #CCBB99;layer-background-color:#1F3044; background:#1F3044; overflow:visible;}
#faqs h3 { margin:0px; padding:0px 0px 20px 0px; color:#FFF; font:18px Arial, sans-serif; font-weight:bold; background:transparent;}
#faqs h4 { margin:0px; padding:0px; color:#FFF; font:12px Arial, sans-serif; font-weight:bold; font-style:italic; background:transparent;}
.query {color:#CCBB99; font-weight:bold; padding: 20px 0px 0px 0px;}
.top {text-align: right; padding-right:10px;}

/* -------quote form -------- */
#form { margin: 40px 10px 10px 200px; padding:20px; color:#FFF; border:1px dotted #CCBB99; background:#1F3044; overflow:visible; }
#form h3 { margin:0px 0px 10px 10px; padding:0px; color:#FFF; font:18px Arial, sans-serif; font-weight:bold; background:transparent;}	
#form h4 { margin:10px 0px 10px 0px; padding:0px; color:#FFF; font:12px Arial, sans-serif; font-weight:bold; font-style:italic; background:transparent;}
#form h5 { margin:8px 0px 0px 0px; padding:0px; color:#CCBB99; font:11px Arial, sans-serif; font-weight:bold; background:transparent;}
input.scope {margin:0px; background-color: #FFF; font-weight: bold; font-size: 12px; color: black; clear:both;}
input.check {margin:4px 0px 0px 0px; background-color:#FFF; color:#000000; border:#000000 none 0px;}
input.specify {margin:0px; background-color: white; color: black; font-weight: bold; font-size: 12px;}
label { margin:0px; padding:0px; color:#FFF; font:11px Arial, sans-serif; font-weight:bold; background:transparent; clear: both; }
.reset { font-weight:bold; margin:40px 0px 0px 60px; padding:0px; color:#000; background:#FFF; border:1px outset #9cf;}
.submit{  font-weight:bold; margin:40px 0px 0px 60px; padding:0px; color:#000; background:#FFF; border:1px outset #9cf;}
fieldset { border:1px none #666; margin:0px 10px 10px 10px; padding:10px 10px 10px 10px;}
legend { margin:0px 0px 0px 0px; padding: 0px 0px 0px 0px; border:1px solid #666; color:#FFF; font:12px Arial, sans-serif; font-weight:bold; font-style:italic; background:transparent;}
div#spec {position:relative; top:0; float:right; }

/* ------- thank you -------- */
div#thanks { position:absolute; margin:10% 0 0 25%; width:50%; padding:20px; color:#FFF; border:1px dotted #CCBB99; visibility:visible; layer-background-color:#1F3044; background:#1F3044; overflow:visible;}
#thanks h3 { margin:40px 0px 20px 0px; padding:0px; color:#FFF; font:18px Arial, sans-serif; font-weight:bold; background:transparent;}	
#thanks h4 { margin:10px 0px 0px 0px; padding:0px; color:#FFF; font:12px Arial, sans-serif; font-weight:bold; font-style:italic; background:transparent;}

/* ------- demo movies -------- */
div#demo {
	position:relative;
	margin:10% 5% 5% 25%;
	padding:10px;
	color:#000;
	border:1px dotted #CCBB99;
	layer-background-color:transparent;
	background:transparent;
	overflow:visible;
	visibility:visible;
	z-index:5;
}
div#playlist {
	position:absolute;
	top:0px;
	left:365px;
	margin:10px 0px 10px 10px;
	padding:0px;
	color:#FFF;
	border:0px dotted #CCBB99;
	layer-background-color:transparent;
	background:transparent;
	overflow:visible;
	visibility:visible;
	z-index:5;
	width:500px;
	height: 330px;
}
/*_________________________________________________________________  Content  */
div#wrapper {
  margin: 18px auto;
  padding: 0 10px;
  width: 620px;
  text-align: left;
  border: 1px solid #1e3551;
  background: #04070c url(images/gradient.png) repeat-x top left;
}
div#wrapper h1 span {
  font-size: 12px;
  color: #fff;
}