/* Specialists in General Surgery - sgsmn.com */





/* ΡΡΡΡΡΡΡΡΡΡ begin colors ΡΡΡΡΡΡΡΡΡΡ

green: #A9C399
green (darker): #95ab87
green (25% screen): #E3EBDE
green (18% screen): #EAF0E6
brown: #574319
orange: #F3901D

ΡΡΡΡΡΡΡΡΡΡΡ end colors ΡΡΡΡΡΡΡΡΡΡΡ */





/* ΡΡΡΡΡΡΡΡΡΡ begin table of contents ΡΡΡΡΡΡΡΡΡΡ

style reset
basic styles
form styles
miscellaneous styles
layout styles
	#pagecontainer
		#navcontainer
			#nav
		#headercontainer
			#header
			#logo
		#contentcontainer
			#maincontent
				#column1
				#column2
			#secondarycontent
				#contact
				#secondarynav
		#bottomcorners
		#footercontainer

ΡΡΡΡΡΡΡΡΡΡΡ end table of contents ΡΡΡΡΡΡΡΡΡΡΡ */





/* ΡΡΡΡΡΡΡΡΡΡ begin style reset ΡΡΡΡΡΡΡΡΡΡ */

/* http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */
/* http://meyerweb.com/eric/thoughts/2007/04/18/reset-reasoning/ */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	}
/* remember to define focus styles! */
:focus {
	outline: 0;
	}
body {
	line-height: 1;
	color: #000;
	background: #FFF;
	}
ol, ul {
	list-style: none;
	}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
	}
caption, th, td {
	text-align: left;
	font-weight: normal;
	}
blockquote:before, blockquote:after, q:before, q:after {
	content: "";
	}
blockquote, q {
	quotes: "" "";
	}

/* ΡΡΡΡΡΡΡΡΡΡΡ end style reset ΡΡΡΡΡΡΡΡΡΡΡ */





/* ΡΡΡΡΡΡΡΡΡΡ begin basic styles ΡΡΡΡΡΡΡΡΡΡ */

body {
	background: #574319 url("../images/bkgdpattern.png") repeat top center;
	color: #574319;
	font: 12px/1.5 verdana, sans-serif;
	}

p {
	font: 12px/1.5 verdana, sans-serif;
	color: #574319;
	margin: 1.5em 0;
	}

h1 {
	font: italic 18px/1em georgia, serif;
	color: #95ab87;
	margin: 0;
	}

h2 {
	font: bold 12px/1.5 verdana, sans-serif;
	text-transform: uppercase;
	letter-spacing: .1em;
	color: #574319;
	margin: 1.5em 0;
	}

h3 {
	font: italic 15px/1.2em georgia, serif;
	color: #95ab87;
	margin: 1.2em 0;
	}

h4 {
	font: bold 12px/1.5 verdana, sans-serif;
	color: #574319;
	margin: 1.5em 0 -.75em;
	}

a {
	color: #F3901D;
	text-decoration: underline;
	}

a:hover {
	color: #F3901D;
	text-decoration: none;
	}

ul {
	margin: 1.5em 0 0.75em;
	}

ul ul {
	margin: 0;
	}

ol {
	margin: 1.5em 0 0.75em;
	}

li {
	list-style: disc inside;
	font: 12px/1.5 verdana, sans-serif;
	color: #574319;
	}

li li {
	list-style: circle outside;
	margin-left: 3.5em;
	}

em {
	font-style: italic;
	}

strong {
	font-weight: bold;
	}

/* ΡΡΡΡΡΡΡΡΡΡΡ end basic styles ΡΡΡΡΡΡΡΡΡΡΡ */





/* ΡΡΡΡΡΡΡΡΡΡ begin form styles ΡΡΡΡΡΡΡΡΡΡ */

/* ΡΡΡΡΡΡΡΡΡΡΡ end form styles ΡΡΡΡΡΡΡΡΡΡΡ */





/* ΡΡΡΡΡΡΡΡΡΡ begin miscellaneous styles ΡΡΡΡΡΡΡΡΡΡ */


.pdficon {
	margin: 0 6px 0 0;
	vertical-align: middle;
	}

.clearleft: {
	clear: left;
	}


/* ΡΡΡΡΡΡΡΡΡΡΡ end miscellaneous styles ΡΡΡΡΡΡΡΡΡΡΡ */





