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

/* Banner Nivo Slider */
#slider_container {
			width:409px;
			height:255px;
			float:right;
			margin-right:10px;
			margin-top:21px;
			}
			

/* Navigation Dropdown */			
.ddsmoothmenu{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
background:#262525; /*background of menu bar (default state)*/
width: 100%;
text-transform:uppercase;
}

.ddsmoothmenu ul{
z-index:100;
margin: 0;
padding: 0;
list-style-type: none;
}

/*Top level list items*/
.ddsmoothmenu ul li{
position: relative;
display: inline;
float: left;
line-height:23px;
font-weight:normal;
}



/*Top level menu link items style*/
.ddsmoothmenu ul li a{
display: block;
background:#262525; /*background of menu items (default state)*/
color: white;
padding-right:16px;
padding-left:4px;
margin-right:26px;
width:auto;
color: #2d2b2b;
text-decoration: none;
}

* html .ddsmoothmenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block;

}

.ddsmoothmenu ul li a:link, .ddsmoothmenu ul li a:visited{
color:#FFF;
}

.ddsmoothmenu ul li a.selected{ /*CSS class that's dynamically added to the currently active menu items' LI A element*/
color:#FFCC00;
width:auto;
}

.ddsmoothmenu ul li a:hover{
color:#FFCC00;
}
	
/*1st sub level menu*/
.ddsmoothmenu ul li ul{
position: absolute;
left: 0;
display: none; /*collapse all sub menus to begin with*/
visibility: hidden;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.ddsmoothmenu ul li ul li{
display: list-item;
float: none;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.ddsmoothmenu ul li ul li ul{
top: 0;
}

/* Sub level menu links style */
.ddsmoothmenu ul li ul li a{
font: normal 10px Verdana;
width: 200px; /*width of sub menus*/
padding: 6px;
margin: 0;
border-top-width: 1px solid gray;
border-bottom: 1px solid gray;
}

/* Holly Hack for IE \*/
* html .ddsmoothmenu{height: 1%;} /*Holly Hack for IE7 and below*/


/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass{
position: absolute;
top: 11px;
right: 18px;
}

.rightarrowclass{
position: absolute;
top: 9px;
right: 5px;
}

/* ######### CSS for shadow added to sub menus  ######### */

.ddshadow{
position: absolute;
left: 0;
top: 0;
width: 0;
height: 0;
background: silver;
}

.toplevelshadow{ /*shadow opacity. Doesn't work in IE*/
opacity: 0.8;
}	


/** video wrapper **/
#video_wrapper {
	width:231px;
	height:auto;
	float:right;
	margin-top:0px;
	}
		#video_content {
			width:224px;
			height:244px;
			border:#D2C4C4 solid 1px;
			padding-left:4px;
			padding-top:4px;
			margin-bottom:20px;
			}
			
				#video_keywords {
					width:224px;
					height:auto;
					font-family:Arial, Helvetica, sans-serif;
					font-size:12px;
					font-weight:700;
					color:#000000;
					font-style:italic;
					padding:10px 0px 10px 0px;
					margin:0px auto;
					}


/** No Win No Fee **/
#nowin_wrapper {
	width:230px;
	height:180px;
	float:right;
	margin-bottom:20px;
	background-image:url(../images/nowin.jpg) no-repeat;
	}

#nowin_wrapper p {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
}

		#nowin_content {
			width:224px;
			height:244px;
			border:#D2C4C4 solid 1px;
			padding-left:4px;
			padding-top:4px;
			}
			
				#nowin_keywords {
					width:224px;
					height:auto;
					font-family:Arial, Helvetica, sans-serif;
					font-size:12px;
					font-weight:700;
					color:#000000;
					font-style:italic;
					padding:10px 0px 10px 0px;
					margin:0px auto;
					}



					
/** search **/
#search_wrapper {
	width:235px;
	height:44px;
	padding-bottom:2px;
	background:url(../images/search_bg.gif) no-repeat;
	}
	
	#search_content {
	width:235px;
	height:44px;
	}
	
		.text_field {
			width:142px;
			margin-top:13px;
			margin-left:15px;
			border:none;
			background:none;
			color:#333;
			}
			
		.search {
			background:url(../images/search_btn.jpg) no-repeat;
			border:none;
			cursor:pointer;
			
			height:25px;
			width:65px;
			color:#000;
			font-size:11px;
			font-weight:700;
			}

		
/** freecase **/
#free_case_wrapper {
	width:235px;
	height:auto;
	background:url(../images/freecase.png) no-repeat;
	margin-top:0px;
padding-bottom:20px;
	}
	
	#free_case_content {
		width:235px;
		height:auto;
		padding-top:56px;
		text-align:center;
		}


	#call_us_middle {
