/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~GLOBAL STYLES ~~~~~~~~~ */

	
* { margin: 0; padding: 0; }

body {
	background: #ffffff url("http://www.gillco.com/images/bg-subheader.gif") top center repeat-x;
	color: #666666;
	font: 12px/1.5em "Trebuchet MS", Trebuchet, Helvetica, Arial, Sans-Serif;
	margin: 0;
	behavior: url(hover.htc);
}

a img { border: none;}

a { color: #699b28; text-decoration: none; }

a:hover { color: #344117;}

p { margin: 16px 0; }

h1 { font-size: 30px; font-weight: normal; color: #ffffff; margin:60px 0 40px 0;}

h2 { font-size: 14px; color: #e4a110; }

h3 { text-transform: uppercase; font-style: normal; font-size: 11.5px; color:#677e30; }

h4 { color: #909078; font-size: 14px; line-height: 1.4em; margin:4px 0 18px 0; font-weight: normal;}

h5 { font-size: 11px; font-style: italic; color:#a8a8a8; font-weight: normal; margin-bottom: 6px;}

h6 { font-size: 11px; line-height: 16px;  font-weight: normal; }

hr { clear:both;
		width: 100%;
		border: none;
		margin: 10px 0 20px 0 ;
		color: #d8d8cd;
		background-color: #d8d8cd;
		height: 1px;
		}
hr.white { clear:both;
		width: 100%;
		border: none;
		margin: 6px 0 ;
		color: #c3d2a7;
		background-color: #c3d2a7;
		height: 1px;
		}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~HEADER STYLES ~~~~~~~~~ */

#wrapper {
	width:972px;
	margin: 0 auto;
}

#header {
	float:left;
	width:972px;
	height:125px;
	background: url(http://www.gillco.com/images/header-bg.jpg) top left no-repeat;
	padding-bottom: 5px;
}

#header #logo {
	float:left;
	margin: 10px 0 6px 20px;
}

#nav-bar {
	float:left;
	width:972px;
	height:39px;
	clear:both;
	}
	
#search {
	width:224px; 
	float:right;
	padding:10px 10px 0 0;
	}

#search input.searchinput {
	width:110px; 
	float: left;
	margin-right:10px;
	font-size: 11px;
	}
	
	
#search img {
	float:left;
	margin:6px 10px 0 0;
	}
	
input.buttons {
	background: none no-repeat top left;
	border: none;
	cursor: pointer;
	display: block;
	float: left;
	height: 18px;
	overflow: hidden;
	padding: 0;
	margin: 0 2px 0 0;
	text-indent: -9999px;
	width: auto;
}
input.buttons:hover { background-position: 0 -18px; }
input.proceedCheckout { background-image: url(http://www.gillco.com/images/search-on.gif); width: 26px; }
input.newsletter { background-image: url(http://www.gillco.com/images/subscribe-on.gif); width: 92px; margin-top:10px; }

#contactus {width:128px; float:right; margin: 30px 20px 0 0; }

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~HOME LAYOUT STYLES ~~~~~~~~~ */
	
#slideshow-wrapper {width:972px; margin: 0 auto; position:relative;}

#slideshow { position:absolute; top:130px; left:0;}

#main-home {
	clear:both;
	}
	
#home-left { 
	width:720px;;
	float:left;
	margin-right:7px;
	z-index:3;
	margin-top:271px; 
	}
	
#home-right { 
	width:245px;
	float:right;
	}
	
#idealab-home { 
	padding-top:8px;
	background: #d7e4be;
	margin-bottom:6px;
	}
	
#idealab-home img { 
	margin:0 0 8px 8px;
	}	
	
#top10 {
	float:left;
	background:url(http://www.gillco.com/images/top10-bg.jpg);
	width:234px;
	height:317px;
	margin-top:5px;
	}
	
#top10 img {
	margin: 14px 0 14px 20px;
	}
	
#top10 ul {
	margin: 0 22px;
	list-style: none;
	}
	
#top10 ul li {
	margin: 4px 0;
	}
		
#top10 a {
	color: #ffffff;
	}
	
#top10 a:hover {
	color: #344117;
	}	
	
	
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~--~~~ SUBPAGE LAYOUT STYLES ~~~~~~~~--~ */
	
#main {
	clear:both;
	background: url(http://www.gillco.com/images/main-bg.gif) top right repeat-y;
	float:left;
	width:972px;
	}
	
#main-fullpage {
	clear:both;
	background: url(http://www.gillco.com/images/fullpage-bg.jpg) no-repeat;
	float:left;
	width:600px;
	padding: 0 260px 50px 112px
	}
	
#main-blog {
	clear:both;
	background: url(http://www.gillco.com/images/fullpage-bg.jpg) no-repeat;
	float:left;
	width:800px;
	padding: 0 60px 50px 112px
	}
		
