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

body {
	background: #b70d01 url(images/bg.jpg) repeat-x;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
}
#bodybg {
	background: url(images/beam_left.jpg) top left no-repeat;
}
#bodybg_right {
	background: url(images/beam_right.jpg) top right no-repeat;
}
a:link {
	color: #c90308;
	text-decoration:underline;
}

a:visited {
	color: #c90308;
	text-decoration:none;
}

a:hover {
	color: #000000;
	text-decoration:none;
}

a:active {
	color: #c90308;
	text-decoration:underline;
}

#logo {
	background: url(images/logo.jpg) no-repeat;
	width: 919px;
	height: 204px;
}
#topsegment {
	background: url(images/topsegment.jpg) no-repeat;
	width: 919px;
	height: 313px; 
}

#topsegment_other {
	background: #fff url(images/topsegment.jpg) no-repeat;
	width: 919px;	
	height:67px;
}

#topsegment_other_bott {
	background: url(images/topsegment_other_bott.png) no-repeat;
	width: 919px;
	height: 26px; 
}

#midsegment {
	background: url(images/midsegment.png) no-repeat;
	width: 921px;
	height: 327px; 
}
#midsegment_padding {
	width: 921px;
	height: 327px; 
	padding-left: 17px;
}

#plainbody {
	background-color:#FFFFFF;
	width: 919px;
}

#menu {
	width: 680px;
	_width: 685px;
	height: 30px;
	float:right;
}
#menu_text {
	background: url(images/menu_bg.jpg) no-repeat;
	width: 123px;
	height:33px;
	color:#FFFFFF;
	padding: 10px 0 0 0;
	margin: 4px 2px 0 2px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	font-weight:bold;
	float:left;
}
#menu_text.sm {
	background: url(images/menu_bg_sm.jpg) no-repeat;
	width: 82px;
}

#menu_text.med {
	width: 90px;
}

#menu_text a:link {
	color:#fff;
	text-decoration:none;
}
#menu_text a:visited {
	color:#fff;
}
#menu_text a:hover {
	color:#ccc;
	text-decoration:underline;
}

/*DROP DOWN MENU*/
#dropmenudiv{
position:absolute;
border:1px dotted #ccc;
font:normal 12px Verdana, Arial, Helvetica, sans-serif;
line-height:18px;
z-index:100;
}

#dropmenudiv a{
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 1px dotted #ccc;
padding: 3px 0;
text-decoration: none;
font-weight: bold;
color:#FFFFFF;
}

#dropmenudiv a:visited{ /*hover background color*/
color:#FFF;
}

#dropmenudiv a:hover{ /*hover background color*/
background-color: #c90308;
color:#FFF;
}

/* END DROP DOWN MENU*/
#welcome {
	float: right;
	width: 385px;
	height: 260px;
	margin: 10px 50px 0 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align:left;
	font-size:small;	
}

#welcome h3 {
	font-size: large;
}

.ad_text {
margin-top: 30px; float: right;padding: 0px 45px 0 0px; overflow: hidden; width: 210px; height: 200px;
}
.ad_text a:link { color:#000000; text-decoration:underline;}
.ad_text a:visited { color:#000000; text-decoration:underline;}
.ad_text a:hover { color:#FF0000; text-decoration:none;}

#specials {
	color: #FFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 80px 0px 20px 10px;	
	font-size: 11px;
	font-weight:bold;
	line-height: 40px;
	background: url(images/specials.jpg) no-repeat;
	width: 280px;
	height: 200px; 
	margin-right: 15px;
	float:right;
	position:relative;
	top:10px; 
}

#main_column {
	width: 610px;
	float:right;
	padding: 0 25px 0 0;
	text-align:left;
	font-size:1.0em;
}

#main_column h3 a:link {
	font-size: large;
	color: #c90308;
	text-decoration:underline;
	font-weight:normal;
}
#main_column h3 a:visited {
	font-size: large;
	color: #c90308;
	text-decoration:underline;
	font-weight:normal;
}
#main_column h3 a:hover {
	text-decoration:none;
	font-weight:normal;
}
#main_column h3 {
	text-decoration:none;
	font-weight:normal;
}


