@charset "utf-8";
/* CSS Document */

html,body{margin:0;padding:0}
body{
	font: 76% arial,sans-serif;
	background-image: url(images/bg2.jpg);
	/*background-size: 100%;
	background-origin: content;*/
	background-position: center;
	color:#000033;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	/*font-size: 12px;*/
}

p {	margin:0px 0px 0px;}

h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style:italic;
	}
	
h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #33CC00;
	margin-left:10px;
	margin-top:5px;
	margin-bottom:0px;
}
h3 {
	margin-left:0px;
	color: #000033;
	font-size: 14px;
	margin-left:20px;
	margin-top:5px;
	margin-bottom:5px;
}
h4 {
	margin-left:20px;
	color: #000033;
	font-size: 14px;
	margin-left:20px;
	margin-top:5px;
	margin-bottom:0px;
}
hr {
	margin:50px;
	background-color: #CCCCCC;
	width:850px;
	margin:auto;
}
.body ul {
	margin-top:0px;
	/*margin-left:20px;*/
	font-weight: normal;
	color: #000033;
	margin:0px;
}
.body li { line-height:100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	list-style-image: url(images/arrow.gif);
	margin:7px;
	margin-left:30px;
}
div#main_wrap{
	width:990px;
	margin:auto;
	height:850px;
	clear:both;
}
div#wrapper{
	width:891px;
	margin:auto;
	height:850px;
}
div#main{
	width:990px;
	margin:auto;
	clear:both;
}
div#container{
	width:891px;
	height:auto;
	margin:auto;
	/*clear:both;*/
}

div#header {
	width:891px;
	margin:auto;
	padding:0px;
	height: 50px;
	color:#FFFFFF;
}

/* Header Links */
div#home{
	display:inline-block;
	width:50px;
	height:15px;
	margin:0;
	background-image: url(images/spacer.gif);
	padding: 0px;
}
a.home {
	display:inline-block;
	width: 50px;
	height: 15px;
	background-color: transparent;
	background-image: url(images/home.png);
	background-repeat: no-repeat;
	text-decoration: none;
	float:left;
	clear:left;
}

a.home:hover {
	display:block;
	background-position: -50px 0;
}
div#back{
	display:inline-block;
	width:50px;
	height:15px;
	margin:0;
	background-image: url(images/spacer.gif);
	padding: 0px;
}
a.back {
	display:inline-block;
	width: 50px;
	height: 15px;
	background-color: transparent;
	background-image: url(images/back.png);
	background-repeat: no-repeat;
	text-decoration: none;
	float:left;
	clear:left;
}

a.back:hover {
	display:block;
	background-position: -50px 0;
}
div#footer {
	width:891px;
	height:auto;
	margin:0;
	color:#FFFFFF;
}
div#header {
	width:891px;
	margin:0;
	text-align:right;
}

.footer{
	color: #FFFFFF;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	word-spacing:0px;
	width:891px;
	margin:0;
}
.footer p{
	color:#ffffff;
	font-size:14px;
	font-style:normal;
	width:891px;
	margin:0;
	line-height:15px;
	padding-top:3px;
	padding-bottom:3px;}
/*content on index only*/
div#content {
	width:787px;
	height:555px;
	background:#FFFFFF;
}
div#content p{
	line-height:normal;
	color: #000033;
	font-size: 12px;
	line-height:100%;
	margin-left:15px;
	margin-right:20px;
	margin-top:15px;
	font-size: 14px;
}
.content2 {
	width:550px;
	margin:auto;
	height:170px;
	background:#FFFFFF;
}
.content2 p{
	line-height:normal;
	color: #000033;
	font-size: 14px;
	line-height:100%;

}
.content3 {
	width:787px;
	margin:auto;
	height:250px;
	background:#FFFFFF;
}
.left {
	width:394px;
	margin:0;
	background:#FFFFFF;
	float:left;
	clear:left;
}
.left p{
	color: #000033;
	font-size: 11px;
	line-height:100%;
	margin-left:15px;
	margin-right:20px;

}
.right {
	width:393px;
	margin:0;
	height:auto;
	background:#FFFFFF;
	float:right;
	clear:right;
}
.right p{
	color: #000033;
	font-size: 11px;
	line-height:100%;
	margin-left:10px;
	margin-right:20px;
	margin-top:15px;
}
div#menu {
	width:241px;
	height:224px;
	float:left;
	clear:left;
}
div#menu2 {
	width:162px;
	height:auto;
	background:url(images/menu-grow.jpg);
	background-repeat:repeat-y;
	float:left;
	clear:left;
}
div#menu3 {
	width:162px;
	height:100%;
	float:left;
	clear:left;
}



