/*
 Stylesheet: Mesriani Law Group
 Date: 08-07-2010
 Author: Rommel Castillo
*/



/******************* Global Style ****************************/
body, html {
	margin:0px; padding:0px; 
	}
	
h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:17px;
	color:#044a85;
	font-weight:600;
	padding:20px 0px 0px 0px;
	margin:0px;
	}
	
h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#000;
	font-weight:600;
	margin-top:30px;
	}	
	
h3 {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #6699CC;
	font-size: 16pt;
	margin-top:0px;
	margin-bottom: .5em;
	padding: 0px;
	display: block;
	line-height: normal;
	font-weight:normal;
}

p {
	font-size: 13px;
	line-height: 1.7em;
	/*font-family:Arial, Helvetica, sans-serif;*/
	font-family: 'Droid Sans', arial, serif;
	color:#333;
	/*text-align:justify;*/
	}
	
/**************************************************************/
#settlements_container h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#000;
	font-weight:600;
	margin:0px;
	padding:0px;
	}
	
#settlements_container p {
	font-size: 13px;
	font-family:Arial, Helvetica, sans-serif;
	color:#333;
	margin:0px;
	padding:0px;
	/*text-align:justify;*/
	}
	
#testi_container p {
	font-size: 12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#666;
	font-style:italic;
	font-weight:600;
	line-height:16px;
	margin:0px;
	padding:0px;
	}

#latest_content h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:17px;
	color:#990000;
	font-weight:600;
	margin:0px;
	padding:20px 0px 5px 0px;
	border-bottom: #CCC solid 1px;
}	
	
#tagline h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:22px;
	color:#edeebb;
	text-shadow: 1px 1px 1px #000;
	font-weight:normal;
	}
	
#tagline h2 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#FFF;
	text-shadow: 1px 1px 1px #000;
	font-weight:400;
	line-height:28px;
	margin:0px;
	padding-top:18px;
	text-align:justify;
	}
		
#tagline h3 {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #6699CC;
	font-size: 16pt;
	margin-top:0px;
	margin-bottom: .5em;
	padding:0px;
	display: block;
	line-height: normal;
	font-weight:normal;
}

		#specialties_container h3 a, #specialties_container h3 a:link, #specialties_container h3 a:visited {
			color:#6699CC;
			text-decoration:none;
			}
			
		#specialties_container h3 a:hover {
			color:#6699CC;
			text-decoration:underline;
			}
		
		#specialties_container h3 a:active {
			color:#6699CC;
			text-decoration:none;
			}

.dummy {
	clear:both;
	}
	
#more {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:700;
	color:#990000;
	text-decoration:underline;
	}
		#more a, #more a:link, #more a:visited {
			color:#990000;
			text-decoration:underline;
			}
			
		#more a:hover {
			color:#0099CC;
			text-decoration:underline;
			}
		
		#more a:active {
			color:#990000;
			text-decoration:underline;
			}


#more_video {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:700;
	color:#990000;
	text-decoration:underline;
	}
		#more_video a, #more_video a:link, #more_video a:visited {
			color:#990000;
			text-decoration:underline;
			}
			
		#more_video a:hover {
			color:#0099CC;
			text-decoration:underline;
			}
		
		#more_video a:active {
			color:#990000;
			text-decoration:underline;
			}


#atty {
	font-family: 'Droid Sans', arial, serif;
	font-size:12px;
	font-weight:700;
	color:#990000;
	text-decoration:underline;
	}

		
		#atty a, #atty a:link, #atty a:visited {
			color:#990000;
			text-decoration:underline;
			}
			
		#atty a:hover {
			color:#0099CC;
			text-decoration:underline;
			}
		
		#atty a:active {
			color:#990000;
			text-decoration:underline;
			}



			

/* Main Container */
#main_container { 
	width:100%; height:auto; 
	}

/* Header */
#header_container {
	width:100%;
	height:386px;
	background:url(../images/header_bg.gif) repeat-x;
	}
	
		#header_content {
			width:1000px;
			height:386px;
			margin:0px auto;
			background:url(../images/banner.png) no-repeat;
			}
		
				#top-header {
					width:1000px;
					height:93px;
					}
					
						#logo {
							width:245px;
							height:93px;
							background:url(../images/mesriani_logo.png) no-repeat;
							float:left;
							}
							
						#call_us {
							width:192px;
							height:80px;
							background:url(../images/call-us.png) no-repeat;
							float:right;
							font-family:Verdana, Arial, Helvetica, sans-serif;
							font-size:10px;
							color:#B1C6DE;
							text-align:center;
							word-spacing:1px;
							padding-top:10px;
							}
							
