/*
style sheet for WET Labs
*/

/* `Basic HTML
----------------------------------------------------------------------------------------------------*/

body {
	font: 1em/1.5 "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

a:focus {
	outline: 1px dotted invert;
}

hr {
	border-color: #ccc;
	border-style: solid;
	border-width: 1px 0 0;
	clear: both;
	height: 0;
}

p { color: #444444;
font-size: .9em;
line-height:1.4;
}

a {
color:#225c71;
}

/* `Headings
----------------------------------------------------------------------------------------------------*/

h1 {
	font-size: 1.3em;
	color: #444444;
	padding-top:20px;
	border-bottom:#cacaca 1px solid;
}

h2 {
	font-size: 1.1em;
	color: #282828;
}

h3 {
	font-size: 1.0em;
	color: #225c71;

}

h3.sidebar {
	text-transform:uppercase;
	font-size: 1.1em;
	font-weight:normal;
	color:#ffffff;
	margin-top:-10px;
	margin-bottom: 0;
	margin-left: 10px;
	margin-right:10px;
	}
	
h3.sidebar_inner {
	text-transform:uppercase;
	font-size: 1em;
	font-weight:bold;
	color:#ffffff;
	margin-top:-10px;
	margin-bottom: 0;
	margin-left: 10px;
	margin-right:10px;
	}

h4 {
	font-size: .9em;
	font-style:italic;
}

h5 {
	font-size: .8em;
	text-transform:uppercase;
}

h6 {
	font-size: .7em;
}

/* Spacing
----------------------------------------------------------------------------------------------------*/

ol {
	list-style: decimal;
	font-size: .9em;
}

ul {
	font-size: .9em;
	list-style-position: outside;
	list-style-image: url(../images/bullet.gif);
}

li {
	margin-left: 20px;
}

p,
dl,
hr,
h1,
ol,
ul,
pre,
table,
address,
fieldset {
	margin-bottom: 20px;
}

h2,
h3,
h4,
h5,
h6 {
	margin-bottom: 10px;
	}

/*---------- custom -------------*/

body {
	margin-left: auto;
	margin-right: auto;
	}

/*.container_12
{
	background: url(../img/12_col.gif) repeat-y;
}
*/
.menuback {
	height: 76px;
	background: url(../images/menu_bot.jpg) no-repeat center top;
	}

/* hack for older versions of IE with incorrect box model */
* html .menuback {\margin-left:90px; ma\rgin-left:10px;}
	

/*---- cssmenumaker.com -----*/

#menu {
	list-style: none;
	margin: 5px 0 0 0;
	padding: 0;
	width: 779px;
}

#menu li {
	float: left;
	margin: 0;
	padding: 0;
}

#menu li.home {background:transparent url(../menuimg/home.jpg);}
#menu li.products {background:transparent url(../menuimg/products.jpg);}
#menu li.sales {background:transparent url(../menuimg/sales.jpg);}
#menu li.applications {background:transparent url(../menuimg/applications.jpg);}
#menu li.research {background:transparent url(../menuimg/research.jpg);}

/* ----- making the "you are here" arrow in the menu ----- */
#menu li.home_active {background:transparent url(../menuimg/home_a.jpg);}
#menu li.products_active {background:transparent url(../menuimg/products_a.jpg);}
#menu li.sales_active {background:transparent url(../menuimg/sales_a.jpg);}
#menu li.applications_active {background:transparent url(../menuimg/applications_a.jpg);}
#menu li.research_active {background:transparent url(../menuimg/research_a.jpg);}
/* ----- $$$ ----- */

#menu a {display:block; height:0; padding-top:35px; color:#000; overflow:hidden;}
/* hack for older versions of IE with incorrect box model */
* html #menu a:link, * html #menu a:visited {height:35px; he\ight:0;}

#menu a#home {width: 112px;}
#menu a#products {width: 140px;}
#menu a#sales {width: 211px;}
#menu a#applications {width: 166px;}
#menu a#research {width: 150px;}

#menu a#home {background:transparent url(../menuimg/home_c.jpg) no-repeat -130px -90px;}
#menu a#products {background:transparent url(../menuimg/products_c.jpg) no-repeat -130px -90px;}
#menu a#sales {background:transparent url(../menuimg/sales_c.jpg) no-repeat -130px -90px;}
#menu a#applications {background:transparent url(../menuimg/applications_c.jpg) no-repeat -130px -90px;}
#menu a#research {background:transparent url(../menuimg/research_c.jpg) no-repeat -130px -90px;}

