/* ------------------------------------------------------------------------------ */
/* An unnecessary scroll bar shows up in ie7, this is a fix to resolve this issue */
/* ------------------------------------------------------------------------------ */

html {
	overflow-x: hidden;
	overflow-y: auto;
	}



/* ------------------------------ */
/* ---------- TAG MODS ---------- */
/* ------------------------------ */

body {
	background-color: #006037;
	}



/* ----------------------------- */
/* ------------ IDs ------------ */
/* ----------------------------- */

#container {
	width: 910px;
	_height: 680px;
	min-height: 680px;
	margin: auto;
	background-image: url(../images/container_bg.gif);
	background-repeat: repeat-y;
	}

	#header {
		background-image: url(../images/header_bg.gif);
		width: 910px;
		height: 50px;
		}
	
	#center {
		width: 910px;
		_height: 587px;
		min-height: 587px;
		}
	
		#col_1 {
			width: 255px;
			height: 587px;
			float: left;
			background-image: url(../images/col_1_bg.gif);
			background-repeat: no-repeat;
			background-position: bottom left;
			position: relative;
			}
				
		#col_1_sub {
			background-image: url(../images/col_1_sub_bg.gif);
			background-repeat: no-repeat;
			background-position: bottom right;
			width: 255px;
			min-height: 587px;
			_height: 587px;
			float: left;
			position: relative;
			z-index: 500;
			}
			
		#col_2 {
			background-image: url(../images/col_2_bg.gif);
			background-repeat: no-repeat;
			width: 655px;
			height: 587px;
			float: left;
			}
			
		#col_2_sub {
			background-image: url(../images/col_2_bg.gif);
			background-repeat: no-repeat;
			width: 655px;
			_height: 587px;
			min-height: 587px;
			float: left;
			z-index: 5;
			}
			
			#subContent_container {
				position: relative;
					left: 0px;
					top: 7px;
				width: 625px;
				min-height: 401px;
				_height: 401px;
				background-image: url(../images/subContent_container_bg.gif);
				background-repeat: repeat-y;
				padding-bottom: 19px;
				margin-bottom: 8px;
				z-index: 5;
				}
				
				#subContent_title {
					color: #b4b4b4;
					width: 565px;
					font-size: 30px;
					font-family: "Arial";
					margin-left: 27px;
					padding-top: 6px;
					}
					
				#subContent_text {
					color: #787878;
					width: 565px;
					font-size: 11px;
					margin-left: 27px;
					margin-top: 5px;
					z-index: 5;
					}
				
				
			
			#flash {
				width: 655px;
				height: 422px;
				background:url(../images/.jpg) no-repeat;
				}
				
			#under_flash {
				width: 655px;
				}
				
				#home_content_left {
					background-image: url(../images/home_content_left.gif);
					background-repeat: no-repeat;
					padding: 10px;
					width: 301px;
					height: 140px;
					float: left;
					}
				
				#home_content_right {
					background-image: url(../images/home_content_right.gif);
					background-repeat: no-repeat;
					padding: 10px;
					width: 256px;
					height: 140px;
					float: left;
					margin-left: 15px;
					}
	


	#footer {
		width: 910px;
		height: 43px;
		background-image: url(../images/footer_bg.gif);
		}
		
	#sub_footer {
		width: 910px;
		background-image: url(../images/sub_footer_bg.gif);
		padding: 10px 0;
		}
			
		#clydes {
			margin: 0;
			padding: 0 0 0 40px;
			text-align: center;
			}
			
			#clydes li {
				list-style: none outside;
				display: inline;
				padding: 5px 10px;
				}
				#clydes li a:link, #clydes li a:visited {
					color: #fff;
					text-transform: uppercase;
					text-decoration: none;
					font-size: .8em;
					}
	
	
	
/* ------------------------------- */
/* ----------- CLASSES ----------- */
/* ------------------------------- */

.arrowClass {
	position: relative;
		left: 0px;
		top: -3px;
	}

.box1_text {
	width: 261px;
	}

.box2_text {
	width: 261px;
	}

.clearance {
	clear: both;
	}
	
.learnMore {
	}

.logo {
	border: none;
	position: relative;
		left: 61px;
		top: 27px;
	}
	
.pageImage {

	position: relative;
		left: 0px;
		top: 0px;
	}
	
.subi4Logo {
	border: none;
	position: relative;
		left: 339px;
	}
	
.homei4Logo {
	border: none;
	position: relative;
		left: 339px;
	}

.viewPositions {
	}
	
	#products {}

#products #categories {
margin: 0 0 15px 0;
padding: 0;
}

#products #categories li {
background: #006037 url('../images/cat_bg.gif') repeat-x;
border: 1px solid #fff;
list-style: none outside;
width: 20%;
height: 126px;
padding: 5px;
margin: 0 5px 5px 0;
float: left;
}

#products #categories li img {
background: #4c6090;
display: block;
margin: 0 auto;
border: 2px solid #162652;
}

#products #categories li a.cat-title {
color: #fff;
font-weight: bold;
padding: 5px 0;
display: block;
text-decoration: none;
text-align: center;
}

#products #categories li a.cat-title:hover { background: #4e6392; }

#products #gallery {
margin: 0;
padding: 0;
}

#products #gallery li {
background: #eee;
list-style: none outside;
float: left;
width: 140px;
height: 106px;
text-align: center;
border: 1px solid #4e6392;
margin: 0 10px 10px 0;
padding: 10px;
}

/* Highslide */
.highslide {
	cursor: url(../images/highslide/zoomin.cur), pointer;
    outline: none;
}
.highslide img {
	border: 2px solid gray;
}
.highslide:hover img {
	border: 2px solid white;
}

.highslide-image {
    border: 2px solid white;
}
.highslide-image-blur {
}
.highslide-caption {
    display: none;
    
    border: 2px solid white;
    border-top: none;
    font-family: Verdana, Helvetica;
    font-size: 10pt;
    padding: 5px;
    background-color: white;
}
.highslide-loading {
    display: block;
	color: white;
	font-size: 9px;
	font-weight: bold;
	text-transform: uppercase;
    text-decoration: none;
	padding: 3px;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
    background-color: black;
    /*
    padding-left: 22px;
    background-image: url(../images/highslide/loader.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;
    */
}
a.highslide-credits,
a.highslide-credits i {
    padding: 2px;
    color: silver;
    text-decoration: none;
	font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
    color: white;
    background-color: gray;
}

.highslide-move {
    cursor: move;
}

.highslide-overlay {
	display: none;
}

/* Controlbar example */
.controlbar {	
	background: url(../images/highslide/controlbar4.gif);
	width: 167px;
	height: 34px;
	margin-top: -5px;
}
.controlbar a {	
	display: block;
	float: left;
	/*margin: 0px 0 0 4px;*/	
	height: 27px;
}
.controlbar a:hover {
	background-image: url(../images/highslide/controlbar4-hover.gif);
}
.controlbar .previous {
	width: 50px;
}
.controlbar .next {
	width: 40px;
	background-position: -50px 0;
}
.controlbar .highslide-move {
	width: 40px;
	background-position: -90px 0;
}
.controlbar .close {
	width: 36px;
	background-position: -130px 0;
}


/* Necessary for functionality */
.highslide-display-block {
    display: block;
}
.highslide-display-none {
    display: none;
}

.ClydeImage 
{
border:1px black solid;
padding:5px 5px 5px 5px ;
margin:0px 0px 2px 5px; 
}

.ClydeImageSmall 
{
border:1px black solid;
padding:5px 5px 5px 5px ;
margin:0px 0px 2px 5px; 
}