﻿
body {
	
	margin: 0;
	padding: 0;
	font-family: Verdana,sans-serif;
	font-size:13px;	
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	vertical-align:baseline;
	line-height: 1.5em;
	word-wrap: break-word;
}


a {outline: none;}



/* header
--------------------------------------------------------------------------------------- */

#container {
	padding: 0 0 0 0;
	text-align:left;
	background: #ffffff none repeat scroll 0 0;
	
}

#header {
	border-top: 5px solid #5C574E;
	background-color: #b0d8e4;
}

#header-inner {
	margin: 0 auto;
	width: 960px;
	position:relative;
	height: 78px;
	padding: 0;
}

#logo{
	left: -39px;
	position: absolute;
	top: 12px;	
}

#locations{
	float: right;
	margin-top: 13px;
	color: #ffffff;
}

#locations p {
	margin: 0;
	
}

#logo a {
	background-color: transparent;
	text-decoration: none;
	border-bottom: none;
}

/*navigation
------------------------------------------------------------------------------*/

#navcontainer {
	width: 100%;
	background-color: #6e605d;
	border-bottom: 10px solid #fff;		
}

#navcontainer-inner {
	height: 34px;
	margin: 0 auto;
	width: 960px;
	position:relative;	
}

#navlist {
	margin-top: 0;
	margin-bottom: 0;
	left: -40px;
	position: absolute;
	
}


#navlist ul {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
}

#navlist li {
	/*font-family: verdana,arial,san-serif;*/
	font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;
	font-size: 12px;
	font-weight: normal;
	display: inline;
	float: left;
	letter-spacing:1px;
	
}


#navlist li a {
	color: #dddddd;
	display: block;
	line-height: 22px;
	padding: 6px 18px;
	background-color: #6e605d;
	font-weight: normal;
	text-decoration: none;
	border-bottom: none;	
}


#navlist a:link, #navlist a:visited {
	text-decoration: none;
	color: #bbbbbb;
	font-weight: normal;
}

#navlist li a:hover {	
	color: #ffffff;
	font-weight: normal;
	text-decoration: none;
	border-bottom: none;
}


#navlist li.current_page_item {
	display: block;
	line-height: 22px;
	padding: 6px 18px;
	color: #5c574e;
	background-color: #fff;
	font-weight: normal;
	letter-spacing:1px;
	
}



#headerphoto {
	margin: 0 auto;
	width: 960px;
	position:relative;
	background-image: url(images/eyedeals-stpaul-bw.jpg);
	background-repeat: no-repeat;
	border-top: 1px solid #aaaaaa;
	border-bottom: 13px solid #ffffff;
	height: 200px;
}

#wrapper {
	overflow: auto;
	margin: 0 auto;
	width: 960px;
	position:relative;
	background: url(images/line-sidebar.jpg) repeat-y 66% 0;
	/*padding: 0 0 175px 0;*/
	
	/* background: url(images/854-grid.gif) repeat-y; */
}





#content {
	float: left;
	width: 613px;
	padding: 0 20px 0 0;
}
	
#sidebar {
	float: left;
	width: 300px;
	}
	
#content .gutter {
	float: left;
	padding: 0 20px 0 0;
}	
	
#sidebar .gutter {
	float: left;
	padding: 0 0 0 20px;
}


	
#content .gutter .gutter-indent {
	margin: 0 0 0 72px;
}



#services {
	float: left;
	width: 100%;
}


#services dl {
	width: 612px; /* new width */
	float: left;
	margin: 18px 0px 18px 0px;
	padding: 0;	
}

#services dl.guide{
	border-bottom:2px solid #E2E1D4;
}

#services dt {
	float: right;
	width: 462px;
	margin: 0;
	padding: 0;
	font-family: Verdana,sans-serif;
	font-size: 17px;
	color: #473b38;
	font-weight: normal;
	line-height: 18px;
	display: block;
	/*background: #f5c847;*/
}

#services dd {	
	padding: 0;
	font-family:Verdana,sans-serif;
	line-height: 18px;
	margin: 0 0 18px 150px;
	color: #473b38;
	vertical-align:baseline;
	background: #fff;
}

#services dl dd.img {
	margin: 0;
	}

#services dd.img img {
	float: left;
	margin: 0 15px 0 0;
}

/* reverst float*/



#services .alt dt {
	float: left;
	}
	
#services .alt dd {
	margin: 0 140px 0 0;
	}
	
#services .alt dd.img img {
	float: right;
	margin: 0 0 0 8px;
	}
	




