@charset "utf-8";
/* Website Layout
   CSS Document 
   Umer Chaudhary */
   




/* __________________________________________________________________________________________
	
		DOCUMENT LEVEL 
   __________________________________________________________________________________________ */


	div#main_panel
	{
	width:970px;
	height:7155px;
	padding:0px;
	margin:0px auto 0px auto;
	border: 1px solid #CCC;
		
	}
	
	
	
	body
	{
	margin:0px;
	padding:0px;
	}





/* __________________________________________________________________________________________
	
		TOP HEADER 
   __________________________________________________________________________________________ */


	div#top_header
	{	
		width:950px;
		height:426px;
		padding:0px;
		margin:0px auto 0px auto;		
	}
	
	
				div#logo
				{
					width: 119px;
					height: 67px;
					padding: 0px;
					margin: 22px 0px 0px 15px;
					float:left;
				}
				
				/* 745 X 51 */
				div#main_navigation_bar
				{
					width: 745px;
					height: 51px;
					padding: 0px;
					margin: 4px 0px 0px 40px;
					float:left;
				}
				
				/* 745 X 51 */
				div.page_navigation_area
				{
					width: 610px;
					height: 15px;
					padding: 0px;
					margin: 0px 0px 5px 22px;
					float:left;
				}
				
				
				
				/* 745 X 51 */
				div#second_navigation_bar
				{
					width: 905px;
					height: 72px;
					padding: 0px;
					margin: 10px 0px 0px 22px;
					float:left;
				}
					
					div#second_navigation_bar_left
					{
						width: 727px;
						height: 72px;
						padding: 0px;
						margin: 0px 0px 0px 0px;
						float:left;
					}
					
					div#second_navigation_bar_right
					{
						width: 178px;
						height: 72px;
						padding: 0px;
						margin: 0px 0px 0px 0px;
						float:left;
					}
					
					div#main_page_image
					{
						width: 905px;
						height: 235px;
						padding: 0px;
						margin: 0px 0px 0px 22px;
						float:left;
					}
					
					
				
