/***************************************************/
/* Innovative Medical Instruments Stylesheet *******/
/* Copyright Geoff Oliver - geoff@plan8studios.com */
/***************************************************/

/*************************************/
/* general stuff (links, fonts, etc) */
	BODY{
		margin: 10px 0px 10px 0px;
	}
	
	BODY, TD, DIV, P, SPAN{
		font-family: "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
		font-size: 1em;
		line-height: 110%;
		color: #999999;
	}
	
	A, A:visited{
		color: #666666;
		text-decoration: underline;
	}
	
	A:hover, A:visited:hover{
		color: #000000;
	}
/*************************************/

/*************************/
/* shadows and outer box */
	#shadow_b{
		background: url(images/bottom.jpg) bottom left repeat-x;
	}
	
	#shadow_r{
		background: url(images/right.jpg) top right repeat-y;
	}
	
	#shadow_t{
		background: url(images/top.jpg) top left repeat-x;
	}
	
	#shadow_l{
		background: url(images/left.jpg) top left repeat-y;
	}
	
	#shadow_bl{
		background: url(images/bottom_left.jpg) bottom left no-repeat;
	}
	
	#shadow_br{
		background: url(images/bottom_right.jpg) bottom right no-repeat;
	}
	
	#shadow_tr{
		background: url(images/top_right.jpg) top right no-repeat;
	}
	
	#shadow_tl{
		background: url(images/top_left.jpg) top left no-repeat;
	}
	
	#wrapper{
		text-align: center;
	}
	
	#container{
		/* nothing yet */
	}
	
	#inner{
		margin-left: auto;
		margin-right: auto;
		text-align: left;
		width: 770px;
	}
	
	#main{
		padding: 10px;
	}
	
	#wrap{
		border: 1px solid #BFC6C9;
	}

/*************************/

/*************************/
/* home page navigation  */
	#header #h_navigation{
		float: left;
		width: 175px;
	}
	
	#h_navigation #home_over{
		background: url(images/h_home_over.jpg);
	}
	
	#h_navigation #contact_over{
		background: url(images/h_contact_over.jpg);
	}
	
	#h_navigation #request_over{
		background: url(images/h_request_over.jpg);
	}
	
	#h_navigation #product_over{
		background: url(images/h_product_over.jpg);
	}
	
	#h_navigation #technique_over{
		background: url(images/h_technique_over.jpg);
	}
	
	#h_navigation .top_fill{
		height: 39px;
		background: url(images/h_nav_top.jpg) top left repeat-x;
	}
	
	#h_navigation .nav_list{
		list-style: none;
		margin: 0px;
		padding: 0px;
		line-height: 1px;
		font-size: 1px;
	}
	
	#h_navigation .nav_list li{
		margin: 0px;
		padding: 0px;
		line-height: 1px;
		font-size: 1px;
	}
	
	#h_navigation .nav_list li a span{
		margin: 0px;
		padding: 0px;
		position: absolute;
		left: -99999px;
		line-height: 1px;
		font-size: 1px;
	}
	
	#h_navigation .nav_list li a{
		margin: 0px;
		padding: 0px;
		display: block;
		width: 175px;
		line-height: 1px;
		font-size: 1px;
	}
	
	#h_navigation .nav_list li .home{
		background: url(images/h_home.jpg) left top no-repeat;
		height: 27px;
	}
	
	#h_navigation .nav_list li .home:hover{
		background: url(images/h_home_over.jpg) left top no-repeat;
	}
	
	#h_navigation .nav_list li .contact{
		background: url(images/h_contact.jpg) left top no-repeat;
		height: 23px;
	}
	
	#h_navigation .nav_list li .contact:hover{
		background: url(images/h_contact_over.jpg) left top no-repeat;
	}
	
	#h_navigation .nav_list li .request{
		background: url(images/h_request.jpg) top left no-repeat;
		height: 24px;
	}
	
	#h_navigation .nav_list li .request:hover{
		background: url(images/h_request_over.jpg) top left no-repeat;
	}
	
	#h_navigation .nav_list li .product{
		background: url(images/h_product.jpg) top left no-repeat;
		height: 23px;
	}
	
	#h_navigation .nav_list li .product:hover{
		background: url(images/h_product_over.jpg) top left no-repeat;
	}
	
	#h_navigation .nav_list li .technique{
		background: url(images/h_technique.jpg) top left no-repeat;
		height: 25px;
	}
	
	#h_navigation .nav_list li .technique:hover{
		background: url(images/h_technique_over.jpg) top left no-repeat
	}
	
	#h_navigation .bottom_fill{
		background: url(images/h_nav_bottom.jpg) top left repeat-x;
		height: 18px;
	}


