table, div, li, a, td, p, span, b { 
	/*border:1px solid #ff0000; */
} 

/* Main elements and styles */

body, html {
	background-image:url(../img/bg_top.gif);
	background-position:top;
	background-repeat:repeat-x;
	background-color:#636b00;	
	margin:0;
	padding:0;
	height:100%;
	font-family:"Trebuchet Ms", "Tahoma", "Arial", "Helvetica", sans-serif;
	font-size:14px;
	color:#000000;	
}

/* forms, inputs */
form {
	padding:0px;
	margin:0px;
}
select, input {
	font-size:12px;
}

/* headers */
h2 {
	font-size:25px;
	font-family:"Impact", "Tahoma";
	color:#8fa201;
	margin-top:20px;
	font-weight:normal;
	margin-bottom:20px;
}	
h3 {
	font-size:17px;
	color:#e3e476;
	width:264px;
	padding:15px;
	padding-top:14px;
	padding-bottom:25px;
	margin-top:10px;
	margin-bottom:0px;
	background-image:url('../img/bg_h3.gif');
	background-position:left top;
	background-repeat:no-repeat;	
}
h4 {
	font-size:15px;
	color:#e3e476;
	margin-bottom:5px;
	margin-top:0px;
}

/* links */
a {
	cursor:pointer;
	text-decoration:underline;
	border-bottom:1px transparent;
	color:#868b00;
	font-style:italic;
}
a:hover {
	color:#8fa201;
	text-decoration:underlined;
	border-bottom:1px dashed #868b00;
}

/* some useful font styles */	
font.red {
	color:#CC0000;
}
font.grey {
	color:#777777;
}

/* paragraph */
p {
	margin-top:10px;
	margin-bottom:10px;
}

/* various containers */
div.error {
	background-color:#FFFFCC;		
	border:1px solid #000000;		
	padding:10px;
	margin-bottom:10px;
	margin-top:10px;		
	color:#CC0000;		
}
span.left, div.left, img.left {
	float:left;
}
span.right, div.right, img.right {
	float:right;
}
span.center, div.center {
	text-align:center;
}
div.justify {
	clear:both;
	float:none;
	height:0px;
	font-size:0px;
	line-height:0px;
	margin-top:-5px;
	background-color:none;
}
a img {
	border:0px;
}	

/* Main wrappers */

/* table for 100% height */
table.main_wrapper {
	border-collapse:collapse;	
	height:100%;
	width:100%;
}
table.main_wrapper tr td.center {
	width:930px;
	vertical-align:top;	
}
table.main_wrapper tr td.left {
	background-image:url(../img/bg_body_left.jpg);
	background-position:right top;
	background-repeat:repeat-x;
}
table.main_wrapper tr td.right {
	background-image:url(../img/bg_body_right.jpg);
	background-position:left top;
	background-repeat:repeat-x;
}
table.main_wrapper tr td.bottom {
	background-image:url(../img/bg_bottom_loop.gif);
	background-position:bottom;
	background-repeat:repeat-x;	
	height:155px;
	vertical-align:bottom;
}

/* main wrapper */
div.body_wrapper {
	background-image:url(../img/bg_loop.gif);
	background-repeat:repeat-y;
	background-position:center;
	margin:auto;
	width:930px;
}