/* __________________________________________________________________________________________
	
		TEXT PARAGRAPHS
   __________________________________________________________________________________________ */

	div#text_area
	{
		width: 950px;
		height: 4550px;
		padding: 0px;
		margin: 0px auto 0px auto;
	}
	
	
	
	div#text_header
	{	
		width:615px;
		height:4550px;
		padding:0px;
		margin:0px 0px 0px 22px;
		float:left;
	}

		
		div#text_main
		{
			width:606px;
			height:4481px;
			padding:0px;
			margin:0px 0px 0px 1px;
			border-top-width: 1px;
			border-right-width: 1px;
			border-bottom-width: 1px;
			border-left-width: 1px;
			border-top-style: none;
			border-right-style: solid;
			border-bottom-style: solid;
			border-left-style: solid;
			border-top-color: #eae7e7;
			border-right-color: #eae7e7;
			border-bottom-color: #eae7e7;
			border-left-color: #eae7e7;
			float:left;
		}
		
		
		div#auto_recall_intro
		{
			width:585px;
			height:135px;
			padding:0px;
			margin:5px 10px 0px 10px;
		}
		
		div#auto_recall_main_text
		{
			width:585px;
			height:400px;
			padding:0px;
			margin:5px 10px 0px 10px;
		}
		
			div#size-type1
			{
				width:450px;
			}
		
		
		
		div#latest_stories_text
		{
			width:585px;
			height:3565px;
			padding:0px;
			margin:5px 10px 0px 10px;
		}
		
		
			
				div.latest_stories_image
				{
				width:55px;
				height:55px;
				padding:1px;
				float:left;
				margin-top: 5px;
				margin-right: 0px;
				margin-bottom: 0px;
				margin-left: 5px;
				border: 1px solid #CCC;
				}
				
				div.latest_stories_text
				{
				width:500px;
				height:65px;
				padding:0px;
				margin:5px 5px 0px 10px;
				float:left;				
				}
				
				
			
				
				div.latest_stories_footer
				{
				width:500px;
				height:15px;
				padding:0px;
				margin:15px 20px 0px 20px;
				float:left;				
				}
				
		
	
		
		
		div#recent_blogs_text
		{
			width:575px;
			height:245px;
			padding:0px;
			margin:5px 10px 0px 10px;
		}
			
			
				div.recent_blogs_text
				{
				width:550px;
				height:25px;
				padding:0px;
				margin:10px 5px 0px 10px;
				float:left;				
				}
				
				
				div.recent_blogs_title_image
				{
				width:60px;
				height:25px;
				padding:0px;
				margin:0px 10px 0px 5px;
				float:left;				
				}
		
		
		/* Spanish Message */
		
		div#spanish_message
		{
			width:256px;
			height:266px;
			padding:0px;
			margin:20px 0px 0px 35px;
			background: url(images/ma-dallas-auto-recall-spanish-message-bgd.jpg);
			float:left;

		}
		
		
		/* Spanish Message */
		
		div#other_websites
		{
			width:256px;
			height:331px;
			padding:0px 0px 0px 0px;
			margin:20px 0px 0px 35px;
			background: url(images/ma-auto-recall-other-websites.jpg);
			float:left;

		}
		
			
			div#other_website_text
			{
				width:225px;
				height:230px;
				padding:0px 0px 0px 0px;
				margin:95px 0px 0px 25px;
				float:left;

			}
			

		div#main_form_starttext
		{
			width:185px;
			height:30px;
			padding:0px;
			margin:50px 0px 0px 58px;
			text-align:right;
		}
		
		
		
		
		div.main-page-recall-text-header
		{
		width:850px;
		height:30px;
		padding:0px;
		margin:20px 0px 0px 35px;
		float:left;				
		}
		
		
		
		div.main-page-recall-main-text
		{
		width:920px;
		height:650px;
		padding:0px;
		float:left;
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 0px;
		margin-left: 12px;
		border-top-width: 3px;
		border-right-width: 1px;
		border-bottom-width: 2px;
		border-left-width: 1px;
		border-top-style: solid;
		border-right-style: solid;
		border-bottom-style: solid;
		border-left-style: solid;
		border-top-color: #f02b2b;
		border-right-color: #f02b2b;
		border-bottom-color: #f02b2b;
		border-left-color: #f02b2b;
		}
		
		
				div.mprmt-size-and-border1
				{
					height: 232px;
					border-top-color: #e28c25;
					border-right-color: #e28c25;
					border-bottom-color: #e28c25;
					border-left-color: #e28c25;				
					}
					
					
				div.mprmt-size-and-border2
				{
					height: 210px;
					border-top-color: #f6cc5c;
					border-right-color: #f6cc5c;
					border-bottom-color: #f6cc5c;
					border-left-color: #f6cc5c;				
					}
					
					
				div.mprmt-size-and-border3
				{
					height: 196px;
					border-top-color: #7f971d;
					border-right-color: #7f971d;
					border-bottom-color: #7f971d;
					border-left-color: #7f971d;				
				}	
				
				
				div.mprmt-size-and-border4
				{
					height: 410px;
					border-top-color: #c3411d;
					border-right-color: #c3411d;
					border-bottom-color: #c3411d;
					border-left-color: #c3411d;				
				}	
		
				
				div.main-page-recall-text-1
				{
				width:675px;
				height:390px;
				padding:0px;
				float:left;
				padding:0px;
				margin: 10px 10px 0px 10px;
				}
						
						div.mprt1-size1
						{
							height:165px;
						}
						
						
						div.mprt1-size2
						{
							height:144px;
						}
						
						
						div.mprt1-size3
						{
							height:124px;
						}
						
						div.mprt1-size4
						{
							height:345px;
						}
				
				
				div.recall-issues-area
				{
				width:201px;
				height:130px;
				padding:0px;
				float:left;
				padding:0px;
				margin: 10px 0px 0px 10px;
				}
				
					div.recall-issues-header
					{
					width:201px;
					height:22px;
					padding:0px;
					float:left;
					padding:0px;
					margin: 0px 0px 0px 0px;
					}
				
					div.recall-issues-text
					{
					width:197px;
					height:100px;
					padding:0px;
					float:left;
					padding:0px;
					margin: 0px 0px 0px 1px;
					border: 1px solid #e8dddd;
					}				
				
				
					div.main-page-recall-sub
					{
					width:440px;
					height:170px;
					padding:0px;
					float:left;
					padding:0px;
					margin: 20px 5px 0px 10px;
					border: 1px solid #366aa4;					
					}
					
						div.background-latest-news
						{
							background:url(images/main-page-sub-header-latest-news.jpg);
							background-repeat:no-repeat;
						}
						
						div.background-recent-blogs
						{
							background:url(images/main-page-sub-header-recent-blogs.jpg);
							background-repeat:no-repeat;
						}
						
								
								
								div.latest-stories-text
								{
								width:410px;
								height:25px;
								padding:0px;
								margin:30px 0px 0px 10px;
								float:left;				
								}
								
								
								div.latest-stories-text2
								{
								width:560px;
								height:25px;
								padding:0px;
								margin:30px 0px 0px 10px;
								float:left;				
								}
									
									div.latest-stories-text-margin
									{
										margin-top: 1px;
									}
								
								
								div.latest-stories-image
								{
								width:11px;
								height:11px;
								padding:0px;
								margin:7px 8px 0px 5px;
								float:left;
								background: #366aa4;
								}


									div.view-all-link
									{
									width:410px;
									height:12px;
									padding:0px;
									margin:15px 0px 0px 10px;
									float:left;				
									}
									
									
									
									
									
	div#attorney_text_area
		{
			width:585px;
			height:460px;
			padding:0px;
			margin:5px 10px 0px 10px;
		}
		
		
			
				div.attorney_text_image
				{
				width:100px;
				height:99px;
				padding:1px;
				float:left;
				margin-top: 5px;
				margin-right: 0px;
				margin-bottom: 0px;
				margin-left: 5px;
				border: 1px solid #CCC;
				}
				
				div.attorney_text_text
				{
				width:460px;
				height:101px;
				padding:0px;
				margin:10px 5px 10px 10px;
				float:left;				
				}
				
					div.attorney_text_text_Sub
					{
					width:230px;
					height:101px;
					padding:0px;
					margin:0px 0px 0px 0px;
					float:left;				
					}
				
									
									
									
									
									
									
									
									
									

