html
{
	height: 100%;
}

*
{
padding: 0px;
margin: 0px;
}

body
{
font-size: 14px;
font-family: "trebuchet ms", arial, helvetica, sans-serif;
color: #cfcfcf;
line-height: 18px;
background-color: #010640;
background-image: url('images/mainbg.jpg') ;
background-attachment: fixed;
background-repeat: no-repeat;
background-position: center top;
height: 100%;
}

a
{
color: #cfcfcf;
text-decoration: underline;
}

a:hover
{
color: #ffffff;
text-decoration: underline;
}

sup
{
font-size: 0.5em;
}

p
{
margin-bottom: 14px;
text-align: justify;
}

p.error
{
	color:red;
}

div.error
{
	border:1px solid red;
	margin-bottom: 10px;
}

.indent
{
   padding-left: 20px;
   padding-right: 20px;
}

.shadow
{
-moz-box-shadow: 3px 3px 4px #0a0a0a;
-webkit-box-shadow: 3px 3px 4px #0a0a0a;
box-shadow: 3px 3px 4px #0a0a0a;
/* For IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#0a0a0a')";
/* For IE 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#0a0a0a');
}

div.imgpad
{
position: relative;
padding: 8px 8px 8px 4px;
/*float: left;*/
}

img.picA
{
position: relative;
top: -2px;
/*background: url('images/a47.gif') no-repeat;*/
/*
width: 76px;
height: 74px;
*/
padding: 0px;
border: 0px solid #000;
}

img.picB
{
position: relative;
top: -2px;
width: 146px;
height: 191px;
padding: 7px;
}

.bottom5pxmargin
{
margin-bottom: 5px;
}

.floatleft
{
float: left;
margin: 0px 18px 3px 0px;
}

.floatright
{
float: right;
margin: 0px 0px 3px 18px;
}

.clear
{
	clear:both;
}

ul.linklist
{
list-style: none;
}

ul.linklist li
{
border-top: solid 1px #EEEEEE;
padding-top: 5px;
margin: 5px 0px 0px 0px;
}

ul.linklist li.first
{
border-top: 0px;
margin-top: 0px;
padding-top: 0px;
}

#upbg
{
position: absolute;
top: 0px;
left: 0px;
background: #141414;
width: 747px;
height: 264px;
z-index: 1;
}

#outer
{
position: relative;
width: 747px;
margin: 0 auto;
background-image: url('images/outerbg.png');
min-height: 100%;
height: auto !important;
height: 100%;
/*margin: 0 auto -23px;*/
padding: 13px 30px 13px 30px;
}

#inner
{
position: relative;
padding: 13px 30px 13px 30px;
/*z-index: 2;*/
min-height: 100%;
height: auto !important;
height: 100%;
/*margin: 0;*/
background-color: red;
}

#headerpad
{
	height:108px;
	margin: 0px;
	padding: 0px;
	border: none;
}

#header
{
position: absolute;
background: transparent;
width: 220px;
height: 100px;
color: #ffffff;
float: left;
}

#header img
{
	display: block;
	border: 0;
}

#header span
{
font-weight: normal;
}

#header .companyname
{
position: absolute;
font-family: "trebuchet ms", arial, helvetica, sans-serif;
font-size: 28px;
letter-spacing: -1px;
top: 30px;
left: 100px;
width: 300px;
height: 50px;
}

#header .companyname2
{
font-size: 13px;
font-weight: normal;
color: #c0c0c0;
letter-spacing: 0px;
margin-top: 5px;
}

#splash
{
position: absolute;
float: right;
right: 30px;
top: 16px;
/*background: url('images/a10.jpg') no-repeat;*/
width: 458px;
height: 92px;
}

#date
{
position: absolute;
top: 0px;
line-height: 35px;
color: #cfcfcf;
right: 10px;
font-size: 14px;
letter-spacing: -1px;
}

.strong {
	font-weight: bold;
}

.secondarycontent
{
position: relative;
width: 185px;
float: right;
background-image: url('images/innerbg.png');
margin-bottom: 16px;
}

.secondarycontent h1, h3
{
position: relative;
top: 4px;
font-size: 18px;
line-height: 25px;
color: #FFFFFF;
letter-spacing: -1px;
padding: 10px 0px 0px 15px;
margin-bottom: 20px;
}

.secondarycontent .content
{
padding: 0px 15px 0px 15px;
margin-bottom: 20px;
}

.secondarycontent a
{
text-decoration: underline;
}

#primarycontent
{
position: relative;
width: 533px;
float: left;
}

.fullwidth
{
/*width: 687px !important;*/
width: 747px !important;
}

#primarycontent h1, h3
{
position: relative;
top: 4px;
font-size: 18px;
line-height: 25px;
color: #FFFFFF;
letter-spacing: -1px;
padding: 10px 0px 0px 15px;
margin-bottom: 16px;
}