/* ΡΡΡΡΡΡΡΡΡΡ begin layout styles ΡΡΡΡΡΡΡΡΡΡ */

#pagecontainer {
	width: 800px;
	margin: 50px auto;
	text-align: center;
	}

	#navcontainer {
		background: #A9C399 url("../images/pagetopcorners.gif") no-repeat top center;
		float: left;
		width: 800px;
		height: 50px;
		}

		#nav {
			width: 740px;
			margin: 0 auto;
			}

			#nav li {
				list-style: none;
				float: left;
				height: 25px;
				margin: .75em 30px 0 0;
				overflow: hidden;
				}

				#nav li a {
					color: #574319;
					text-decoration: none;
					}

				#nav li a:hover {
					color: #FFF;
					}

					#nav li a img {
						height: 50px;
						}

					#nav li a:hover img {
						margin-top: -25px;
						}

					#nav li a img.selected {
						margin-top: -25px;
						}

						#navhome {
							width: 35px;
							}

						#navsurgeons {
							width: 111px;
							}

						#navprocedures {
							width: 136px;
							}

						#navabout {
							width: 40px;
							}

						#navlocations {
							width: 64px;
							}

	#headercontainer {
		background: #A9C399;
		float: left;
		width: 800px;
		height: 132px;
		text-align: left;
		}

		#header {
			position: absolute;
			background: #FFF;
			width: 740px;
			height: 100px;
			margin: 0 0 0 20px;
			padding: 10px;
			}

		#logo {
			position: absolute;
			width: 140px;
			height: 140px;
			margin: 50px 0 0 610px;
			z-index: 10;
			}

	#contentcontainer {
		background: #A9C399;
		float: left;
		width: 760px;
		padding: 0 20px;
		}

		#content {
			background: #FFF;
			float: left;
			clear: both;
			width: 750px;
			padding-left: 10px;
			text-align: left;
			}

			#maincontent {
				float: left;
				width: 496px;
				min-height: 388px;
				margin: 10px 10px 10px 0;
				padding: 25px;
				border: 2px dotted #A9C399;
				border-bottom: 0;
				}

				#maincontent #column1 {
					float: left;
					width: 146px;
					min-height: 388px;
					padding-right: 25px;
					border-right: 2px dotted #A9C399;
					}

				#maincontent #column2 {
					float: left;
					width: 296px;
					min-height: 388px;
					padding-left: 25px;
					}

			#secondarycontent {
				float: left;
				width: 150px;
				padding: 70px 25px 15px 15px;
				}

				#contact {
					font: 10px/1.8 verdana, sans-serif;
					color: #574319;
					text-align: center;
					width: 130px;
					margin: 0 0 30px 10px;
					border-top: 2px dotted #A9C399;
					border-bottom: 2px dotted #A9C399;
					}

				#secondarynav {
					background: #E3EBDE url("../images/secondarytopcorners.gif") no-repeat top center;
					padding: 10px 0 0;
					}

					#secondarynav ul {
						background: #E3EBDE url("../images/secondarybottomcorners.gif") no-repeat bottom center;
						width: 110px;
						margin-top: 0;
						padding: 0 20px 1.5em;
						}

					#secondarynav li {
						list-style: none outside;
						font: 11px/1.5 verdana, sans-serif;
						margin: .75em 0;
						}

	#bottomcorners {
		background: #A9C399 url("../images/pagebottomcorners.gif") no-repeat bottom center;
		float: left;
		width: 800px;
		height: 20px;
		}

	#footercontainer {
		float: left;
		width: 800px;
		margin: 0 0 35px;
		}

		#footercontainer p {
			font: 11px/1.5 verdana, sans-serif;
			color: #181005;
			margin-top: 1.25em;
			}

/* ΡΡΡΡΡΡΡΡΡΡΡ end layout styles ΡΡΡΡΡΡΡΡΡΡΡ */





/* ΡΡΡΡΡΡΡΡΡΡ begin home styles ΡΡΡΡΡΡΡΡΡΡ */

#headercontainer.home {
	height: 247px;
	}

	#header.home {
		height: 215px;
		}

	#logo.home {
		margin-top: 165px;
		}


	#maincontent.home {
		min-height: 308px;
		}

#intro {
	line-height: 1.5;
	margin-top: -0.25em;
	}