#trunkshow {	
	width: 279px;
	padding: 18px 0 18px 0;
}

.patientcare {
	width: 279px;
	padding: 0 0 8px 0;
}

#guideimage {	
	width: 279px;
	padding: 6px 0 20px 0px;
}

.storephoto {
	width: 279px;
	padding: 18px 0px 8px 0px;
}

#appointment {
	margin: 16px 0;
}



#sidebar .gutter .offer {
	border-bottom: 1px solid #473b38;
	margin-bottom: -1px;
}

.gutter-indent .shaded {
	background: #eeeeee;
}

#content .gutter .gutter-indent .gold {
	color: #ffffff;
	line-height: 36px;
	padding: 0 0 0 3px;
	background:  #ffd700;
}

#content .gutter .gutter-indent .blue {
	color: #ffffff;
	line-height: 36px;
	padding: 0 0 0 3px;
	background:  #b0d8e4;
}

#content .gutter .gutter-indent .rainbow  {
	color: #ffffff;
	line-height: 36px;
	padding: 0 0 0 3px;
	background:  url(images/rainbow.jpg) repeat-x top left;
}

#content .gutter .color {
	list-style: disc;

	
}

#content .gutter .color li {
	margin: 0;
	
}

.photoholder {
	background: #f1ebdb;
	border-top: 2px solid #f1ebdb; 
	border-bottom: 2px solid #f1ebdb; 
}

#teapot {
	margin: 0px 0px 29px 0px;
}


#footer {
	clear: both;	
	text-align: center;
	background:#FFFFFF url(images/jagged-tan-footer.jpg) repeat-x scroll center top;
	font-family:Verdana,sans-serif;
	font-size:10px;
	/*padding: 15px 0 0 0;*/
	border-top: 125px solid #fff;
	min-height:343px;
}


#footer-inner {
	color: #473b38; 
	margin: 0 auto;
	width: 960px;
	padding-bottom: 60px;
	position:relative;
	
	
}

/* links
------------------------------------------------------------------------------*/



a	{
	background-color: transparent;
	font-weight: normal;
	/*text-decoration: none;*/
	/*border-bottom: 1px solid #0066cc;*/
	color:#0066cc;
	/*font-size: 13px;	*/
}
/*
a:hover {
	border-bottom: 1px solid #0066cc;
}
*/
.boldlink  a {
	font-weight: normal;
	color: #0066cc;
	/*border-bottom-width: 0;*/
}

#sidebar .gutter .boldlink h2 {
	color: #0066cc;
}

#services dt a {
	/*text-decoration: none;*/
	color: #0066cc;
	font-size: 17px;
	font-weight: normal;
	border-bottom: none;	
}


#services dt a:hover {
	font-size: 17px;
	font-weight: normal;
	/*border-bottom: 1px solid #0066cc;*/
}





#printcoupon {
	margin: 14px 0 8px 0;
}

#printcoupon a {
	background: url(images/try-scheduler.gif) no-repeat 0 0;
	
	width: 203px;
	height: 27px;
	display: block;
	text-indent: -9999px;
	border-bottom: none;
}

#printcoupon a:hover {
	background-position: 0 -27px;
	
}




#makeappt {
	margin: 14px 0 8px 0;
}


#makeappt a {
	background: url(images/make-appt.gif) no-repeat 0 0;
	width: 203px;
	height: 27px;
	display: block;
	text-indent: -9999px;
	border-bottom: none;
	
}

#makeappt a:hover {
	background-position: 0 -27px;
	
}


/*link inside image ---------------------------------------------------- */

#schedule {
	overflow: hidden;
	width: 100%
}

#schedule-now a.button {
	
	
	background: transparent url(images/button.jpg) no-repeat scroll top right;
	color: #000000;
	display: block;
	/*float: left;*/
	font: normal 1em verdana,sans-serif;
	height: 27px;
	margin: 0 6px 9px 0;
	/*padding-right: 18px;*/
	/*text-decoration: none;*/
	border: none;
	width: 205px;
}

#schedule-now a.button span {
	background: transparent url(images/button.jpg) no-repeat;
	display: block;
	line-height: 19px;
	padding: 4px 2px 4px 15px;
}

#schedule-now a.button:hover {
	text-decoration: underline;
}


/*------------------------------------------------*/


#schedule-now a.button:active {
	background-position: bottom right;
	color: #000;
	outline: none;
}

#schedule-now a.button:active span{
	background-position: bottom left;
	/*padding: 5px 2px 3px 15px;*/
	
}






