/* * DENT GUY * */

/*@import url(forms.css);*/ /* Styles for forms */

body{
	background:url(../../img/body-bg.jpg) top left repeat-x #5b82a6;
	font-family:Tahoma, Geneva, Arial, Helvetica, sans-serif;
	}

.left{float:left}
.right{float:right}
.clear{clear:both}
.border{border:1px solid cyan}

/* * Container * */

#container{
	width:960px;
	margin:15px auto;
	}

/* * Header * */

#header{
	background:url(../../img/header-bg.jpg) top right no-repeat;
	height:95px;
	}
	#header img{}
		#header img.logo{
			float:left;
			margin:0 0 0 -21px;
			}
	#header p{
		font-size:24px;
		color:#3b5193;
		text-transform:uppercase;
		text-align:center;
		}
		#header p.phone{
			color:#797979;
			padding:15px 0 5px 0;
			}
		#header p.phone a{
			color:#797979;
			text-decoration:none;
			}
		#header p .bullet{
			color:#ffa800;
			}

/* * Navigation * */

#nav{
	height:39px;
	border-top:1px solid #7e9cc0;
	overflow:hidden;
	}
	#nav ul{
		font-size:18px;
		text-transform:uppercase
		}
		#nav ul li{
			background:url(../../img/nav-bg.jpg) top left repeat-x #799ABB;
			float:left;
			border-right:1px solid #405896;
			}
			#nav ul li.last{
				border-right:none;
			}
				#nav ul li.first a,
				#nav ul li.last a{
					padding:7px 57px 32px 58px;
					}
				#nav ul li.active a{
					background:url(../../img/active-nav-bg.jpg) top left repeat-x #FED681;
					color:#3f5896;
					}					
			#nav ul li a{
				color:#FFF;
				display:block;
				padding:7px 57px 32px 57px;
				}
				#nav ul li a:hover{
					background:url(../../img/active-nav-bg.jpg) top left repeat-x #FED681;
					color:#3f5896;
					}
	
/* * Content * */

#page{
	width:960px;
	margin:20px 0;
	}
	#page #top{
		background:url(../../img/content-top-bg.gif) top left no-repeat;
		height:44px;
		}
	#page #middle{
		background:#FFF;
		padding:0 44px 20px 44px;
		}
	#page #bottom{
		background:url(../../img/content-bottom-bg.gif) top left no-repeat;
		height:55px;
		}
		#page #bottom p{
			font-size:14px;
			color:#444;
			text-align:center;
			padding-top:20px;
			}
			#page #bottom p .bullet{
				color:#ffa800;
				}
			#page #bottom p a{
				text-decoration:underline;
				color:#467ea9;
				}
				
/* * Content - Two main images on home * */

#middle #image{
	border:4px solid #ffda88;
	width:391px;
	height:273px;
	margin:0 15px 20px 0;
	}
	#middle #image.dentguy{background:url(../../img/dent-guy.jpg)}
	#middle #image.before-after{}
	#middle #image p{
		background:url(../../img/images-caption-bg.png) top left repeat;
		height:36px;
		color:#333;
		font-size:24px;
		padding:4px 0 0 0;
		margin:233px 0 0 0;
		text-align:center;
		}
		#middle #image.before-after p{
			text-transform:uppercase;
			}
		#middle #image p .bullet{
			color:#ffa800;
			}
 				
/* * Content - Text content * */

#middle #content{
	float:left;
	width:455px;
	min-height:250px;
	margin:0 0 20px 0;
	}
	#middle #content.subcontent{
		width:100%;
		}
	#middle #content h2{
		color:#618aaa;
		font-size:30px;
		margin-top:-8px;
		}
	#middle #content h3{
		color:#CF8926;
		padding:15px 0 0 5px;
		}
		#middle #content h3 a{
			text-decoration:underline;
			color:#467ea9;
			}
		#middle #content h3 img{
			vertical-align:baseline;
			margin-left:10px;
			width:175px;
			}
	#middle #content p{
		color:#333;
		font-size:13px;
		padding:15px 0 0 5px;
		}
		#middle #content p a{
			text-decoration:underline;
			color:#467ea9;
			}
		#middle #content #coupon{
			background:#FDD37D;
			width:614px;
			margin:20px 0 0 0
			}
		#middle #content #coupon img{
			border:7px dashed #DFA537;
			}
	#middle #content iframe.wetransfer{
		border:none;
		}
		
		
/* * Content - Contact page right column * */

	#middle #content #contact{
		width:230px;
		float:right;
		border:1px solid #FFD37C;
		padding:20px 0 20px 0;
		}
		#middle #content #contact p{
			font-size:17px;
			color:#333;
			text-align:center;
			}
			#middle #content #contact p.bullet{
				color:#ffa800;
				}
				#middle #content #contact p.phone-contact{
					font-size:20px;
					}
		#middle #content #contact img{
			margin:20px 0 20px 25px;
			padding:0;
			width:180px;
			}

/* * Content - Buttons * */

#middle #content img.button{
	float:left;
	margin: 15px 0px 0 12px;
	}
	
/* * Content - Before & After columns * */

#middle #content #before,
#middle #content #after{
	background:#FED57D;
	width:412px;
	padding-bottom:30px;
	}
	#middle #content #before img,
	#middle #content #after img{
		width:350px;
		border:1px solid #FFF;
		margin:30px 30px 0 30px;
		}
	#middle #content h4{
		color:#444;
		text-align:center;
		text-transform:uppercase;
		font-size:26px;
		background:#FFDF92;
		line-height:50px;
		}
					
/* * Boxes (Three boxes at the bottom of the home page) * */

#box{
	width:268px;
	height:190px;
	border:2px solid #3b5193;
	float:left;
	margin-right:28px;
	}
	#box.box1{background:url(../../img/box1.jpg) top left no-repeat}
	#box.box2{background:url(../../img/box2.jpg) top left no-repeat}
	#box.box3{
		background:url(../../img/box3.jpg) top left no-repeat;
		margin-right:0;
		}
	#box p{
		background:url(../../img/box-text-bg.png) top left repeat;
		font-size:12px;
		height:44px;
		padding:5px 0 0 6px;
		margin:-3px 0 0 0;
		color:#000;
		}
		#box p.title{
			background:url(../../img/box-title-bg.png) top left repeat-x;
			height:24px;
			margin-top:117px;
			padding:3px 0 0 5px;
			font-weight:bold;
			font-size:14px;
			color:#FFF;
			text-transform:uppercase;
			}
		#box p a{
			color:#000;
			text-decoration:underline;
			}
	#box img{
		border:0px;
		margin:2px 6px 0 10px;
		}
			
/* * Footer * */

#footer{
	}
	#footer p{
		text-align:center;
		color:#FFF;
		font-size:12px;
		padding-top:15px;
		}
		#footer p a{
			color:#FFF;
			text-decoration:underline;
			}