/*=============================

Symmedics
site design and build by
Ben Manson of 3blindmice
jun 09

=============================== */

/*div {border: 1px solid #000}*/


body {
	font-size: 62.5%; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}

#container {
	width: 830px; 
	position: absolute; 
	top: 0; 
	left: 50%;
	margin-left: -415px;
	}
	

		
	#banner {
		width: 800px;
		height: 245px;
		position: relative;
		left: 15px;
		}
		
		#home #banner {
			width: 100%;
			height: 415px;
			}
		
		#banner #slideshowhome {
			margin: 0;
			padding: 0;
			list-style-type: none;
			}
			
			#banner #slideshowhome li {
				margin: 0;
				padding: 0;
				}
		
		#banner img {
			position: relative;
			top: 5px;
			left: 0;
			}
			
			p#reshapetext {
				position: absolute;
				top: 383px;
				left: 24px;
				width: 205px;
				height: 25px;
				text-indent: -5000px;
				background: url(../images/reshape_text.png) no-repeat;
				z-index: 10;
				}
				
			p#nonsurgtext {
				position: absolute;
				top: 410px;
				left: 0;
				width: 537px;
				height: 77px;
				text-indent: -5000px;
				background: url(../images/nonsurgical_text.png) no-repeat;
				z-index: 11;
				}
			
			/*  -----  TEXT FLAGS in banners -----  */
			p#bannertext {
				position: absolute;
				top: 270px;
				right: 0;
				text-indent: -5000px;
				z-index: 11;
				margin: 0;
				padding: 0;
				}
				
			p#bannertext_2 {
				position: absolute;
				top: 270px;
				right: 0;
				text-indent: -5000px;
				z-index: 11;
				margin: 0;
				padding: 0;
				}
				
				body#products #bannertext_2 {
					width: 308px;
					height: 50px;
					background: url(../images/products_text.png) no-repeat;
					}
				
				body.ohmniscan #bannertext {
					width: 348px;
					height: 50px;
					background: url(../images/ohmniscan_text.png) no-repeat;
					}
				
				body.cellsonic #bannertext {
					width: 382px;
					height: 50px;
					background: url(../images/cellsonic_text.png) no-repeat;
					}
				
				body.sp3 #bannertext {
					width: 422px;
					height: 50px;
					background: url(../images/sp3_text.png) no-repeat;
					}
				
				body.dls10 #bannertext {
					width: 380px;
					height: 50px;
					background: url(../images/dls10_text.png) no-repeat;
					}
				
				body.bioderm #bannertext {
					width: 309px;
					height: 50px;
					background: url(../images/bioderm_text.png) no-repeat;
					}
					
				body#purchasingoptions #bannertext {
					width: 248px;
					height: 50px;
					background: url(../images/purchasing_text.png) no-repeat;
					}
				
				body#clinicpartners #bannertext {
					width: 290px;
					height: 50px;
					background: url(../images/clinicpartner_text.png) no-repeat;
					}
				
				body#news #bannertext {
					width: 270px;
					height: 50px;
					background: url(../images/news_text.png) no-repeat;
					}
				
				body#aboutus #bannertext {
					width: 454px;
					height: 50px;
					background: url(../images/aboutus_text.png) no-repeat;
					}
				
				body.staff #bannertext_2 {
					width: 165px;
					height: 50px;
					background: url(../images/staff_text.png) no-repeat;
					}
				
				body.contactus #bannertext_2 {
					width: 194px;
					height: 50px;
					background: url(../images/contactus_text.png) no-repeat;
					}
			
	
	p#logo {
		position: absolute;
		top: 0;
		left: 15px;
		z-index: 7;
		}
		
		p#logo a {
			width: 176px;
			height: 115px;
			text-indent: -5000px;
			background: url(../images/logo.gif) no-repeat;
			display: block;
			}

	
	/*
#flash {
		position: absolute;
		top: 80px;
		left:20px;
		width: 620px;
		height: 465px;
		z-index: 5;
		}
*/

						
	/* -------------- MAIN CONTENT -------------------- */
	
	#main {
		width: 800px;
		color: #4D4D4D;
		border-top: 1px dotted #4D4D4D;
		position: relative;
		left: 15px;
		min-height: 250px;
		margin-bottom: 20px;
		}
		
		#home #main {
			margin-bottom: 10px;
			}
		
		#content {
			position: relative;
			left: 200px;
			width: 450px;
			}
		
		#home #content {
			width: 100%;
			left: 0;
			}
			
			#home #text {
				width: 100%;
				}
			
			#home table {
				width: 615px;
				}
			
			#home td {
				width: 50%;
				vertical-align: top;
				}
			
			#featimage {
				position: absolute;
				top: 52px;
				left: 665px;
				width: 130px;
				}
				
			
		/* ----- FORM STYLES -----*/

		#clinicalform {
			border-bottom: 1px dotted #B3B3B3;
			border-top: 1px dotted #B3B3B3;
			background: #EDEDED;
			padding: 5px;
			margin-top: 30px;
			}
			
			#clinicalform h2 {
					padding-left: 0;
					font-size: 1.4em;
					padding-top: 5px;
					padding-bottom: 5px;
					}
		
		.error {
			font-weight: bold;
			color: red;
			}
			
			#cf_table td {
				background: #EDEDED;
				}
				
		
				
				
		
		#contactform {
			position: absolute;
			top: 90px;
			left: 0;
			z-index: 30;
			}

		select, input, textarea {
		    font-size: 12px;
		    padding: 3px;
		    border: 1px solid #AAA;
		    color: #333;
		    font-weight: bold;
		    width: 160px;
		}
		
		textarea {
			height: 85px;
			}
		
		#contactform table {
		    padding: 7px 0 7px 0;
		}
		
		#contactform td {
		    text-align: left;
		    letter-spacing: -0.03em;
		    margin-bottom: 1px;
		    padding: 3px 7px;
		    font-size: 1.2em;
		    line-height: 1.2em;
		    font-weight: bold;
		}
		
		#submitbutton {
		    width: 74px;
		    cursor: pointer;
		    background-color: #666666;
		    color: #FFF;
		    margin-top: 0;
		}
	
			
			
			ul#slideshow {
				position: absolute;
				top: 90px;
				left: 20px;
				width: 585px;
				height: 465px;
				overflow: hidden;
				padding: 0;
				margin: 0;
				/* text-align: center; */
				/* background-color: #F2F2F2; */
				}
				
				ul#slideshow img {
					border: 5px solid #F2F2F2;
					text-align: center;
					}
			
			h1 {
				font: 2.8em/1em Arial, Helvetica, sans-serif;
				color: #25408E;
				text-transform: uppercase;
				margin: 15px 0 5px 15px;
				padding: 0 0 0 0;
				font-weight: normal;
				}
				
			
			h2 {
				font: 1.6em/1em Arial, Helvetica, sans-serif;
				color: #25408E;
				padding: 10px 0 10px 15px;
				font-weight: normal;
				text-transform: uppercase;
				}
				
				
			
			h3 {
				font: 1.6em/1em Arial, Helvetica, sans-serif;
				color: #F7931E;
				padding-bottom: 0;
				margin-bottom: 0;
				padding-left: 15px;
				font-weight: normal;
				}
			
			p {
				font-size: 1.1em;
				line-height: 1.5em;
				padding: 0 0 1em 0;
				padding-left: 15px;
				}
				
					p#contacttel {
						font-size: 1.4em;
						color: #B3B3B3;
						padding: 53px 28px 22px 0;
						text-align: right;
						}
				
				p.firstpara {
					font-size: 1.8em;
					color: #25408E;
					line-height: 1em;
					padding-bottom: 0.6em;
					padding-top: 0.3em;
					}

						
				#content ul {
					font-size: 1.1em;
					line-height: 1.5em;
					padding: 0 0 0.5em 0; 
					margin-top: 0; 
					margin-bottom: 0;
					margin-left: 30px; 
					list-style-image: url(../images/bullet.gif);
					}
					
						#content li {
							padding-bottom: 0.5em
						}
				
				#main ul#projectlist {
					font-size: 1.3em;
					line-height: 1.2em;
					font-family: Arial, Helvetica, sans-serif;
					letter-spacing: -0.02em;
					}
					
					#projectlist {
						padding-bottom: 0;
						}
						
					#specialoffer {
						width: 420px;
						padding-left: 15px;
						text-align: right;
						margin-bottom: 30px;
						}
						
						#specialoffer th {
							border-bottom: 2px solid #AAA;
							border-top: 1px solid #AAA;
							padding: 5px 3px;
							}
						
						#specialoffer td {
							border-bottom: 1px solid #AAA;
							padding: 3px 5px;
							}
			
			a {
				text-decoration: none;
				}
			
				#main a:link {
					color: #F7931E;
					cursor: pointer;
					}
					
					#main p#downloadlink a:link {
						display: block;
						padding: 3px;
						background: #F7931E;
						color: #FFF;
						text-transform: uppercase;
						width: 120px;
						text-align: center;
						font-size: 1.4em;
						}
				
				#main a:hover {
					text-decoration: underline;
					}
				
				a:visited {
					color: #7580B3;
					}
					
				#twocolumn {
					width: 600px;
					}
					
					#twocolumn td {
						width: 50%;
						vertical-align: top;
						}
						
					#twocolumn p {
						padding-right: 20px;
						}
						
			/* -------------- LEFT COLUMN  -------------------- */
			
			#leftcol {
				position: absolute;
				top: 31px;
				left: 15px;
				width: 180px;
				}
				
				
				
				#leftcol #quote {
					margin-top: 28px;
					background-image: url(../images/greytriangle.gif);
					background-position: bottom right;
					background-repeat: no-repeat;
					border: 1px solid #FFF;
					}
					
					#clinicpartners #leftcol #quote {
						margin-top: 21px;
						}
				
				#leftcol p {
					font-size: 1.8em;
					line-height: 1em;
					padding: 5px 0 5px 8px;
					margin: 0 0 19px 0;
					text-transform: uppercase;
					color: #B3B3B3;
					background: #EDEDED;
					}
					
					#clinicaltrial #leftcol p {
						background: #EDEDED;
						margin-bottom: 0;
						font-size: 1.2em;
						padding-left: 0;
						color: #4D4D4D;
						}
				
				#leftcol h3 {
					text-transform: uppercase;
					font-weight: normal;
					color: #737373;
					margin: 0;
					padding: 0 0 5px 0;
					font-size: 1.4em;
					}
					
					#leftcol h3 a:link {
						color: #737373;
						}
					
					#leftcol h3 a:hover {
						color: #F7931E;
						text-decoration: none;
						}
					
					#leftcol h3 a:visited {
						color: #737373;
						}
				
				#secondnav ul {
					list-style-type: none;
					font-size: 1.6em;
					line-height: 1em;/* 1.8em; */
					padding: 0;
					margin: 0;
					text-transform: uppercase;
					border-top: 1px dotted #B3B3B3;
					}
					
					#secondnav li {
						margin: 0;
						padding: 0;
						}
					
					#secondnav li a {
						color: #737373;
						display: block;
						padding: 7px 20px 6px 8px;
						background: #EDEDED;
						border-bottom: 1px dotted #B3B3B3;
						margin: 0;
						}
					
					#secondnav li a:link {
						color: #737373;
						}
					
					#secondnav li a:hover {
						color: #4D4D4D;
						text-decoration: none;
						background: #EDEDED url(../images/arrow_grey.gif) no-repeat;
						background-position: 152px 5px;
						}
					
					#secondnav a#current {
						color: #F7931E;
						background: #EDEDED url(../images/arrow_orange.gif) no-repeat;
						background-position: 152px 5px;
						}
			
				#imggallery {
					margin-top: 20px;
					}
					
					#imggallery ul {
						list-style-type: none;
						padding: 0;
						margin: 0;
						}
						
						#imggallery li {
							float: left;
							width: 55px;
							margin-right: 5px;
							margin-bottom: 2px;
							padding: 0;
							}
							
							#imggallery a {
								padding: 0;
								margin: 0;
								}
				
						/*
#imggallery img.thumb {
							width: 55px;
							height: 55px;
							}
*/
			
			
			
			/* -------------- HOME / FEAT PRODUCTS -------------------- */
			
			#featproducts {
				position: absolute;
				top: 15px;
				right: 0;
				width: 180px;
				}
				
				#featproducts .prodlink {
					width: 100%;
					background-color: #EDEDED;
					margin-bottom: 4px;
					}
					
					#featproducts h2 {
						font-size: 1.4em;
						text-transform: uppercase;
						margin: 0;
						padding: 0 0 3px 0;
						color: #B3B3B3;
						}
					
					#featproducts h3 {
						font-size: 1.8em;
						text-transform: uppercase;
						color: #25408E;
						margin: 0;
						padding: 10px 0 0 8px;
						line-height: 0.85em
						}
					
					#featproducts p {
						text-transform: lowercase;
						margin: 0;
						padding: 0;
						line-height: 1.3em;
						}
						
						#home #featproducts p a {
							color: #4D4D4D;
							display: block;
							padding: 0 30px 10px 8px;
							background: #EDEDED url(../images/arrow_blue.gif) no-repeat;
							background-position: 154px 12px;
							}
						
						#featproducts p a:hover {
							text-decoration: none;
							color: #F7931E;
							background: #EDEDED url(../images/arrow_orange.gif) no-repeat;
							background-position: 154px 12px;
							}

			
		
			/* -------------- FOOTER -------------------- */
			
			
			#footer {
				width: 800px;  
				height: 28px;
				border-top: 1px dotted #4D4D4D;
				border-bottom: 1px dotted #4D4D4D;
				margin-bottom: 25px;
				position: relative;
				left: 15px;
				}
				
				#footer p {
					color: #4D4D4D;
					font-size: 1.4em;
					text-transform:uppercase;
					padding: 8px 0 0 215px;
					margin: 0;
					letter-spacing: 0.02em;
					}
					
					#home #footer p {
						padding-left: 15px;
						}
			
			#footer a:link {
				color: #25408E;
				}
			
			#footer a:hover {
				/* padding-bottom: 2px; */
				color: #F7931E;
				}
				
				#footer p#blindmice {
					position: absolute;
					top: 0;
					left: 15px;
					padding-left: 0;
					padding-top: 9px;
					font-size: 1.1em;
					}
					
					#home #footer p#blindmice {
						left: 690px;
						}
					
					#footer p#blindmice a:link {
						color: #B3B3B3;
						}
					
					#footer p#blindmice a:hover {
						color: #4D4D4D;
						}
					
					#footer p#blindmice a:visited {
						color: #B3B3B3;
						}
	
	

	/* -------IMAGE GALLERY on PROJECT PAGE ------	 
	   ---- see also galleria.css                  */
	 ul.gallery_unstyled {
	 	list-style-type: none;
	 	position: absolute;
	 	top: 0;
	 	left: 0;
	 	height: 515px;
	 	overflow: hidden;
	 	padding: 0;
	 	margin: 0;
	 	}

/* -------------- FIXES -------------------- */
			
			.clear {
				 display:inline-block;
				}
				
				.clear:after {
				 display:block; 
				 visibility:hidden; 
				 clear:both; 
				 height:0; 
				 content: " "; 
				}