img.map {
	background: #E3EBDE;
	width: 496px;
	height: 225px;
	margin: 2.25em 0 0;
	}

a:hover img.map {
	background: #EAF0E6;
	}

/* ΡΡΡΡΡΡΡΡΡΡΡ end home styles ΡΡΡΡΡΡΡΡΡΡΡ */





/* ΡΡΡΡΡΡΡΡΡΡ begin surgeons & staff styles ΡΡΡΡΡΡΡΡΡΡ */

.bio {
	width: 494px;
	min-height: 175px;
	margin: 1.5em 0;
	padding: 0 0 .75em;
	border-bottom: 1px solid #A9C399;
	}

.portrait {
	background: #E3EBDE;
	float: left;
	margin: 0 20px .75em 0;
	}

/* ΡΡΡΡΡΡΡΡΡΡΡ end surgeons & staff styles ΡΡΡΡΡΡΡΡΡΡΡ */





/* ΡΡΡΡΡΡΡΡΡΡ begin common procedures styles ΡΡΡΡΡΡΡΡΡΡ */

ul.procedures li {
	list-style: none;
	margin: .75em 0;
	}

/* ΡΡΡΡΡΡΡΡΡΡΡ end common procedures styles ΡΡΡΡΡΡΡΡΡΡΡ */





/* ΡΡΡΡΡΡΡΡΡΡ begin about styles ΡΡΡΡΡΡΡΡΡΡ */

.testimonial {
	font: italic 10px/1.8 verdana, sans-serif;
	text-indent: -5px;
	color: #574319;
	margin: 1.8em 0;
	}

/* ΡΡΡΡΡΡΡΡΡΡΡ end about styles ΡΡΡΡΡΡΡΡΡΡΡ */





/* ΡΡΡΡΡΡΡΡΡΡ begin locations styles ΡΡΡΡΡΡΡΡΡΡ */

.location {
	width: 494px;
	min-height: 150px;
	margin: 1.5em 0;
	padding: 0 0 1.5em;
	border-bottom: 1px solid #A9C399;
	}

	.location h3 {
		margin: .75em 0;
		}

	.location p {
		margin: .75em 0;
		}

	.location img {
		background: #E3EBDE;
		float: left;
		margin: 0 20px 0 0;
		}

/* ΡΡΡΡΡΡΡΡΡΡΡ end locations styles ΡΡΡΡΡΡΡΡΡΡΡ */





/* ΡΡΡΡΡΡΡΡΡΡ begin office hours styles ΡΡΡΡΡΡΡΡΡΡ */

img#mainoffice {
	float: right;
	width: 200px;
	height: 150px;
	margin: 18px 0 0 20px;
	}

/* ΡΡΡΡΡΡΡΡΡΡΡ end office hours styles ΡΡΡΡΡΡΡΡΡΡΡ */





/* ΡΡΡΡΡΡΡΡΡΡ begin forms styles ΡΡΡΡΡΡΡΡΡΡ */

ul.forms li {
	list-style: none;
	margin: .75em 0;
	}

/* ΡΡΡΡΡΡΡΡΡΡΡ end forms styles ΡΡΡΡΡΡΡΡΡΡΡ */





/* ΡΡΡΡΡΡΡΡΡΡ begin billing & insurance styles ΡΡΡΡΡΡΡΡΡΡ */

ul.insurance li {
	float: left;
	width: 248px;
	}

/* ΡΡΡΡΡΡΡΡΡΡΡ end billing & insurance styles ΡΡΡΡΡΡΡΡΡΡΡ */





/* ΡΡΡΡΡΡΡΡΡΡ begin faqs styles ΡΡΡΡΡΡΡΡΡΡ */

#faqsindex {
	margin: 1.5em 0;
	padding: 0 0 1.5em;
	border-bottom: 1px solid #A9C399;
	}

/* ΡΡΡΡΡΡΡΡΡΡΡ end faqs styles ΡΡΡΡΡΡΡΡΡΡΡ */





/* ΡΡΡΡΡΡΡΡΡΡ begin miscellaneous styles ΡΡΡΡΡΡΡΡΡΡ */


.pdficon {
	margin: 0 6px 0 0;
	vertical-align: middle;
	}

.clearleft {
	clear: left;
	}


/* ΡΡΡΡΡΡΡΡΡΡΡ end miscellaneous styles ΡΡΡΡΡΡΡΡΡΡΡ */