#primarycontent h2, h4
{
position: relative;
font-size: 16px;
/*line-height: 25px;*/
color: #FFFFFF;
letter-spacing: -1px;
/*padding: 10px 0px 0px 15px;*/
margin-bottom: 10px;
}

h4.quotetitle, h2.quotetitle
{
	margin-bottom: 5px;
}

#primarycontent .content
{
padding: 0px 15px 0px 15px;
margin-bottom: 0px;
}

#primarycontent .post
{
margin-bottom: 16px;
/*background-color: #303030;*/
/*background: #202020 url('images/postbg.gif') repeat-x;*/
background-image: url('images/innerbg.png');
width: 100%;
}

#primarycontent .post .header
{
position: relative;
}

#primarycontent .post .date
{
position: absolute;
right: 15px;
top: 0px;
line-height: 52px;
color: #AFAFAF;
font-weight: bold;
}

#primarycontent .post .content
{
margin-bottom: 0px;
}

#primarycontent .post .footer
{
position: relative;
top: -10px;
/*background: url('images/a33.gif') repeat-x;*/
height: 40px;
}

#primarycontent .post .footer ul
{
list-style: none;
position: absolute;
right: 15px;
bottom: 15px;
}

#primarycontent .post .footer ul li
{
display: inline;
line-height: 14px;
padding-left: 17px;
margin-left: 25px;
background-repeat: no-repeat;
background-position: 0px 2px;
}

#primarycontent .post .footer ul li.printerfriendly
{
/*background-image: url('images/a41.gif');*/
}

#primarycontent .post .footer ul li.comments
{
/*background-image: url('images/a36.gif');*/
}

#primarycontent .post .footer ul li.readmore
{
/*background-image: url('images/a38.gif');*/
}

#footer
{
position: relative;
clear: both;
/*height: 20px;*/
text-align: center;
line-height: 23px;
color: #8C8C8C;
margin-bottom: 2px;
margin-top:2px;
padding: 5px 0px 5px 0px;
background-image: url('images/innerbg.png');
width: 100%;
}

#footer a
{
color: #8C8C8C;
}

#footer a:hover
{
color: #ffffff;
}

.menu{
position: relative;
/*background: #202020 url('images/postbg.gif') repeat-x;*/
/*background-color: #202020;*/
background-image: url('images/innerbg.png');
height: 35px;
padding: 0px 20px 0px 5px;
/*margin: 108px 0px 14px 0px;*/
margin: 0px 0px 14px 0px;
line-height:35px;
}
.menu ul{
	background-color: transparent;
	list-style:none;
	margin:0px 0px 0px 4px;
	padding:0px;
	float:left;
	}
	.menu li{
		padding:0px;
		display: inline;
		line-height: 35px;
		float:left;
		}
	.menu li a{
		background-color: transparent;
		padding: 8px 8px 8px 8px;
		font-size: 14px;
		color: #ffffff;
		font-weight: bold;
		text-decoration: none;
		margin:0px;
		text-align:center;
		}
		.menu li a:hover, .menu ul li:hover a{
			background-color: #2121ff;
			color:#FFFFFF;
			text-decoration:none;
			}
	.menu li ul{
		background-image: url('images/menubg.png');
		/*background:#000000;*/
		display:none;
		height:auto;
		padding:0px;
		margin:0px;
		border:1px solid #363636;
		border-bottom-style:none;
		position:absolute;
		width:225px;
		z-index:200;
		/*top:1em;
		/*left:0;*/
		}
	.menu li:hover ul{
		display:block;
		}
	.menu li li {
		/*background:url('images/sub_sep.gif') bottom left no-repeat;*/
		border: 1px none #363636;
		border-bottom-style:solid;
		display:block;
		float:none;
		margin:0px;
		padding:0px;
		width:225px;
		line-height: 30px;
		}
	.menu li:hover li a{
		background:none;
		
		}
	.menu li ul a{
		display:block;
		height:30px;
		font-size:12px;
		font-style:normal;
		margin:0px;
		padding:0px 0px 0px 8px;
		text-align:left;
		}
		.menu li ul a:hover, .menu li ul li:hover a{
			background-color:#2121ff;
			border:0px;
			color:#ffffff;
			text-decoration:none;
			}
	.menu p{
		clear:left;
		}

#myGallerySet
{
/*width: 400px !important;
height: 200px !important;*/
margin-left:auto;
margin-right:auto;
}

#myGallery
{
/*width: 400px !important;
height: 200px !important;*/
margin-left:auto;
margin-right:auto;
}

#homeGallery
{
width: 150px !important;
height: 112px !important;
margin: 0 auto !important;
}

#discoGallery, #uplighterGallery, #homeGallery
{
width: 460px !important;
height: 305px !important;
margin-left:auto;
margin-right:auto;
}

form {  /* set width in form, not fieldset (still takes up more room w/ fieldset width */
/*  font:100% verdana,arial,sans-serif;*/
  margin-left:auto;
  margin-right:auto;
  padding: 0;
  min-width: 500px;
  max-width: 600px;
  width: 600px;
}