/*email sign-up -----------------------------------------------------------*/	

span.label,span.spacer,span.multiple span {
	width:120px;float:left;}
	
span.multiple {
	float:left;}
	
span.button {
	padding-left:120px;}
	
div.clear {
	clear:both;
	padding-top:5px;}
	
#submit {
	margin: 18px 0;
}	
	

/* fonts
------------------------------------------------------------------------------*/

	

#content .gutter h1 {
	font-family: Verdana,sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #473b38;
	line-height: 18px;
	margin-top: 18px;
	margin-bottom: 18px;
	font-weight:bold;
	letter-spacing:2px;
	text-transform:uppercase;
	}

#content .gutter h2 {
	font-family: Georgia,serif;
	font-size: 24px;
	color: #473b38;
	font-weight: normal;
	line-height: 18px;	
	margin-top: 18px;
	margin-bottom: 18px;
	vertical-align:baseline;
	}

#content .gutter h3 {"Lucida Grande","Lucida Sans Unicode","Lucida Sans",Helvetica,Arial,sans-serif;Verdana,Arial,sans-serif;
	font-size: 17px;
	color: #473b38;
	font-weight: normal;
	line-height: 18px;	
	margin-bottom: 18px;
	margin-top: 18px;
	vertical-align:baseline;
}

#content .gutter h4 {
	font-family: Verdana,sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #473b38;
	line-height: 18px;
	margin-top: 18px;
	margin-bottom: 18px;
	font-weight:bold;
	letter-spacing:2px;
	text-transform:uppercase;
	}

	
#content .gutter p {
	font-family:Verdana,sans-serif;
	line-height: 18px;
	margin-top:0;
	margin-bottom: 18px;
	color: #473b38;
	vertical-align:baseline;
}
	
#content .offer p {
	background-color: #f5e5b3;
}

.photolabel {
	margin-top: 0;
	padding: 0 0 6px 10px;
	
}



#sidebar .gutter p {
	font-family:Verdana,sans-serif;
	line-height: 18px;
	margin-top:0;
	margin-bottom: 18px;
	color: #473b38;
	vertical-align:baseline;
	
}


#sidebar .gutter h1 {
	font-family: Verdana,sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #473b38;
	line-height: 18px;
	margin-top: 18px;
	margin-bottom: 18px;
	font-weight:bold;
	letter-spacing:2px;
	text-transform:uppercase;
	
}

#sidebar .gutter h2 {
	font-family: Verdana,sans-serif;
	font-size: 17px;
	color: #473b38;
	font-weight: normal;
	line-height: 18px;	
	margin-top: 18px;
	margin-bottom: 18px;
	vertical-align:baseline;
}


#sidebar .gutter h3 {
	font-family: Verdana,sans-serif;
	font-size: 17px;
	color: #473b38;
	font-weight: normal;
	line-height: 18px;	
	margin-bottom: 0;
	margin-top: 18px;
	vertical-align:baseline;
}

#sidebar .gutter h4 {
	font-family: Verdana,sans-serif;
	font-size: 15px;
	color: #473b38;
	font-weight: bold;
	line-height: 15px;	
	margin-bottom: 0;
	margin-top: 0;
	vertical-align:baseline;
}

#sidebar .announce h1{
	display: block;
	width: 100%;
	font-family: Georgia,serrif;
	color: #EA4C88;
	line-height: 36px;
	margin-top: 8px;
	margin-bottom: 28px;
	}
	

	
#sidebar .gutter .announce a:hover {
	color: #3789B9;
}

#pottery {
	margin: 0 0 18px 0;
}

#sidebar .gutter hr {
	margin-top: 17px;
	margin-bottom: 17px;	
}


#footer p {
	display: block;
	font-family:Verdana,sans-serif;
	color: #473b38;
	padding: 12px 0 12px 0;
}









	
/* ul
------------------------------------------------------------------------------*/

#content .gutter ul {
	margin-top: 18px;
	margin-bottom: 18px;
	list-style-type: none;
	
	
}

#content .gutter li {
	margin: 0 0 0 -40px;
	font-size: 13px;
	line-height: 18px;
	color: #473b38;
}

.gutter #square ul {
	list-style-type: square;
	
}

.gutter #square li {
	margin: 0 0 0 46px;
}

#sidebar .gutter ul {
	list-style-type: none;
	padding: 0 0 18px 40px;
}



#sidebar .gutter li {
	margin: 0 0 0 -40px;
	font-size: 13px;
	line-height: 18px;
	color: #473b38;
}



	