body, html 
{
	color: #000; 
	font-family: Verdana, Arial, Tahoma, sans-serif;
	background:url( background.jpg);
	text-align: left;
}

body 
{
	font-size: 70%;
}

.background
{
	float:left;
	background:url(car_bg.jpg) no-repeat;
	height:100%;
	padding-left:100px;
}

.title
{    
	float:left;
	width:800px;
	height:34px;
	margin-left:180px;
	margin-top:14px;
}

.title h1
{
    color:#d4871b;
    font-family:Arial;
    font-weight:bold;
    font-size:36px;
}

a img
{
    border: none !important;
}

p 
{
	padding: 7px 0 7px 0;
}

.clear 
{ 
	clear: both; 
}

.mainContainer 
{
	width: 996px;
	margin: 0 auto;
	min-height: 300px;
	text-align: left;
}

* html #mainContainer 
{
	height: 300px;
}

/*----HEADER----*/

.header
{
	float:left;
	width:996px;
	height:115px;
}
.header-left
{
	float:left;
	width:211px;
	height:115px;
	background:url(header-left-texas-auto-accidents.png) no-repeat;
}

.header-left-text
{
	font-family:georgia;
	font-size:14px;
	font-weight:bold;
	font-style:italic;
	text-align:center;
	margin-top:70px;
	margin-left:45px;
}

.header-middle
{
	float:left;
	width:681px;
	height:115px;
	background:url(header_middle.png) repeat-x;
}

.header-text p
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	text-align:center;
	margin-top:45px;
	margin-left:75px;
}

.header-right
{
	float:right;
	width:104px;
	height:115px;
	background:url(header_right.png) no-repeat;
}

/*----CONTENT AND COLUMNS----*/

.outer 
{
	padding-left: 360px;  
	padding-right: 120px;
}

* html .outer 
{
}

.inner 
{
	width: 629px;
}

* html .inner 
{
	width: 100%;
}

/*** div.inner is wider than its container, div.outer, and so overlaps to the right, pushing
div.right into the proper position. IE expands div.outer instead, requiring a Tan hack to avoid 
blowing the layout apart. IE gets the original 100% width as in the Livingstone layout.
***/

.float-wrap 
{
	float: left;
	width: 996px;
	margin-left: -360px; /*** Same length as .outer padding-left but with negative value ***/
	background: url(middle-left-texas-car-accidents.png) repeat-y;
}

* html .float-wrap 
{
	/*** No need for hacking IE on this layout ***/
}

/*** div.left is in div.float-wrap, and when div.float-wrap is neg margined to the left, 
div.left is carried over into the proper position. 
***/

.content 
{
	float: right;
	width: 785px;
	position: relative;
	min-height:900px;
	background:url(middle_right2.png) repeat-y;
}

* html #content 
{
}

.contentWrap 
{
	padding: 0px;
	width:629px;
	margin-left:50px;
	margin-bottom:25px;
}

.lower-content-wrap
{
    margin-bottom:50px;
    margin-left:10px;
    width:730px;
}

/*---- CONTENT BUTTONS ----*/
.car-accident-button-top
{
    background: url(buttons/dallas-texas-car-accident-button-top.jpg) no-repeat bottom;
    height: 7px;
    width: 628px;
    padding: 0px;
    margin: 0px;    
}
.car-accident-button-middle
{
    width: 628px;
    padding: 12px;    
    padding-left: 14px;
    min-height: 128px;
    text-decoration:none;
}
.car-accident-button-bottom
{
    background: url(buttons/dallas-texas-car-accidents-attorney-bottom.jpg) no-repeat;
    height: 7px;
    width: 628px;
}
.car-accident-image-left
{
    float: left;
    width: 150px;
}
.car-accident-text
{
    float: left;
    width: 420px;
}
.car-accident-text-content
{
    color: #324b6c;
    font-family: Arial, Tahoma;
    font-size: 14px;
    font-weight: normal;
    margin-left: 15px;
    text-align: left;
    width: 420px;
}
.car-accident-text-read-more
{
    color: #fd0101;
    font-family: Times, Verdana;
    font-size: 12px;
    text-align: right;
    width: 420px;
}
.car-accident-link
{
    text-decoration: none !important;
    border: 0px;
}
.car-accident-link img
{
    text-decoration: none !important;
    border: 0px;
}
/*----LEFT COLUMN----*/

/*** div.left is in div.float-wrap, and when div.float-wrap is neg margined to the left, 
div.left is carried over into the proper position. 
***/

.left 
{
	float: left;
	width: 211px;
	background: url(middle-left-2-texas-auto-accidents.png) repeat-y;
	min-height: 250px;
	padding: 0px;
	position: relative;
}

