body 		{ background: #EFEFEF; font-family: Calibri, Tahoma, Verdana, "Times New Roman"; font-size: 14px; color:#737373; }
* { margin: 0; }
#container 	{ margin:auto;  }
#header .index 	{ height: 525px; }
#header .sub  { height: 230px; }
#header {background: url(../images/bg.jpg);background-size:100%;background-repeat:no-repeat; margin: auto;}
#headercont { width:958px; margin:auto; }
#headmenu 	{ height:81px; background:url(../images/top-hr.jpg) bottom center no-repeat; padding:0 40px 0 0; }
#speech 	{ width: 888px; height:40px; background:url(../images/bgspeech.jpg) repeat-x; margin: 5px auto 0; border: 1px 1px 0 1px; border-top-color:f78250; border-left-color:#2b2b2b; border-right-color:#2b2b2b; font-family:"Courier New", Courier, monospace; font-size:18px; padding:19px 35px; color:#fff3ee;  }

#headmenu ul { float:right; list-style:none outside none; margin:0; padding:0; }
#headmenu ul li {  display:inline; font-size: 15px; font-weight:bold; }
#headmenu a:hover { background:url(../images/menu-over.jpg) repeat-x; }

#headmenu ul li a{
    float: left; 
	text-decoration: none;
    color: #efefef;
    padding: 27.5px 17px; }
	
#headmenu ul li a:visited{
    color: white;}
 
#mainslider span { font-size:26px; }
#mainslider { height:301px; padding:30px 0; color:#FFFEFD; }


#contentcontainer { 
	width:958px;
	background: #fff;
	margin:auto;
	}
#crumbpath {padding: 22px 50px 10px; border-bottom:#ededed thin solid; background:url(../images/bgcontent.jpg) top left no-repeat #fff; }
#crumbpath span { color:#F56121; }
#speech img { margin:0 0 -12px; }
.spacer {background:url(../images/spacer.jpg) repeat-x; height:1px; }
.dots { margin:20px; }

#indexcontent { width:888px; padding: 10px 35px; float:left; }
#indexcontent img { margin:-7px 7px; }
#indexcontent h2, h3, h4 { font-size:18px; font-weight:normal; margin:0; padding:14px 0 5px 0; color:#3e3e3e; }
#indexcontent h1 { color:#3e3e3e; }

#content { width:729px; padding: 10px 12px; float:right; }
#content img { /*margin:-7px 7px;*/ }
#content h2, h3, h4 { font-size:18px; font-weight:normal; margin:0; padding:14px 0 5px 0; color:#3e3e3e; }
#content h1 { color:#3e3e3e; }

#sidenav { width:205px; float:left; padding-top:25px; background:url(../images/content-pixel.jpg) repeat-y right; }
#sidenav ul { padding:0; margin:0; }
#sidenav li { display: block; height:24px; /*border-bottom:#ececec thin solid;*/margin:0; padding: 12px 15px; font-size:15px; }
#sidenav li:hover { color:#f8622d; }
#sidenav .active { background:url(../images/nav-over.jpg) no-repeat ; }
#sidenav .active1 { background:url(../images/nav-over1.jpg) no-repeat ; color:#494949; }
#sidenav .active2 { background:url(../images/nav-over2.jpg) no-repeat right top; }



.subheading { font-size:24px; font-weight:lighter; font-style:italic; }
.headingmain {height:225px; width:220px; float:left; margin:10px 15px ;}

.headingsub {height:132px; width:280px; float:left; margin: 5px; overflow:hidden; }
.feedwrap {float:left; width:800px; margin:15px; }
#footer { background: url(../images/bg.jpg) repeat; margin: 50px auto 0; height:200px; }
#footercenter {width:960px; margin:auto;}
#footercenter span { color:#efefef; font-size:15px; border-bottom:#737373 dotted thin;}
.footer3 {width:225px; margin:20px 5px 10px 45px; float:left;}
.footer4 {width:200px; margin:20px 5px 10px; float:left;}
#footer ul {list-style-image:url(../images/icon-arrow.png); padding:0;}


