@charset "UTF-8";


/*********************** 
MAINSTREETMEDICA.COM STYLE SHEET
************************/



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

STYLESHEET SECTIONS:

- Global Layout Stuff
- Standard Elements
- Classy Elements
- Links
- Header Stuff
- Left Sidebar Stuff
- Center Body Structure
- Center-Area-Only Classy Elements
- Right Sidebar Structure
- Special Text Areas
- Table Layouts
- Buttons
- Footer Elements  
- IE6 Exceptions
- IE7 Exceptions
- Override Everything Else    

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



/* <Global Layout Stuff> */
 

body {	
	margin:auto;
	background: url(../images/body-bg.png) center top no-repeat;
	font-size:11px;
	font-family: Verdana, Arial, Helvetica;
	}
	
	body.home { background: url(../images/body-home-bg.png) center top no-repeat; }
	body.alt { background: none; }
		
#wrapper-outer {
	margin:auto;
	background: url(../images/site-bg-logo-only.png) right top no-repeat;
	width: 970px;
	height: 800px;
	overflow:visible;
	}

			
	#wrapper-outer.home { background: url(../images/site-bg-logo-only.png) right top no-repeat; width: 970px; }
	#wrapper-outer.what { background: url(../images/site-what-bg.png) right top no-repeat; width: 970px; }
	#wrapper-outer.clients { height: 900px; }
		
	
#wrapper {
	margin:auto;
	width: 970px;
	height: 792px;
	}		

	#wrapper-outer.home #wrapper { background:none; }	
	#wrapper-outer.what #wrapper { background:none; }	

#container { background: #FFF; }

/* </Global Layout Stuff> */




/* ---------------------------------------------------------------*/





/* <Standard Elements> */

p {	font-size:11px;
	padding: 0 0 10px 0;
	line-height:16px;
	margin: 0;
	}

h1 {	font-size:18px;
	color: #333;
	font-weight:bold;
	}

h2 {	font-size:16px;
	text-transform:uppercase;
	color: #333;
	padding: 0px 0px 8px 0px;
	font-weight: bold;
	}

h3 {	font-size:14px;
	text-transform:uppercase;
	color: #333;
	padding: 0px 0px 8px 0px;
	font-weight: bold;
	}

h4 {	font-size:13px;
	color: #333;
	padding: 0px 0px 8px 0px;
	font-weight: bold;
	line-height: 16px;
	}
	

h5 {	font-size:11px;
	color: #333;
	padding: 0px 0px 10px 0px;
	margin: 0;
	font-weight: bold;
	line-height: 14px;
	}
	
td { vertical-align: top; }	
	
/* </Standard Elements> */





/* ---------------------------------------------------------------*/






/* <Classy Elements> */

.who-we-are-blurb { 
	position: absolute;
	width: 260px;
	margin: 0 0 0 700px;	
	}
	


.what-we-do-blurb { 
	position: absolute;
	width: 370px;
	margin: 0 0 0 155px;	
	}
	

	