* html .left 
{
	height: 250px;
}

.call-24-hours
{
	width:120px;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	margin-left:60px;
	margin-top:25px;
}

.menu
{
    margin-bottom:0px;
	margin-left:36px;
	margin-top:35px;
}

.left-video
{
    float:left;
    height:101px;
    margin-bottom:5px;
    margin-left:39px;
    width:168px;
}

.left-news
{
    float:left;
    background:url(Texas-Auto-Accidents-Blog-BG.jpg) repeat-y;
    min-height:290px;    
    margin-left:40px;
    margin-top:55px;
    padding-left:6px;
    width:164px;
}

.left-news-top
{
    float:left;
    background:url(Texas-Auto-Accidents-Blog-Top.jpg) no-repeat;
    height:6px;
    margin-left:41px;
    margin-top:55px;
    width:164px;
}

.left-news
{
    float:left;
    background:url(Texas-Auto-Accidents-Blog-Middle.jpg) repeat-y;
    margin-left:41px;
    margin-top:0px;
    padding-left:6px;
    width:164px;
}

.left-news-bottom
{
    float:left;
    background:url(Texas-Auto-Accidents-Blog-Bottom.jpg) no-repeat;
    height:6px;
    margin-left:41px;
    width:164px;
}

.left-news a
{
    color:#384a65;
}

.left-news a:hover
{
    color:#000;
}

.left-news p
{
    color:#384a65;
    font-size:10px;
    font-family:Arial;
    margin-bottom:0px;
}

.left-news h1
{
    color:#384a65;
    font-size:11px;
    font-family:Arial;
    margin-bottom:-5px;
    margin-left:2px;
    margin-top:5px;
}

.redText
{
    color:#384a65;
    font-family: Verdana;
    font-size: 10px;
    text-align: right;
    margin-top:-4px;    
    background: transparent url(Images/Car-Accident-Blog-Arrow-Orange.jpg) 50% 52% no-repeat;
}

/*----RIGHT COLUMN----*/

#right 
{
	float: right; 
	width: 104px;
	background: url(middle_right.png) repeat-y;
	padding: 0px;
	min-height: 250px;
	position: relative;
}

* html #right 
{
	margin-right: -120px;
	height: 250px;
}

/*----RIGHT FLOAT----*/
.right-chat
{
    margin-bottom: 12px;    
}
.right-chat-button, .right-chat-button:link,
a.right-chat-button, .right-chat-button img
{
    text-decoration: none;    
    border: none;
}
.right-contact-header
{
    background: url(header-right-float-contact.png) no-repeat;
    height: 53px;
    width: 204px;
}
.right-contact-middle
{
    background: url(middle-right-float-contact.png) repeat-y;
    height: 375px;
    margin-top: -12px;
    width: 204px;    
}
.right-contact-footer
{
    background: url(footer-right-float-contact.png) no-repeat;
    height: 10px;
    width: 204px;
}

/*----FOOTER----*/

.footer
{
	float:left;
	width:996px;
	height:108px;
}
.footer-left
{
	float:left;
	width:211px;
	height:108px;
	background:url(footer-left-texas-auto-accidents.png) no-repeat;
}
.footer-middle
{
	float:left;
	width:681px;
	height:108px;
	background:url(footer_middle.png) repeat-x;
}

.footer-text p
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	text-align:center;
	width:210px;
	margin-top:10px;
	margin-left:250px;
}

.footer-right
{
	float:right;
	width:104px;
	height:108px;
	background:url(footer_right.png) no-repeat;
}

.login
{
    float:left;
    width:100%;
    text-align:center;
}

.login a
{
    font-size:8px;
    color:#d6d5da;
    text-decoration:none;
}

.login a:hover
{
    font-size:8px;
    color:#000;
    text-decoration:none;
}

.login a:visited
{
    font-size:8px;
    color:#d6d5da;
    text-decoration:none;
}

.login a:active
{
    font-size:8px;
    color:#d6d5da;
    text-decoration:none;
}

.footer-names-container
{
    background:#eaeff6;
    border-bottom:dotted 1px #8b9eb8;
    border-top:dotted 1px #8b9eb8;
    float:left;
    margin-bottom:10px;
    padding:10px;
    width:708px;
}

.footer-names-container p
{
    font-size:10px;
    margin-bottom:0px;
    margin-top:0px;
}

.footer-names-container a
{
    color:#617a9b;
    font-size:10px;
    text-decoration:none;
}

.footer-names-container a:hover
{
    color:#2a2a2a;
    text-decoration:underline;
}