/*************************/

/********************/
/* inner navigation */
	#navigation #home_over{
		background: url(images/home_over.jpg);
	}
	
	#navigation #contact_over{
		background: url(images/contact_over.jpg);
	}
	
	#navigation #request_over{
		background: url(images/request_over.jpg);
	}
	
	#navigation #product_over{
		background: url(images/product_over.jpg);
	}
	
	#navigation #technique_over{
		background: url(images/technique_over.jpg);
	}
	
	#navigation .top_fill{
		height: 29px;
		background: url(images/nav_top.jpg) top left repeat-x;
	}
	
	#navigation .nav_list{
		list-style: none;
		margin: 0px;
		padding: 0px;
		line-height: 1px;
		font-size: 1px;
	}
	
	#navigation .nav_list li{
		margin: 0px;
		padding: 0px;
		line-height: 1px;
		font-size: 1px;
	}
	
	#navigation .nav_list li a span{
		margin: 0px;
		padding: 0px;
		position: absolute;
		left: -99999px;
		line-height: 1px;
		font-size: 1px;
	}
	
	#navigation .nav_list li a{
		margin: 0px;
		padding: 0px;
		display: block;
		width: 210px;
		line-height: 1px;
		font-size: 1px;
	}
	
	#navigation .nav_list li .home{
		background: url(images/home.jpg) left top no-repeat;
		height: 25px;
	}
	
	#navigation .nav_list li .home:hover{
		background: url(images/home_over.jpg) left top no-repeat;
	}
	
	#navigation .nav_list li .contact{
		background: url(images/contact.jpg) left top no-repeat;
		height: 22px;
	}
	
	#navigation .nav_list li .contact:hover{
		background: url(images/contact_over.jpg) left top no-repeat;
	}
	
	#navigation .nav_list li .request{
		background: url(images/request.jpg) top left no-repeat;
		height: 27px;
	}
	
	#navigation .nav_list li .request:hover{
		background: url(images/request_over.jpg) top left no-repeat;
	}
	
	#navigation .nav_list li .product{
		background: url(images/product.jpg) top left no-repeat;
		height: 23px;
	}
	
	#navigation .nav_list li .product:hover{
		background: url(images/product_over.jpg) top left no-repeat;
	}
	
	#navigation .nav_list li .technique{
		background: url(images/technique.jpg) top left no-repeat;
		height: 27px;
	}
	
	#navigation .nav_list li .technique:hover{
		background: url(images/technique_over.jpg) top left no-repeat
	}
	
	#navigation .bottom_fill{
		background: url(images/nav_bottom.jpg) top left repeat-x;
		height: 30px;
	}

/********************/