.ulist-orange {
	list-style:square;
	color:#ee3c24;
	padding-left: 15px;
	}

	.ulist-orange li { line-height: 16px; padding-bottom:8px; }	
	.ulist-orange span { color: #000; }

.map-right { 
	position: absolute;
	width: 200px;
	margin: 0 0 0 770px;	
	}

.map-left { 
	position: absolute;
	width: 400px;
	margin: 0 0 0 155px;	
	}
			
/* </Classy Elements> */





/* ---------------------------------------------------------------*/





/* <Links> */
a { color:#005082; text-decoration:none; }
a:link { color:#005082; }
a:visited { color:#005082; }
a:hover { color:#005082; text-decoration: underline; }

a.dotted-link:link {
	border-bottom:dotted 1px #76a5c1;
	}

a.dotted-link {
	border-bottom:dotted 1px #76a5c1;
	}
	
a.dotted-link.orange {
	color:  #df3a10;
	border-bottom:dotted 1px #df3a10;
	}

a:hover.dotted-link {
border-bottom:1px solid #005082;
text-decoration: none;
}

a.clink { color:#98012e; border-bottom: dotted 1px #98012e}
a.clink:hover { color:#98012e; text-decoration:none; border-bottom: solid 1px #98012e}
	
/* </Links> */





/* ---------------------------------------------------------------*/






/* <Header Stuff> */
			
#header {
	height: 150px; width: 960px;
	}
	
	/* Logo */
	
	#header-leftstuff { float: left; width: 260px; padding-left: 10px; }
	
	#logo a {
		float: left;
		margin-top: 30px;
		width: 240px;
		background:url(../images/eaton-golden.png) left top no-repeat;
		padding: 0 0 90px 200px;		
		}
		

	/* Search Area */
	
	#header-rightstuff { float: right; width: 460px; margin-right:10px; }
	
	#search-container { width: 300px; padding: 5px 0 5px 112px; height:25px; background: #f2f2f2 url(../images/txt-client-login.png) 11px 10px no-repeat; border: 1px solid #ccc; border-top:none; float:right;}
	
		.search-input { width: 110px; font-size: 11px; padding: 2px 0 3px 0; margin-right: 7px; color: #999; text-indent: 5px; float:left; border: 1px solid #ccc;  }


				
		.submit {  }





/* </Header Stuff> */





/* ---------------------------------------------------------------*/






/* <Left Sidebar Stuff> */
#leftmenu {
	float: left;
	width: 125px;
	overflow:hidden;
	font-family: Arial, Helvetica, sans-serif;
	}

#leftmenu ul { 
	list-style: none;
	padding-left:0;
	margin:0;
	}
	
#leftmenu ul li { 
	float:left;width:100px;margin:0;padding:0;
	}

	*:first-child+html #leftmenu ul li { margin-bottom: -3px; }
	
	#leftmenu ul li.first { border-top: 1px solid #afafaf; }
	
#leftmenu ul li a { padding: 3px 0 3px 13px; margin-bottom: 5px; display:block; font-size: 11px; font-family: trebuchet ms, arial, helvetica, verdana; color: #005082;	background: url(../images/left-nav-bg.png) repeat 0 0; text-transform:uppercase; width: 116px; border-left: solid 2px #ccc; outline:none; }

#leftmenu ul li a:hover { text-decoration:none; }	

*:first-child+html #leftmenu ul li a:hover { text-decoration:none; background: #ccc; }		

#leftmenu ul li.current a { background:#ccc; color: #fff;  cursor: text; }

#leftmenu ul li.current.on a { color:#005082; cursor:pointer; }

#leftmenu ul li a.current.on:hover { color:#df3a10; }

#leftmenu img {
	border: 1px solid #c8c8c8;
	}

#leftmenu td.current img, #leftmenu td a:hover img {
	border: 1px solid #df3a10;
	}

#leftmenu td.current a {
	color: #df3a10;
	}
/* </Left Sidebar Stuff> */





/* ---------------------------------------------------------------*/






/* <Center Body Structure> */

.left-side { float:left; width: 694px; padding:20px 10px; }

.right-side { float:left; width: 246px;  padding:30px 0px; }

.left-side-full { float:left; padding:20px 10px; }

.right-side-full { float:right; text-align:right; }


		
/* </Center Body Structure> */



/* ---------------------------------------------------------------*/





/* <Center-Area-Only Classy Elements> */

.left-content {
	width: 375px;
	float: left;
	margin-left: 30px;
	}
	
	.left-content.full { width: 750px; }

h1.who-we-are {
	position: absolute;
	width: 238px;
	height: 105px;
	margin: -7px 0 0 425px;
	display:block;
	}	

h1.what-we-do {
	width: 238px;
	height: 105px;
	margin: -8px 0 0 0;
	display:block;
	}	