/* Banner */
#banner_container {
	width:1000px;
	height:290px;
	margin:0px auto;
	}
	
		#tagline {
			width:520px;
			height:96px;
			padding-top:10px;
			float:left;
			}
		
		#tagline p {
			font-family:Verdana, Arial, Helvetica, sans-serif;
			font-size:12px;
			color:#bdd8fb;
			line-height:20px;
			letter-spacing:0px;
			}
			
				#call_to_action {
					width:400px;
					height:60px;
					background-image:url(../images/call_to_action2.jpg);
					margin-top:24px;
					}
					
				#call_to_action a, #call_to_action a:link, #call_to_action a:visited {
				display:block;
				}
				
				#call_to_action img {
				width:400px;
				height:60px;
				border:0;
				}
				
				#call_to_action a:hover img {
				visibility:hidden;
				}
				
					#banner_tail {
						width:100%;
						height:28px;
						background:url(../images/banner_tail.jpg) repeat-x;
						}
				
/* Navigation */
#nav_container {
	width:100%;
	height:30px;
	background:#262525;
	}
	
		#nav_content {
			width:1000px;
			height:auto;
			margin:0px auto;
			padding-top:3px;
			}
			
/* content_wrapper */	
#content_wrapper {
	width:1000px;
	height:auto;
	margin:0px auto;
	}	
	
/* content_wrapper_left */
#content_wrapper_left {
	width:740px;
	float:left;
	text-align:justify;
	}



#content_wrapper_left strong {
font-family: 'Droid Sans', arial, serif;
font-size: 13px;
color:#B98B00;
font-weight:700;
}



#content_wrapper_left hr {
border-color:#fff;
color:fff;
}


						#content_wrapper_left p a, #content_wrapper_left p a:link, #content_wrapper_left p a:visited {
                                                 /*font-weight:700;*/
							color:#0066FF;
							text-decoration:none;
							}
						
						#content_wrapper_left p a:hover {
                                                 /*font-weight:700;*/
							color:#0066FF;
							text-decoration:underline;
							}
						
						#content_wrapper_left p a:active {
                                                 /*font-weight:700;*/
							color:#0066FF;
							text-decoration:none;
							}




						content_wrapper_left ol li {
						font-size: 12px;
						font-family:Arial, Helvetica, sans-serif;
						color:#333;
						margin-left:20px;
						padding:0px;
						/*list-style-image:url(../images/bullet1.png);*/
						list-style-type:disc;
						}

						#content_wrapper_left ul {
						font-size: 12px;
						font-family:Arial, Helvetica, sans-serif;
						color:#333;
						margin-left:20px;
						padding:0px;
						list-style-image:url(../images/bullet1.png);
						}
						
						#content_wrapper_left li {
						padding:0px;
						margin-bottom:3px;
						font-size: 12px;
						font-family:Arial, Helvetica, sans-serif;
						/*list-style-image:url(../images/bullet1.png);*/
						line-height:18px;
						}








/* content_wrapper_left_child */
#content_wrapper_left_child {
width:740px;
font-size: 12px;
font-family:Arial, Helvetica, sans-serif;
color:#333;
margin-top:20px;
	}



					


					#content_wrapper_left_child ul {
						font-size: 12px;
						font-family:Arial, Helvetica, sans-serif;
						color:#333;
						margin-left:20px;
						padding:0px;
						list-style-image:url(../images/bullet1.png);
						}
						
					#content_wrapper_left_child li {
						padding:0px;
						margin-bottom:3px;
						list-style-image:url(../images/bullet1.png);
						line-height:18px;
						}


						#content_wrapper_left_child a, #content_wrapper_left_child a:link, #content_wrapper_left_child a:visited {
							color:#0066FF;
							text-decoration:underline;
							}
						
						#content_wrapper_left_child a:hover {
							color:#990000;
							text-decoration:underline;
							}
						
						#content_wrapper_left_child a:active {
							color:#0066FF;
							text-decoration:underline;
							}







	
/* content_wrapper_right */
#content_wrapper_right {
	width:235px;
	float:right;
	}