/* top container */
div.top_container {
	background-image:url(../img/bg_top.gif);
	background-position:top;
	background-repeat:repeat-x;
	height:100px;
	position:relative;
}
div.top_container a.logo {
	display:block;
	position:absolute;
	left:15px;
}
div.top_container div.navigation_box {
	position:absolute;
}
div.header_box {
	position:absolute;
	top:-23px;
	text-align:center;
	width:930px;
}
div.header_box div.buttons_box {
	position:absolute;
	height:200px;
	width:50px;
	top:50px;
	left:-3px;
}
div.header_box div.buttons_box a, div.header_box div.buttons_box a:hover {
	position:relative;
	float:left;
	border:0px;
}
div.header_box div.buttons_box a span {
	display:none;
	position:absolute;
	top:0px;
	left:0px;	
}
div.header_box div.buttons_box a:hover span {
	display:block;
}
div.header_box div.form_box {
	position:absolute;
	top:22px;
	right:35px;
	width:429px;
	height:55px;
	background-image:url('../img/bg_form_closed.jpg');
	background-position:top;
	text-align:left;
}
div.header_box div.form_box input.field, div.header_box div.form_box textarea {
	background-color:#f1f1f1;
	font-size:12px;
	border:0px;	
	width:175px;
}
div.header_box div.form_box input.field {	
	height:17px;
	position:absolute;
	right:25px;
	top:19px;
}
div.header_box div.form_box textarea {	
	height:160px;
	position:absolute;
	right:25px;
	top:65px;
	font-family:"Trebuchet Ms", "Tahoma", "Arial", "Helvetica", sans-serif;
}
div.header_box div.form_box div.drop_box {
	margin:15px;
	margin-top:60px;
	padding-left:5px;
	padding-top:5px;
	padding-bottom:5px;
	width:175px;
	color:#eaebad;
	display:none;
	text-align:center;
}
div.header_box div.form_box div.drop_box div.checks {
	border-top:1px solid #959a03;
	border-bottom:1px solid #959a03;
	text-align:left;
	margin-bottom:12px;
	padding-left:5px;
}
div.header_box div.form_box div.drop_box div.checks  p {
	font-size:11px;
}
div.header_box div.form_box div.drop_box  div.checks p input {
	vertical-align:middle;
	margin-right:8px;
}
div.header_box div.form_box div.drop_box a, div.header_box div.form_box div.drop_box a:hover {
	border:0px;
}
/* main menu container + structure */
div.menu_container {
}
	div.menu_container ul {
		padding:0px;
		margin:0px;
		padding-left:220px;
		padding-top:13px;
		list-style:none;
	}
	div.menu_container ul li {
		float:left;
	}
	div.menu_container ul li a {
		width:auto;
		display:block;
		height:65px;
		border:0px;
	}	
	div.menu_container ul li a:hover {
		border:0px;
	}
	div.menu_container ul li#selected {
	}	
	div.menu_container ul li#selected a, div.menu_container ul li#selected a:hover {
	}
	/* pics */
	div.menu_container ul li#about a {
		background-image:url(../img/menu_about.gif);
		width:128px;
	}
	div.menu_container ul li#about a:hover {
		background-image:url(../img/menu_about_.gif);
	}	
	div.menu_container ul li#solutions a {
		background-image:url(../img/menu_solutions.gif);
		width:128px;
	}
	div.menu_container ul li#solutions a:hover {
		background-image:url(../img/menu_solutions_.gif);
	}		
	div.menu_container ul li#vision a {
		background-image:url(../img/menu_vision.gif);
		width:173px;
	}
	div.menu_container ul li#vision a:hover {
		background-image:url(../img/menu_vision_.gif);
	}	
	div.menu_container ul li#portfolio a {
		background-image:url(../img/menu_portfolio.gif);
		width:125px;
	}
	div.menu_container ul li#portfolio a:hover {
		background-image:url(../img/menu_portfolio_.gif);
	}	
	div.menu_container ul li#contact a {
		background-image:url(../img/menu_contact.gif);
		width:129px;
	}
	div.menu_container ul li#contact a:hover {
		background-image:url(../img/menu_contact_.gif);
	}				

/* submenu container + structure */
div.submenu_container {
}
	div.submenu_container ul {
		padding:0px;
		margin:0px;
		list-style:none;	
	}
	div.submenu_container ul li {
	}
	div.submenu_container ul li a {
	}
	div.submenu_container ul li a:hover {
	}
	div.submenu_container ul li#selected a, div.submenu_container ul li#selected a:hover {
	}

