/*
THEME NAME: Dentists4Kids
THEME URI: http://www.dentists4kids.com
DESCRIPTION: A custom Wordpress site designed by Dentists4Kids.com
VERSION: 1.0
AUTHOR: Brett Yanoski
*/
@import url('css/reset.css');
/*

MAIN STYLES 

*/

* {
	margin: 0;
}
html, body {
	height: 100%;
}
body {
	background:#ffe9b7 url(images/site/bg_repeat.jpg) center top repeat-x;
	font:90% Tahoma, Geneva, sans-serif;
	color:#232323;
}

#ie7 {
display:none;
}

hr {
width:95%;
margin:5px 0;
}

#hold {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -257px; /* the bottom margin is the negative value of the footer's height */
}

.container {
	width:900px;
	margin:0 auto;
}

.quicklinks {width:190px;position:fixed;right:0;}

.clear {clear:both;}

.text-left {text-align:left;}

.text-right {text-align:right;}

.leftsteps {padding-left:60px;}

blockquote {
	margin-left:20px;
	font-style:italic;
	border-left:#9c9c9c solid 1px;
	padding-left:10px;
}

/*

LINK STYLES

*/

a {color:#2775bd;text-decoration:underline;}

a:hover {color:#134f87;text-decoration:none;}

.intro a {color:#005bb0;text-decoration:none;}

.intro a:hover {color:#fff;}

#footer a {color:#46a6fc;text-decoration:none;}

#footer a:hover {color:#c1e2ff;}

#footer_home a {color:#46a6fc;text-decoration:none;}

#footer_home a:hover {color:#c1e2ff;}


/*

HEADING STYLES

*/

h1 {
	color:#143973;
	font-size:18pt;
	margin:10px 0;
	text-align:center;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}

h2 {
	color:#0080c1;
	font-size:16pt;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	margin-top:15px;
}

h2 a {text-decoration:none;}

h3 {
	font-size:10pt;
	font-style:italic;
	color:#143973;
	margin-bottom: 0px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}

h4 {
	color:#0080c1;
	font-size:12pt;
	margin:10px 0 5px 0;
	text-align:center;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}	

img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
.sitepal {margin-left:125px;}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}

/* 
HEADERS
*/

.header_home {text-align:left;margin-top:30px;}

.header_dentists {
	text-align:left;
	background:url(images/site/dentists_header.jpg) no-repeat;
	width:900px;height:326px;
}

.header_kids {
	text-align:left;
	background:url(images/site/kids_header.jpg) no-repeat;
	width:900px;height:326px;
}

.header_parents {
	text-align:left;
	background:url(images/site/parents_header.jpg) no-repeat;
	width:900px;height:326px;
}

.header_general {
	text-align:left;
	background:url(images/site/general_header.jpg) no-repeat;
	width:900px;height:326px;
}

.header_customers {
	text-align:left;
	background:url(images/site/customers_only.jpg) no-repeat;
	width:900px;height:307px;
}

/* Navigation */

#navigation {
height:38px;
margin-top:155px;
font:100% Tahoma, sans-serif;

    }

#navigation, #navigation ul {
    list-style:none;
    padding:0;
    margin-left:55px;
    }
#navigation a {
    color:#ffffff;
    text-decoration:none;
    padding:3px 5px;
    margin:0 7px; 
    font-weight:bold;
    display:block;
    }

#navigation li {
    float:left;
    padding:0;
    }

#navigation ul {
    margin:0;padding:0;
    font-weight:normal;
    }

#navigation li:hover a, #navigation li.sfhover a {
    color:#114687;
    }

#navigation li:hover, #navigation li.sfhover {
    background:#fff;
    }

.menu {margin:0;padding:0;}

/* BLOG navigation */

#navigation2 {
height:38px;
margin-top:188px;
font:100% Tahoma, sans-serif;

    }

#navigation2, #navigation2 ul {
    list-style:none;
    padding:0;
    margin-left:55px;
    }
#navigation2 a {
    color:#ffffff;
    text-decoration:none;
    padding:3px 5px;
    margin:0 7px; 
    font-weight:bold;
    display:block;
    }

