/*
	Author	:	SonoraDesignWorks
	Website	:	SonoraDesignWorks.com
*/


@import url("reset.css");





/* GENERAL
-----------------------------------------------------------------------------
-----------------------------------------------------------------------------*/

html {background-color:#4c5483;}

body  {
	font-family:Tahoma, Geneva, sans-serif;
	text-align:center;
	color: #333;
	background:url(../images/page-back.jpg);
	background-repeat:repeat-x;
	background-color:#fdfcf3;
	background-position:top; font-family:Tahoma, Geneva, sans-serif;
	
}

sup {line-height:0px}

blockquote {color:#333; margin-left:0px}

h3 {color:#a0b3d1; font-size:18px; font-weight:bold; margin-bottom:35px; line-height:26px;}

.side-pic { margin-top:100px; font-size:11px; text-align:center}
.side-pic img {border:1px solid #4c5483; margin-bottom:5px}


.dot-p{border-top:1px dotted #a0b3d2; padding-top:25px; padding-bottom:15px}
.staff-pic {margin-left:15px; border:1px solid #a0b3d2; margin-bottom:15px}

.tour-p {margin-bottom:40px}
.tour-p img {border:3px solid #d4deef}

/* LINKS
-----------------------------------------------------------------------------*/

a:link, a:visited, a:hover, a:active {text-decoration:none}

a:link 		{color:#339}
a:visited 	{color:#339}
a:hover 	{color:#036; text-decoration:underline}
a:active 	{color:#036; text-decoration:underline}

/* HOMEPAGE SPECIFIC
-----------------------------------------------------------------------------
-----------------------------------------------------------------------------*/

#services-box {width:193px; height:250px; background-color:#e1e8f4; margin-top:125px; margin-left:27px; padding-top:15px}
#services-box ul {margin-left:25px}
#services-box li {background:url(../images/bullet.gif) left bottom no-repeat; padding-top:5px; padding-left:10px}
#services-box h3{width:102px;  height:19px; text-indent:-9999px; background:url(../images/servives-title-home.gif) no-repeat; margin-left:15px; margin-bottom:10px }

#services-box a:link, #services-box a:visited {color:#4c5483; text-decoration:none}
#services-box a:hover, #services-box a:active {color:#7c8cac; text-decoration:underline}


/* CONTAINER
-----------------------------------------------------------------------------
-----------------------------------------------------------------------------*/

#container { 
	width: 960px;
	margin: 0 auto;
	text-align: left;
	
} 


/* HEADER
-----------------------------------------------------------------------------
-----------------------------------------------------------------------------*/

#header-contact {float:right; margin-right:50px;  color: #636f91; font-size:13px; font-family:Tahoma, Geneva, sans-serif; text-align:right; padding-top:10px; height:50px; }
#head-tel {font-weight:bold; font-size:15px; margin-top:22px; color:#FFF}

#header-background {height:388px; width:100%; background-image:url(../images/header-back.jpg); background-position:top center; background-repeat:no-repeat}

#header { 
	
	height:388px;
	background:url(../images/header-content-back2.jpg) no-repeat;
	width:960px;
	margin:0 auto;
} 

#header h1 {
	margin: 0;
	padding: 10px 0;
	width:428px; height:65px;
	background:url(../images/logo.png) no-repeat;
	text-indent:-9999px;
	position:relative; left:28px; top:15px;
	cursor:pointer
}

#head-pic {}
#nav-div {z-index:2 !important; position:relative; *left:130px}


/* MAIN NAV
-----------------------------------------------------------------------------*/

#mainNav {}

#mainNav li {display:inline}

#mainNav a:link, #mainNav a:visited, #mainNav a:hover, #mainNav a:active {text-decoration:none}

#mainNav a:link 	{color:#339}
#mainNav a:visited 	{color:#339}
#mainNav a:hover 	{color:#036}
#mainNav a:active 	{color:#036}


/* SIDEBAR
-----------------------------------------------------------------------------
-----------------------------------------------------------------------------*/

#rightCol-home {
	float: right;
	width: 250px; height:509px;
	background: url(../images/home-r-col-back.gif) top no-repeat #d4deef;
}

#rightCol-int {
	float: right;
	width: 250px;
	
}

#leftCol-home {
	
	width: 710px; height:509px;
	background: url(../images/home-l-col-back.gif) top no-repeat #d4deef;
}

#leftCol-home-in {margin-left:70px; padding-top:30px; font-size:13px; color:#707070; padding-right:100px; line-height:18px; padding-bottom:30px}
#leftCol-home-in h1{width:335px; height:58px; text-indent:-9999px; background:url(../images/home-h1.gif) no-repeat }



#leftCol-int {
	
	width: 710px; 
	
}

/* SIDEBAR HOURS BOX
-----------------------------------------------------------------------------*/
#hours-box {width:200px;  background-color:#bccadf; margin-top:50px; margin-left:27px; padding-top:15px}
#hours-box h3{width:102px; height:19px; text-indent:-9999px; background:url(../images/hours-title.gif) no-repeat; margin-left:15px; margin-bottom:10px }

#hours-box2 {width:200px; margin-top:50px; margin-left:27px; padding-top:15px; background:url(../images/handicap-logo.gif) bottom center no-repeat #bccadf; padding-bottom:45px}


/* BREADCRUMBS
-----------------------------------------------------------------------------*/

#crumbs {background:#d4deef; height:28px; }
#crumbs ul{padding-top:7px; margin-left:70px;   width:800px}
#crumbs li {display:inline; margin-right:10px; display:block; float:left; } /* ADD THIS CODE FOR IE display:block; float:left; */

#crumbs a:link, #crumbs a:visited {color:#4a517d; text-decoration:none; font-family:Tahoma, Geneva, sans-serif; font-weight:bold; }
#crumbs a:hover, #crumbs a:active {color:#4a517d; text-decoration:none;  color:#F03; display:block; float:left; } /* ADD THIS CODE FOR IE display:block; float:left; */


/* MAINCONTENT
-----------------------------------------------------------------------------
-----------------------------------------------------------------------------*/

#mainContent { 
	margin: 0px;
	background:url(../images/int-main-col-back.gif) top left repeat-y #fff;
} 



/* FOOTER
-----------------------------------------------------------------------------
-----------------------------------------------------------------------------*/

#footer-background {height:78px; width:100%; background-image:url(../images/footer-back.gif); background-repeat:repeat-x}

#footer { 
	padding-top:20px;
	color:#ccc;
	line-height:17px;
	
	margin:0 auto;
	width:960px
} 


#footer p {
	margin: 0;
	font-size:10px
}

/* FOOTER LINKS
-----------------------------------------------------------------------------*/
#footer a:link, #footer a:visited {color:#fff; text-decoration:none}
#footer a:hover, #footer a:active {color:#fff; text-decoration:underline}


/* INTERIOR PAGE HEADER IMAGES
-----------------------------------------------------------------------------*/

#home-flash {position:relative; top:-10px; left:2px; *top:-8px; z-index:1 !important}


.header-p-care,
.header-serv,
.header-rd,
.header-cd,
.header-emerg,
.header-about,
.header-office,
.header-news,
.header-smile,
.header-tec
{width:860px; height:238px; float:right; position:relative; top:-9px; left:-49px; *top:-8px; z-index:1 !important}

.header-p-care {background-image:url(../images/headers/p-care.jpg)}
.header-serv{background-image:url(../images/headers/serv.jpg)}
.header-rd  {background-image:url(../images/headers/rest-dent.jpg)}
.header-cd{background-image:url(../images/headers/cos-dent.jpg)}
.header-emerg{background-image:url(../images/headers/emerg.jpg)} 
.header-about{background-image:url(../images/headers/about.jpg)} 
.header-office{background-image:url(../images/headers/office.jpg)} 
.header-news{background-image:url(../images/headers/news.jpg)} 
.header-smile{background-image:url(../images/headers/smile.jpg)}
.header-tec{background-image:url(../images/headers/tec.jpg)}


/* BREADCRUMBS CURRENT PAGE STYLES
-----------------------------------------------------------------------------*/
#services-page #crumb .check-link,
#services-page-b #crumb .per-link,
#services-page-bb #crumb .mg-link
{font-weight:bold; text-decoration:none; color:#000; padding-bottom:3px; *padding-bottom:5px; border-bottom:2px solid #000;  display:block; float:left}

#services-page-c #crumb .bridges-link,
#services-page-d #crumb .implants-link,
#services-page-e #crumb .minplants-link,
#services-page-f #crumb .dent-link
{font-weight:bold; text-decoration:none; color:#000; padding-bottom:3px; *padding-bottom:5px; border-bottom:2px solid #000;  display:block; float:left}

#services-page-g #crumb .white-link,
#services-page-h #crumb .ven-link,
#services-page-i #crumb .inv-link
{font-weight:bold; text-decoration:none; color:#000; padding-bottom:3px; *padding-bottom:5px; border-bottom:2px solid #000;  display:block; float:left}

#services-page-j #crumb .root-link,
#services-page-k #crumb .broke-link,
#services-page-l #crumb .lost-link
{font-weight:bold; text-decoration:none; color:#000; padding-bottom:3px; *padding-bottom:5px; border-bottom:2px solid #000;  display:block; float:left}

#office-page-t #crumb .tour-link,
#office-page #crumb .staff-link,
#office-page-b #crumb .interns-link,
#office-page-c #crumb .loc-link,
#office-page-d #crumb .ins-link,
#office-page-e #crumb .app-link,
#office-page-m #crumb .appM-link
{font-weight:bold; text-decoration:none; color:#000; padding-bottom:3px; *padding-bottom:5px; border-bottom:2px solid #000;  display:block; float:left;} 
/* ADD THIS CODE FOR IE display:block; float:left; */


/* BREADCRUMBS CURRENT PAGE STYLES
-----------------------------------------------------------------------------*/

#aptF { border:1px solid #f5f4eb; padding:10px; width:430px;}
#appointForm {}
#appointForm td {padding:5px;}

select {width:125px}

input, textarea {
background-color:#fff;
border:1px dotted #4c5483;
width:200px;
padding:3px;
font-weight:bold;
font-family:Tahoma, Geneva, sans-serif !important;
font-size:12px !important;
}

input, textarea, select {margin-top:2px}

option {background-color:#fff !important}

textarea {width:400px;}

.radio {width:auto; background-color:#fdfcf3; border:0px}

input:focus, textarea:focus  {background:#f0f4fd !important}

.submit {
width:100px;
background-color:#a0b3d2;
border:1px solid #999;
cursor:pointer;
*border:1px;
font-weight:bold;
padding:2px;
-webkit-border-radius:10px;
-moz-border-radius:10px;
margin-right:5px
}

.submit:hover {background-color:#b3c3dd}