/*  ------------------------------------------------------------------------
                  		    AVALON NATURAL HEALTH
    ------------------------------------------------------------------------  */



/*  ----------------------------|  KEY TAGS  |----------------------------  */

* {margin: 0; padding: 0;}
html {	overflow-x: hidden;}
body {
	font-family: arial;
	font-size: 14px;
	background: url('../images/bg-rpt.jpg');
	color: #fff;
}
p {
	display: block;
	margin: 25px 0;
}
blockquote {
	font-style: italic;
	font-weight: bold;
}
/*  ----------------------------|  WEBSITE WRAP'S  |----------------------------  */
#wrap {
	width: 100%;
	height: auto;
	min-height: 860px;
	height:auto !important;
	height: 860px;
	min-width: 1200px;
	width: auto !important;
	width: 1200px;
	background: url('../images/bg.jpg') top right no-repeat;
}
#container {
	width: 955px;
	padding: 30px 20px;
}
#logo {width: 260px; height: 80px; display: block; background: url('../images/avalon-natural-health.gif') no-repeat; cursor: pointer;}
#logo span {position: absolute;text-indent: -9000em;}
/*  -------------------------------|  MAIN MENU  |-------------------------------  */

#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
}

#nav a {
	font-size: 11px;
	text-decoration: none;
	color: #fff;
	background: #333;
	display: block;
	width: 100px;
	text-align: center;
	padding: 10px 0;
}
#nav a:hover {
	background: #f3d673;
	color: #333;
}

#nav li { /* all list items */
	float: left;
	width: 100px; /* width needed or else Opera goes nuts */
}

#nav li ul { /* second-level lists */
	position: absolute;
	width: 100px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#nav li ul ul { /* third-and-above-level lists */
	margin: -32px 0 0 100px;
}

#nav li:hover ul ul, #nav li.sfhover ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

/*  ----------------------------|  WEBSITE CONTENT  |----------------------------  */
#content {
	clear: both;
	width: 700px;
	line-height: 24px;
	background: url("../images/content-bg.png");

}
#content ul, ol {
	padding: 0 0 0 20px;
}
#content li {
	margin: 5px 0;
}
#content a {color: #ff3;text-decoration: none;}
#content a:hover {text-decoration: underline;}
#content .title {
	font-size: 32px;
	color: #ff3;
}
#content .bigHeader {font-size: 16px; color: #ff3;}
#content h2 {font-size: 13px; line-height: normal;}
#content h3 {font-size: 12px; line-height: normal; margin: 4px 0; font-weight: normal; text-transform: capitalize;}
#contentPadding {padding: 20px 100px 20px 20px;}
.clinicList {
	margin: 0;
	padding: 0;
	list-style: none;
}
.clinicList li {line-height: 26px;}

.clinicOne {width: 300px; float: left; margin-right: 30px;}

.clinicTwo {width: 240px; float: right;}

.imgLeft {float: left; width: 200px; margin: 10px 50px 10px 0; font-size: 12px; line-height: normal;}
.imgRight {float: right; width: 200px; margin: 10px 0 10px 50px; font-size: 12px; line-height: normal;}

.textCenter {text-align: center; width: 100%; padding: 20px 0 0 0;}

.numberedLink {margin: 0 10px;}

/*  ----------------------------|  CONTACT FORM  |----------------------------  */
#contactdiv fieldset, form {
	border: none; margin: 0; padding: 0;
}
#contactdiv input, textarea {font-family: arial; margin: 4px 0; font-size: 12px;}
#contactdiv label {position: absolute; text-indent: -9000em;}
.formName {border: 1px solid #ccc; line-height: 22px; text-indent: 5px; width: 400px; display: block;}
.formEmail {border: 1px solid #ccc; line-height: 22px; text-indent: 5px; width: 400px; display: block;}
.formPhone {border: 1px solid #ccc; line-height: 22px; text-indent: 5px; width: 400px; display: block;}
.formMessage {border: 1px solid #ccc; line-height: 22px; padding: 5px; width: 390px; height: 100px;}
/*  ----------------------------|  WEBSITE FOOTER  |----------------------------  */
#footer {width: 700px; padding: 2px 0; font-size: 10px; font-style: normal;}
#footer a {color: #fff;}
#footerLeft {width: 300px; float: left;}
#footerRight {width: 300px; float: right; text-align: right;}


/*  ----------------------------|  MISC. CLASSES  |----------------------------  */
.clearBoth {clear: both;}
hr {margin: 20px 0; border: 1px solid #fff;}