/* 
    AUTHOR: Kevin Arp
            KevinArp@gmail.com
*/

body {padding:0;text-align:left;margin: 0 auto;font-family: Georgia, "Times New Roman", Times, serif;background-color: #372209;width: 960px;}
* { margin: 0; padding: 0; }
#page-wrap {background-color: #FFF;width: 960px;margin: 0 auto;text-align: left;}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Tool BOX css */	

a:link {COLOR:#03F;font-style:normal;text-decoration: none;}
a:visited {COLOR:#03F;font-style:normal;text-decoration: none;}
a:hover {COLOR:#06F;text-decoration: underline;}

.clear { clear: both; height:0; font-size: 1px; line-height: 0px;}
.floatright {float: right; padding: 0 50px 5px 7px;}
.imgfloatleft {float: left; padding:8px 8px 6px 50px; border-top-style: none;border-right-style: none;border-bottom-style: none;border-left-style: none;}
.floatImgright {float: right;padding-left: 5px;padding-bottom: 5px;border: 6px double #A0A0A4;}
.ul { list-style: none inside; }

.orderlist { margin: 7px 15px 7px 70px;list-style-type: decimal;list-style-position: outside;	}
.dentaledform h3 {margin: 5px 0 5px 10px; }
.ulBullet { margin:5px 40px 10px 75px;list-style-type: disc;list-style-position: outside;}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Fonts css */
p { font-size:13px; margin:8px 50px 8px 50px; padding: 4px 0 6px 0px;}

h1 {font-size: 20px;font-weight: normal;color: #03C;}
h2 {font-size:17px;font-weight: bold;color:#000;margin: 10px 0 5px 30px;}
h3 {font-size:15px;font-weight: bold;color:#000;margin: 10px 0 5px 30px;}
h4 {font-size:11px;font-weight: bold;color:#000;margin: 10px 0 5px 30px;}
h5 {font-size:12px;margin-left: 30px;font-style: italic;}
.subtext {font-size:10px;font-weight:normal;font-style:italic;}
.error {font-size:14px;color:#D40000;}
a.readmore:link{COLOR:#06F;font-style:normal;text-decoration: none;
font-size:12px;}
a.readmore:visited{COLOR:#F00;font-style:normal;text-decoration: none; font-size:12px;}
a.readmore:hover  {COLOR:#C63;text-decoration: underline;}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~  Header css */	
#header {background-image: url(../images/sprite.jpg);background-repeat: no-repeat;height: 75px;width: 960px;background-position: 0px -362px;float: left;}
#header-logo { display:inline; height: 44px;margin: 17px 0 0 15px;width: 250px;float: left;}
#header-logo h1 {display:block; float: left; width:250px; height: 44px; text-indent:-9999px;}
#header-logo a {display: block;width: 100%;height: 100%;border: none;background-image:url(../images/sprite.jpg);background-position: 0px -287px;}

#add-listing-button {background-image: url(../images/sprite.jpg);background-position: -550px -287px;display:block;height: 33px;width: 142px;position: relative;top: 160px;left: 415px;}
#add-listing-button:hover { background-position:-692px -287px; }
#finddentist { background-image: url(../images/sprite.jpg); background-position: -550px -320px; display:block; height: 30px;width: 130px; border: none; text-indent:-9999px; margin: 0 0 0 50px;}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ NAV css */	
#navigation {height: 36px;width: 665px;float: left; margin: 31px 0 0 20px; padding:0;}
#navigation ul { float:left; width:665px; height:36px; background-image:url(../images/sprite.jpg); background-position: 0px -1037px; list-style:none;}
#navigation ul li { display: block; float:left; height:36px; text-indent:-9999px;}
	#home { width: 60px;}
	#dentistofmonth {width: 161px;}
	#articles {width: 122px;}
	#education {width: 134px;}
	#dentist {width: 121px;}
	#blog {width: 67px;}
#navigation ul li a { display:block; width:100%; height: 100%;}
	#home a:hover { background-image:url(../images/sprite.jpg); background-position: 0px -1073px; margin:0;}
	#dentistofmonth a:hover {background-image:url(../images/sprite.jpg); background-position: -60px -1073px;}
	#articles a:hover {background-image:url(../images/sprite.jpg);background-position: -221px -1073px;}
	#education a:hover {background-image:url(../images/sprite.jpg);background-position: -343px -1073px;}
	#dentist a:hover {background-image:url(../images/sprite.jpg);background-position: -477px -1073px;}
	#blog a:hover {background-image:url(../images/sprite.jpg);background-position: -598px -1073px; margin:0;}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Main Search Form */	
#search-section {background-image: url(../images/sprite.jpg);background-repeat: no-repeat; height: 287px; width: 960px; background-position: 0px 0px;float: left;}
#search-section p { font-size:12px; margin:0 0 0 0; color:#FFF;font-weight: bold;}
#search-box{ display:inline; height: 133px; width: 350px;float: left; margin: 20px 0 0 20px;}
#search-box a:link {color: #633;}
#search-box a:visited {color: #633;}
#search-box a:hover {color: #003;}
#search-box label {float: left;text-align: right;display: block; margin: 0 11px 0 0;}
#search-box .submit { margin: -8px 0 0 69px; font-size: 15px;}
#search-section #slickbox-1 label { width: 55px;}
#search-section .text-right {text-align:right;display: block; margin: 0px 65px 0 110px; font-size: 11px;}
search-section .dentist-search {color: #FFF;font-weight: normal;font-size: 12px;}
#search-box h2 {text-indent:-9999px;}
#search-section input { border: 1px solid #9b8e66;}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Main Content Area */
#content-area {
	width:663px;
	float:left;
	margin: 25px 0 10px 50px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#listing-form { margin: 0 0 0 0px; width:700px;}
#listing-form label { margin: 2px 0 5px 15px;}
#listing-form input {margin: 5px 0 0 15px;}
#listing-form fieldset { margin: 0 0 0 50px; padding: 10px 10px 0px 30px;
	width: 500px;background-color: #B2A884;}
#listing-form legend {color:#000;font-size:16px;padding: 0 4px 0 4px;}
#listing-form textarea {margin-left:50px;}

.dentaledform {margin: 0 20px 0 65px;background-color:#B1A784;border: 1px solid #000;padding-left: 20px;}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ FOOTER css */	
#footer-wrap {background-image: url(../images/sprite.jpg);background-repeat: no-repeat;height: 251px;width: 960px;float: left;position: relative;background-position: 0px -1109px;}
#footer #article {position: absolute;top: 20px;left: 100px;width: 420px;}
#footer #about {position: absolute;top: 118px;left: 100px;width:300px;}
#footer #footer-nav {position: absolute;top: 20px;left: 613px; width:200px;}

#footer h3 	{font-family: Georgia, "Times New Roman", Times, serif;font-size: 20px;font-weight: bold;color: #FC3;margin:0;}
#footer ul li {font-size: 14px;color: #FFF;margin: 2px 0 0 17px;list-style: none;}
#footer-wrap a:link {color: #fff;}
#footer-wrap a:visited {color: #fff;}
#footer-wrap a:hover {color: white; border-bottom: 1px solid white; }
#copyright {text-align: center;color: #FFC;font-size: 11px;margin-top: 270px;}
#copyright p { color:#FFF;}