#side_column {
	width: 220px;
	float:left;
	padding:0 0 0 15px;
	font-size:0.8em;
	text-align:left;	
}
#coupon {
	color:#353535;
	text-align:center;	
	padding: 4px;
	font: Verdana, Arial, Helvetica, sans-serif;
	font-style:italic;
	font-weight:bold
}
#coupon span {
	font-size:large;
}

.coupon_spacer{
	margin:0 0 80px 0px;
}

#coupon_dotted {
	color:#353535;
	text-align:center;	
	font: Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold
}
#coupon_dotted a {
	text-decoration: underline;
}



#title {
	float: right;
	margin-right: -20px;
	margin-bottom: 10px;
}

/* ################## mid section buttons ########################### */
.midaudio a:link {
	background: url(images/mid_audio_on.jpg) no-repeat;
	width:295px;
	height:157px;
	float: left;
	position: relative;
	top:10px; 
	}
.midaudio a:visited {
	background: url(images/mid_audio_on.jpg) no-repeat;
	width:295px;
	height:157px;
	float: left;
	position: relative;
	top:10px; 
	}
.midaudio a:hover {
	background: url(images/mid_audio.jpg) no-repeat;	
	width:295px;
	height:157px;	
	position: relative;
	top:10px; 
}
.midcamera a:link {
	background: url(images/mid_camera_on.jpg) no-repeat;
	width:295px;
	height:157px;
	float: left;
	position: relative;
	top:10px; 
	}
.midcamera a:visited {
	background: url(images/mid_camera_on.jpg) no-repeat;
	width:295px;
	height:157px;
	float: left;
	position: relative;
	top:10px; 
	}

.midcamera a:hover {
	background: url(images/mid_camera.jpg) no-repeat;	
	width:295px;
	height:157px;	
	position: relative;
	top:10px; 
}

.midacc a:link {
	background: url(images/mid_acc_on.jpg) no-repeat;
	width:295px;
	height:157px;
	float: left;
	position: relative;
	top:10px; 
	}
.midacc a:visited {
	background: url(images/mid_acc_on.jpg) no-repeat;
	width:295px;
	height:157px;
	float: left;
	position: relative;
	top:10px; 
	}
.midacc a:hover {
	background: url(images/mid_acc.jpg) no-repeat;	
	width:295px;
	height:157px;	
	position: relative;
	top:10px; 
}.midlighting a:link {
	background: url(images/mid_lighting_on.jpg) no-repeat;
	width:295px;
	height:157px;
	float: left;
	position: relative;
	top:10px; 
	}
.midlighting a:visited {
	background: url(images/mid_lighting_on.jpg) no-repeat;
	width:295px;
	height:157px;
	float: left;
	position: relative;
	top:10px; 
	}
.midlighting a:hover {
	background: url(images/mid_lighting.jpg) no-repeat;	
	width:295px;
	height:157px;	
	position: relative;
	top:10px; 
}
.midprojectors a:link {
	background: url(images/mid_projectors_on.jpg) no-repeat;
	width:295px;
	height:157px;
	float: left;
	position: relative;
	top:10px; 
	}
.midprojectors a:visited {
	background: url(images/mid_projectors_on.jpg) no-repeat;
	width:295px;
	height:157px;
	float: left;
	position: relative;
	top:10px; 
	}
.midprojectors a:hover {
	background: url(images/mid_projectors.jpg) no-repeat;	
	width:295px;
	height:157px;	
	position: relative;
	top:10px; 
}
.midspecial a:link {
	background: url(images/mid_special_on.jpg) no-repeat;
	width:295px;
	height:157px;
	float: left;
	position: relative;
	top:10px; 
	}
.midspecial a:visited {
	background: url(images/mid_special_on.jpg) no-repeat;
	width:295px;
	height:157px;
	float: left;
	position: relative;
	top:10px; 
	}