width:235px;
height:146px;
background:url(../images/call_us_middle.png) no-repeat;
/*margin-top: 26px;*/
}


		
/** footer **/
#footer_container {
	width:100%;
	height:650px;
	background:url(../images/footer_inner_bg.jpg) repeat-x;
	margin-top:50px;
       background-color:#04293B;
	}
	
	#footer_content {
		width:1000px;
		height:auto;
		background:url(../images/footer_bg.jpg) no-repeat;
		margin:0px auto;
		}
		
		#footer_nav {
			width:1000px;
			height:auto;
			font-family:Verdana, Arial, Helvetica, sans-serif;
			font-size:11px;
			font-weight:normal;
			color:#FFF;
			padding-top:30px;
			}
			
			#footer_info {
				width:1000px;
				height:autopx;
				margin-top:20px;
				}
				
				#footer_info_left {
					width:551px;
					height:auto;
					float:left;
					}
												
					
					#footer_blog {
						width:255px;
						height:auto;
						float:left;
						}
						
						#footer_blog a, #footer_blog a:link, #footer_blog a:visited {
							color:#FFF;
							text-decoration:none;
							}
						
						#footer_blog a:hover {
							color:#6FDBFF;
							text-decoration:underline;
							}
						
						#footer_blog a:active {
							color:#FFF;
							text-decoration:none;
							}
						
						#footer_blog h2 {
							font-family:Geneva, Arial, Helvetica, sans-serif;
							font-size:16px;
							color:#FFF;
							margin:0px;
							padding-bottom:5px;
							border-bottom:#395766 solid 1px;
							}
							
							
						#footer_blog ul {
							font-size: 12px;
							font-family:Arial, Helvetica, sans-serif;
							color:#FFF;
							margin-left:20px;
							padding:0px;
							}
						
						#footer_blog li {
							padding:0px;
							margin-bottom:4px;
							list-style-image:url(../images/bullet2.png);
							line-height:18px;
							padding-bottom:8px;
							border-bottom:#395766 dashed 1px;
							}	
							

						#footer_twitter {
							width:255px;
							height:auto;
							float:right;
							}
							
						#footer_twitter a, #footer_twitter a:link, #footer_twitter a:visited {
							color:#FFF;
							text-decoration:none;
							}
						
						#footer_twitter a:hover {
							color:#6FDBFF;
							text-decoration:underline;
							}
						
						#footer_twitter a:active {
							color:#FFF;
							text-decoration:none;
							}
							
						#footer_twitter h2 {
							font-family:Geneva, Arial, Helvetica, sans-serif;
							font-size:16px;
							color:#FFF;
							margin:0px;
							padding-bottom:5px;
							border-bottom:#395766 solid 1px;
							}
							
							
						#footer_twitter ul {
							font-size: 12px;
							font-family:Arial, Helvetica, sans-serif;
							color:#FFF;
							margin-left:20px;
							padding:0px;
							}
						
						#footer_twitter li {
							padding:0px;
							margin-bottom:4px;
							list-style-image:url(../images/bullet2.png);
							line-height:18px;
							padding-bottom:8px;
							border-bottom:#395766 dashed 1px;
							}
							
							
			
						#footer_nav a, #footer_nav a:link, #footer_nav a:visited {
							color:#FFF;
							text-decoration:none;
							}
						
						#footer_nav a:hover {
						color:#FFFF00;
							text-decoration:underline;
							}
						
						#footer_nav a:active {
							color:#FFF;
							text-decoration:none;
							}
							
#footer_office {
	width:380px;
	height:auto;
	float:right;
padding-top:18px;
	}

	#footer_office h2 {
		font-family:Geneva, Arial, Helvetica, sans-serif;
		font-size:16px;
		color:#FFF;
		margin:0px;
		padding-bottom:5px;
		border-bottom:#395766 solid 1px;
		}
		
			#main_address {
				width:170px;
				height:auto;
				float:left;
				}

			#main_address_map {
				width:170px;
				height:100px;
				float:right;
				border: 1px solid #FFF;
				margin-top:10px;
				background-image:url(../images/ML_map.png);
				}
			
				
				#main_address h3 {
					font-family:Arial, Helvetica, sans-serif;
					font-size:14px;
					color:#FFCC00;
					font-weight:700;
					padding-top:10px;
					}
					
					#main_address p {
					font-family:Arial, Helvetica, sans-serif;
					font-size:12px;
					line-height:20px;
					color:#FFF;
					margin:0px;
					padding:0px;
					}
					
			#satelite_container {
				width:380px;
				height:auto;
				margin-top:10px;
				}
				
					#satelite_container h3 {
					font-family:Arial, Helvetica, sans-serif;
					font-size:14px;
					color:#FFCC00;
					font-weight:700;
					padding-top:10px;
					}
					
					#satelite_container p {
					font-family:Arial, Helvetica, sans-serif;
					font-size:11px;
					color:#FFF;
					margin:0px;
					padding:0px;
					}
				
				#satelite_left {
					width:220px;
					height:auto;
					float:left;
					}

				#satelite_right {
					width:160px;
					height:auto;
					float:right;
					}
					
#footer_keywords {
	width:1000px;
	height:auto;
	margin:0px auto;
	}

	#footer_keywords p {
	font:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#98AAB8;
	padding-top:7px;
	text-align:justify;
	}



#footer_keywords a, #footer_keywords a:link, #footer_keywords a:visited {
							color:#6FDBFF;
							text-decoration:none;
							font-weight:bold;
							}
						
						#footer_keywords a:hover {
							color:#FFCC00;
							text-decoration:underline;
							font-weight:bold;
							}
						
						#footer_keywords a:active {
							color:#6FDBFF;
							text-decoration:none;
							font-weight:bold;
							}





	
	#footer_end {
	width:1000px;
	height:auto;
	margin:0px auto;
	}

	#footer_end p {
	font:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#98AAB8;
	padding-top:5px;
	text-align:center;
	margin:0px;
	}



#rsslink {
display:none;
}

#rsstojs a {
font-weight:700;
}

#rsstojs p {
font-size:10px;
}


#breadcrumbs {
width:993px;
height:auto;
margin:0px auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000;
	padding-top:12px;

}

#breadcrumbs a, #breadcrumbs a:link, #breadcrumbs a:visited {
							color:#000;
							text-decoration:none;
							}
						
						#breadcrumbs a:hover {
						color:#000;
							text-decoration:underline;
							}
						
						#breadcrumbs a:active {
							color:#000;
							text-decoration:none;
							}