#subpage-left { 
	width:721px;
	float:left;
	background:url(http://www.gillco.com/images/subpage-bg.jpg) no-repeat;
	}
	
#subpage-fullcol { 
	width:609px;
	padding:0 56px 30px 56px;
	float:left;
	background:url(http://www.gillco.com/images/subpage-bg.jpg) no-repeat;
	}
	
#subpage-imgcol { 
	width:221px;
	float:left;
	margin:18px 30px 18px 18px;
	}

#subpage-imgcol #labs { margin-top:20px; padding:10px 8px 10px 9px; background: #d8d8cc; float:left; }
#subpage-imgcol #labs img { margin-bottom:6px; float:left; }
#subpage-imgcol #labs img.last { margin-bottom:0px; float:left; }
		
		
#subpage-labimg { 
	float:left;
	width:233px;
	}
	
#subpage-labtext { 
	float:left;
	width:450px;
	margin-bottom: 30px;
	}	

#subpage-labtext h1 { margin:48px 0 30px 0; }	

h1.blog { margin:60px 0 44px 56px; }
				
#subpage-imgcol .product-img { 
	float:left;
	width:209px;
	height:305px;
	padding:6px;
	background: url(http://www.gillco.com/images/subpage-photo-bg.gif) top left no-repeat;
	}
	
#subpage-textcol { 
	float:left;
	width:420px;
	margin-bottom: 30px;
	}	
	
#subpage-textcol ol {
	margin: 14px 0;
	padding: 0 2em;
	}
	
#subpage-textcol ul, #subpage-fullcol ul, #subpage-labtext ul {
	list-style-type:none;
	margin-top: 6px;
}

#subpage-textcol ul li, #subpage-fullcol ul li, #subpage-labtext ul li { 
	padding-left:25px;
    background:transparent url(http://www.gillco.com/images/bullet.gif) no-repeat;
    background-position:10px 8px;
    margin-bottom: 6px;
    }
	
#subpage-right {
	width:245px;
	float:right;
	padding-top:8px;
	margin-bottom:6px;
	}
	
#subpage-right #questions { border-bottom:6px solid #fff; }	

.img-right {float:right; margin:0 0 20px 20px; }

.img-left {float:left; margin:0 20px 20px 0;}

.idea-thumb { float:left; clear:left; margin:0 16px 16px 0; padding:6px; background: url(http://www.gillco.com/images/idea-thumb-bg.gif) no-repeat; }

.idealab-hdr {float:left; margin: -5px 13px 0 0; }

.contact-img {float:left; margin:0 30px 20px 0; border: 2px solid #FFFFFF; }

.newsitem { margin-bottom:20px;}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~--~~~SUBNAV STYLES ~~~~~~~~--~ */

ul.subnav {
	list-style: none;
	padding:20px 20px 25px 20px;
	border-bottom:6px solid #ffffff;
	}
	
	
ul.subnav li a {
	display:block;
	padding:3px;
	border-top: 1px solid #c3d2a7;
	height:20px;
}

ul.subnav li a:hover {
	background: #c3d2a7 url(http://www.gillco.com/images/subnav-arrow.gif) 184px 6px no-repeat; }	
	
ul.subnav li a.onpage {
	background: #e4a110;
	color:#ffffff;
	}	

ul.subnav ul {
	list-style: none;
	padding:5px 0 5px 20px;
	}
	
		
ul.subnav li ul li a {
	padding:2px 0;
	border:none;
	}
	
ul.subnav li ul li a:hover { background: transparent; }	
	
ul.subnav li ul li  a.onpage { background: transparent; font-weight: bold; color:#666666; }
	
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~--~~~ HOME NEWS ~~~~~~~~--~ */
	
#news { 
	width:465px;
	float:left;
	margin: 19px 0 0 18px;
	}
	
#news img { 
	margin: 0 0 18px 33px;
	}	
			
dl h2 { 
	font-weight: bold;
	font-size: 13px;
	line-height: 1.4em;
	}
		
.learn-more { 
	font-size: 10px;
	text-transform: uppercase;
	}
	
.clicker {
	cursor:pointer;
	color:#6d9a33;
	line-height: 1.4em;
	font-size: 11px;
	}
		
dl {
	position:relative;
	width:142px;
	text-align:right;	
	}
	
dt {margin-bottom:6px;}
	
.abs {
	position:absolute;
	top:-36px;
	left:170px;
	width:270px;
	padding:3px;
	text-align:left;
	}
	
.selected {
	color: #666666;
	}


	
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~--~~~Footer ~~~~~~~~--~ */

#footer { 
	background: url(http://www.gillco.com/images/footer-bg.jpg) no-repeat;
	width: 972px;
	height: 87px;
	clear:both;
	border-top:5px solid #FFF;
	border-bottom:5px solid #FFF;
	color:#8d8c7f;
	font-size:11px;
	}
	
#copyright {
	float:left;
	margin:50px 0 0 25px;
	width:300px;
	}

#footer-links {
	float:right;
	margin:50px 25px 0 0;
	width:400px;
	text-align: right;
	}
	
#footer-links a {
	color:#8d8c7f;
	}
	