#navigation2 li {
    float:left;
    padding:0;
    }

#navigation2 ul {
    margin:0;padding:0;
    font-weight:normal;
    }

#navigation2 li:hover a, #navigation2 li.sfhover a {
    color:#114687;
    }

#navigation2 li:hover, #navigation2 li.sfhover {
    background:#fff;
    }

/* NAVIGATION FOR DENTISTS ONLY */

#dent_nav {
height:38px;
margin-top:155px;
font:100% Tahoma, sans-serif;

    }

#dent_nav, #dent_nav ul {
    list-style:none;
    padding:0;
    margin-left:48px;
    }
#dent_nav a {
    color:#ffffff;
    text-decoration:none;
    padding:3px 5px;
    margin:0 6px; 
    font-weight:bold;
    display:block;
    }

#dent_nav li {
    float:left;
    padding:0;
    }

#dent_nav ul {
    margin:0;
    font-weight:normal;
    }

#dent_nav li:hover a, #dent_nav li.sfhover a {
    color:#114687;
    }

#dent_nav li:hover, #dent_nav li.sfhover {
    background:#fff;
    }

/*

FIND DENTIST SECTION STYLES

*/

.intro {
	background:url(images/site/home_finddent_bg.png) center no-repeat;
	width:900px;
	height:308px;
}

.whoarewe {
	padding-top:10px;padding-left:40px;
	line-height:21px;
	width:34%;
	float:left;
}

.whoarewe p {margin:0 0 5px 5px;}

.whoarewe a {color:#fff;text-decoration:none;}

.whoarewe a:hover {color:#06386b;}

.whoarewe p.visit {font-size:110%;font-weight:bold;}

.whoarewe img.arrow {margin-right:75px;float:right;}

.finddent {
	padding-top:10px;padding-right:40px;
	width:50%;
	float:right;
}

.finddent_parents {
         width:75%;
         margin:0 auto;
}

.steps {float:right;}

.steps2 {float:right;width:25%;}

.field {
	background:#f1f1f1;
	border:1px solid #c3c3c3;
	height:20px;
	font:90% Tahoma, Geneva, sans-serif;
}

#zip_code {width:120px;padding-top:4px;padding-left:5px;}

#city {width:135px;padding-top:4px;padding-left:5px;}

#state {width:145px;}

#search_radius {width:145px;}

.finddent hr {border-bottom:1px solid #e4e4e4;width:100%;margin-bottom:13px;}

/*

HOME CONTENT STYLES

*/

.welcome {height:178px;}

.welcome .none {display:none;}

.welcome #dentists {
	background:url(images/site/dentists_homebtn.jpg) no-repeat;
	width:291px;
	height:178px;
	display:block;
	float:left;
}

.welcome #dentists:hover {background-position:0 -178px;}

.welcome #kids {
	background:url(images/site/kids_homebtn.jpg) no-repeat;
	width:291px;
	height:178px;
	display:block;
	float:left;
}

.welcome #kids:hover {background-position:0 -178px;}

.welcome #parents {
	background:url(images/site/parents_homebtn.jpg) no-repeat;
	width:291px;
	height:178px;
	display:block;
	float:left;
         
}

.welcome #parents:hover {background-position:0 -178px;}

.welcome #section_links {margin-left:15px;}

.column {
	width:270px;
	float:left;
	margin-bottom:20px;	
	padding-left:15px;
}

.column#first {
	margin-left:45px;
	border:0;
}

.column ul {
	list-style-type:disc;
}

#announcement {
background:#f3d690 url(images/ipad.png) no-repeat right top;
border:1px solid #fff;
padding:15px 150px 15px 15px;
margin:15px 20px;
height:180px;
}


/*

PAGE CONTENT STYLES

*/

.content {
	float:left;
	width:580px;
	margin-top:10px;margin-left:25px;
	padding:5px 15px;
	font-size:10pt;
	line-height:20px;
	color:#3e3e3e;

}

.content p {margin:10px 0;}

.content ul {margin-left:25px;}

.content ul li {
	margin:2px 0 2px 10px;
	list-style-type:disc;
}

.content ol {margin-left:25px;}