/********************/
/* home page layout */
	#h_logo{
		background: url(images/logo.jpg) top right no-repeat;
		height: 40px;
	}
	
	#h_logo span{
		position: absolute;
		left: -99999px;
	}
	
	#header{
		height: 179px;
	}
	
	#header #pretty_image{
		background: url(images/header.jpg) top left no-repeat;
		height: 179px;
		width: 573px;
		float: left;
	}
	
	#header #pretty_image span{
		position: absolute;
		left: -99999px;
	}
	
	#block_one, #block_two, #block_three{
		float: left;
	}
	
	#block_one{
		width: 200px;
	}
	
	#block_two{
		width: 348px;
	}
	
	#block_three{
		width: 200px;
	}
	
	.block_title{
		height: 44px;
		background: url(images/title_bg.jpg) top left repeat-x #eceff1;
		border-right: 1px solid #FFFFFF;
	}
	
	.block_title h3{
		padding: 0px;
		padding: 14px 0px 14px 12px;
		margin: 0px;
		font-size: 103%;
		color: #2C5564;
	}
	
	.block_content{
		border-right: 1px solid #EEE;
	}
	
	#block_two .block_title, #block_two .block_content{
		border-right: none;
	}
	
	#block_three .block_title, #block_three .block_content{
		border-right: none;
	}
	
	#block_two .block_content{
		position: relative;
		left: -1px;
		border-left: 1px solid #EEE;
		border-right: 1px solid #EEE;
		width: 348px;
		margin-right: -2px;
	}
	
	#block_three .block_title{
		border-left: 1px solid #FFF;
	}
	
	#block_three .block_content{
		border-left: 1px solid #EEE;
	}
	
	#block_three .block_title div{
		background: url(images/nav_bottom_detach.jpg) top right no-repeat;
	}
	
	.block_content div{
		font-size: 80%;
		line-height: 130%;
	}
	
	.block_content a.readmore{
		display: block;
		text-align: right;
		padding: 5px;
		font-size: 80%;
		text-transform: uppercase;
		color: #2C5564;
	}
	
	#block_three .block_content .readmore{
		padding-top: 0px;
	}
	
	.block_content a.readmore:hover{
		color: #000000;
	}
	
	.block_content dl{
		text-align: left;
		padding: 0px;
		margin: 0px;
	}
	
	.block_content dl dt a, .block_content dl dd a{
		color: #999999;
		font-weight: normal;
	}
	
	.block_content dl dt a:hover, .block_content dl dd a:hover{
		color: #333333;
	}
	
	.block_content dl dt{
		
	}
	
	.block_content dl dd{
		font-size: 90%;
		padding: 0px;
		margin: 0px;
		margin-bottom: 10px;
	}
	
	.block_content .article_block{
		clear: left;
		font-size: 105%;
	}

	.block_content .article_block .article_img{
		float: left;
		margin-right: 10px;
		margin-bottom: 10px;
	}
	
	.block_content .article_block .article_snippet a{
		display: block;
		font-weight: bold;
	}
	.block_content .article_block .article_snippet p{
		margin: 5px 0;
		font-size: 110%;
		line-height: 130%;
	}
/********************/

/*********************/
/* inner site layout */
	#left{
		margin-right: 210px;
		/* border: 1px solid red; */
	}
	
	#left #content{
		border-right: 1px solid #EEEEEE;
		font-size: 85%;
		background: url(images/background.jpg) top right no-repeat;
	}
	
	#left #content *{
		color: #666666;
	}
	
	#left #logo{
		background: url(images/inner_logo.jpg) top left no-repeat;
		width: 317px;
		height: 46px;
	}
	
	#left #logo span{
		position: absolute;
		left: -999999px;
	}
	
	#left #crumbs{
		_width: 535px;
		font-size: 70%;
		height: 30px;
		margin: 0px;
		padding: 0px;
		background: url(images/crumb_bg.jpg) top left repeat-x;
	}
	
	#left #crumbs .pad_sm{
		padding-top: 6px;
		padding-left: 5px;
	}
	
	#left #content .col{
		padding: 10px;
	}
	
	#left #content h1{
		font-weight: normal;
		font-size: 140%;
		color: #2C5564;
		margin: 0px;
		margin-bottom: 10px;
	}
	
	#left #content .boxed{
		
	}
	
	#left #content .boxed dt{
		display: block;
		float: left;
		font-weight: bold;
		border: 1px solid #EDEDED;
		background: #F2F2F2;
		margin: 0px;
		padding: 3px;
		width: 18px;
		text-align: center;
	}
	
	#left #content .boxed dd{
		padding-top: 2px;
		margin-left: 35px;
		margin-bottom: 15px;
		line-height: 140%;
	}
	
	#left #content p{
		line-height: 140%;
		margin: 0 0 10px;
		font-size: 98%;
	}
	
	#right{
		float: right;
		width: 210px;
	}
	
	#right .col{
		padding: 0px 5px 
	}
	
	#left #logo{
		background: url(images/inner_logo.jpg) top left no-repeat;
		width: 317px;
		height: 46px;
	}
	
	#left #crumbs{
		font-size: 70%;
		height: 30px;
		background: url(images/crumb_bg.jpg) top left repeat-x;
	}
	
	#left #logo span{
		position: absolute;
		left: -999999px;
	}
	
	#right{
		float: right;
		width: 210px;
	}
	
	#right .col{
		padding: 0px 5px 5px 5px;
		text-align: center;
	}
	
	#right .col .printable{
		display: block;
		background: url(images/printable.jpg) top left no-repeat;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 10px;
		width: 185px;
		height: 45px;
		padding: 0px;
		text-decoration: none;
		color: #2C5564;
		text-align: right;
	}
	
	#right .col .printable span{
		display: block;
		padding-top: 15px;
		padding-right: 65px;
		color: #2C5564;
		font-size: 80%;
	}
	
	#right .col .printable:hover{
		text-decoration: underline;
	}
	
	#right .col .box{
		margin: 0px 10px 10px 10px;
		background: url(images/box_bg.jpg) bottom left repeat-x #F5F6F8;
		border: 1px solid #EAEDF0;
		text-align: left;
	}
	
	#right .col .box h3{
		margin: 5px;
		margin-bottom: 0px;
		margin-left: 8px;
		padding: 0px;
		font-size: 85%;
		color: #2C5564;
	}
	
	#right .col .box .box_inner{
		padding: 15px;
		padding-top: 5px;
		font-size: 70%;
	}
	
	#right .col .box .box_inner ul{
		list-style: none;
		margin: 0px;
		padding: 0px;
		line-height: 150%;
	}
	
	#right .col .box .box_inner ul li a{
		text-decoration: none;
	}
	
	#right .col dl{
		margin: 0px 10px 10px;
		padding: 0;
		font-size: 70%;
		text-align: left;
	}
	
	#right .col dl dt{
		font-weight: bold;
		color: #666;
		margin: 0;
		padding: 0 5px;
		border-bottom: 1px solid #EEE;
	}
	
	#right .col dl dd{
		margin: 0 0 10px;
		padding: 5px 5px 0;
	}

	#right .col dl dd ul{
		margin: 0;
		padding: 0;
	}
	