a:link {color: #f16022; text-decoration: none; }
a:active {color: #efefef; text-decoration: underline; }
a:visited {color: #f16022; text-decoration: none; }
a:hover {color: #000;; text-decoration: none; }

.box200 { width:180px; margin:15px; float:left; }
.box250 { width:263px; margin:15px; float:left; }
.contenthr	{ height:1px;  width:663px; background:url(../images/contenthr.jpg) repeat-x; margin:15px auto; }

.footerbottom {  height:50px; background-color:#1f1f1f;}
.footerbottomc { width:860px; margin:auto; padding: 12px 50px; }
.makelist_wide {float:left; width:192px; }

.box200 img {-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;}
.customers {padding:0px 35px;}
/* 


Slide Show


 */
#slider { /* Styles the <div> that contains everything slider related */
	width:960px;
	height:300px;
	position:relative;
	margin:0 auto 0;
	-moz-transition:all 150ms ease-in;  /* Allows all property values to animate on hover. For information on transitions, check out: http://w3schools.com/css3/css3_transitions.asp */
	-webkit-transition:all 150ms ease-in;
	-o-transition:all 150ms ease-in;
}
#slider:hover { /* Since we added the transistion property to #slider <div>, the previous properties will now animate to these new properties on hover */
	
}
#slider:hover #pause { /* When we hover over #slider <div>, our #pause <div> will become visible - which will display the pause icon */
	opacity:1;
}
#slider:hover #progress { /* When we hover over #slider <div>, the background color of our #progress <div> will become transparent. This will give the effect of the progress bar fading away on hover */
	background-color:rgba(255,255,255,0.0);
}
#slider:hover ul, #slider:hover #progress, #slider:hover #overlay { /* When we hover over the unordered list <ul> inside of #slider <div> (the slides), all of our slide related animations will pause */
	-moz-animation-play-state:paused;
	-webkit-animation-play-state:paused;
}
#mask { /* Creates the mask */
	overflow:hidden;
}
#pause { /* Styling our pause icon that appears when hovering over #slider <div> */
	width:960px;
	height:300px;
	position:absolute;
	top:0;
	opacity:0;
	background-position:960px 10px;
	background-repeat:no-repeat;
	pointer-events:none; /* This not-so-well-known property is very nifty. Since the #pause <div> (along with other <div>'s - which also use this property) are laying ontop of the slides, we need to be able to "click through" them to the slides/content below. Without this property, there would be a massive sumo sitting on top of all your content - blocking it from the user's mouse. However, it currently seems that pointer-events will only work in FireFox, Safari, and Chrome (as of 11/4/11). For more information: https://developer.mozilla.org/en/CSS/pointer-events */
	-moz-transition:all 150ms ease-in; /* This transition allows the #pause <div> to fade in when #slider <div> is hovered over */
	-webkit-transition:all 150ms ease-in;
	-o-transition:all 150ms ease-in;
}
#progress { /* The progress bar that will animate to the full width of the slide to show the duration of the slide */
	width:1px;
	height:1px;
	position:relative;
	top:-1px;
	background-color:#F56121;
	-moz-transition:all 300ms linear; /* Transition allows #progress <div> to fade when #slider <div> is hovered over */
	-webkit-transition:all 300ms linear;
	-o-transition:all 300ms linear;
	-moz-animation:progress 36s infinite; /* The progress animation will increase #progress's <div> width from 1px to the full width of the slide (600px) */
	-webkit-animation:progress 36s infinite;
}
/*#overlay { Creates the cool gradient effect ontop of the slider 
	width:960px;
	height:300px;
	position:absolute;
	top:0;
	background-image:url(../images/overlay.png);
	background-position:center;
	background-repeat:no-repeat;
	pointer-events:none;
	opacity:0.5;
	-moz-animation:overlay-fade 18s infinite; /* The animation will fade #overlay <div> when the slider is finished 
	-webkit-animation:overlay-fade 18s infinite;
}*/
#slider ul { /* Styling the unordered list <ul> that contains our slides <li>'s */
	width:3840px; /* The calculated width of all the slides (4 slides x 600px in width) */
	position:relative;
	left:0px;
	margin:0;
	padding:0;
	list-style:none;
	-moz-animation:slide-animation 36s infinite; /* You can change the speed of the slide by changing the 18s. Make sure to update the speed of #overlay and #progress too. Keep in mind that this will also effect the speed of the transitions */
	-webkit-animation:slide-animation 36s infinite;
}
#slider li { /* Styling the list elements <li>'s that contain each slide */
	width:960px;
	height:300px;
	position:relative;
	display:inline; /* This aligns the <li>'s horizontally so that the <ul> can scroll horizontally. By default, <li>'s align vertically */
	float:left; /* Gets rid of mysterious spacing on the sides of the <li>'s */
	margin:0;
	padding:0;
	background-image:url(../images/loader.gif); /* Adds a loader GIF to each slide to show that content is loading */
	background-position:50% 50%;
	background-repeat:no-repeat;
}
@-webkit-keyframes slide-animation { /* Creates our animation that cycles through the slides for WebKit browsers. This is set up to cycle through 4 slides. If you plan on changing that number, you will have to divide 100 by the amount of slides and figure out the formula from there (while also changing the formulas for the progress and overlay-fade animations). Right now it's set up for each slide to take roughly 25% of the animation time. As you can see, this is where it can get a bit sticky changing the amount of slides. I'd suggest playing around with some basic animations first to get a handle on how they work. For an in depth explanation of animations, check out: http://www.w3schools.com/css3/css3_animations.asp */
	0% {opacity:0;}
	2% {opacity:1;}
	20% {left:0px; opacity:1;}
	22.5% {opacity:0.6;}
	25% {left:-960px; opacity:1;}
	45% {left:-960px; opacity:1;}
	47.5% {opacity:0.6;}
	50% {left:-1920px; opacity:1;}
	70% {left:-1920px; opacity:1;}
	72.5% {opacity:0.6;}
	75% {left:-2880px; opacity:1;}
	95% {opacity:1;}
	98% {left:-2880px; opacity:0;} /* The slider fades all the way out before resetting. If it didn't fade out, you'd see all of the slides shoot through real quick on there way back to the beginning. */
	100% {left:0px; opacity:0;}
}
@-moz-keyframes slide-animation { /* Creates the slide animation for FireFox */
	0% {opacity:0;}
	2% {opacity:1;}
	20% {left:0px; opacity:1;}
	22.5% {opacity:0.6;}
	25% {left:-960px; opacity:1;}
	45% {left:-960px; opacity:1;}
	47.5% {opacity:0.6;}
	50% {left:-1920px; opacity:1;}
	70% {left:-1920px; opacity:1;}
	72.5% {opacity:0.6;}
	75% {left:-2880px; opacity:1;}
	95% {opacity:1;}
	98% {left:-2880px; opacity:0;}
	100% {left:0px; opacity:0;}
}
@-webkit-keyframes progress { /* Animation for the progress bar in WebKit browsers */
	0% {width:0px; opacity:0;}
	2% {width:0px; opacity:1;}
	20% {width:960px; opacity:1;}
	22.5% {width:960px; opacity:0;}
	22.59% {width:0px;}
	25% {width:0px; opacity:1;}
	45% {width:960px; opacity:1;}
	47.5% {width:960px; opacity:0;}
	47.59% {width:0px;}
	50% {width:0px; opacity:1;}
	70% {width:960px; opacity:1;}
	72.5% {width:960px; opacity:0;}
	72.59% {width:0px;}
	75% {width:0px; opacity:1;}
	95% {width:960px; opacity:1;}
	98% {width:960px; opacity:0;}
	100% {width:0px; opacity:0;}
}
@-moz-keyframes progress { /* Animation for the progress bar in FireFox */
	0% {width:0px; opacity:0;}
	2% {width:0px; opacity:1;}
	20% {width:960px; opacity:1;}
	22.5% {width:960px; opacity:0;}
	22.59% {width:0px;}
	25% {width:0px; opacity:1;}
	45% {width:960px; opacity:1;}
	47.5% {width:960px; opacity:0;}
	47.59% {width:0px;}
	50% {width:0px; opacity:1;}
	70% {width:960px; opacity:1;}
	72.5% {width:960px; opacity:0;}
	72.59% {width:0px;}
	75% {width:0px; opacity:1;}
	95% {width:960px; opacity:1;}
	98% {width:960px; opacity:0;}
	100% {width:0px; opacity:0;}
}
@-webkit-keyframes overlay-fade { /* This animation fades #overlay <div> (the gradient on top of the slider) when the slide comes to an end on WebKit browsers */
	0% {opacity:0;}
	2% {opacity:0.5;}
	95% {opacity:0.5;}
	98% {opacity:0;}
	100% {opacity:0;}
}
@-moz-keyframes overlay-fade { /* Fades #overlay for FireFox */
	0% {opacity:0;}
	2% {opacity:0.5;}
	95% {opacity:0.5;}
	98% {opacity:0;}
	100% {opacity:0;}
}