/* specialties_wrapper */	
#specialties_wrapper {
	width:491px;
	height:auto;
	/*border-right:#CECDCD solid 1px;*/
	margin-top:20px;
	}		

	#specialties_left_container {
		width:231px;
		height:auto;
		float:left;
		}
	
	#specialties_right_container {
		width:231px;
		height:auto;
		float:right;
		}
	
		#specialties_container {
			width:231px;
			float:left;
			display: block;
			padding-right:10px;
			margin-bottom:38px;
			}
		
		#specialties_container p { 
			padding-top:5px;
			font-size: 13px;
			/*line-height: 1.7em;*/
			font-family:Arial, Helvetica, sans-serif;
			color:#333;
			text-align:left;
			}
			
			
		#specialties_container img {
			float:left;
			padding:0px 5px 5px 0px;
			}
			
/** middle_content_wrapper **/
#middle_content_wrapper {
	width:100%;
	height:auto; /***** Edit to auto once done *****/
	background:url(../images/wave_background.jpg) no-repeat top;
	}
	
	#middle_content_container {
		width:1000px;
		height:auto;
		margin:0px auto;
		}
		
		#middle_container_left {
			width:735px;
			height:auto;
			float:left;
			}
			
		#middle_container_right {
			width:235px;
			height:auto;
			float:right;
			}
			
			#middle_left {
				width:491px;
				height:auto;
				float:left;
				margin-top:30px;
				}
				
			#middle_right {
				width:220px;
				height:auto;
				float:right;
				margin-top:30px;
				}
				
			#middle_badges {
				width:235px;
				height:auto;
				margin-top:30px;
				}
			
				#middle_about {
					width:491px;
					height:auto;
					}



						#middle_about p a, #middle_about p a:link, #middle_about p a:visited {
                                                 /*font-weight:700;*/
							color:#0066FF;
							text-decoration:none;
							}
						
						#middle_about p a:hover {
                                                 /*font-weight:700;*/
							color:#0066FF;
							text-decoration:underline;
							}
						
						#middle_about p a:active {
                                                 /*font-weight:700;*/
							color:#0066FF;
							text-decoration:none;
							}




					
					#middle_about ul {
						font-size: 13px;
						color:#333;
						margin-left:20px;
						padding:0px;
						font-family: 'Droid Sans', arial, serif;
						}
						
					#middle_about li {
						padding:0px;
						margin-bottom:3px;
						list-style-image:url(../images/bullet1.png);
						line-height:18px;
						}
				
				
/* Latest container */
#latest_container {
	width:485px;
	height:275px;
	background:url(../images/latest_bg.jpg) no-repeat;
	margin-top:32px;
	}
	
	#latest_content {
		width:444px;
		height:auto;
		margin:0px auto;
		}
		
		#latest_list {
			width:444px;
			height:auto;
			margin-top:12px;
			}
			
			#latest_list ul {
				font-size: 12px;
				font-family:Arial, Helvetica, sans-serif;
				font-style:italic;
				color:#333;
				margin:0px;
				padding:0px;
				}
			
			#latest_list li {
				padding:0px;
				margin-bottom:12px;
				list-style-type:none;
				}
				
					#latest_list strong {
						font-weight:700;
						color:#0066FF;
						}
						
					#latest_list p {
					margin:0px;
					padding:0px;
					font-family:Arial, Helvetica, sans-serif;
					font-size:11px;
					color:#666;
					line-height:17px;
					text-align:left;
					font-weight:700;
					}
					
#latest_links {
	width:444px;
	height:auto;
	margin:0px;
	padding:0px;
	}
	
#subscribe {
	width:110px;
	height:14px;
	float:right;
	background:url(../images/subscribe_bg.jpg) no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	color:#0066FF;
	padding-left:20px
}

					
						#latest_list a, #latest_list a:link, #latest_list a:visited {
							color:#0066FF;
							text-decoration:underline;
							}
						
						#latest_list a:hover {
							color:#990000;
							text-decoration:underline;
							}
						
						#latest_list a:active {
							color:#0066FF;
							text-decoration:underline;
							}
							
					
				#latest_list_more {
					font-family:Arial, Helvetica, sans-serif;
					width:100px;
					font-size:11px;
					font-weight:700;
					color:#990000;
					float:left;
					}
						
						#latest_list_more a, #latest_list_more a:link, #latest_list_more a:visited {
							color:#990000;
							text-decoration:underline;
							}
						
						#latest_list_more a:hover {
							color:#0099CC;
							text-decoration:underline;
							}
						
						#latest_list_more a:active {
							color:#990000;
							text-decoration:underline;
							}

		
