body {
	background: #000000;
	margin: 0px auto;
	height: 100%;
}

.hide {
	display: none;
}
.right {
	float: right;
}
.left {
	float: left;
}
.clear {
	clear: both;
	height: 1px;
	overflow: hidden;
	margin-top: -1px;
}

h1#logo {
	height: 75px;
	width: 150px;
	font-size: 0;
	line-height: 0;

}

h1#logo a {
	display: block;
	background: url(../gfx/v21_logo_fulp2.gif) no-repeat;
	height: 75px;
	text-indent: -4000px;
}

#wrapper {
	border: 0px solid red;
	width: 950px;
	height: 800px;
	margin: 0px auto;
	padding: 0px;
	\\background: url(../gfx/v21_homebg.jpg) no-repeat #000000;
	\\background: #ffffff;
	position: relative;
	\\overflow: hidden;
}

/* home */

#banner_wrapper {
	font-family:  Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 13px;
	width: 950px;
	height: 262px;
	\\position: absolute;
	border: 0px solid red;
	overflow: hidden;

}

#home_banner {
	font-family:  Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 13px;
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 10px 0px;
	width: 950px;
	height: 242px;
	background-color: #000000;
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
	color: #ffffff;
	\\border: 1px solid red;



}

	.banner a, .banner a:visited {
		color: #ffffff;
		text-decoration: none;
	}


	.banner a:hover {
		color: #037bfd;
	}



#home_left {
	border: 0px solid blue;
	width: 180px;
	height: 232px;
	float: left;
	padding: 10px 0px 0px 0px;
	text-align: right;
	background: #000000;
	position: relative;
	top: -252px;
	\\overflow: hidden;


}

	#home_left li {
		list-style: none;
	}

	#home_left img {
		border: 0px;
	}

	*html #home_left ul {
		margin-top: 14px;
	}

#home_mid {
	border: 0px solid blue;
	\\width: 380px;
	height: 232px;
	float: left;
	padding: 10px 0px 0px 20px;
	background: #000000;
	position: relative;
	top: -252px;
	\\overflow: hidden;

}

#home_right {
	border: 0px solid blue;
	width: 343px;
	height: 232px;
	float: left;
	padding: 10px 0px 0px 0px;
	background: #000000;
	position: relative;
	top: -252px;
	\\overflow: hidden;
	color: #cccccc;

}

	#home_right ul {
		margin-left: 0px;
		padding-left: 0px;
		display: inline;
	} 
	
	#home_right li {
		border: 0px solid red;
		margin: 0px 0px 0px 0px;
		list-style: none;
		display: inline;
	}

	#home_right li a {
		padding: 22px 37px 22px 37px;


	}

	#home_right li a:hover {
		\\background: url(../gfx/glow_uic_on.gif) no-repeat;
	}

	li.uic a {
		background: url(../gfx/glow_uic_off.gif) no-repeat;
	}

	li.uic a:hover {
		background: url(../gfx/glow_uic_on.gif) no-repeat;
	}

	li.corlac a {
		background: url(../gfx/glow_corlac_off.gif) no-repeat;
	}

	li.corlac a:hover {
		background: url(../gfx/glow_corlac_on.gif) no-repeat;
	}

	li.stettler a {
		background: url(../gfx/glow_stettler_off.gif) no-repeat;
	}

	li.stettler a:hover {
		background: url(../gfx/glow_stettler_on.gif) no-repeat;
	}

	li.wilco a {
		background: url(../gfx/glow_wilco_off.gif) no-repeat;
	}

	li.wilco a:hover {
		background: url(../gfx/glow_wilco_on.gif) no-repeat;
	}

	li.dein a {
		background: url(../gfx/glow_dein_off.gif) no-repeat;
	}

	li.dein a:hover {
		background: url(../gfx/glow_dein_on.gif) no-repeat;
	}

	li.peaceland a {
		background: url(../gfx/glow_peaceland_off.gif) no-repeat;
	}

	li.peaceland a:hover {
		background: url(../gfx/glow_peaceland_on.gif) no-repeat;
	}

	li.force a {
		background: url(../gfx/glow_force_off.gif) no-repeat;
	}

	li.force a:hover {
		background: url(../gfx/glow_force_on.gif) no-repeat;
	}

	li.maloney a {
		background: url(../gfx/glow_maloney_off.gif) no-repeat;
	}

	li.maloney a:hover {
		background: url(../gfx/glow_maloney_on.gif) no-repeat;
	}

	.fulpgroup_top {
		margin-top: 40px;
	}

	.fulpgroup_bottom {
		margin: 34px 0px 14px 0px;
	}

	*html .fulpgroup_top {
		margin-top: 48px;
	}

	*html .fulpgroup_bottom {
		margin: 34px 0px 14px 0px;
	}

	#home_right table {
		border-collapse: collapse;
	}

	#home_right table td {
		border: 0px solid red;
		vertical-align: top;
		width: 171px;
	}

	#home_right a {
		color: #8395b6;
		text-decoration: none;
	}

	#home_right a:visted {
		color: #8395b6;
		text-decoration: none;
	}


	#home_right a:hover {
		color: #037bfd;
	}