#footer-links a:hover {
	color:#344117;
	}
	
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~--~~~TABLE STYLES ~~~~~~~~--~ */

table {margin-top:20px;margin-bottom:30px;}

td {background:#eeeeea; padding:4px 6px; font-size: 11px; border-bottom: 1px solid #c8c8b8; border-right: 1px solid #ffffff;  vertical-align: top; }

th {background:#90907d; 
padding:4px 6px; 
font-size: 11px; 
color:#FFF; 
text-align:left; 
font-weight: normal; 
text-transform: uppercase;
font-size: 11px;
border-right: 1px solid #ffffff; 
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~--~~~NAV STYLES ~~~~~~~~--~ */

	
.clear:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}
	
.clear { display: inline-block; }
	
/* Hides from IE-mac \*/
* html .clear { height: 1%; }
.clear { display: block; }
/* End hide from IE-mac */
	
/* image replacement general properties */
ul.IR li { 
	position: relative;
	font-size: 0.9em;
	}
	
.IR em {
	display: block;
	position: absolute;
	top: 0; left: 0;
	z-index: 1;
	}
	
/* For IE5.x mac only */
* html>body	.IR { 
	position: static;
	overflow: visible;
	font-size: 10px;
	}

* html>body .IR em  { position: static; }
	
/* image replacement specific properties */
.nav { list-style: none; }
.nav li { float: left; } 
.nav li, .nav li em { width: 127px; height: 39px; }
	
.nav li.products { width: 112px;}
.nav li.applications { width: 122px;}
.nav li.idealab { width: 92px;}
.nav li.whatsnew { width: 102px;}
.nav li.aboutus { width: 87px;}
.nav li.contactus { width: 103px;}
	
* html>body ul.nav li em { margin-bottom: -39px; } /* for ie5.x/mac only */
	
.products em, .applications em, .idealab em, .whatsnew em, .aboutus em, .contactus em { 
	background: url(http://www.gillco.com/images/navigation.gif) no-repeat; 
	cursor: pointer;
	/* IE5 requires cursor: hand; however this is not valid CSS2 */
	}
	
.products em { background-position: 0 0; }
.products:hover em { background-position: 0 -39px; }
.applications em { background-position: -112px 0; }
.applications:hover em { background-position: -112px -39px; }
.idealab em { background-position: -234px 0; }
.idealab:hover em { background-position: -234px -39px; }
.whatsnew em { background-position: -326px 0; }
.whatsnew:hover em { background-position: -326px -39px; }
.aboutus em { background-position: -428px 0; }
.aboutus:hover em { background-position: -428px -39px; }
.contactus em { background-position: -515px 0; }
.contactus:hover em { background-position: -515px -39px; }
	
/* suckerfish styles */
.nav a { display: block; font-weight: normal; }
* html .nav a { height: 1%; }
	
.nav li ul {
	position: absolute;
	z-index: 300000; 
	top: 38px; 
	left: -999em;
	list-style: none;
	border: 1px solid #d3d3c8;
	padding:4px;
	background: #fff;
	}
	
.nav li:hover ul { left: auto; }
	
.nav li li {
	height: auto; 
	padding-bottom: 0;
	font-size: 110%;
	border-bottom: 1px dashed #d3d3c8;
	width:175px;
	font-size: 11px; 
	}
	
.nav li li.last { border-bottom: none; }
.nav li ul a {
	padding: 3px 2px 3px 4px;
	color: #756e64;
	background: #fff;
	}
	
.nav li ul a:hover { color: #fff; background: #8dab67; }
	
/*automatic highlight of the current page tab */

#product-page ul li.products a em { background-position:  0 -39px; }
#app-page ul li.applications a em { background-position:  -112px -39px; }
#idealab-page ul li.idealab a em { background-position:  -234px -39px; }
#whatsnew-page ul li.whatsnew a em { background-position: -326px -39px; }
#aboutus-page ul li.aboutus a em { background-position:  -428px -39px; }
#contactus-page ul li.contactus a em { background-position:  -515px -39px; }

#subscribe {
	float:right;
	width: 200px;
	background: #dee8ca;
	margin:0 0 20px 30px;
	padding:30px 20px 30px 20px;
	}
	

 #subscribe-blog {
	margin-top:30px;
	float:left;
	width: 160px;
	height:250px;
	padding:30px 20px 30px 20px;
	background: url(http://www.gillco.com/images/newsletter-bg.jpg) no-repeat;
	}