/*  
Theme Name: Clovis Experts
Theme URI: http://realestatetomato.typepad.com
Description: Another theme from the <a href="http://realestatetomato.typepad.com">Real Estate Tomato</a> collection.
Version: 1.0
Author: Real Estate Tomato
Author URI: http://realestatetomato.typepad.com/
*/

body {
	background-color: #580804;
	margin: 0;
}

ul, ol, form {
	margin: 0;
	padding: 0;
}



.clear {clear: both;}

#left h2.titledyna, #right h2.titledyna, #center h2.titledyna {
    background: transparent url(images/section_title.jpg) top left repeat-x;
    height: 32px;
    width: 210px;
    margin: 0 0 10px -9px;
    padding: 8px 5px 0;
    font: normal 18px "Trebuchet MS", sans-serif;
    color: #fff;
}

    #center h2.titledyna {
        width: 377px;
        margin-left: -14px;
    }
   
    #right h2.titledyna {
        width: 204px;
    }
	
	/*------------
	=LAYOUT CSS
	------------*/
	
		#outer_wrapper {
			background: transparent url(images/bg.jpg) top left repeat-x;
			width: 100%;
		}
		
		.top_brand {
			/*background: transparent url(images/top_bg.jpg) top center no-repeat;
			height: 143px;
			width: 890px;
			margin: 0 auto;
			padding: 12px 50px;*/
		}
			
			.top_brand h1#logo {
				margin: 0;
				float: left;
			}
			
				.top_brand h1 a {
					/*height: 146px;*/
					width: 236px;
					/*display: block;*/
					text-indent: -500em;
				}
				
			.top_brand h2.slogan {
				/*height: 86px;*/
				width: 515px;
				margin: 0;
				float: right;
				text-indent: -500em;
			}
			
		.top_brand h2 {
			margin: 0;
		}

		#wrapper {
			background: transparent url(images/cont_bg.jpg) top center repeat-y;
			width: 990px;
			margin: 0 auto;
		}
		
			#wrapper .top {
				background: transparent url(images/cont_top.jpg) top center no-repeat;
				margin: 0;
				padding: 120px 0 0 0;
			}
			
			#wrapper .btm {
				background: transparent url(images/footer_bg.jpg) bottom left no-repeat;
				width: 990px;
				margin: 0 0 0 -1px;
				padding: 0 0 90px 20px;
			}
			
			#wrapper .top .time {
				width: 990px;
				margin: 0 0 0 -24px;
				font: normal 14px "Georgia", serif;
				text-align: center;
				color: #fff;
			}
				
			#wrapper .top .date {
				margin: 0 0 0 25px;
				padding: 0 0 10px 0;
				float: left;
				width: 200px;
				font: normal 11px "Tahoma", sans-serif;
				color: #fff;
			}
				
			#wrapper .top p.search-input {
				margin: 0 100px 0 0;
				float: right;
			}
				
					#wrapper .top p.search-input input {
						background: transparent url(images/top_search.jpg) top left no-repeat;
						height: 19px;
						width: 216px;
						padding: 7px 0 0 5px;
						font: normal 10px "Arial", sans-serif;
						border: 0;
						color: #000;
					}
				

					/*------------
					=CTA CSS
					------------*/

						 .cta {
							background: transparent url(images/cta_bg.jpg) top center no-repeat;
							height: 163px;
							width: 910px;
							margin: 0 auto;
							padding: 0 20px;
						}
						
						.cta h1#logo {
							display: none;
						}
						
						.cta h2.slogan {display:none;}

							.cta ul {
								list-style-type: none;
								float: left;
							}

								.cta ul li {
									float: left;
										margin: 0 16px 0 0;
								}

									.cta ul li a {
										display: block;
										width: 215px;
										height: 146px;
										float: left;
										text-indent: -500em;
									}
									
			/*------------
			=NAVIGATION CSS
			------------*/
			
				#wrapper #nav ul {
					margin: 0 20px -20px 20px;
					clear: both;
					float: left;
					font: normal 15px "Tahoma", sans-serif;
					z-index:1;
				}
				
					#nav ul a:active, #nav ul a:visited, #nav ul a:link {color: #acacac; text-decoration: none;}
					#nav ul a:hover {color: #fff;}
				
					#nav ul li {
						float: left;
						padding: 10px 0;
						list-style-type: none;
						position:relative;
					}
					
						#nav ul li a {
							float: left;
							display: block;
							padding: 10px 17px 10px 13px;
							border-right: 1px solid #5b5b5b;
						}
						
						#nav ul li ul {
							display: none;
							 }

						*:first-child+html #nav ul li ul {
							margin-left:-100px; }

						#nav ul li ul li {
							float: none;
							margin: 0;
							padding: 5px 0; }

						#nav ul li ul li a:link, #nav ul li ul li a:visited {
							float: none;
							text-decoration: none;
							color: #acacac;
							height: auto;
							margin: 0;
							padding: 0;
							font-size: .9em;
							padding-left: 10px; }

						#nav ul li ul li a:hover, #nav ul li.current_page_item ul li a:hover {
							text-decoration: none;
							color: #ffffff; }	

						#nav ul li:hover ul {
							display: block; 
							margin: 0;
							padding: 0;
							position: absolute;
							border:3px solid #999999;
							background-color: #000000;
							left:-20px;
							top: 55px;
							width: 180px;
							z-index: 30000;}
					
			/*------------
			=COLUMN CSS
			------------*/
			
				#content {
					background: transparent url(images/inner_bg.jpg) top center repeat-y;
					width: 930px;
					margin: 0 0 0 11px;
				}
				
					#content .inner-top {
						background: transparent url(images/inner_top.jpg) top center no-repeat;
						width: 930px;
						padding: 25px 0;
					}

					/*------------
					=LEFT CSS
					------------*/
				
						#content #left {
							width: 200px;
							margin: 0 0 0 30px;
							padding: 7px 10px;
							float: left;
							font: normal 12px "Arial", san-serif;
							color: #333;
						}
							
							#left a:active, #left a:visited, #left a:link {color: #1b78ad; text-decoration: underline;}
							#left a:hover {color: #0c496d; text-decoration: none;}
							
							#left h2 {
								margin: 0;
								font: normal 18px "Arial", sans-serif;
							}
							
								#left h2.title {
									background: transparent url(images/left_toolsTitle.jpg) top left no-repeat;
									height: 40px;
									width: 220px;
									margin: 0 0 10px -9px;
									text-indent: -500em;
								}
								
								#left h2.info {
									background-image: url(images/right_titleInfo.jpg);
								}
							
							#left ul {
								margin: 10px;
							}
							
								#left ul li {
									background: transparent url(images/right_bulletfill.jpg) left 5px no-repeat;
									margin: 3px 0;
									padding: 0 0 0 9px;
									list-style-type: none;
								}
								
								#left ul li ul li {
									background: transparent url(images/right_bulletempt.jpg) left 5px no-repeat;
								}
								
							/*------------
							=LEFT-CTA CSS
							------------*/
							
								#left .left-cta {
									margin: 0 0 0 -9px;
								}
								
									#left .left-cta p {
										margin: 0 0 10px 0;
									}
									
									#left p.bargain {
										margin: 0;
									}
									
										#left .left-cta p a {
											background: transparent none top left no-repeat;
											height: 139px;
											width: 220px;
											display: block;
											text-indent: -500em;
										}
							
										#left p.search a {
											background-image: url(images/left_cta-search.jpg);
										}
								
										#left p.worth a {
											background-image: url(images/left_cta-worth.jpg);
										}
								
										#left p.ongo a {
											background-image: url(images/left_cta-ongo.jpg);
										}
								
										#left p.bargain a {
											background-image: url(images/left_cta-bargain.jpg);
											height: 149px;
										}
								
										#left p.relocate a {
											background-image: url(images/left_cta-relocate.jpg);
											width: 221px;
										}

										#left p.mortgage a {
											background-image: url(images/left_cta-mortgage.jpg);
											width: 221px;
										}

										#left p.foreclosures a {
											background-image: url(images/left_cta-foreclosures.jpg);
											width: 221px;
										}

										#left p.about a {
											background-image: url(images/left_cta-about.jpg);
											width: 221px;
										}

								
										#left p.fb a {
											background-image: url(images/left_cta-fb.jpg);
											height: 109px;
										}
								
										#left p.twit a {
											background-image: url(images/left_cta-twit.jpg);
											height: 109px;
									}
	
					/*------------
					=CENTER CSS
					------------*/
					
						#content #center {
							width: 357px;
							margin: 0 1px 0 22px;
							padding: 7px 15px;
							float: left;
							font: normal 13px "Arial", sans-serif;
							color: #000;
						}

								
							#center a:active, #center a:visited, #center a:link {color: #943737; text-decoration: underline;}
							#center a:hover {color: #222; text-decoration: none;}
							
								#center h2.center-title {
									background: transparent url(images/center_newsTitle.jpg) top left no-repeat;
									height: 40px;
									width: 387px;
									margin: 0 0 15px -14px;
									text-indent: -500em;
								}
														
								#center h2.title {
									margin: 0;
									font: lighter 18px "Arial", sans-serif;
								}
								
									#center h2.title a:active, #center h2.title a:visited, #center h2.title a:link {color: #125e98; text-decoration: none;}
									#center h2.title a:hover {color: #053559; text-decoration: underline;}
									
							#center p {
								line-height: 18px;
							}
									
								#center p.article-date {
									margin: 0 0 7px -5px;
									padding: 3px 5px;
									font: normal 13px "Arial", sans-serif;
									color: #000;
									border-bottom: 1px solid #c5c5c5;
								}
								
								#center p a.more {
									font-weight: bold;
								}
								
									#center p a.more:active, #center p a.more:visited, #center p a.more:link {color: #333;}
									#center p a.more:visited {color: #000; text-decoration: underline;}
								
								#center .metainfo {
									width: 400px;
									float: right;
									font: normal 11px "Arial", sans-serif;
									color: #424242;
									text-align: right;
								}
							
							#center h2 {
								font: lighter 18px "Arial", sans-serif;
								color: #580804;
							}
							

							#center h3 {
								font: lighter 18px "Arial", sans-serif;
								color: #053559;
							}
							
							#center h4 {
								font: lighter 16px "Arial", sans-serif;
								color: #053559;
							}
	

							#content #center2 {
							width: 603px;
							margin: 0 1px 0 22px;
							padding: 7px 15px;
							float: left;
							font: normal 13px "Arial", sans-serif;
							color: #000;
						}
	

							#content #center3 {
							width: 880px;
							margin: 0 1px 0 22px;
							padding: 7px 15px;
							float: left;
							font: normal 13px "Arial", sans-serif;
							color: #000;
						}
						
							#content #center ul li, ol {
								margin:0 0 0 35px;
							}


					/*------------
					=RIGHT CSS
					------------*/
				
						#content #right {
							width: 205px;
							margin: 0 0 0 21px;
							padding: 7px 10px;
							float: left;
							font: normal 12px "Arial", sans-serif;
						}
						
							#right a:active, #right a:visited, #right a:link {color: #1b78ad; text-decoration: underline;}
							#right a:hover {color: #0c496d; text-decoration: none;}
							
							#right h2 {
								margin: 0 0 5px 0;
								font: normal 18px "Tahoma", sans-serif;
								color: #333;
							}
							
							#right h2.title {
								background: transparent none top left no-repeat;
								height: 40px;
								margin: 15px 0 15px -11px;
								text-indent: -500em;
							}
							
								#right h2.contact {
									background-image: url(images/right_titleContact.jpg);
									margin: 0 0 15px -11px;
								}
							
								#right h2.help {
									background-image: url(images/right_titleHelp.jpg);
								}
							
								#right h2.info {
									background-image: url(images/right_titleInfo.jpg);
								}
							
								#right h2.past {
									background-image: url(images/right_titlePast.jpg);
								}
								
							#right ul {
								margin: 0 5px;
							}
							
								#right ul li {
									background: transparent url(images/right_bulletfill.jpg) left 5px no-repeat;
									margin: 7px 0;
									padding: 0 0 0 9px;
									list-style-type: none;
								}
								
									#right ul li ul {
										margin: 8px 15px;
									}
									
										#right ul li ul li {
											background: transparent url(images/right_bulletempt.jpg) left 5px no-repeat;
										}
							
								#right ul.contact-cta {
									margin: 0 -6px;
								}
								
									#right ul.contact-cta li {
										background-image: none;
										float: left;
										margin: 0 7px 0 0;
										padding: 0;
									}
									
										#right ul.contact-cta li a {
											background: transparent none top left no-repeat;
											height: 81px;
											width: 63px;
											display: block;
											float: left;
											text-indent: -500em;
										}
										
											#right ul.contact-cta li.call a {
												background-image: url(images/right_contactCall.jpg);
											}
										
											#right ul.contact-cta li.email a {
												background-image: url(images/right_contactEmail.jpg);
											}
										
											#right ul.contact-cta li.sms a {
												background-image: url(images/right_contactText.jpg);
											}
										
								#right p.help-how {
									margin: 0;
								}
								
									#right p.help-how a {
										background: transparent url(images/right_rightCta.jpg) top left no-repeat;
										height: 44px;
										width: 203px;
										text-indent: -500em;
										display: block;
									}

			/*------------
			=FOOTER CSS
			------------*/
			
				#footer {
					position: relative;
					background-color: #570803;
					width: 950px;
					margin: 0 auto;
					padding: 15px 20px 15px 20px;
				}
				
					#footer p {
						margin: 0;
						padding: 0;
					}
					
						#footer p.copyright {
							width: 400px;
							float: left;
							font: normal 13px "Arial", sans-serif;
							color: #f06666;
						}
						
							#footer p.copyright span {
								font: normal 14px "Tahoma", sans-serif;
								text-transform: uppercase;
								letter-spacing: 1px;
								color: #fff;
							}
						
						#footer p.credits {
							float: right;
							width: 400px;
							text-align: right;
							font: normal 11px "Arial", sans-serif;
							color: #fff;
						}
						
							#footer p.credits span {
								font-size: 12px;
								display: block;
							}
							
							#footer p.credits a:active, #footer p.credits a:visited, #footer p.credits a:link {color: #dc9494; text-decoration: underline;}
							#footer p.credits a:hover {color: #f9cdcd; text-decoration: none;}