/* contact dropdown */

.container {
	font-family:  Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 13px;
	width:950px; 
		
	margin:0px auto; 
	position:relative;
	z-index:12;
	}

	
/* Positions the contact form so it doesn't interfere with any other content, as well as a z-index above any other elements on the page */	
#contactFormContainer {
	position:absolute;
	left:368px;
	z-index:1;
	}
	
/* Hides the whole contact form until needed */	
#contactForm {
	height:375px;
	width:558px;
	background:#515151 url(../images/birdy.jpg) no-repeat 241px 11px; 
	border:1px solid #929191;
	display:none;
	padding:7px 12px; 
	color:#fff
	}   

*html #contactForm {
	height: 350px;
}

/* Loading bar that will appear while the ajax magic is happening */
.bar{
	display:none; 
	background:url(../gfx/ajax-loader.gif) no-repeat center; 
	margin-top:100px; 
	height:40px; width:230px;
	}
	
/* Hides the confirmation message until needed */	
#messageSent {display:none;}

/* This hides the form validation alert messages until needed */
#contactForm span { 
	display:none; 
	font-size:9px; 
	line-height:10px; 
	padding-left:6px; 
	color:#f5c478;
	}
	
/* Some styling for the contact button */
#contactFormContainer .contact {
	height:47px; width:211px;
	background:url(../gfx/contact_me.png) no-repeat; 
	position:absolute; 
	left: 367px; bottom: 37px; 
	cursor:pointer;
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
	font-family:  Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 13px;
	}

*html #contactFormContainer .contact {
	position:absolute; 
	left: 369px; bottom: 18px; 
}

			
/* Hides the darkening layer for the Modal effect. The z-index is necessary for layering purposes, and be sure to keep the positioning/height/width the same */	
#backgroundPopup{
	display:none; 
	position:fixed; 
	_position:absolute; 
	height:100%; width:100%; 
	top:0; left:0;
	background:#000; 
	z-index:11;
	}  
	
/* Form styling from here on out. There is nothing in here that you HAVE to use to get this to work */	
#contactForm textarea{
	width:300px; 
	background:#6d6d6d url(../gfx/contact_input.png) repeat-x top; 
	color:#fff; 
	border:1px solid #8a8a8a; 
	height:15px; 
	line-height:14px; 
	font-size:11px; 
	padding:2px 2px 0px;
	}

#contactForm input {
	width:200px; 
	background:#6d6d6d url(../gfx/contact_input.png) repeat-x top; 
	color:#fff; 
	border:1px solid #8a8a8a; 
	height:15px; 
	line-height:14px; 
	font-size:11px; 
	padding:2px 2px 0px;
	}

#contactForm input {background-position:0px -20px;}
#contactForm textarea {height:114px; font-family:Verdana, Geneva, sans-serif;}
#contactForm .submit {
	border:1px solid #aba8a8; 
	background:#e5e5e5; 
	text-transform:uppercase; 
	color:#4d4d4d; 
	font-weight:bold; 
	padding:7px 16px 7px 14px; 
	height:37px; width:124px; 
	cursor:pointer; 
	float:left; 
	margin-top:176px;
	margin-left: 150px;
	}

*html #contactForm .submit {
	margin-left: 50px;
}

#contactForm .submit:active {background:#cacaca; }
#contactForm label {padding-left:4px; font-weight:bold;}
#contactForm p {padding-bottom:8px;}
#contactForm .input_boxes {
	float:left;
	width:204px;
}


.bottomlink {position:absolute; bottom:0;}








/* template */

#nav {
	font-family:  Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 13px;
	width: 200px;
	height: 800px
	padding: 54px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	\\text-align: right;
	float: left;
	border: 0px solid red;
	\\background: #000000;
	\\position: relative;
	color: #ffffff;
}

	#nav img {
		border: 0px;
	}

.nav_career {
	font-family:  Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 13px;
	width: 250px;
	height: 800px
	padding: 54px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	\\text-align: right;
	float: left;
	border: 0px solid red;
	\\background: #000000;
	\\position: relative;
	color: #ffffff;
}

	.nav_career img {
		border: 0px;
	}

.spacer_career {
	width: 267px;
	height: 800px;
	float: left;
	border: 0px solid red;
}

#spacer {
	width: 317px;
	height: 800px;
	float: left;
	border: 0px solid red;
}

#content_wrapper {
	width: 411px;
	height: 756px;
	padding: 0px;
	margin: 44px 0px 0px 0px;
	border: 0px solid blue;
	float: left;
	\\position: relative;
}


