/* @override http://www.visaliacadentist.com/css/main.css */

/*BACKGROUND - PANEL - WATERMARK*/
html, body {
		margin:0; 
		padding:0;
		}
body {
	background:#000 url('../images/design/giant_flower.jpg') no-repeat top center fixed; /*Change Background Color Here */
	font:10pt Palatino Linotype, Book Antiqua3, Palatino6, serif; color:#000; /*Change Overall Font Properties Here */
	}

/*LOGO AND DESIGN*/		
#textwrap {
		position:relative; 
		margin:0 auto; 
		padding:0; 
		width:948px;
		}
#header {
		background:url('../images/design/top.png') no-repeat bottom !important;
		background:none;
		height:25px;
		}
#footer {
  position:fixed; bottom:0; left:0; height:35px; width:100%; background:#000; color:#000; overflow:hidden;
  }
#dropshadow {
			background:url('../images/design/middle.png') repeat-y !important;
			background:none;
			padding:0 14px;
			}
#container {
			width:948px;
			margin-top:10px;
			margin-bottom:75px;
			}
#logo {
	position:absolute;
	z-index:100;
	top:14px;
	left:18px;
	}

/*NAVIGATION*/
#menu {
	text-align:left;
	height:32px;
	font-size:14px;
	background:#000;
	position:absolute;
	top:87px;
	right:0px;
	overflow:hidden;
	}

			
#menu a {
	padding: 4px 9px 6px;
	color:#fff;
	font-weight:normal;
	display:block;
	line-height:19px;
	margin-top: 4px;
}
#menu a:hover{
	background-color: #2b2829;
}

#menu .current_page_item a {
	background-color: #371225;
}


b#first {background-position:-1000px;}
#menu ul {
	list-style:none;
	width:100%;
	padding:0;
	margin:0;
	overflow:hidden;
	}
#menu ul li {
	display:inline; 	
	float: left;
	}
	
#subNav {text-align:center;}
#subNav h3 {font-size:18px; margin-bottom:5px;}
#subNav a {margin:0 2px;  padding:4px 10px; display:inline-table;}

#subNav a:hover {background: #e2e6d2;
	color: #222;
}

#subNav a.current_page_item {
	background: #dfe2d0;
	color: #7e4759;
}

#subMenu {	
		position:absolute;
		top:250px;
		left:4px;
		font-size:14px;
		}
#subMenu a {color:#c6c2c2; margin:0 9px;}
#subMenu a:hover {color:#fff;}
#subMenu a.current_page_item {color:#fff;}

#callToActionIcons {position:absolute; top:140px; right:0px;}

#callToActionIcons a#blogIcon{width:30px;  height:20px; background:url(../images/design/blog-icon.png);  margin:0 6px; padding:0; float:left;}
#callToActionIcons a#directionsIcon {width:30px;  height:20px; background:url(../images/design/arrow-icon.png);  margin:0 6px; padding:0; float:left;}
#callToActionIcons a#scheduleIcon {width:30px;  height:20px; background:url(../images/design/schedule-appointment-icon.png);  margin:0 6px; padding:0;float:left;}
#callToActionIcons a#contactIcon {width:30px;  height:20px; background:url(../images/design/contact-icon.png);  margin:0 6px; padding:0; float:left;}
#callToActionIcons a#googleIcon {width:30px;  height:20px; background:url(../images/design/google-icon.png);  margin:0 6px; padding:0; float:left;}
#callToActionIcons a#RSSIcon {width:30px;  height:20px; background:url(../images/design/rss-icon.png);  margin:0 6px; padding:0; float:left;}
#callToActionIcons a#facebookIcon {width:30px;  height:20px; background:url(../images/design/facebook-icon.png);  margin:0 6px; padding:0; float:left;}