/*All Links*/
a:link {
	text-decoration: none;
	color: #33CC00;
}
a:visited {
	text-decoration: none;
	color: #33CC00;
}
a:hover {
	text-decoration: none;
	color: #33CC00;
	font-weight:bold;
}
a:active {
	text-decoration: none;
	color: #33CC00;
}
.credits{
	color: #FFFFFF;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	word-spacing:0px;
	padding-top:3px;
	padding-bottom:15px;
	width:891px;
	height:auto;
	margin:0;
}
.credits p{
	color:#ffffff;
	font-size:13px;
	font-style:normal;
	width:891px;
	margin:0;
}
a.credits:link {
	text-decoration: none;
	color: #33CC00;
}
a.credits:visited {
	text-decoration: none;
	color: #33CC00;
}
a.credits:hover {
	text-decoration: none;
	font-weight:bold;
	color: #33CC00;
}
a.credits:active {
	text-decoration: none;
	color: #33CC00;
}
/*footer links*/
a.footer:link {
	text-decoration: none;
	color: #33CC00;
}
a.footer:visited {
	text-decoration: none;
	color: #33CC00;
}
a.footer:hover {
	text-decoration: none;
	font-weight:bold;
	color: #33CC00;
}
a.footer:active {
	text-decoration: none;
	color: #33CC00;
}

/*vertical alignment*/
.v-outer {
	display: table;
	#position: relative;
	height: 100px;
	background: black;
	color: white;
	width: 100%;
}

.v-middle {
	display: table-cell;
	position: absolute;
	top: 50%;
	vertical-align: middle;
}

.v-inner {
	position: relative;
	top: -50%;
}
/*Main Page Buttons*/
div#one{
	display: block;
	width:247px;
	height:384px;
	margin:0;
	background-image: url(images/spacer.gif);
	padding: 0px;
	float: left;
}
a.one {
	display: block;
	width:247px;
	height:384px;
	background-color: transparent;
	background-image: url(images/technical-productions.png);
	background-repeat: no-repeat;
	text-decoration: none;
}

a.one:hover {
	background-position: -247px 0;
}
div#two{
	display: block;
	width:249px;
	height:384px;
	margin:0;
	background-image: url(images/spacer.gif);
	padding: 0px;
	float: left;
}
a.two {
	display: block;
	width:249px;
	height:384px;
	background-color: transparent;
	background-image: url(images/professional-entertainment.png);
	background-repeat: no-repeat;
	text-decoration: none;
}

a.two:hover {
	background-position: -249px 0;
}
div#three {
	display: block;
	width:247px;
	height:384px;
	margin:0;
	background-image: url(images/spacer.gif);
	padding: 0px;
	float: left;
}
a.three  {
	display: block;
	width:247px;
	height:384px;
	/*background-color: transparent;*/
	background-image: url(images/lounge-beat-main.png);
	background-repeat: no-repeat;
	text-decoration: none;
}

a.three:hover {
	background-position: -247px 0;
}
div#four {
	display: block;
	width:247px;
	height:384px;
	margin:0;
	background-image: url(images/spacer.gif);
	padding: 0px;
	float: left;
}
a.four  {
	display: block;
	width:247px;
	height:384px;
	background-color: transparent;
	background-image: url(images/photo-gallery.png);
	background-repeat: no-repeat;
	text-decoration: none;
}

a.four:hover {
	background-position: -247px 0;
}
/*Buttons End*/
a.about {


/*menu css*/
.suckerdiv {
	margin: 0;
	padding: 0;
	width:241px;
	height:auto;
	/*height:208;*/
	/*height:auto;*/
}

.suckerdiv li {
margin: 0;
padding: 0;
list-style-type: none;
width: 241px; /* Width of Menu Items */
/*height: auto;*/
/*border-bottom: 1px solid #ccc;*/
}

.suckerdiv ul{
margin: 0;
padding: 0;
list-style-type: none;
width: 241px; /* Width of Menu Items */
/*height: inherit;*/
/*border-bottom: 1px solid #000033;*/ /*bottom border*/
float:left;
clear:left;
}

/*most of my changes went here*/
.suckerdiv ul li{
	/*margin: 0;*/
	margin-bottom: -6px;
	margin-top:0;
	/*padding: 0;*/
	width:241px;
	/*height:auto;*/
	position: relative;
	/*background:url(images/NE-state-chamber.jpg);*/
	/*border:none;*/
}
/*end changes*/

/*Sub level menu items */
.suckerdiv ul li ul{
position: absolute;
width: 175px; /*sub menu width*/
top: 0;
visibility: hidden;
}

.suckerdiv ul li img{
	margin: 0;
	padding: 0;
}

/* Sub level menu links style */
.suckerdiv ul li ul li a{
display: block;
overflow: auto; /*force hasLayout in IE7 */
color: #cc0000;
text-decoration: none;
background: #fff;
padding:2px 2px;
padding-left:20px;
border: 2px solid #000033;
}

.suckerdiv ul li a:visited{
color: #cc0000;
}

.suckerdiv ul li a:hover{
background: #ffffff;
}

li.noMenuAction {}

.suckerdiv .subfolderstyle{
/*background: url(images/arrow-list.gif) no-repeat center left;*/
}

/* Holly Hack for IE \*/
* html .suckerdiv ul li { float: left; /*height: 1%;*/ margin:0 }
* html .suckerdiv ul li a { height: 0%; }
/* End */

