@charset "utf-8";
/* CSS Document */
body {
	background-color: #000;
	background-repeat: repeat-x;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 0;
	padding: 0;
	background-image: url(images/bg.jpg);
}
#container {
	width: 100%;
	margin: 0 auto;
	text-align: left; /* this overrides the text-align: center on the body element. */
}
#header {
	padding: 0;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	width: 913px;
	margin: 0 auto;
	background-image: url(images/bg_header.jpg);
}
#header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}
#mainContent {
	width: 913px;
	margin: 0 auto;
	padding-bottom: 10px;
	background-color: rgba(0,0,0,0.4);
	padding: 0 20px;
}
#footer {
	padding: 0 10px;
	width: 893px;
	margin: 0 auto;
	background-color: #D10609;
}
#footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	color: #FFF;
}
.header {
	width: 100%;
}
#header img {
	float: left;
}
h2 {
	font-size: 24px;
	color: #770303;
	letter-spacing: -1px;
	text-transform: uppercase;
}
h3 {
	font-size: 14px;
	margin: 0 5px 0 0;
	padding: 0;
	color: #000;
	float: left;
	text-align: right;
	text-transform: none;
}
#loginPanel{
	width:150px;
	margin:20px 0 10px 0;
	padding:0px 0 0 0px;
	float:right
}
#loginPanel h2{
	width:397px;
	margin:0px;
	/* [disabled]padding:0px; */
	float:left;
	font-family:Calibri;
	font-size:12px;
	color:#666;
	line-height:31px;
	font-weight:normal
}
#loginPanel input{
	width:175px;
	height:18px;
	margin:9px 0 0 0;
	padding:3px 0 0 5px;
	float:left;
	font-family:Arial;
	font-size:10px;
	color:#999;
	line-height:14px;
	border:1px #ddd solid
}
#loginPanel .blank{
	width:5px;
	height:21px;
	margin:0px;
	padding:0px;
	float:left
}
#loginPanel p{
	width:253px;
	margin:3px 40px 0 0;
	padding:0px;
	float:left;
	font-family:Calibri;
	font-size:10px;
	color:#000;
	line-height:20px
}
#loginPanel p a{
	color:#F90;
	text-decoration:none
}
#loginPanel .login{
	height:20px;
	margin:9px 0 0 9px;
	padding:0px;
	float:left;
	font-family:Arial;
	font-size:11px;
	color:#666;
	line-height:20px;
	text-align:center;
	text-decoration:none;
	background-image: url(images/loginBg.jpg);
	background-repeat: no-repeat;
	width: 66px;
}

.nav {
	width: 100%;
	/* [disabled]background-color: #C51114; */
}
#nav {
	margin: 0 0 0;
	height: 40px;
	/* [disabled]float: right; */
	
}
#flashStrip {
	margin: 0 auto;
	width: 913px;
	height: 40px;
	background-image: url(images/bg_flash.jpg);
	background-color: #FFF;
}
.mainContent {
	width: 100%;
}
.leftpane {
	width: 460px;
	float: left;
}
.strippane {
	width: 913px;
	float: left;
	margin: 0;
	height: 199px;
}
.strippane a img {
	margin: 0;
	padding: 0;
	border: 0;
}
#major {
	margin: 0;
	width: 913px;
}
.box1 {
	width: 228px;
	height: 200px;
	float: left;
	border: 1px solid #eee;
}
.box2 {
	width: 228px;
	height: 200px;
	float: left;
	border: 1px solid #eee;
}
.box3 {
	width: 228px;
	height: 200px;
	float: left;
	border: 1px solid #eee;
}
.box4 {
	width: 228px;
	height: 200px;
	float: left;
	border: 1px solid #eee;
}
.box1 a img {
	margin: 0;
	padding: 0;
	border: 0;
}
.box2 a img {
	margin: 0;
	padding: 0;
	border: 0;
}
.box3 a img {
	margin: 0;
	padding: 0;
	border: 0;
}
.box4 a img {
	margin: 0;
	padding: 0;
	border: 0;
}
.rightpane {
	width: 468px;
	float: right;
	height: 403px;
	border: 1px solid #eee;
}
.clr { clear:both; padding:0; margin:0; width:100%; font-size:0px; line-height:0px;}
.pageContent {
}
.homeContent {
	width: 913px;
	color: #000;
	line-height: 15px;
	float: left;
	height: 100px;
	background-color: #FFF;
	padding-bottom: 10px;
}
.homeContent img {
	float: left;
	padding: 0 7px 0 0;
}
.homeContent h2 {
	padding: 5px 0 5px 0;
	margin: 0;
	text-transform: uppercase;
	font-size: 24px;
	letter-spacing: -1px;
	color: #AB0E0E;
}
.socialStrip {
	height: 50px;
	background-color: #fff;
	background-image: url(images/bg_social.jpg);
	border-bottom: 2px solid #fff;
}
.socialStrip img {
	float: left;
	/* [disabled]border-right: 1px solid #333; */
}
.socialStrip img a {
	text-decoration: none;
	color: none;
	border: none;
}
input, select, textarea {
	margin: 5px 0;
	padding: 7px 5px;
	border-width: 1px;
	border-style: solid;
	border-color: #111;
	background-color: #333;
	font: 11px 'Lucida Grande', Verdana, Helvetica, Sans-Serif;
	color: #666;
	font-style: normal;
	font-family: Calibri;
}
input:focus, select:focus, textarea:focus {
	background-color: #368CC7;
	border: 1px solid #BF6000;
	color: #fff;
}
#social {
	float: right;
	width: 450px;
	/* [disabled]margin: 10px 0 0 0; */
	padding: 5px 0;
}
#social img {
	float: left;
	padding: 4px;
	border: 1px solid #ddd;
	margin: 0 5px 0 0;
	background-color: #eee;
}
#nav ul {
	height: 38px;
	margin: 0;
	padding: 0;
	list-style: none;
}