form.payment {
  margin-left:auto;
  margin-right:auto;
  padding: 0;
  min-width: 0px;
  max-width: 600px;
  width: 100%;
}

form fieldset {
  /* clear: both; note that this clear causes inputs to break to left in ie5.x mac, commented out */
  border-color: #cfcfcf;
  border-width: 1px;
  border-style: solid;
  padding: 10px;        /* padding in fieldset support spotty in IE */
  margin: 0;
}

form fieldset legend {
	font-size:1.1em; /* bump up legend font size, not too large or it'll overwrite border on left */
                       /* be careful with padding, it'll shift the nice offset on top of border  */
  color: #8C8C8C;
}

form label { 
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 200px; 
	padding: 0; 
	/*margin: 5px 0 0;*/ /* set top margin same as form input - textarea etc. elements */
	margin: 0px;
	text-align: left; 
}

form input, form textarea, form select {
	/* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */
	width:300px;
	/*margin:5px 0 0 10px;*/ /* set margin on left of form elements rather than right of
                              label aligns textarea better in IE */
        margin: 0px;
}

form input.paypalbtn
{
	width: 86px;
}

textarea.large {
	width: 510px;
}

form input.short {
	width:200px;
}

form select#eventdateday, select#eventdateyear {
	width:55px !important;
}

form select#starttimehour, select#endtimehour, select#arrtimehour {
	width:55px !important;
}

form select#starttimemin, select#endtimemin, select#arrtimemin {
	width:55px !important;
	margin-left : 0;
}

form select#eventdatemonth {
	width:120px !important;
}

form input#submit, form input#reset , form input#next {
	width:80px;
}

form input#getquote {
	width:300px;
}

form input#reset {
	margin-left:0px; /* set margin-left back to zero on reset button (set above) */
}

textarea { overflow: auto; }

textarea, input {
	font-family: "trebuchet ms", sans-serif, arial, helvetica;
	font-size: 10pt;
}

form small {
	display: block;
	margin: 0 0 5px 205px;
	padding: 1px 3px;
	font-size: 88%;
}

form .captcha {
	display: block;
	position: relative;
	/*margin: 0 0 5px 207px;*/
	padding: 1px 3px;
	font-size: 88%;
}

form .required{font-weight:bold;} /* uses class instead of div, more efficient */

form br {
	clear:left; /* setting clear on inputs didn't work consistently, so brs added for degrade */
}

.centered
{
	text-align:center;
}

.redborder
{
	border: 1px solid red;
}

p.small
{
	font-size: 80%;
}

div.hidden
{
	display:none;
}

div.slidepanel
{
	border: 1px solid #cfcfcf;
	margin-bottom: 10px;
}

div.quotepanel
{
	border: 1px solid #cfcfcf;
	margin-bottom: 10px;
	padding: 10px;
}

div.picbar
{
	width: 530px;
	border: 1px solid #cfcfcf;
	margin-bottom: 10px;
	padding: 10px;
	margin-left: auto;
	margin-right: auto;
}

.lightborder
{
	border: 1px solid #cfcfcf;
	margin-bottom: 10px;
	padding: 10px;
}

div.hr
{
	background-color: #cfcfcf;
	border: none;
	height: 2px;
	margin: 0px auto 12px;
	width: 80%;
}

.leftalign
{
	text-align:left;
}

.rightalign
{
	text-align: right;
}

#mapImg
{
	 width: 570px;
	 height: 200px;
	 margin-top: 14px;
}

table.nopad, table.nopad td
{
	padding: 0px;
	margin: 0px;
}

.bftable, .paymenttable
{
	margin-left: auto;
	margin-right: auto;
	border-style: none;
	border-collapse: collapse;
}

.bftable td, .paymenttable td
{
	border-left-width: 0px;
	border-right-width: 0px;
	border-top-width: 0px;
	border-bottom-width: 1px;
	padding: 3px;
	border-left-style: none;
	border-right-style: none;
	border-top-style: none;
	border-bottom-style: dotted;
	border-color: gray;
}

.bftable td.noborder, .paymenttable td.noborder
{
	border-width: 0px;
	border-style: none;
}

.bftable td.fixedwidth, .paymenttable td.fixedwidth
{
	width: 130px;
}

.paymenttable
{
  margin-left:auto;
  margin-right:auto;
  padding: 0;
  border-color: #cfcfcf;
  border-width: 1px;
  border-style: solid;
  padding: 10px;
}

.hiretable
{
	width: 100%;
	border-collapse: collapse;
}

.hiretd
{
	vertical-align:top;
	width:50%;
}

.tdpad
{
	padding: 5px;
}

.hirelink
{
	width: 125px;
	padding-left: 10px;
}
.quote
{
font-size: 16px;
font-family: "trebuchet ms", arial, helvetica, sans-serif;
font-weight: bold;
color: #FFFFFF;
}

#galleria{
height:350px;
}

img.ccards
{
	margin-top: 4px;
}