/*
Theme Name: ComfortCare Dental
Theme URI: http://www.comfortcaredental.com/
Description: The custom theme created for custom care dental.
Version: 1.0
Author: Ian Maroney
Author URI: http://www.fusionreactions.com/
Tags: blue, custom header, fixed width, two columns, widgets

	ComfortCare Dental v1.0

	This theme was designed and built by Ian Maroney,
	whose company site you will find at http://www.fusionreactions.com/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/



/* Begin Typography & Colors */
@charset "UTF-8";

html, body, ul, ol, li, p,
h1, h2, h3, h4, h5, h6,
form, fieldset, legend, a, img {
	margin: 0;
	padding: 0;
	border: 0;
	outline:none;
}

h1 {
	
}

h2 {
	
}
	
h3 {
	font: bold 1.5em/1.5em Arial, Helvetica, sans-serif;
	color: #22425E;
	padding-bottom: 5px;
	letter-spacing: -1px;
}

h4 {
	font: bold 1.2em/1.5em Arial, Helvetica, sans-serif;
}


h5 {
	font: bold 1.1em/1.5em Arial, Helvetica, sans-serif;
	margin-bottom: 10px;	
}

h6 {
	font: bold 0.9em/1em Arial, Helvetia, sans-serif;
}

p, #main ul, address {
	padding-bottom: 10px;
	font: 0.875em/1.5em Arial, Helvetica, sans-serif;
}

body {
	background: #2F6CA0;
	font: 16px/24px Arial, Helvetica, sans-serif;
	color: #444;
}

	#header {
		width: 100%;
		height: 85px;
		background: url(images/header/bg.png) repeat-x;
	}
	
		.container {
			width: 960px;
			margin: auto;
		}
		
			#logo {
				width: 340px;
				height: 85px;
				background: url(images/header/logo/bg3.png) left top no-repeat;
				display: block;
				position: absolute;
				margin-left: -15px;
				
			}
			
				#logo-link {
					width: 100%;
					height: 100%;
					display: block;
					text-indent: -10000px;
				}
				
			#nav {
				width: auto;
				float: right;
				list-style-type: none;
				height: 24px;
				margin-top: 46px;
			}
			
				.nav-item {
					width: auto;
					float: left;
					margin-left: 20px;
				}
				
					.nav-item-link {
						font: bold 1.125em/1em Arial, Helvetica, sans-serif;
						color: #AFD5EA;
						text-decoration: none;
					}
					
						.nav-item-link.active {
							color: #FFF;
						}
						
						a.nav-item-link:hover {
							color: #12324E;	
						}
	
	#main {
		width: 100%;
		background: #FFF url(images/main/bg.gif) left top repeat-x;
		border-top: 1px solid #1A354C;
		border-bottom: 1px solid #1A354C;
		padding: 25px 0;
		float: left;
	}
	
		#left {
			width: 658px;
			border: 1px solid #777;
			background: #C3D5E1;
			margin-right: 15px !important;
			margin-right: 13px;
			float: left;
		}
		
			.inner-wrap {
				padding: 10px 10px 0;
				border: 1px solid #FFF;
			}
			
					.inner-wrap.search .hentry {
						padding: 8px 10px 0;
						margin-bottom: 10px;
						border: 1px solid #BBB;
						background: #F3F3F3;
					}
					
						.inner-wrap.search small {
							font: 0.75em/1em Arial, Helvetica, sans-serif;
							padding-bottom: 5px;
							color: #555;
							display: block;
						}
						
						.inner-wrap.search a {
							color: #22425E;
							text-decoration: none;
						}
			
			#main ul {
				margin-left: 30px;
			}
			
			.accordion {
				background: #EEE;
				list-style-type: none;
				border-bottom: 1px solid #999;
				margin-bottom: 10px;
			}
			
				.accordion-item {
					border: 1px solid #999;
					border-bottom: none;
					padding: 10px;
				}
				
					.accordion h6 {
						height: 15px;
						color: #2B618F;
						text-indent: 15px;
						background: url(images/main/faq/accordion/accordion-item/bg.gif) left top no-repeat;
						cursor: pointer;
					}
					
						.accordion-item.open h6 {
							background-position: left bottom;
						}
					
					.accordion-content {
						background: #FFF;
						padding: 10px;
						margin-top: 10px;
						color: #656565;
						border: 1px solid #BBB;
					}
					
						.accordion-content p {
							padding: 0;
						}
			
				.half-list {
					width: 45%;
					float: left;
					list-style-type: none;
					margin: 0 !important;
				}
				
				#main p a, #main ul a {
					color: #2F6CA0;
					text-decoration: none;
				}
				
					#main p a:hover, #main ul a:hover {
						color: #333;
					}
					
			.wp-caption {
				padding-top: 5px;
				border: 1px solid #AAA;
				background: #EEE;
				text-align: center;
			}
			
				.wp-caption-text {
					padding-bottom: 4px;
					font: 0.725em/1.2em Arial, Helvetica;
				}
		
		#right {
			width: 283px;
			border: 1px solid #777;
			background: #C7D1D7;
			float: left;
		}
		
			.node {
				padding: 5px 0;
			}
			
				.node a {
					color: #22425E;
				}
			
			.search-node {
				padding-top: 0;
			}
			
			.contact-node {
				border-top: 1px solid #777;
				border-bottom: 1px solid #777;
			}
			
				#right h3 {
					font: bold 1.25em/1.5em Arial, Helvetica, sans-serif;
				}
				
				.node iframe {
					border: 1px solid #777;
				}
				
			.form-list {
				list-style-type:none;	
			}
			
				.form-list-item {
					margin:3px 0;
				}
				
				.label-left {
					width:70px;
					float: left;
				}
				
				.checklist {
					list-style-type:none;
					margin-left:10px;
				}
				
				.text-area, .text-input {
					font: 0.875em/1.5em Arial, Helvetica, sans-serif;
				}
		
	#footer {
		width: 100%;
		padding: 20px 0 5px;
		background: #2F6CA0 url(images/footer/bg.png) left top repeat-x;
		color: #D5D5D5;
		clear: both;
	}
	
		#footer-about {
			width: 660px;
			margin-right: 15px;
			float: left;
		}
		
			#footer h4 {
				font: bold 1.25em/1.25em Arial, Helvetica, sans-serif;
				color: #FFF;
			}
			
				#footer a {
					color: #AFD5EA;
					text-decoration: none;
					word-spacing: -1px;
				}
				
					#footer a.active {
						color: #FFF;
					}
				
					#footer a:hover {
						color: #12324E;
					}
					
		#footer-nav {
			
		}
		
			#footer-nav p {
				padding-bottom: 21px;
				font: 0.849em/1.5em Arial, Helvetica, sans-serif !important;
			}
		
.wpcf7 {

}

	.wpcf7 .text-field, .wpcf7 .text-area {
		font: 0.875em/1.5em Arial, Helvetica, sans-serif;
		color: #555;
		padding: 2px;
	}

.last {
	margin: 0;
	padding: 0;
}

.alignright {
	width: auto;
	float: right;
	margin-left: 10px
}

.alignleft {
	width: auto;
	float: left;
	margin-right: 10px
}

.clearer {
	width: 0;
	height: 0;
	clear: both;
}

.error {
	color:#892629;
}

	label.error {
		padding-left:10px;
		vertical-align:top;
	}