.midspecial a:hover {
	background: url(images/mid_special.jpg) no-repeat;	
	width:295px;
	height:157px;	
	position: relative;
	top:10px; 
}
.midcrew a:link {
	background: url(images/mid_crew_on.jpg) no-repeat;
	width:295px;
	height:157px;
	float: left;
	position: relative;
	top:10px; 
	}
.midcrew a:visited {
	background: url(images/mid_crew_on.jpg) no-repeat;
	width:295px;
	height:157px;
	float: left;
	position: relative;
	top:10px; 
	}

.midcrew a:hover {
	background: url(images/mid_crew.jpg) no-repeat;	
	width:295px;
	height:157px;	
	position: relative;
	top:10px; 
}

.midpost a:link {
	background: url(images/mid_post_on.jpg) no-repeat;
	width:295px;
	height:157px;
	float: left;
	position: relative;
	top:10px; 
	}
.midpost a:visited {
	background: url(images/mid_post_on.jpg) no-repeat;
	width:295px;
	height:157px;
	float: left;
	position: relative;
	top:10px; 
	}

.midpost a:hover {
	background: url(images/mid_post.jpg) no-repeat;	
	width:295px;
	height:157px;	
	position: relative;
	top:10px; 
}

/* ################## END mid section buttons ########################### */

#bottom_1 {
	background: url(images/bottom_pencil.png) left no-repeat;
	width: 240px;
	height: 131px;
	margin: 0 0 0 30px;
	float:left; 
	text-align: right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	line-height: 20px;
}

#bottom_2 {
	background: url(images/bottom_check.png) left no-repeat;
	width: 280px;
	height: 131px;
	margin: 0 10px 0 40px;
	float:left; 
	text-align: right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	line-height: 20px;
}


#bottom_3 {
	background: url(images/bottom_camera.png) left no-repeat;
	width: 280px;
	height: 131px;
	margin: 0 0px 0 20px;
	float:left; 
	text-align: right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	line-height: 20px;
}

#footer a:link {
	color: #FFFFFF;
	text-decoration: none;
}
#footer a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
#footer a:hover {
	color:#CCCCCC;
	text-decoration: none;
}


#footer {
	background: url(images/footerbg.png) no-repeat;
	width: 922px;
	height: 131px; 
}
#footertext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #ccc;
	font-size: 11px;
	line-height: 16px;
}

#footertext a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #ffffff;
	font-size: 11px;
	line-height: 16px;
	text-decoration: underline;
}

#footertext a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #ffffff;
	font-size: 11px;
	line-height: 16px;
	text-decoration: none;
}

#footertext a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FF0000;
	font-size: 11px;
	line-height: 16px;
	text-decoration: underline;
}

table.ex
{
color:#000000;
font-size: 80%;
padding:5px;
width: 550px;
background: url(images/bg_table.jpg);
border-top: 0px solid gray;
border-left: 0px solid gray;
border-bottom: 0px solid gray;
border-right: 0px solid gray;
}
.bold {
	font-weight: bold
}

table.ex th, table.ex td 
{
padding-bottom:2px;
border-top: 0px solid gray;
border-left: 0px solid gray;
border-bottom: 0px solid gray;
border-right: 0px solid gray;
}

/***********************************************
* Switch Content script II (icon based)- © Dynamic Drive (www.dynamicdrive.com)
* Requires switchcontent.js and included before this file!
* Visit http://www.dynamicdrive.com/ for full source code
***********************************************/
.iconspan{
float: right;
cursor:hand;
cursor:pointer;
font-weight: bold;
}

/*CSS used to style the examples. Remove if desired: */

.eg-bar{
background-color: #c90308;
/*border: dotted #ccc 1px; */
font-weight: bold;
padding: 10px;
color:#FFFFFF;
}

div.eg-bar{
width: 550px;
}

.icongroup1{
width: 550px;
}
/**********************************************/

.img_padding img {margin: 8px;}