.nextlinks a { padding: 3px 0 3px 10px; margin-bottom: 5px; display:block; font-size: 11px; color: #005082;	background: url(../images/nextlinks-bg.png) repeat 0 0; width: 240px; border-left: solid 2px #045082; }

.nextlinks a:hover { border-bottom:none; text-decoration:none;  }

.pretty-hover { color: #fff!important; }
			
/* </Center-Area-Only Classy Elements> */



/* ---------------------------------------------------------------*/





/* <Right Sidebar Structure> */


/* </Right Sidebar Structure> */



/* ---------------------------------------------------------------*/




/* <What We Do Boxes> */

a.whatbox {
	position: absolute;
	width: 96px; 
	color: #fff;
	display:block;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 22px;
	padding-left: 10px;
	}

	a.whatbox:visited {	color: #fff; }
	a.whatbox:hover { text-decoration: none; }
			
#vid { 
	margin: -363px 0 0 780px;
	background: #055082;
	padding-top: 33px;	
	height: 72px;	
	}

	#vid.whatbox.on, #vid:hover { background: #fff; color: #055082; border: 8px solid #055082; height: 66px; width: 84px; padding-top: 23px; padding-left: 6px;	}
	#vid.whatbox.on { cursor: text;  }		

#td { 
	margin: -363px 0 0 915px;
	background: #055082;
	padding-top: 55px;	
	height: 50px;
	
	}

	#td.whatbox.on,#td:hover { background: #fff; color: #055082; border: 8px solid #055082; height: 43px; width: 86px; padding-top: 45px; padding-left: 3px;	}
	#td.whatbox.on { cursor: text; }	

#ia { 
	margin: -268px 0 0 560px;
	background: #ee3c24;
	padding-top: 55px;	
	height: 50px;		
	}

	#ia.whatbox.on, #ia:hover { background: #fff; color: #ee3c24; border: 8px solid #ee3c24; height: 43px; width: 86px; padding-top: 45px; padding-left: 3px;	}
	#ia.whatbox.on { cursor: text;  }		

#utr { 
	margin: -268px 0 0 780px;
	background: #782954;
	padding-top: 33px;	
	height: 72px;	
	}

	#utr.whatbox.on, #utr:hover { background: #fff; color: #782954; border: 8px solid #782954; height: 66px; width: 84px; padding-top: 23px; padding-left: 6px;	}
	#utr.whatbox.on { cursor: text;  }			

#dp { 
	margin: -268px 0 0 915px;
	background: #055082;
	padding-top: 55px;	
	height: 50px;		
	}

	#dp.whatbox.on, #dp:hover { background: #fff; color: #055082; border: 8px solid #055082; height: 43px; width: 86px; padding-top: 45px; padding-left: 3px;	}
	#dp.whatbox.on { cursor: text;   }		

#ues { 
	margin: -300px 0 0 645px;
	background: #ee3c24;
	padding-top: 31px;	
	height: 74px;
	}

	#ues.whatbox.on, #ues:hover { background: #fff; color: #ee3c24; border: 8px solid #ee3c24; height: 66px; width: 84px; padding-top: 23px; padding-left: 6px;	}
	#ues.whatbox.on { cursor: text;  }		
	
#csww { 
	margin: -300px 0 0 780px;
	background: #ee3c24;
	padding-top: 33px;	
	height: 72px;	
	}
	
	#csww.whatbox.on, #csww:hover { background: #fff; color: #ee3c24; border: 8px solid #ee3c24; height: 66px; width: 84px; padding-top: 23px; padding-left: 6px;	}
	#csww.whatbox.on { cursor: text;    }		
						

#label1 { 
	position: absolute;
	width: 230px; 
	height: 9px;
	/*margin: 402px 0 0 780px;*/
	margin: 116px 0 0 780px;
	background: url(../images/txt-user-experience-dd.png) left top no-repeat; 
	}

#label2 { 
	position: absolute;
	width: 230px; 
	height: 9px;
	/*margin: 402px 0 0 780px;*/
	margin: 520px 0 0 645px;
	background: url(../images/txt-user-experience-planning.png) left top no-repeat; 
	}

#arrows { 
	position: absolute;
	width: 389px; 
	height: 376px;
	/*margin: 402px 0 0 780px;*/
	margin: 132px 0 0 552px;
	background: url(../images/arrows.png) left top no-repeat; 
	}

#address { 
	position: absolute;
	width: 115px; 
	height: 9px;
	font-size: 10px;
	line-height:20px;
	color: #666;
	font-family: trebuchet ms, trebuchet, verdana, arial, helvetica;
	/*margin: 402px 0 0 780px;*/
	margin: 415px 0 0 835px;
	}	
	
#address-directions { 
	position: absolute;
	width: 115px; 
	height: 9px;
	font-size: 10px;
	line-height:20px;
	color: #666;
	font-family: trebuchet ms, trebuchet, verdana, arial, helvetica;
	/*margin: 402px 0 0 780px;*/
	margin: 580px 0 0 835px;
	}	
	