#nav ul li {
	padding: 0;
	margin: 0;
	display: inline-block;
}

#nav ul li a {
	position: relative;
	float: left;
	display: block;
	height: 26px;
	padding: 14px 15px 0;
	font-size: 11px;
	color: #F90;
	text-decoration: none;
	font-weight: normal;
	text-align: center;
	outline: none;
	font-family: "Gill Sans MT Condensed";
}

#nav ul li a:hover, #nav ul .current {
	color: #FFF;
}

#nav ul li a:hover span, #nav ul .current span {
	position: absolute;
	top: 0;
	left: 0;
	width: 5px;
	height: 33px;
	background: url(../images/nav_left.jpg) no-repeat;
}
#slider {
	position:relative;
	width:930px;
	height:403px;
	overflow:hidden;
}
#sideStrip {
	width: 913px;
	border-top: 1px dashed #eee;
	background-image: url(images/sideStrip_bg.jpg);
	background-repeat: no-repeat;
	/* [disabled]margin-left: 10px; */
	background-color: #FFF;
	padding-bottom: 10px;
}
#side1 {
	width: 410px;
	float: left;
	padding: 0 10px 0 30px;
	line-height: 16px;
}
#side1 img {
	float: left;
}
#side2 {
	width: 450px;
	float: right;
	padding: 0 5px;
}.lof-slidecontent, .lof-slidecontent a {
	color:#FFF;	
}
.lof-slidecontent a.readmore{
	color:#58B1EA;
	font-size:95%;
	
}
.lof-slidecontent{
	position:relative;
	overflow:hidden;
}
.lof-slidecontent .preload{
	height:100%;
	width:913px;
	position:absolute;
	top:0;
	left:0;
	z-index:100000;
	text-align:center;
	background:#FFF
}
.lof-slidecontent .preload div{
	height:100%;
	width:100%;
	background:transparent url(images/load-indicator.gif) no-repeat scroll 50% 50%;
}
.lof-main-outer{
	position:relative;
	height:100%;
	width:900px;
	z-index:3px;
	overflow:hidden;
}


/*******************************************************/
.lof-main-item-desc{
	z-index:100px;
	position:absolute;
	bottom:0px;
	left:0px;
	width:100%;
	background:url(images/bg_trans.png);
	height:100px;
	padding:10px;
}
.lof-main-item-desc p{
	margin:0 8px;
	padding:8px 0
}
.lof-main-item-desc h3{
	padding:0;
	margin:0
}
.lof-main-item-desc h2{
	padding:0;
	margin:15px 0 0 0px;
}
.lof-main-item-desc h3 a{	
	margin:0;
	background:#C01F25;
	font-size:75%;
	padding:2px 3px;
	font-family:"Trebuchet MS",Trebuchet,Arial,Verdana,sans-serif;
	text-transform:uppercase;
	text-decoration:none
}
.lof-main-item-desc h3 a:hover{

	text-decoration:underline;
}
.lof-main-item-desc h3 i {
	font-size:70%;
}

/* main flash */
ul.lof-main-wapper{
	/* margin-right:auto; */
	background:transparent url(images/load-indicator.gif) no-repeat scroll 50% 50%;
	padding:0px;
	margin:0;
	position:relative;
}