/* ----- make it so active page doesn't have hover menu ----- */
#menu li.home_active a#home {background:transparent url(../menuimg/home_a.jpg) no-repeat -130px -90px;}
#menu li.home_active a#products {background:transparent url(../menuimg/products_a.jpg) no-repeat -130px -90px;}
#menu li.home_active a#sales {background:transparent url(../menuimg/sales_a.jpg) no-repeat -130px -90px;}
#menu li.home_active a#applications {background:transparent url(../menuimg/applications_a.jpg) no-repeat -130px -90px;}
#menu li.home_active a#research {background:transparent url(../menuimg/research_a.jpg) no-repeat -130px -90px;}
/* ----- $$$ ----- */

#menu a#home:hover {background-position:0 0; z-index:50;}
#menu a#products:hover {background-position:0 0; z-index:50;}
#menu a#sales:hover {background-position:0 0; z-index:50;}
#menu a#applications:hover {background-position:0 0; z-index:50;}
#menu a#research:hover {background-position:0 0; z-index:50;}

* html #menu a:hover {height:35px; he\ight:0;}

/* ----- search box ----- */
	
#searchform {
position:relative;
top: 25px;
float: right;
padding-right: 50px;}

form input#q {
	font-family: "Trebuchet MS", Helvetica, sans-serif;
}

#searchbutton {
	background: url(none);
	border: medium none;
	color: #444444;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	font-size: 90%;
	font-weight: bold;
	text-transform: uppercase;
	margin-left: -10px;
}   

/* ----- features slideshow ----- */

#featurewrapper {
	margin:10px 0 0;
	padding-left:169px;
}
#featurewrapper a img {
border: none;
margin-left:0;
}
#feature-inner {
position:relative;
}
#features {
height:142px;
position:relative;
width:622px;
z-index:1;
}
#features a {
display:none;
}
#features noscript a {
display:block;
}
#next, #previous {
display:block;
height:39px;
margin:0pt;
padding:0pt;
position:absolute;
top:50px;
width:13px;
}
#previous {
left:-32px;
z-index:2;
}
#next {
right:137px;
z-index:3;
}        

/* ----- rounded corners ----- */
.roundedcornr_boxtop {
background-color: #225c71;
margin-top: 20px;
}

.roundedcornr_box {
   background: #d2dfe5;
   padding-top: 5px;
}
.roundedcornr_top div {
   background: url(../images/roundedcornr_795294_tl.png) no-repeat left top;
}
.roundedcornr_top {
   background: url(../images/roundedcornr_795294_tr.png) no-repeat top right #225c71;
}
.roundedcornr_bottom div {
   background: url(../images/roundedcornr_463060_bl.png) no-repeat bottom left;
}
.roundedcornr_bottom {
   background: url(../images/roundedcornr_463060_br.png) no-repeat bottom right;
}

.roundedcornr_top div, .roundedcornr_top, 
.roundedcornr_bottom div, .roundedcornr_bottom {
   width: 100%;
   height: 15px;
   font-size: 1px;
}
.roundedcornr_heading { margin: -10px 2px 0;  padding: 0 15px; background-color:#225c71; }    

.roundedcornr_content { margin: 0 10px; }     

/* ----- sidebar ----- */
div.roundedcornr_content ul {
	font-size: .9em;
	list-style-position: outside;
	margin: 0 5px;
	list-style-image: url(../images/bullet.gif);
} 

/* change the look of the links in the sidebar menus */
div.roundedcornr_content ul li a {
	}

div.roundedcornr_content ul li a:visited {
text-decoration:none;
}
	
div.roundedcornr_content ul li a:hover {
	color: #bd7239;
	}
	
/* ----- images in sidebar ----- */
div.roundedcornr_content img {
	background-color:#FFFFFF;
	border: 1px #225C71 solid;
	padding: 5px;
 	margin-left: auto;
	margin-right: auto;
	display:block;
	}
	
p.sidebar_caption {
	font-style: italic;
	margin: 0 10px;
	padding-top: 5px;
	font-size: .9em;
	text-align: center;
	}

/* ----- footer ----- */
div.footer {
	text-align: center;
	margin-top: 20px;
	font-size:.9em;
}

div.footer p {
text-transform: uppercase;
font-size: 0.9 em;
color:#767676;
margin-top: 10px;
margin-bottom: 5px;
}

div.footer p.mailing {
font-size: .8em;
margin-top: 0;
text-transform:none;
}

div.footer p a {
text-decoration: none;
color:#767676;
}

div.footer p a:hover {
	background: #E5E5E5;
}

div.footer .grid_10 {
	border-top: #225c71 1px solid;

}