/** settlements **/
#middle_settlements {
	width:220px;
	height:auto;
	}
	
	#settlements_container {
		width:220px;
		height:auto;
		padding: 10px 0px 10px 0px;
		margin-bottom:10px;
		border-bottom:#CCC dashed 1px;
		}
		
		#settlement_class {
			width:220px;
			height:auto;
			font-family:Arial, Helvetica, sans-serif;
			font-size:11px;
			color:#0066FF;
			font-style:italic;
			font-weight:700;
			}
			
#middle_testi {
	width:220px;
	height:auto;
	}
	
		#testi_container {
			width:220px;
			height:auto;
			padding: 10px 0px 10px 0px;
			margin-bottom:20px;
			border-bottom:#CCC dashed 1px;
			}
			
		#testi_client {
			width:220px;
			height:auto;
			font-family:Arial, Helvetica, sans-serif;
			font-size:13px;
			color:#CC6600;
			font-style:italic;
			font-weight:bold;
			margin-top:5px;
			}
			
        #client_class {
			width:220px;
			height:auto;
			font-family:Arial, Helvetica, sans-serif;
			font-size:11px;
			color:#0066FF;
			font-style:italic;
			font-weight:normal;
			}

#middle_find {
	width:220px;
	height:140px;
       margin-top:12px;
	}


			
/** badges **/
#badges_container {
	width:235px;
	height:auto;
	padding-top:27px;
	}
	
		#badge1 {
			width:235px;
			height:78px;
			background:url(../images/badge1.jpg) no-repeat;
			margin-bottom:28px;
			}
		
		#badge2 {
			width:235px;
			height:192px;
			background:url(../images/badge2.jpg) no-repeat;
			margin-bottom:28px;
			}
			
		#badge3 {
			width:232px;
			height:98px;
			background:url(../images/aaj.jpg) no-repeat;
			margin-bottom:22px;
			margin-top:10px;
			}
				
		#badge4 {
			width:232px;
			height:143px;
			background:url(../images/consumerandbbb.jpg) no-repeat;
			margin-bottom:10px;
			}
			
		#badge5 {
			width:232px;
			height:245px;
			background:url(../images/lexisabapublicjustive.jpg) no-repeat;
			margin-bottom:10px;
			}	
		
		#socal_container {
			width:235px;
			height:45px;
			}
			
			#social_left {
				width:127px;
				height:45px;
				float:left;
				}
				
			#social_right {
				width:105px;
				height:45px;
				float:right;
				}
				
			#profile1 {
				width:235px;
				height:50px;
				margin-top:20px;
				margin-bottom:10px;
				}
				
			#profile2 {
				width:220px;
				height:50px;
				margin-top:20px;
				margin-bottom:20px;
				}


/* contact us */
.content_left_landing .offices {
	height:290px;
width:700px;
	border:#000000 solid 0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}

.content_left_landing .offices ul {
		list-style:none;
	}

.content_left_landing .offices .office_entry_left {
		float:left;
		width:260px;
		border:#EEEEEE solid 1px;
		margin-left:10px;
		margin-top:10px;
		margin-bottom:10px;
		height:250px;
		background-color:#F9F7ED;
		padding-left:10px;
		padding-top:10px;		
	}
	
.content_left_landing .offices .office_entry_left h2 {
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:14px;
}		
	

	.content_left_landing .offices .mailform {
		float:right;
		width:260px;
		border:#EEEEEE solid 1px;
		margin-left:10px;
		margin-top:10px;
		margin-bottom:10px;
		height:250px;
		background-color:#F9F7ED;
		padding-left:10px;
		padding-top:10px;		
	}
	
.content_left_landing .offices .office_entry_right {
		float:left;
		width:270px;
		border:#EEEEEE solid 1px;
		margin-top:30px;
		margin-left:10px;
		padding-left:10px;
		padding-top:10px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:11px;
		
	}
	
.content_left_landing .offices .office_entry_right h2 {
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:14px;
}

.content_left_landing .offices .office_entry_right2 {
		float:right;
		width:277px;
		border:#EEEEEE solid 1px;
		/*margin-right:10px;*/		
		margin-top:30px;
margin-right:100px;
		padding-left:10px;
		padding-top:10px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:11px;
	}
	
.content_left_landing .offices .office_entry_right2 h2 {
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:14px;
}
	
	
.content_left_landing .offices .office_entry .office_title h2 {
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:12px;
		color:#006E2E;
		/*margin-bottom:10px;*/
	}

/* Google map container */#map_container {
	float:left;
	width:688px;
	height:300px;
	border:#999999 solid 1px;

	margin-left:10px;	
}