ul.lof-main-wapper li{
	overflow:hidden;
	padding:0px;
	margin:0px;
	position:absolute;
}
.lof-opacity  li{
	position:absolute;
	top:0;
	left:0;
	float:inherit;
}
ul.lof-main-wapper li img{
	padding:0px;
	width: 913px;
}

/* item navigator */
.lof-navigator-wapper {
	position:absolute;
	bottom:10px;
	right:10px;
	background:url(images/transparent_bg.png) repeat;
	padding:5px 0px;
}
.lof-navigator-outer{
	position:relative;
	z-index:100;
	height:180px;
	width:310px;
	overflow:hidden;
	color:#FFF;
	float:left
}
ul.lof-navigator{
	top:0;
	padding:0;
	margin:0;
	position:absolute;
	width:100%;
}
ul.lof-navigator li{
	cursor:hand; 
	cursor:pointer;
	list-style:none;
	padding:0;
	margin-left:0px;
	overflow:hidden;
	float:left;
	display:block;

	text-align:center;

}
ul.lof-navigator li img{
	border:#666 solid 3px;	
}
ul.lof-navigator li.active img, ul.lof-navigator li:hover img {
}
.lof-main-outer .lof-next,  .lof-main-outer .lof-previous{
	display:block;
	width:40px;
	cursor:pointer;
	position:absolute;
	height:100%;
	z-index:3;
	top:0;
	text-indent:-999px;

}
.lof-main-outer .lof-next {
	right:05px;
	background:url(images/b_next.png) no-repeat right center;
	background-color: rgba(0,0,0,0.8);
}
.lof-main-outer .lof-previous {
	left:05px;
	background:url(images/b_prev.png) no-repeat left center;
	background-color: rgba(0,0,0,0.8);
}
.newsletter {
	float: right;
	height: 40px;
	width: 495px;
	padding: 5px;
	background-image: url(images/bg_newsletter.jpg);
}
#newsLetter input{
	width:180px;
	height:18px;
	margin:10px 5px 0 280px;
	padding:3px 0 0 0;
	float:left;
	font-family:Arial;
	font-size:10px;
	color:#666;
	line-height:14px;
	border: 1px solid #111;
	background-color: #333;
}
#newsLetter a{
	width:20px;
	height:23px;
	margin:10px 0 0 0;
	padding:0px;
	float:left;
	font-family:Calibri;
	font-size:11px;
	color:#FFFFFF;
	line-height:22px;
	text-align:center;
	text-decoration:none;
	background-image: url(images/submit.png);
}
form {
	margin: 0;
	padding: 0;
	color: #333;
}
form p {
	margin: 0;
	padding: 13px 5px 8px 5px;
	color: #333;
}
label {
	font-weight: bold;
	color: #8E7D6A;
	margin-right: 20px;
}
button {
	float: right;
	font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif;
	border: none;
	width: auto;
	overflow: visible;
	font-size: 11px;
	color: #FFF;
	padding: 7px 10px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	font-weight: bold;
	text-shadow: 0 1px 0 rgba(0,0,0,0.4);
	text-transform: uppercase;
	margin-right: 10px;
	background-color: #770303;
}
input, select, textarea {
	margin: 5px 0;
	padding: 7px 5px;
	border-width: 1px;
	border-style: solid;
	border-color: #ddd;
	background-color: #f6f6f6;
	font: 11px 'Lucida Grande', Verdana, Helvetica, Sans-Serif;
	color: #666;
}
input:focus, select:focus, textarea:focus {
	background-color: #f6f6f6;
	border: 1px solid #eee;
	color: #333;
}
#name, #message {
	width: 300px;
}
#email, #phone {
	width: 300px;
}
#event_title, #update_title {
	width: 350px;
}
#event_body, #update_body {
	width: 350px;
}

#product {
	width: 200px;
}
#address {
	width: 300px;
}
.txt-fld {
	position: relative;
	padding: 5px 15px;
	border-bottom: 1px solid #EEE;
}
input.button { 
	height: 30px;
	margin: 0;
	padding: 2px 3px; 
	border: 1px solid #c96111;
	background: #e2721b url(../images/button-bg.png) repeat-x;	
	font: bold 11px 'Lucida Grande', Verdana, Helvetica, Sans-Serif;
	text-decoration: none;	
	color: #fff;
}


.footerStrip {
	width: 300px;
	float: left;
	margin: 0 10px 0 0;
}
.footerStrip p {
}
.gc {
	float: right;
	padding-top: 10px;
	color: #FFF;
	font-size: 9px;
}
.footer {
	width: 100%;
}