#content_bg {
	width: 411px;
	height: 756px;
	padding: 0px 0px 0px 0px;
	border: 0px solid blue;
	background: #000000;
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
	\\position: relative;
}

#content {
	font-family:  Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 13px;
	width: 361px;
	\\height: 10px;
	margin: -756px 0px 0px 0px;
	padding: 28px 25px 28px 25px;
	border: 0px solid green;
	position: relative;
	color: #ffffff;

}

#content li {
	list-style: square;
	margin-left: -20px;
}

#content li a, #content li a:visited {
	color: #8395b6;
	text-decoration: none;
}

#content li a:hover {
	color: #037bfd;
}

#content img {
	border: 0px;
}

#content a, #content a:visited {
	color: #8395b6;
	text-decoration: none;
}

#content a:hover {
	color: #037bfd;
}

.logo {
	float: left;
	width: 174px;
	\\height: 175px;
	border-top: 1px solid #555555;
	color: #cccccc;
	\\background: #cccccc;

}

.logo img {
	border: 0px;
}

.logolink {
	float: left;
	width: 174px;
	\\height: 175px;
	\\border: 1px solid red;
	color: #cccccc;
	border-top: 1px solid #555555;
	padding: 8px 0px 8px 0px;
	\\background: #cccccc;
	padding-top: 65px; 
}

.logolink a, .logolink a:visited {
	color: #8395b6;
	text-decoration: none;
}

.logolink a:hover {
	color: #037bfd;
}

.title {
	font-size: 13px; 
	font-weight: bold; 
	color: #ffffff;
}

.post {
	margin-bottom: 10px;
}

.posthead {
	font-size: 15px;
}

.date {
	font-size: 11px;
	color: #cccccc;
}

#gallery img {
	border: 1px solid #ffffff;
	margin: 5px 0px 0px 0px;
}

*html #gallery img {
	margin: 3px 0px 0px 0px;
}


#gallery table, #gallery table td {
	vertical-align: top;
	border-collapse: collapse;
}

.prev, .next {
	font-family:  Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	height: 62px;
	width: 15px;
	border: 0px solid #000000;
	cursor: pointer;
	background-color: #cccccc;
}

.carousel-size {
	width: 150px;
	height: 113px;
}


.about {
	background: url(../gfx/v21_testbg.jpg) no-repeat #000000;
}

.process {
	background: url(../gfx/v21_bg_process.jpg) no-repeat #000000;
}

.rotate {
	background: url(../scripts/image_rotate/main/rotate.php) no-repeat;
}

.indexbg {
	background: url(../gfx/v21_testbg2.jpg);
}

/* legal */

#spacer_legal {
	width: 25px;
	height: 800px;
	float: left;
	border: 0px solid red;
}

#content_wrapper_legal {
	width: 703px;
	height: 756px;
	padding: 0px;
	margin: 44px 0px 0px 0px;
	border: 0px solid blue;
	float: left;
	\\position: relative;
}


#content_bg_legal {
	width: 703px;
	height: 756px;
	padding: 0px 0px 0px 0px;
	border: 0px solid blue;
	background: #000000;
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
	\\position: relative;
}

#content_legal {
	font-family:  Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 13px;
	width: 653px;
	\\height: 10px;
	margin: -756px 0px 0px 0px;
	padding: 28px 25px 28px 25px;
	border: 0px solid green;
	position: relative;
	color: #ffffff;

}

#content_legal li {
	list-style: square;
	margin-left: -20px;
}

#content_legal img {
	border: 0px;
}

#content_legal a, #content a:visited {
	color: #8395b6;
	text-decoration: none;
}

#content_legal a:hover {
	color: #037bfd;
}

/* Footer index */

#index_footer {
	font-family:  Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff;
	width: 348px;
	padding: 4px 0px 0px 4px;
	margin: 200px 0px 0px 598px;
}

	#index_footer a {
		color: #8395b6;
		text-decoration: none;
		font-weight: bold;
	}

	#index_footer a:visited {
		color: #8395b6;
		text-decoration: none;
		font-weight: bold;
	}

	#index_footer a:hover {
		color: #037bfd;
	}


/* Footer */

#footer {
	font-family:  Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #cccccc;
	position: relative;
	padding: 0px 25px 28px 25px;
	clear: both;
}

	#footer table {
		border-top: 1px solid #555555;
		border-bottom: 1px solid #555555;
		vertical-align: top;	
	}

	#footer td {	
		border-collapse: collapse;
		vertical-align: top;
		width: 172px;
		padding-top: 8px;
	}

	#footer a, #footer a:visited {
		color: #8395b6;
		text-decoration: none;
		font-weight: bold;
	}

	#footer a:hover {
		color: #037bfd;
	}

/* Treenav */

