@charset "utf-8";
/* CSS IE */

body {
	background:#415634 url(images/BkgStrip.gif) center top repeat-y;
	text-align:center;
	padding: 0;
}


.bkg-float {
	position:absolute;
	display:block;
	left: 0px;
	top: 0px;
	width: 1265px;
	height:880px;
	background:url(images/BkgStrip.jpg) top center repeat-y ;
	z-index:-9999;
	margin:auto;
	padding:0;
	}

/* ---------------------------------<p>, <h> and <span>----------------------*/	
h1.welcome {
	font-size:16px;
	margin: 0px 15px 0px 10px;
	font-family:Arial, Helvetica, sans-serif
	}
	
h1.paleGreen {
	font-size:16px;
	margin: 10px 15px 0px 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: normal;
	border-bottom: thin solid #394d2e;
	text-indent: 10px;
	text-transform: capitalize;
	color: #6d8858;
	}

h1.aboutus {
	font-size:18px;
	margin: 10px 15px 10px 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: normal;
	border-bottom: thin solid #394d2e;
	text-indent: 10px;
	text-transform: capitalize;
	color: #6d8858; 
	}
	
h1.second {
	font-size:14px;
	margin: 10px 15px 0px 10px;
	font-family:Arial, Helvetica, sans-serif;
	}
	
h1.media {
	font-size:14px;
	margin: 10px 15px 5px 10px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	border-bottom: solid thick #fff;
	font-weight: normal;
	}


p.home {
	color:#000000;
	font-size:12px;
	margin: 0px 15px 10px 10px;
	font-family:Arial, Helvetica, sans-serif
	}

p.media {
	color:#fff;
	font-size:12px;
	margin: 0px 12px 0px 10px;
	font-family:Arial, Helvetica, sans-serif;
	padding:0;
	line-height:1em;
	}
	

p.par-products {
	color:#000000;
	font-size:14px;
	margin: 10px 5px 10px 5px;
	font-family:Arial, Helvetica, sans-serif;
	line-height:1em;
	}

.product-Group-title {
	text-align:left;
	font-size:14px;
	color:#003300;
	font-weight:bold;
	line-height:1em;
	}
	
.new-media {
	text-align:left;
	font-size:12px;
	color:#003300;
	font-weight:bold;
	line-height:1em;
	}


.bigcaps {
	font-size: 24px
	}

.medcaps {
	font-size: 19px
	}



/* ---------------------------------Divs----------------------------*/	
#container {
	background: #fff;
	border-bottom: 5px solid #94a88d;
	position: relative;
	text-align: left;
	min-height: 100%;
	height: auto;
	height: 100%;
	margin:0 auto;
	margin-top: 10px;
	width: 800px;
	padding: 3px;
	}
	
	#container-alt {
	background: #fff;
	border-bottom: 5px solid #94a88d;
	position: relative;
	text-align: left;
	min-height: 100%;
	height: auto;
	height: 100%;
	margin:0 auto;
	margin-top: 10px;
	width: 800px;
	padding: 3px;
	}
	
.top {
	width:788px;
	height:350px;
	margin:6px 0px -15px 6px;
	display: block;
	}
	
.bottom {
	width:789px;
	height:380px;
	padding:0px 0px 0px 0px;
	display:block;
	margin:-9px 0px 0px 6px;
	border:#1e451a thin solid
	}

.bottom-full{
	width:789px;
	height:490px;
	padding:0px 0px 0px 0px;
	display:block;
	margin:-9px 0px 0px 6px;
	border:#1e451a thin solid;
	background:url(images/ShykonSlogan.gif) bottom right no-repeat	#b3d88c
}

#left-column {
	width: 303px;
	margin:auto;
	background:url(images/ShykonLogo.jpg) left top no-repeat;
	height:350px;
	float: left;
	}
	
#left-column-bottom {
	float: left;
	width: 209px;
	margin:auto;
	height:725px;
	background:#94a88d url(images/asseenon.gif) bottom  no-repeat;
	}
	
#left-column-bottom-short{
	float: left;
	width: 287px;
	margin:10px 0px 0px 0px;
	background-color:#b3d88c;
	height:320px;
	padding: 20px 0px 0px 0px;
	border-right: solid #394d2e thin;
	}
	
	
#left-column-bottom-picBox{
	width: 230px;
	margin:20px;
	background:#b3d88c url(images/aboutpic.jpg) center no-repeat;
	height:180px;
	padding: 0px 0px 0px 14px;
	}
	
#right-column {
	display:block;
	float: right;
	height: 350px;
	width: 480px;
	margin:auto;
	}
		
#right-columnbottom {
	float: right;
	height: 725px;
	width: 580px;
	background:url(images/ShykonSlogan.gif) right bottom no-repeat  #b3d88c;
	}
	
#right-column-bottom-short {
	float: right;
	height: 258px;
	width: 500px;
	background:#b3d88c;
	}

#product-display {
	margin:44px 5px 0px 0px;
	background:url(images/8663.jpg) center top no-repeat;
	width:285px;
	height:300px;
	padding:0;
	display:block
	}