.content ol li {margin-top: -5px;}

.price {
	font-size:14pt;
	color:#143973;
	margin-top:15px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}

  .content small {
	font-size:10pt;
	font-style:italic;
	color:#143973;
	font-weight:bold;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
 }



/*

SIDEBAR STYLES

*/

.sidebar {
	float:right;
	width:215px;
	margin-top:10px;
	margin-right:25px;
}

.sidebar h1 {
	color:#143973;
	font-size:14pt;
	text-align:left;
	margin-bottom:0;
	margin-left:-2px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}

.sidebar ul {margin-left:0px;}

.sidebar ul li {list-style:none;}

.sidebar ul li a {
	display:block;
	padding:5px 0px;
	background:url(images/site/nav_arrow.png) no-repeat right 50%;
	border-bottom:1px #beb397 solid;
	color:#07366c;
	text-decoration:none;
}

.sidebar ul li a:hover {
	background:url(images/site/nav_arrow_over.png) no-repeat right 50%;
	color:#3888e3;
}

/*

SEARCH FORM 

*/

#searchform {
margin:5px;
text-align:center;
}

#searchform #s {
background:#f1f1f1;
border:1px solid #c3c3c3;
height:16px;
font:90% Tahoma, Geneva, sans-serif;
}

.button {
background:#4b90d1;
border:#2b5e8c 1px solid;
margin-left:5px;
color:#fff;
}


/*

TABLE STYLES

*/

table.prem_listings {
	width:550px;
	margin:0 auto;
	text-align:center;
	margin-bottom:15px;margin-top:15px;
	background:#fff;
}

table.prem_listings tr th {
	padding:5px 0;
	background-color:#cde7fe;
	border:1px solid #dad3c1;
}

table.prem_listings tr td {padding:5px 10px;border:1px solid #dad3c1;}

table.prem_listings .price {
	background-color:#06386b;
	color:#fff;
	font-weight:bold;
	font-size:12pt;
}

table.prem_listings h2 {margin-top:0;}

table.packages {
	width:500px;
	margin:0 auto;
	background-color:#cad9e7;
}

table.packages tr th {
	border:1px solid #74b8f6;
	padding:5px;
	background-color:#085cb0;
	color:#fff;
	font-size:14pt;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	letter-spacing:-0.04em;
}

table.packages tr th.advanced {
	background-color:#ffa200;
}

table.packages tr th.premium {
	background-color:#db0b15;
}

table.packages tr td {
	border:1px solid #74b8f6;
	padding:2px;
	width:33%;
	text-align:center;
	height:35px;
	vertical-align:middle;
	
}

table.packages tr td.advanced {
	background-color:#ffd07f;
}

table.packages tr td.premium {
	background-color:#fc9297;
}

table.packages small {
	font-size:10pt;
	font-style:oblique;
	color:#fff;
	letter-spacing:-0.02em;
}

table.websites {
	background:#cde6fe;
	border:1px solid #6bb2f5;
	margin:0 auto;
}

table.websites th {padding:5px 0;font-size:12pt;}

table.websites td {padding:10px;}

table.web_sections {
	background:#cde6fe;
	border:1px solid #6bb2f5;
	margin:0 auto;
        width:100%;
}

table.web_sections td {padding:5px 10px;text-align:center;border:1px solid #6bb2f5;vertical-align:top;text-decoration:none;height:200px;width:50%;}

table.web_sections td:hover {background:#98c6f3;}

table.web_sections td h4 a {text-decoration:none;color:#0080c1}

table.web_sections td a {text-decoration:none;color:#232323}

table.features {
	background:#cde6fe;
	border:1px solid #6bb2f5;
	margin:0 auto;
}

table.features th {padding:0;font-size:12pt;}

table.features td {padding:0 15px 10px 15px;}	

table.brochures {
	background:#cde6fe;
	border:1px solid #6bb2f5;
	margin:0 auto;
}

table.brochures th {
	padding:5px 10px;
	text-align:center;
	border:1px solid #6bb2f5;
	background:#06386b;
	color:#fff;
	width:33%;
}

table.brochures td {padding:3px 10px;text-align:center;border:1px solid #6bb2f5;}	

table.predesigned td {background:#cde6fe;margin:10px;border:1px solid #fffbf2;}

.share {
background:#cde6fe;
border:1px solid #6bb2f5;
padding:0 0 20px 0;
text-align:center;
margin:15px 0;
}

/* ---------------
FOOTER STYLES
------------*/

#sublinks {
	background:url('images/site/sublink_repeat.jpg') repeat-x;
	height:147px;
	font-family:Tahoma,sans-serif;
          margin-top:20px;
}

#shell {
	width:850px;
	margin:0 auto;
}

div.category {
	float:left;
	padding-left:20px;
	margin:13px 0;
	border-left:1px solid #2d8de3;
	height:125px;
}

div.category h1 {
	font-weight:normal;
	font-size:14pt;
	color:#fff;
	padding-top:0;margin-top:5px;
         text-align:left;
}

div#parents {
width:190px;
}

div#kids {
width:155px;
}

div#dentists{
width:290px;
}

#sublinks ul {
	list-style-type:none;
	padding-left:0;
	padding-top:0;margin-top:0;
}

#sublinks ul {
	list-style-type:none;
	padding-left:0;
	padding-top:0;margin-top:0;
}