#callToActionIcons a:hover#blogIcon{width:30px;  height:20px; background:url(../images/design/blog-icon.png) 0px 20px;  margin:0 6px; padding:0; float:left;}
#callToActionIcons a:hover#directionsIcon {width:30px;  height:20px; background:url(../images/design/arrow-icon.png) 0px 20px;  margin:0 6px; padding:0; float:left;}
#callToActionIcons a:hover#scheduleIcon {width:30px;  height:20px; background:url(../images/design/schedule-appointment-icon.png) 0px 20px;  margin:0 6px; padding:0;float:left;}
#callToActionIcons a:hover#contactIcon {width:30px;  height:20px; background:url(../images/design/contact-icon.png) 0px 20px;  margin:0 6px; padding:0; float:left;}
#callToActionIcons a:hover#googleIcon {width:30px;  height:20px; background:url(../images/design/google-icon.png) 0px 20px;  margin:0 6px; padding:0; float:left;}
#callToActionIcons a:hover#RSSIcon { background:url(../images/design/rss-icon.png) 0px 20px;}
#callToActionIcons a:hover#facebookIcon { background:url(../images/design/facebook-icon.png) 0px 20px;}

table {border-collapse:collapse;}

#tagline {text-align:left; padding-left:225px; padding-top:105px; margin-bottom:35px;}
#tagline h3 {color:#fff; font-size:28px;}
/*CONTENT BODY*/				
#banner {
		height:85px;
		padding-right:30px;
		padding-top:5px;
		background:#000;
		}
#contact {position:relative; width:475px; top:-120px; margin-bottom:-75px; height:75px; margin-left:30px; font-weight:bold;}

.bar {width:100%; height:10px; position:absolute; background:url('../images/design/bar.gif') bottom repeat-x;}
.bar2 {width:100%; height:6px; position:absolute; background:url('../images/design/bar2.gif') repeat-x; position:absolute;}
.big_bar {width:100%; 
			height:56px; z-index:-100; position:absolute; 
			background:url('../images/design/big_bar_transparent.png') repeat-x !important; 
			background:#000;
			position:absolute;}

#contact img {margin-top:-10px;}
#call {font-size:14pt; margin-bottom:-10px;}
#rightColumn {padding:0; width:398px; float:right;}	
#flashBox {
		background:#fff;
		width:380px;
		border:9px solid #000;
		margin-top:0px;
		margin-left:20px;
		margin-bottom:27px;
		}	
#flashBox div {
			color:#aaa;
			background:#39140c;
			text-align:center;
			}
#flashBox a {
			color:#aaa;
			text-decoration:underline;
			}
#searchForm {margin-left:20px; padding:4px 4px 3px 4px; background:#000; width:300px; height:24px;}
#ajaxSearch_input { overflow:hidden; border:0; padding:3px 12px;  color:#fff; height:18px; background:#743946; width:226px; margin-right:0px;}
#ajaxSearch_submit {overflow:hidden; border:0; padding:2px 5px 4px 2px; height:100%; width:46px; right:4px; background:url('../images/design/menubg.jpg') no-repeat top left; color:#fff; font-weight:bold;}
#ajaxSearch_intro {display:none;}
#ide #ajaxSearch_input {width:200px;}
#textWide #ajaxSearch_submit {left:263px;}
.ajaxSearch_highlight {font-weight:bold; background:#743946; color:#fff; padding:0 2px;}
.ajaxSearch_resultsInfo {margin-top:50px;}
.ajaxSearch_resultsIntroFailure {margin-top:50px;}
#flashBox a:hover {color:#fff;}

#oneColumnTextArea{padding:25px;}


#leftColumn {
	padding:0px 0 0 0;
	background:url('../images/design/background_transparent.png') !important;
	background:#E5E5E5;
	border:9px solid #000;
	width:510px;
	float:right;
	}	
	
#bigColumn {
	padding:0px 0 0 0;
	background:url('../images/design/background_transparent.png') !important;
	background:#E5E5E5;
	border:9px solid #000;
	width:930px;
	float:right;
	}	
#text {width:450px; margin:0 20px;  padding-bottom:50px;}	
#textWide {width:450px; margin:0 20px; padding-bottom:50px;}	
#map {background:#fff;}
#map_canvas {
			background:#fff;
			width:380px; 
			height:450px; 
			margin:0px;
			}