/* main body area containers */
div.body_container {
	background-image:url(../img/bg_body_bottom.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
	padding-bottom:30px;
	position:relative;
}
div.body_container div.left {
	width:200px;
	float:left;
}
div.body_container div.right {
	width:600px;
	float:right;
}

/* title/navigation box */
div.title_box {
}
div.title_box img {
	vertical-align:bottom;
}
div.title_box span.left  {
}
div.title_box span.right {
}

/* pages box */
div.pages_box {
}	
div.pages_box a {
}
div.pages_box span.left {
}
div.pages_box span.right {
}
div.pages_box b {
	padding:8px;
	padding-top:3px;
	padding-bottom:3px;
	display:inline-block;
	background-color:#000000;			
	color:#FFFFFF;
}
div.pages_box b a, div.pages_box b a:hover {
	color:#FFFFFF;
	text-decoration:none;
}

/* content wrapper */
div.content_wrapper {
	background-image:url(../img/bg_body.jpg);
	background-position:top;
	background-repeat:no-repeat;
	padding-top:305px;
	min-height:270px;
}
div.content_container {
	background-image:url(../img/bg_content.jpg);
	background-position:top;
	background-repeat:no-repeat;
	width:900px;
	margin:auto;
	background-color:#000000;
	min-height:280px;
	margin-bottom:-12px;
	position:relative;
}
div.content_container div.bottom {
	background-image:url(../img/bg_content_bottom.jpg);
	background-position:bottom;
	width:900px;
	height:10px;
	position:absolute;
	bottom:0px;
}

/* bottom container */
div.bottom_container {
	background-image:url(../img/bg_footer.jpg);
	background-position:top;
	background-repeat:no-repeat;
	width:930px;
	margin:auto;
	height:154px;
	position:relative;
	color:#6a7100;
	font-size:13px;
}
div.bottom_container div.left {
	padding-left:50px;
	padding-top:24px;
	padding-bottom:24px;
	font-style:italic;
}
div.bottom_container div.right {
	padding-right:50px;
	padding-top:24px;
	color:#999999;
}
div.footer {
}
div.footer a, div.footer a:hover {
}

/* WYSIWYG containers style */
div#wysiwyg {
	line-height:25px;
	font-size:14px;
	color:#FFFFFF;
	padding-bottom:35px;
	padding-top:20px;
}
div#wysiwyg p, div#wysiwyg, div#wysiwyg table, div#wysiwyg ul, div#wysiwyg input, div#wysiwyg textarea {
	font-family:"Trebuchet Ms", "Tahoma", "Arial", "Helvetica", sans-serif;
}
div#wysiwyg a {
}

/* other */

div.column_box {
	float:left;
	width:264px;
	font-size:13px;
	margin-right:18px;
	line-height:18px;
	border-bottom:1px dotted #323232;
	color:#e1e1e1;
}
div.column_box p {
	margin-left:15px;
	margin-right:15px;
}
div.column_box a.more {
	display:block;
	background-image:url('../img/btn_more.gif');
	background-position:right;
	background-repeat:no-repeat;
	width:100%;
	height:38px;
	border:0px;
	text-decoration:none;
}
div.column_box a.order:hover {
	background-image:url('../img/btn_order_.gif');
}
div.column_box a.order {
	display:block;
	background-image:url('../img/btn_order.gif');
	background-position:right;
	background-repeat:no-repeat;
	width:100%;
	height:38px;
	border:0px;
	text-decoration:none;
}
div.column_box a.more:hover {
	background-image:url('../img/btn_more_.gif');
}
div.quote_box#small {
	float:right;
	width:230px;
	margin:0px;
	margin-top:12px;
}
div.quote_box {
	background-image:url('../img/bg_quote_bottom.gif');
	background-position:bottom right;
	background-repeat:no-repeat;
	font-size:12px;
	line-height:18px;
	color:#aaaaaa;
	background-color:#343434;
	padding:22px;
	margin:20px;
}
div.quote_box h4 {
	background-image:url('../img/bg_quote_top.gif');
	background-position:top left;
	background-repeat:no-repeat;
	margin-left:-22px;
	margin-top:-22px;
	padding-left:22px;
	padding-top:22px;
}
div.quote_box a, div.column_box a {
	color:#e3e476;
	font-weight:bold;
}

/* CODA SLIDER */

p.intro { border-bottom: 1px solid #ccc; margin-bottom: 20px; padding: 20px 0 30px 0; text-align: center; width: 100% }

p#cross-links { text-align: center }

p#cross-links { border-bottom: 1px solid #ccc; margin-bottom: 30px; padding-bottom: 30px }

noscript p, noscript ol { color: #a00; font-size: 13px; line-height: 1.4em; text-align: left }
noscript a { color: #a00; text-decoration: underline }
noscript ol { margin-left: 25px; }

a:focus { outline:none }

img { border: 0 }

.stripViewer .panelContainer .panel ul {
	text-align: left;
}

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

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

.stripViewer { /* This is the viewing window */
	position: relative;
	overflow: hidden; 
	margin: auto;
	width: 840px; /* Also specified in  .stripViewer .panelContainer .panel  below */
	height: auto;
	clear: both;
}

.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: 840px; /* Also specified in  .stripViewer  above */	
}

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

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

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

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

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

.stripNav li.tab1 a { background: #60f }
.stripNav li.tab2 a { background: #60c }
.stripNav li.tab3 a { background: #63f }
.stripNav li.tab4 a { background: #63c }
.stripNav li.tab5 a { background: #00e }

.stripNav li a:hover {
	background: #333;
}

.stripNav li a.current {
	background: #000;
	color: #fff;
}
.stripNavR, .stripNavL {
	display:none;
}
div.footerlinks a {
	color:#FFFBF0
}