body {background: #990000 url('/images/page_background.gif') repeat-x top left; margin: 0; padding: 0; color: #fff; font-family:  "Myriad Pro", Arial, "MS Trebuchet", sans-serif; }
a, a:hover, a:visited, a:link {color: #FF3300; }
a img {text-decoration: none; border: none;}
h1, h2, h3 {font-weight: normal;}

.hot {color: #FF3300 }

#z_wrapper {margin: 0 auto; width: 723px;}
#header {width: 723px; height: 82px;}
#logo {float: right;}
#content {width: 723px;}
#menu {width: 723px; height: 46px; background: #1C1C1C url(/images/menu_background.gif) repeat top left;}
#menu .col1, #menu .col2, #menu .col3, #menu .col4 {float: right;}
#menu .left {float: left;}
div.feature, div.i_feature {font-size: 9pt; padding: 0 0 0 0; margin: 0; width: 721px; height: 244px; background: #0B0B0B url(/images/feature_background.gif) repeat-x bottom left; border: 1px solid #111; border-top: none; border-bottom: none;}
.container_one, .container_two, .container_three {margin: 5px 25px 0 25px; float: left; width: 180px;}
div.feature .divider {float: left; width: 1px; height: 170px; background: #000; margin: 60px 0 0 0;}

div.i_feature {padding: 10px; height: auto; width: 701px; height: 373px; background: #DDD url('/images/i_background.gif') repeat-x top left;}

.error {background: #990000 url(/images/error_background.gif) repeat-x top left; }		 

div.feature_bottom {height: 114px; margin: 0; padding: 0;background: #990000 url(/images/package_bottom_box_background.gif) repeat-x top left; border: 1px solid #111; border-bottom: none; border-top: none;}
div.feature_bottom .divider, div.feature_bottom .col1, div.feature_bottom .col2 {float: left;}
div.feature_bottom .divider {background: #fff; width: 1px; height: 65px; margin: 25px 0 0 0;}
div.feature_bottom .col1 {padding: 10px 20px 0 20px;}
div.feature_bottom .col2 {padding: 10px 0 0 20px;}

#page_divider {height: 6px; margin: 60px 0 0 0;}

#bottom_content {height: 150px; margin: 0; padding: 0 0 0 25px;}
#bottom_left_col {}
#bottom_right_col {}

.services_image {margin: 20px 0 0 30px;}

.services div.container_one {padding: 0 103px 0 0;}

.packages div.col1 {padding: 15px 30px 0 20px;}
.packages div.col2 {padding: 10px 0 0 20px;}

.services div.col1 {padding: 20px 130px 0 20px;}
.services div.col2 {padding: 30px 0 0 25px;}

.work div.col1 {padding: 20px 30px 0 20px;}
.work div.col2 {padding: 30px 0 0 20px;}

.contact div.col1 {padding: 30px 30px 0 20px;}
.contact div.col2 {padding: 40px 0 0 20px;}

.stripViewer .panelContainer .panel ul {
	text-align: left;
	margin: 0 15px 0 30px;
}

.slider-wrap { /* This div isn't entirely necessary but good for getting the side arrows vertically centered */
	margin: 0;
	position: relative;
	width: 100%;

}
/* These 2 lines specify style applied while slider is loading */
.csw {width: 100%; height: 460px; background: #fff; overflow: scroll}
.csw .loading {margin: 200px 0 300px 0; text-align: center}

.stripViewer { /* This is the viewing window */
	position: relative;
	overflow: hidden; 
	border: none; /* this is the border. should have the same value for the links */
	margin: auto;
	width: 723px; /* Also specified in  .stripViewer .panelContainer .panel  below */
	height: 378px;
	clear: both;
	background: #0B0B0B;
}

.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
	position: relative;
	left: 0; top: 0;
	width: 100%;
	list-style-type: none;
	/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */
}

.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
	float:left;
	height: 100%;
	position: relative;
	width: 723px; /* Also specified in  .stripViewer  above */
}

.stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */
	padding: 0;
}

.stripNav { /* This is the div to hold your nav (the UL generated at run time) */
	margin: auto;
}

.stripNav ul { /* The auto-generated set of links */
	list-style: none;
	display: none;
}

.stripNav ul li {
	float: left;
	margin-right: 0; /* If you change this, be sure to adjust the initial value of navWidth in slideviewer.js */
}

.stripNav a { /* The nav links */
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	line-height: 32px;
	background: #c6e3ff;
	color: #000;
	text-decoration: none;
	display: block;
	padding: 0;
}

.stripNav a:hover {
	background: #9cf;
}

.stripNav a.current {
	background: #39c;
	color: #fff;
}

.stripNavL, .stripNavR { /* The left and right arrows */
	position: absolute;
	top: 230px;
	text-indent: -9000em;
}

.stripNavL a, .stripNavR a {
	display: block;
	height: 40px;
	width: 40px;
}

.stripNavL {
	left: 0;
}

.stripNavR {
	right: 0;
}

.stripNavL {
	background: url("/images/arrow-left.gif") no-repeat center;
}

.stripNavR {
	background: url("/images/arrow-right.gif") no-repeat center;
}

form.contact_us {margin: 40px 0 0 30px; padding: 0; float: left; ;}
												form.contact_us input, form.contact_us textarea { font-size: 10pt; background-color: #242424; border: 1px solid #333; color: #fff}
												form.contact_us .r1 {}
												
												form.contact_us .r1 .c1 {width: 180px; float: left;}
												form.contact_us .r1 .c1 input {width: 180px;}
												form.contact_us .r1 .c2 {width: 213px; float: left; padding: 0 0 0 15px;}
												form.contact_us .r1 .c2 input {width: 213px;}
												
												form.contact_us .r2 .c1 {width: 410px; margin: 0; padding: 5px 0 0 0; float: left;}
												form.contact_us .r2 .c1 textarea {width: 410px; height: 105px; padding: 0;}
												form.contact_us .send_button { float: right; margin: 8px 0 0 0;}