/* __________________________________________________________________________________________
	
		UNIVERSALS
   __________________________________________________________________________________________ */

	
	div.latest-news-title
	{
		width:425px;
		height:150px;
		padding:0px;
		margin:5px 0px 0px 10px;
		float:left;
	}
	
	
	div.latest-news-image
	{
		width:150px;
		height:150px;
		padding:0px;
		margin:5px 0px 0px 10px;
		float:left;
	}	
	
	div.article_footer
	{
		width:900px;
		height:25px;
		padding:0px;
		margin:30px 0px 0px 10px;
		float:left;
		border-top-width: 1px;
		border-top-style: solid;
		border-top-color: #000;
	}
	
	img
	{
		border:none;
		}
		
		
	div.social-networking-bar
	{
		width:275px;
		height:30px;
		padding:0px;
		margin:5px 0px 0px 513px;
		float:left;
	}
	
	
	
	div.blog-area
	{
	width:896px;
	height:250px;
	padding:0px;
	margin:10px 0px 0px 32px;
	float:left;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 2px;
	border-left-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #CCC;
	border-right-color: #666;
	border-bottom-color: #999;
	border-left-color: #666;
	}
	
	div.blog-title-area
	{
	width:650px;
	height:auto;
	padding:0px;
	margin:8px 0px 0px 15px;
	float:left;
	}
	
	div.blog-date-area
	{
	width:200px;
	height:auto;
	padding:0px;
	margin:8px 0px 0px 22px;
	float:left;
	}
	
	div.auto-logo
	{
	width:70px;
	height:70px;
	padding:0px;
	margin:30px 0px 0px 65px;
	float:left;
	border: 1px solid #CCC;
	}
	
	
	div.blog-start-text
	{
	width:485px;
	height:150px;
	padding:0px;
	margin:5px 0px 0px 0px;
	float:left;
	}
	
	div.blog-main-picture
	{
	width:70px;
	height:70px;
	padding:0px;
	margin:25px 10px 0px 10px;
	float:left;
	border: 1px solid #CCC;
	}


	div.blog-main-text
	{
	width:585px;
	height:200px;
	padding:0px;
	margin:5px 0px 0px 0px;
	float:left;
	}


/* __________________________________________________________________________________________
	
		MARGINS
__________________________________________________________________________________________ */

	p.margin1
	{
		margin:5px 5px 0px 15px;
	}



/* __________________________________________________________________________________________
	
		FORMS
   __________________________________________________________________________________________ */

	div#main_form
	{
		width:256px;
		height:333px;
		padding:0px;
		margin:0px 0px 0px 35px;
		background:url(images/ma-auto-recall-main-form-bgd.jpg);
		float:left;

	}
	
	
/* __________________________________________________________________________________________
	
		BOTTOM PANEL
   __________________________________________________________________________________________ */
	
	
		div.bottom-panel-header
		{
		width:800px;
		height:30px;
		padding:0px;
		margin:40px 0px 0px 20px;
		float:left;				
		}
		
		
		div.bottom-panel-address
		{
		width:920px;
		height:100px;
		padding:0px;
		margin:0px 0px 20px 12px;
		float:left;
		border-top-width: 2px;
		border-right-width: 1px;
		border-bottom-width: 1px;
		border-left-width: 1px;
		border-top-style: solid;
		border-right-style: solid;
		border-bottom-style: solid;
		border-left-style: solid;
		border-top-color: #3468a1;
		border-right-color: #3468a1;
		border-bottom-color: #3468a1;
		border-left-color: #3468a1;
		}
		
		
		div.bottom-panel-address-sub
		{
		width:920px;
		height:45px;
		padding:0px;
		margin:10px 0px 0px 0px;
		float:left;
		border-top-width: 1px;
		border-top-style: solid;
		border-top-color: #3468a1;
		
		}