#form {padding-top:16px; padding-right:0;}
.columns {width:100%;}	
/*input {width:245px;}
textarea {width:245px;}*/
#submit input {width:60px;}		
#directions {
		text-align:center;
		background:#F2EFE9;
		width:200px; 
		margin:0 auto;
		}
#directions a {	
			padding:5px 5px;
			display:block;
			border:1px solid #aaa; 
			}
#directions a:hover {
				background:#330033;
				color:#fff;
				border:1px solid #000; 
				}
.arrow {
	float:right;
	margin-left:5px;
	margin-top:-6px;
	}

	
fieldset {border:none;}
#text a, #textWide a {text-decoration:underline;}
a {
color:#43202a; /* Change Content Link Color Here */
text-decoration:none;
}
a:hover {
		color:#264560; /*Change Content Link Hover Color Here */
		text-decoration:none;
		}

/*CONTENT FOOTER*/	
.copyright a {
			margin-right:5px; 
			color:#fff;
			text-decoration:underline;
			}
.copyright a:hover {
			color:#fff;
				}

/*FONT SIZES*/
.copyright {
		padding-top:75px; 
		padding-bottom:50px; 
		margin-top:8px;
		margin-bottom:0;
		text-align:center; 
		font-size:.75em;
		background:#000;
		color:#fff;
		}
h1,h2,h3,h4,h5 {font-weight:bold;}
h1 {font-size:1.4em;}
h2 {font-size:1.1em; margin-top:0;}
h3 {font-size:1em;}
h4 {font-size:.9em;}
h5 {font-size:.85em;} 
#text h2, #textWide h2 {margin-top:-10px;}
/* IMAGES */
.left {
	margin-right:1.5em; 
	margin-bottom:.5em; 
	float:left;
	}
.right, #text img {
	margin-left:1.5em; 
	margin-bottom:.5em; 
	float:right;
	}
.left, .right {clear:both;}
img {border:none;}
#textWide .no-border {border:none;}
#text img {border:3px solid #140a07;}
#textWide img {border:3px solid #140a07;}
#thumbs img {margin:5px 10px 5px 0px; border:none;}
#textWide .jot-posticon img, #textWide .jot-mod img {border:none; margin:0px;}
#textWide .jot-posticon img {position:relative; top:-7px;}
.jot-row .jot-comment {background:#fff;}
.jot-row-alt .jot-comment {background:#f7f1e6;}
.jot-comment {color:#000;}
.jot-comment a {color:#000;}
.jot-comment a:hover {color:#000;}
/*DROP SHADOWS*/
.shadowRight {
  float:right;
  background: url('../images/design/drop-shadow.png') no-repeat bottom right !important;
  background:none;
  margin: 24px 0 10px 50px;
  }
.shadowRight img {
  position: relative;
  background-color: #fff;
  border: 1px solid #a9a9a9;
  margin: -6px 6px 6px -6px;
  padding: 4px;
  }
.shadowLeft {
  float:left;
  background: url('../images/design/drop-shadow.png') no-repeat bottom right !important;
  background:none;
  margin: 10px 20px 10px 0;
  }
.shadowLeft img {
  position: relative;
  background-color: #fff;
  border: 1px solid #a9a9a9;
  margin: -6px 6px 6px -6px;
  padding: 4px;
  }
  
/*MISC */
.nobull {
		list-style:none; 
		margin:0; 
		padding:0;
		}
#validation {
			position:absolute; 
			bottom:-15px; 
			right:344px; 
			font-size:.75em;
			}
#validation a {text-decoration:none;}
#validation a:hover {text-decoration:underline;}
span.nonie {display:inline;}
.clear {clear:both;}

#videoplayer {
	position:fixed;
	width:0px;
	height:0px;
	z-index:555;
	right:0;
	bottom:0px;
	visibility:hidden;
}

#headerPhone{position:absolute; top:10px; right:10px;}