#emily { 
	position: absolute;
	width: 103px; 
	height: 103px;
	margin: 0px 0 0 132px;
	background: url(../images/emily.jpg) left top no-repeat; 
	border: 1px solid #ccc;
	}

	#emily:hover { background: url(../images/emily-over.jpg) left top no-repeat; }
	
#john { 
	position: absolute;
	width: 103px; 
	height: 103px;
	margin: 0px 0 0 267px;
	background: url(../images/john.jpg) left top no-repeat; 
	border: 1px solid #ccc;	
	}

	#john:hover { background: url(../images/john-over.jpg) left top no-repeat; }
			
#mike { 
	position: absolute;
	width: 103px; 
	height: 103px;
	margin: 134px 0 0 267px;
	background: url(../images/mike.jpg) left top no-repeat; 
	border: 1px solid #ccc;	
	}

	#mike:hover { background: url(../images/mike-over.jpg) left top no-repeat; }	
	
#tony { 
	position: absolute;
	width: 103px; 
	height: 103px;
	margin: 134px 0 0 402px;
	background: url(../images/tony.jpg) left top no-repeat; 
	border: 1px solid #ccc;	
	}

	#tony:hover { background: url(../images/tony-over.jpg) left top no-repeat; }	
	
#annette { 
	position: absolute;
	width: 103px; 
	height: 103px;
	margin: 134px 0 0 537px;
	background: url(../images/annette.jpg) left top no-repeat; 
	border: 1px solid #ccc;	
	}

	#annette:hover { background: url(../images/annette-over.jpg) left top no-repeat; }	
				
#craig { 
	position: absolute;
	width: 103px; 
	height: 103px;
	margin: 268px 0 0 132px;
	background: url(../images/craig.jpg) left top no-repeat; 
	border: 1px solid #ccc;	
	}

	#craig:hover { background: url(../images/craig-over.jpg) left top no-repeat; }	
	
#courtney { 
	position: absolute;
	width: 103px; 
	height: 103px;
	margin: 268px 0 0 267px;
	background: url(../images/courtney.jpg) left top no-repeat; 
	border: 1px solid #ccc;	
	}

	#courtney:hover { background: url(../images/courtney-over.jpg) left top no-repeat; }	
	
/*#telari { 
	position: absolute;
	width: 103px; 
	height: 103px;
	margin: 268px 0 0 402px;
	background: url(../images/telari.jpg) left top no-repeat; 
	border: 1px solid #ccc;	
	}
	
	#telari:hover { background: url(../images/telari-over.jpg) left top no-repeat; }	
	
	*/
	
#mollie { 
	position: absolute;
	width: 103px; 
	height: 103px;
	margin: 402px 0 0 132px;
	background: url(../images/mollie.jpg) left top no-repeat; 
	border: 1px solid #ccc;	
	}
	
	#mollie:hover { background: url(../images/mollie-over.jpg) left top no-repeat; }	
	
#zach { 
	position: absolute;
	width: 103px; 
	height: 103px;
	margin: 402px 0 0 267px;
	background: url(../images/zach.jpg) left top no-repeat; 
	border: 1px solid #ccc;	
	}
	
	#zach:hover { background: url(../images/zach-over.jpg) left top no-repeat; }	
	
	
/*#jobs { 
	position: absolute;
	width: 103px; 
	height: 103px;
	margin: 402px 0 0 425px;
	background: url(../images/jobs-box.jpg) left top no-repeat; 
	border: 1px solid #ccc;	
	}
	
	#jobs:hover { background: url(../images/jobs-box-over.jpg) left top no-repeat; }	*/
	
		
#jobs { 
	position: absolute;
	width: 103px; 
	height: 103px;
	margin: 268px 0 0 402px;
	background: url(../images/jobs-box.jpg) left top no-repeat; 
	border: 1px solid #ccc;	
	}
	
		#jobs:hover { background: url(../images/jobs-box-over.jpg) left top no-repeat; }	

	
								
/* </What We Do Boxes> */





/* ---------------------------------------------------------------*/






/* <Special Text Areas> */
/* </Special Text Areas> */



/* ---------------------------------------------------------------*/





/* <Table Layouts> */
					
/* </Table Layouts> */




/* ---------------------------------------------------------------*/




/* <Buttons> */
	