/*
ul.fulp_treenav {
	margin-left: -40px;
}


*html ul.fulp_treenav {
	margin-left: 0px;
}

.fulp_treenav li {
	list-style-type: none;
	border-top: 1px solid #555555;
	padding: 6px 0px 6px 0px;
	background: url(..gfx/treeview-default-line.gif) 0 0 no-repeat;
}

.fulp_treenav li.collapsable, .fulp_treenav li.expandable { background-position: 0 -176px; }

.fulp_treenav a, .fulp_treenav a:visited {
	text-decoration: none;
	display: block;

}

.fulp_treenav_header a, .fulp_treenav_header a:visited {
	text-decoration: none;
	display: block;
	font-weight: bold;
}

.fulp_treenav a:hover {
	color: #ffffff;
	font-weight: bold;
	background: #037bfd;
	display: block;
}

ul.fulp_treenav li a {
	color: #ffffff;
	text-decoration: none;
}

ul.fulp_treenav li ul li a {
	color: #cccccc;

}

ul.fulp_treenav li ul{
	margin-left: -30px;
}

*html ul.fulp_treenav li ul{
	margin-left: 10px;
}

ul.fulp_treenav li ul li ul li a{
	color: #aaaaaa;

}

ul.fulp_treenav li ul li ul li ul li a{
	color: #8395b6;
}
*/


.treeview, .treeview ul { 
	padding: 0;
	margin: 0;
	list-style: none;
}

.treeview ul {
	
	margin-top: 4px;
}

.treeview .hitarea {
	background: url(../gfx/treeview-fulp.gif) -64px -25px no-repeat;
	height: 16px;
	width: 16px;
	margin-left: -16px;
	float: left;
	cursor: pointer;
}
/* fix for IE6 */
* html .hitarea {
	display: inline;
	float:none;
}

.treeview li { 
	margin: 0;
	padding: 1px 0pt 2px 16px;
}

.treeview li a {
	color: #cccccc;
	text-decoration: none;
}

.treeview li a:hover {
	color: #ffffff;
	text-decoration: none;
	background: #037bfd;
	display: block;
}

.treeview a.selected {
	background-color: #037bfd;
}

#treecontrol { margin: 1em 0; display: none; }

.treeview .hover { color: #037bfd; cursor: pointer; }

.treeview li { background: url(../gfx/treeview-fulp-line.gif) 0 0 no-repeat; }
.treeview li.collapsable, .treeview li.expandable { background-position: 0 -176px; }

.treeview .expandable-hitarea { background-position: -80px -3px; }

.treeview li.last { background-position: 0 -1766px }
.treeview li.lastCollapsable, .treeview li.lastExpandable { background-image: url(../gfx/treeview-fulp.gif); }  
.treeview li.lastCollapsable { background-position: 0 -111px }
.treeview li.lastExpandable { background-position: -32px -67px }

.treeview div.lastCollapsable-hitarea, .treeview div.lastExpandable-hitarea { background-position: 0; }










/* Map */
#map { 
	position: relative; 
	width: 700px; 
	height: 470px; 
	overflow: hidden; 
	background: #ffffff;
}

#returnlink { 
	display: block; 
	position: absolute; 
	bottom: 0; 
	right: 0;  	
	color: white; 	
	background: blue; 
	padding: 3px;
}

#map a.bullet { 
	display: block; 
	position: absolute; 
	width: 20px; 
	height: 20px; 
	background: yellow; 
	text-decoration: none; 
	border: 1px solid red; 
	opacity: .7; 
	z-index: 2; 
}

#map img.zoomable { 
}

#map div.popup { 
	display: none; 
	position: absolute; 
	width: 200px; 
	top: 100px; 
	left: 150px; 
	background: white; 
	z-index: 3; 
	padding: 10px; 
	border: 2px solid black; 
}

#map div.popup a.close { 
	display: block; 
	position: absolute; 
	bottom: 0; 
	right: 0; 
}

.map { 
	position: relative; 
	width: 700px; 
	height: 470px; 
	overflow: hidden; 
	background: #ffffff;
}

.returnlink { 
	display: block; 
	position: absolute; 
	bottom: 0; 
	right: 0;  	
	color: white; 	
	background: blue; 
	padding: 3px;
}

.map a.bullet { 
	display: block; 
	position: absolute; 
	width: 20px; 
	height: 20px; 
	background: yellow; 
	text-decoration: none; 
	border: 1px solid red; 
	opacity: .7; 
	z-index: 2; 
}

.map img.zoomable { 
}

.map div.popup { 
	display: none; 
	position: absolute; 
	width: 200px; 
	top: 100px; 
	left: 150px; 
	background: white; 
	z-index: 3; 
	padding: 10px; 
	border: 2px solid black; 
}

.map div.popup a.close { 
	display: block; 
	position: absolute; 
	bottom: 0; 
	right: 0; 
}