.glass {
	padding: 6px;

	background: #eee;
	background: -webkit-gradient(linear, left top, left bottom, from(#eee), color-stop(0.5, #ddd), color-stop(0.5, #c0c0c0), to(#aaa));
	background: -moz-linear-gradient(top, #eee, #ddd 50%, #c0c0c0 50%, #aaa);

	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;

	-webkit-box-shadow: 0 0 10px rgba(0,0,0,.7);
	-moz-box-shadow: 0 0 10px rgba(0,0,0,.7);
	box-shadow: 0 0 10px rgba(0,0,0,.7);
}

.aluminium {
	padding: 5px;

	background: #ccc;
	background: -webkit-gradient(linear, left top, left bottom, from(#ddd), color-stop(0.25, #aaa), to(#8a8a8a));
	background: -moz-linear-gradient(top, #ddd, #aaa 25%, #8a8a8a);

	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;

	border: 1px solid #666;

	-webkit-box-shadow: 0 0 10px rgba(0,0,0,.7);
	-moz-box-shadow: 0 0 10px rgba(0,0,0,.7);
	box-shadow: 0 0 10px rgba(0,0,0,.7);
}

.transparent {
	padding: 5px;

	background: #555;
	background: rgba(0,0,0,.4);

	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;

	border: 1px solid rgba(0,0,0,0.3);

	-webkit-box-shadow: 0 0 10px rgba(0,0,0,.7);
	-moz-box-shadow: 0 0 10px rgba(0,0,0,.7);
	box-shadow: 0 0 10px rgba(0,0,0,.7);
}

.red {
	background: #ff5555;
	background: rgba(255,0,0,.4);
}
.yellow {
	background: #ffff55;
	background: rgba(255,255,0,.4);
}
.green {
	background: #55ff55;
	background: rgba(0,255,0,.4);
}
.blue {
	background: #5555ff;
	background: rgba(0,0,255,.4);
}


/*
#tophr {  margin:auto; width:800px; overflow:hidden; }

#content { float:right; width: 950px; padding-bottom: 5px; background: url(../images/fear-finder-header2.jpg) top left no-repeat; }
#nav1 { float: left; width: 300px; padding-bottom: 5px; background:#464f6b url(../images/navbg.png) no-repeat; }
#nav { float: left; width: 330px; padding-bottom: 5px; background:#464f6b url(../images/navbg.png) no-repeat; }
.navh { clear:both; width:300px; margin:10px; padding:5px; background:#505b7c; color:#efefef; text-shadow:#333 1px 1px 1px; font-weight:bold; font-size:16px; font-family:Arial, Helvetica, sans-serif;}
.navc { width:300px; margin:10px; padding:5px; background:#646b7d; }
.contenth { width:728px; margin:0px 10px 10px 10px; padding:10px 6px; background:#505b7c; }
.contentc { width:728px; margin:0px 10px; padding:6px; background:#7784A2; }
#content2{ float:left; width: 955px; margin:auto; padding: 20px; }
#content3{ float:right; width: 330px; margin:auto; padding: 20px; background: url(../images/spacer2.jpg) left top repeat-y; }
#footer-content { margin:auto; height:151px; background:url(../images/navbg2.png) no-repeat; }
#content .contentc h1,h2,h3,h4,h5,h6 { padding: 6px 0; color: #ff9900;border-bottom: 2px dotted #333333;font: 30px/38px 'BloodyNormal', Arial, sans-serif; letter-spacing: 0; text-shadow:#333 1px 1px 1px; }

#cont .contenth { color:#000; text-decoration:underline; }
#content span { font-size:18px;	text-decoration: none; }
#content a { text-decoration: underline;}
#content a:hover { color: #cecece; }
#content p { padding: 20px 20px 0 20px; }
#content img { margin:0 10px; border: #740303 1px;}
#content hr { margin:10px 0px; height:1px; color:#2a2f3f; width:100%; }
#footer { width: 240px; margin:auto; height: 40px; }
#nav li { list-style-type:square; color:#fff; font-size:9px;}
#nav ul { margin: auto; }
#nav a { font-size: 12px; color: #FFF; text-decoration: underline; line-height:18px; }
#footer a { color: #999999; text-decoration: none; margin:auto; }
#footer a:hover { color: #ffffff; }
.space { height: 40px; }
.clear { clear: both; }
.date { color: #666666; float: right; margin: 0 16px 0 0; }

/*CMG ADDED

.haunted_house {margin:10px; background-color:#efefef; border:#ccc; height:115px;}
.haunted_house_title { padding:3px 8px; background:#666666; font-size:13px; font-weight:bold; color:#EFEFEF; text-shadow:#333 1px 1px 1px; }
.haunted_house_content a {color:#333;}
.haunted_house_content {padding:8px; font-size:11px; line-height:18px;}

ul.list_noresults { width:280px; float:left;}
.ty_title{ padding: 6px 0; color: #990000;border-bottom: 2px dotted #333333;font: 64px/72px 'ZeroZeroIsRegular', Arial, sans-serif; letter-spacing: -1px; text-shadow:#333 1px 1px 1px; }
a.gessolarge { display:block; height:88px;background:url(../images/btn-dload.png) no-repeat; width:608px; font: 64px/88px 'GessoRegular', Arial, sans-serif; letter-spacing: -1px; text-shadow:#333 1px 1px 1px; text-decoration:none;}
*/



/* Form */
form {
	display:block;
	width: 400px;
	margin: 10px 0px;
}

label {
	display: block;
	margin-top : 8px;
	width:100%;
	background-repeat: no-repeat;
}


/* Congratulation message */
.MsgSent {
	Display: block;
	padding: 10px;
	margin: 40px auto;
	width: 400px;
	text-align: center;
	border: 1px solid #EEE;
	background-color: white;
}

.MsgSent h1 {
	background: url(../images/MsgSent.gif) no-repeat 0 0;
	padding-left: 20px;
	height: 85px;
	line-height: 85px;
}

/* Error message */
.MsgError {
	Display: block;
	padding: 10px;
	margin: 40px auto;
	width: 400px;
	text-align: center;
	border: 1px solid #EEE;
	background-color: white;
}

.MsgError h1 {
	background: url(../images/MsgError.gif) no-repeat 0 0;
	padding-left: 20px;
	height: 85px;
	line-height: 85px;
	color: #CC0000;
}

.MsgSent p, .MsgError p {
	font-size: 1.3em;
	color:#999;
}

/***** Niceforms *****/
/*##########################################
Name: Default styling for Niceforms v.1.0
Author: Lucian Slatineanu
URL: http://www.badboy.ro/
##########################################*/


/*Forms defaults - change as needed*/
input, textarea {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#404040;
}
label {
	color:#999;
	cursor:pointer;
	padding-left:2px;
	line-height:16px;
}
label.chosen {color:#333;}

/*Transparent items*/
.outtaHere {
	position:absolute;
	left:-3000px;
}

/*Text inputs*/
.textinput, .textinputHovered {
	height:15px;
	background:url(../images/input_bg.gif) repeat-x left top;
	border:none;
	padding:4px 0;
	vertical-align:middle;
}
.textinputHovered {background-position:left bottom;}
.inputCorner {
	padding-bottom:0;
	vertical-align:middle;
}

/*Text areas*/
.txtarea .tr, .txtarea .tr_xon {background:url(../images/txtarea_tr.gif) no-repeat top right;}
.txtarea .tr_xon {background:url(../images/txtarea_tr_xon.gif) no-repeat top right;}
.txtarea img.txt_corner {
	width:5px;
	height:5px;
	display:block;
}
.txtarea .br, .txtarea .br_xon {background:url(../images/txtarea_br.gif) no-repeat top right;}
.txtarea .br_xon {background:url(../images/txtarea_br_xon.gif) no-repeat top right;}
.txtarea .cntr {background:url(../images/txtarea_cntr.gif) repeat-y right top;}
.txtarea .cntr_xon {background:url(../images/txtarea_cntr_xon.gif) repeat-y right top;}
.txtarea .cntr_l, .txtarea .cntr_l_xon {
	width:5px;
	background:url(../images/txtarea_l.gif) repeat-y left top;
	float:left;
}
.txtarea .cntr_l_xon {background:url(../images/txtarea_l_xon.gif) repeat-y left top;}
.txtarea textarea {
	border:0;
	background:none;
	padding:0;
	margin:5px;
}

/*Selects*/
.selectArea {
	width:200px;
	height:21px;
	background:url(../images/select_bg.gif) repeat-x left top;
}
.selectArea .left {
	width:8px;
	height:21px;
	float:left;
	background:url(../images/select_left.gif) no-repeat left top;
}
.selectArea .right {
	width:21px;
	height:21px;
	float:right;
	background:url(../images/select_right.gif) no-repeat left top;
}
.selectArea .right a {
	display:block;
	width:200px;
	height:21px;
	margin-left:-179px;
	position:absolute;
}
.selectArea .right i {display:none;}
.selectArea .center {
	width:160px;
	color:#FFF;
	padding-top:3px;
	overflow:hidden;
	white-space:nowrap;
}

/*Button*/
.buttonSubmit, .buttonSubmitHovered {
	width:auto;
	height:26px;
	color:#FFF;
	font-weight:bold;
	padding:2px;
	background:url(../images/button_bg.gif) repeat-x left top;
	cursor:pointer;
	border:none;
}
.buttonSubmitHovered {background-position:left bottom;}
.buttonImg {vertical-align:bottom;}


					  				  
/*
	UTILITY STYLES
*/				  				  
					  				  
.floatLeft 									{ float: left; margin-right: 10px;}
.floatRight									{ float: right; }
.clear 										{ clear: both; }
a											{ outline: none; }


/*
	PAGE STRUCTURE
*/
#page-wrap 									{ width: 250px; position: relative; min-height: 330px;
											  background: url(images/bg.png) top center; }


/*
	TYPOGRAPHY
*/
ul											{ list-style: square inside; }

blockquote									{ padding: 0 20px; margin-left: 20px; border-left: 20px solid #ccc; font-size: 14px; 
									  		  font-family: Georgia, serif; font-style: italic; margin-top: 10px;}

/*
	SLIDER
*/
.slider-wrap								{ width: 250px;  }			
.stripViewer .panelContainer 
.panel ul									{ text-align: left; margin: 0 15px 0 30px; }
.stripViewer								{ position: relative; overflow: hidden; width: 250px; height: 250px; margin-bottom:5px; }
.stripViewer .panelContainer				{ position: relative; left: 0; top: 0; }
.stripViewer .panelContainer .panel			{ float: left; height: 100%; position: relative; width: 250px; }
.stripNavL, .stripNavR, .stripNav			{ display: none; }
.nav-thumb 									{ border: 1px solid black; margin-right: 5px; }
#movers-row									{ margin: -73px 0 0 57px; }
#movers-row div								{ width: 20%; float: left; }
#movers-row div a.cross-link 				{ float: right; }
.photo-meta-data							{ background: url(../images/transpBlack.png); padding: 10px; height: 50px; 
											  margin-top: -64px; position: relative; z-index: 9999; color: white; }
.photo-meta-data span 						{ font-size: 13px; }
.cross-link									{ display: block; width: 62px; margin-top: -14px; 
											  position: relative; padding-top: 15px; z-index: 9999; }