#left-column-bottom-products{
	float: left;
	width: 287px;
	margin:10px 0px 0px 0px;
	border-right: solid #394d2e thin;
	height:500px;
	}
	
#right-column-bottom-products {
	float: right;
	height: 540px;
	width: 500px;
	margin: 0;
	}
	
	
#left-column-bottom-contact {
	float: left;
	width: 287px;
	margin:10px 0px 0px 0px;
	height:420px;
	border-right: solid #394d2e thin;
	padding: 0px 0px 0px 0px;
	}
	
#right-column-bottom-contact {
	float: right;
	height: 450px;
	width: 500px;
	text-align:left;
	}
	
		
/* ---------------------------------Navigation----------------------------*/
ul#navigation {
	background: #fff ;
	height: 3em;
	margin-bottom: 0px;
	margin-left:6px;
	display: block;
	line-height: 20px;
	padding: 0;
	max-width:798px;
	}
	
	ul#navigation li {
		margin-top: 8px;
		padding:0;
		padding-right: 0px;
		list-style: none;
		float: left;
		border-left:#394d2e solid 2px;
		text-align:center;
		
		}
		ul#navigation li.last {
		margin-top:8px;
		padding: 0;
		padding-right: 0px;
		list-style: none;
		float: left;
		border-right:#394d2e solid 2px;
		}
		
			ul#navigation li a {
				position: relative;
				display: block;
				font-size: 13px;
				font-weight: bold;
				text-decoration: none;
				color: #425735;
				padding: 6px 0px 0px 0px;
				text-align:center;
				width: 110px;
				font-family:"eurostile", Arial, Helvetica, sans-serif; margin:5px 0px 0px 0px 
				}

                          ul#navigation li a.selected  {
				position: relative;
				display: block;
				font-size: 13px;
				font-weight: bold;
				text-decoration: none;
				color: #fff;
				padding: 6px 0px 0px 0px;
				text-align:center;
				width: 110px;
				font-family:"eurostile", Arial, Helvetica, sans-serif; margin:5px 0px 0px 0px;
				background:url(images/hover.gif) bottom center ;			
				}

				
			ul#navigation li a:hover {
	color:#fff;
	background:url(images/hover.gif) bottom center;
				}

            

			
a.vidlink {
	font-size: 12px;
	text-align:left;
	}

a.vidlink:hover {
	color:#FFFF33
	}
	




/* ---------------------------------footer----------------------------*/
#footer{
	width: 805px;
	display: block;
	text-align: center;
	height:12px;
	font-size:9px;
	}


#banner {
	width:806px;
	height:15px;
	margin:0  auto;
	padding:0px 0 0 0;
	display:block;
	margin-top:0px;
	position:relative;
	background: #94a88d;
}

#banner a {
	margin:0;
	padding:0;
	border:none;
	width:788px
}
/* ---------------------------------contact----------------------------*/

		
		
h1.contact-welcome {
	font-size:22px;
	margin: 10px 15px 0px 10px;
	font-family:Arial, Helvetica, sans-serif;
	color:#003300
}
	
		
p.contact {
	text-align: left;
	font-size:14px;
	margin: 10px 5px 10px 5px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-indent: 0px;
	color: #000;
}
	
a.contact {text-align: left; 
	font-size:14px;
	margin: 0px 2px 0px 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-indent: 0px;
	color: #171f12;
	text-decoration:none }
	
a.contact:hover{
	color:#000033;
	text-decoration:underline
}

#benefits {
	text-align:left;
	margin:0px 0px 10px 30px;
	padding:0;
}


	#benefits h1 {
		font-weight:normal;
		color:#6d8858;
		font-family:Arial, Helvetica, sans-serif;
		font-size: 14px;
		text-align:left;
		margin: 0px 0px 0px -10px;
	}

	#benefits li {
		padding:0px 0px 0px 0px;
		list-style-type:square;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		
	}

#gdnm {
	margin:30px 0px 100px 80px;
	width:320px;
	height:240px;
	padding:15px 0px 0px 20px;
	background: url(images/gdnmbkg.png) center top no-repeat;
	position:relative;
}


#thumbs {
	height: 258px;
	width: 789px;
	background:#b3d88c;
	margin:0 auto;
	}

 	#thumbs li {
		list-style-type:none;
		float:left;
		margin:0px 0px 0px 0px;
		padding-right:20px;
		text-align:center;
		padding-bottom:10px;
		line-height:11px;
		}

	#thumbs a {
		width:auto;
		padding:0px 0px 0px 0px;
		margin:0;
		display:inline;
		text-align:center;
		text-decoration:none;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		
		}

#thumbs a:hover {color:#000000; text-decoration:underline }
	
	#thumbs p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:center;
	margin: 0;

		}
		

.highlightit img{
border: 1px solid #ccc; 
}

.highlightit:hover img{
border: 1px solid navy;
}

.highlightit:hover{
color: #26321e; /* Dummy definition to overcome IE bug */
}