/*********************/

/***********************/
/* general site layout */
	#footer{
		background: url(images/footer_bg.jpg) top left repeat-x #e7ebee;
		text-align: center;
		font-size: 65%;
		border-top: 1px solid #EEEEEE;
		padding: 10px;
		clear: left;
	}
	
	#footer .nav_list{
		list-style: none;
		padding: 0px;
		margin: 10px;
		margin-top: 0px;
	}
	
	#footer .nav_list li{
		display: inline;
		padding: 10px;
	}
	
	#footer .nav_list li a{
		text-decoration: none;
	}
	
	#footer .nav_list li a:hover span{
		color: #333333;
	}
	
	#preloader{
		display: block;
		height: 0px;
		width: 0px;
		position: absolute;
		left: -99999px;
	}
	
	.pad_sm{
		padding: 4px;
	}
	
	.youarehere{
		font-weight: bold;
		text-decoration: none;
	}
	
	.pad_large{
		padding: 12px;
	}
	
	.cleaner{
		background:transparent none repeat scroll 0%;
		border:medium none;
		clear:both;
		font-size:1px;
		height:1px;
		margin:0px;
		padding:0px;	
	}
	
	.dotted_line{
		border-top: 1px dotted #CCC;
		margin: 10px 0;
	}
	
	dl.linkList dt{
		font-weight: bold;
		color: #666;
	}
	
	dl.linkList dd{
		padding-bottom: 10px;
		margin-bottom: 10px;
		border-bottom: 1px solid #EEE;
	}
	
	dl.linkList dd.last{
		border: 0;
	}
	
	ul.linkList{
		list-style: none;
		margin: 0;
		padding: 0;
		margin: 5px 3px;
	}
	
	ul.linkList li{
		margin: 0;
		padding: 0;
		margin-bottom: .5em;
	}
	
	dl.privacyList dt{
		font-weight: bold;
		margin-bottom: 5px;
	}
	
	dl.privacyList dd{
		margin-left: 0;
		margin-bottom: 2em;
	}
	
	.message{
		padding: 5px;
		background: #F6EEBF;
		border: 1px solid #EDDD7D;
	}
/***********************/