.button a { 
	background: #667dd1;  
	color: #fff;
	display: block;
	background: #0c5b8f;					
	-moz-border-radius:2px; /* Firefox */
	-webkit-border-radius:2px; /* Safari & Chrome */
	-khtml-border-radius:2px; /* Linux */
	border-radius:10px; /* CSS3 */ 
	/* behavior:url(assets/utils/border-radius-ie8.htc); */
	float:left;
	padding: 2px 8px 2px 8px;
	margin-bottom: 5px; 
	font-size: 10px;
	letter-spacing: 1px;
	font-family:trebuchet ms, arial, helvetica, verdana;
	}

.button.login a { width: 100px; }


	.button a:hover { 
		color: #fff;
		background: #53839f url(../images/button-bg-over.png) left top repeat-x;	
		text-decoration:none;
			}			
	
	.button.print-page a { background: #667dd1 url(../images/btn-print-this-page.gif) 7px 5px no-repeat;  }
			.button.print-page a:hover { background: #849ae9 url(../images/btn-print-this-page-over.gif) 7px 5px no-repeat;  }	
	
	.button.email a { background: #667dd1 url(../images/btn-email.gif) 8px 8px no-repeat;  }
			.button.email a:hover { background: #849ae9 url(../images/btn-email-over.gif) 8px 8px no-repeat;  }	
	
	.button.find-clinic a { background: #667dd1 url(../images/btn-find-clinic.gif) 8px 8px no-repeat;  }
			.button.find-clinic a:hover { background: #849ae9 url(../images/btn-find-clinic-over.gif) 8px 8px no-repeat;  }	


/* Form Button */

input.button { 
	background: #667dd1;  
	color: #fff;
	display: block;
	background: #0c5b8f url(../images/transparent.gif) left top repeat;						
	-moz-border-radius:2px; /* Firefox */
	-webkit-border-radius:2px; /* Safari & Chrome */
	-khtml-border-radius:2px; /* Linux */
	border-radius:10px; /* CSS3 */ 
	/* behavior:url(assets/utils/border-radius-ie8.htc); */
	float:left;
	padding: 2px 8px 2px 8px;
	margin-bottom: 5px; 
	font-size: 10px;
	letter-spacing: 1px;
	font-family:trebuchet ms, arial, helvetica, verdana;
	border:none;
	cursor:pointer;
	text-transform:uppercase;
	}

*html input.button { padding: 1px 4px }
*first-child+html input.button { padding: 1px 4px }


	input.button:hover { 
		color: #fff;
		background: #53839f url(../images/transparent.gif) left top repeat;	
		text-decoration:none;
			}			
	
		
/* </Buttons> */



/* ---------------------------------------------------------------*/







/* <Footer Elements> */ 

/* </Footer Elements> */   




/* ---------------------------------------------------------------*/




/* <IE6 Exceptions> */

*html body.home { background: url(../images/body-home-bg.png) center 10px no-repeat; }
*html #wrapper-outer.what { background: #ccc url(../images/site-what-bg.png) right top no-repeat; width: 970px; }
*html #address { margin: 415px 0 0 710px; }
*html .who-we-are-blurb { margin: 0 0 0 575px;	}

/* </IE6 Exceptions> */




/* ---------------------------------------------------------------*/




/* <IE7 Exceptions> */

*:first-child+html .search-input { width: 110px; padding: 2px 0 3px 0; margin-right: 5px;   }
*:first-child+html #address { margin: 415px 0 0 710px; }
*:first-child+html .who-we-are-blurb { margin: 0 0 0 575px;	}
*:first-child+html .what-we-do-blurb { margin: 0 0 0 30px;	}


/* </IE7 Exceptions> */



/* ---------------------------------------------------------------*/





/* <Override Everything Else > */   
.clearer {
	width:100%;
	margin:0;
	padding:0;
	clear:both;
	height:1px;
	border:none;
}


.no-border { border:none!important; }
.no-background { background:none!important;  }
.no-padding { padding: 0px!important; }
.no-padding-left { padding-left: 0px!important; }
.no-padding-bottom: { padding-bottom: 0px!important; }
.padding-left {padding-left: 10px; }
.padding-top {padding-top: 10px; }
.padding-top-dbl {padding-top: 20px; }



/* </Override Everything Else > */  


/* <Print styles> */  
@media print{
#header, .left-side, #footer ul { display:none; }
#wrapper, #footer { border:none; }
}