#sublinks ul li {
	font-size:9pt;
}

#sublinks ul li a {
	color:#2d8de3;
	text-decoration:none;
}

#sublinks ul li a:hover {
	color:#b4defe;
}

ul.column {
float:left;
margin-right:5px;
width:125px;
}

.noborder {
	border-width: 0px;
}

#footer {
	height:95px;
	background:url('images/site/footer_repeat.jpg') repeat-x;
	padding-top:15px;
}

#footer p {
	font-size:9pt;
	color:#bbd1f8;
	text-align:center;
	font-family:Tahoma,sans-serif;
	padding-bottom:10px;margin:0;
}

#footer a {
	color:#2d8de3;
	text-decoration:none;
}

#footer a:hover {
	color:#b4defe;
}

#push {
	height:257px;
}

/* PRE-DEV CONTENT STYLES */
	
#sealant { 
	width:400px;
	height:125px;
	padding:5px 10px 20px 10px;
	margin:0 auto;
	}
	
.seal {
	width:200px;
	text-align:center;
	float:left;
	}

.predev {
	font-size:11pt;
	font-weight:bold;
	
	}
	
.footer {
	text-align:center;
	font-size:8pt;
	}
	
ol li {
	padding-bottom:5px;
	list-style-type:decimal;
	}

	
.dhome_title {
	width:250px;
	float:left;
	height:10em;
	}
	
.dental_home h4 {
	padding-right:25px;
	width:250px;
	}

.book {     /* This is what holds the book descriptions in a "CSS table". */
	width:400px;
	height:145px;
	padding:5px 10px 20px 10px;
	background-color:#bdd5e1; /* Change background color of book tables */
	margin:0 auto; /* Centers the book table in the middle of page */
	}
	
.dental_home { /*For the baby dental visit on dental home */
	width:95%;
	height:10em;
	margin:0 auto;
	margin-bottom:15px;
	padding:5px 10px 5px 10px;
	background-color:#bdd5e1; /*Edit this for the background of each step on dental home*/
	}

/*

PORTFOLIO CODING

*/

.portfolio {
margin:0 auto;
}

.portfolio td {
padding:10px 20px;
}

.portfolio img {
border:1px solid #dadada;
}

.portfolio img:hover {
border:1px solid #5c5c5c;
}

/* SLIDEOUT FOLLOW US CODE */

ul#popout {
    position: fixed;
    margin: 0px;
    padding: 0px;
    top: 140px;
    left: 0px;
    list-style: none;
    z-index:9999;
}

ul#popout li {
	width:100px;
}

ul#popout div {
    display: block;
    width: 110px;
    height: 195px; 
	padding-Left:20px;
    background-color:#fff;
    background-repeat:no-repeat;
    background-position:center center;
    border-radius:10px;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    border:1px solid #AFAFAF;

}

p#right {
	float:right;
          margin-top:30px;
}

p#left {
	float:left;
	margin-top:18px;
}
