/********************************************************************************
* 
* © 2007 Ecliptic Technologies, Inc. - All Rights Reserved
* Unauthorized use or reproduction of this product is strictly prohibited by law.
*
* Name: Style CSS
* Description: CSS file for the entire Bert's Trucking website
*
*********************************************************************************/

/*----| body |----*/

*
	{
	margin:0px;
	padding:0px;
	}

html, body 
	{
	margin:5px 0px;
	padding:0px;
	font:12px Arial, Helvetica, sans-serif;
	background-color:#96a1c6;
	}

h1
	{
	padding:0px 0px 0.2em 0px;
	font:bold 2.0em Arial, Helvetica, sans-serif;
	line-height:1.4em;
	color:#000000;
	}

h2
	{
	padding:0px 0px 0.4em 0px;
	font:bold 1.8em Arial, Helvetica, sans-serif;
	line-height:1.4em;
	color:#000000;
	}

h3
	{
	padding:0px 0px 0.6em 0px;
	font:bold 1.6em Arial, Helvetica, sans-serif;
	line-height:1.4em;
	color:#000000;
	}

h4
	{
	padding:0px 0px 0.8em 0px;
	font:bold 1.4em Arial, Helvetica, sans-serif;
	line-height:1.4em;
	color:#000000;
	}

h5
	{
	padding:0px 0px 1em 0px;
	font:bold 1.2em Arial, Helvetica, sans-serif;
	line-height:1.4em;
	color:#000000;
	}

h6
	{
	padding:0px 0px 1.2em 0px;
	font:bold 1em Arial, Helvetica, sans-serif;
	line-height:1.4em;
	color:#000000;
	}
	
/*----| links |----*/

a:link, a:visited 
	{
	text-decoration:none;
	color:#0000ff;
	border-bottom:1px dotted #0000ff;
	}

a:hover 
	{
	color:#3b3871;
	border-bottom:1px solid #3b3871;
	}
	
a:active
	{
	color:#000000;
	border-bottom:1px solid #000000;
	}

/*----| container |----*/

#container 
	{
	width:720px;
	margin:0px auto;
	padding:0px;
	}
	
/*----| header |----*/
	
#header 
	{
	width:720px;
	height:98px;
	background:#fff;
	border-top:1px solid #000000;
	border-right:1px solid #000000;
	border-left:1px solid #000000;
	}

.logo
	{
	margin:0px 0px 0px 10px;
	}

.header_number
	{
	float:right;
	width:200px;
	margin:10px 0px;
	background:#ffffff;
	color:navy;
	}
	
/*----| navbar |----*/
	
#navbar
	{
	float:left;
	width:721px;
	background:#3C3970;
	border-top:1px solid #000000;
	border-right:1px solid #000000;
	border-bottom:1px solid #000000;
	}
	
/*----| main |----*/
	
#main
	{
	float:left;
	width:690px;
	margin:0px;
	padding:15px;
	background:#fafafa;
	border-left:1px solid #000000;
	border-bottom:1px solid #000000;
	border-right:1px solid #000000;
	}

#main p
	{
	padding:0px 0px 1.4em 0px;
	}
	
/*----| content |----*/

#banner
	{
	margin:0px 0px 1.4em 0px;
	}

#content
	{
	float:left;
	width:100%;
	}

#content_left
	{
	float:left;
	width:50%;
	border-top:1px solid #808080;
	}

#content_right
	{
	float:left;
	width:50%;
	margin:0px 0px 0px -1px;
	border-top:1px solid #808080;
	}

.content_cell
	{
	padding:1.4em 1.4em 0em 1.4em;
	border-right:1px solid #808080;
	border-bottom:1px solid #808080;
	border-left:1px solid #808080;
	}

.content_cell img
	{
	float:right;
	margin:0px 0px 0.7em 1.4em;
	border:none;
	}

.content_cell_brands
	{
	border-right:1px solid #808080;
	border-bottom:1px solid #808080;
	border-left:1px solid #808080;
	}

.content_cell_brands_header
	{
	padding:3px 6px;
	font:bold 1.2em Arial, Helvetica, sans-serif;
	color:#ffffff;
	background:#3b3871;
	}

.content_cell_brands_main
	{
	padding:1.4em 0em 0em 1.4em;
	}

.content_cell_brands img
	{
	margin:0px 1.4em 1.4em 0px;
	}	

#pictures 
	{
	float:left;
	display:block;
	margin:0px;
	padding:0px;
	border:1px solid #cccccc;
    }
	
#text 
	{
	float:left;
	width:470px;
	margin:5px 0px 0px 15px;
	padding:0px;
	}
	
#text p
	{
	margin:0px 0px 1.4em 0px;
	padding:0px;
	font:1em Arial, Helvetica, sans-serif;
	line-height:1.4em;
	}
	
#text img
	{
	margin:0px 0px 1.4em 0px;
	padding:0px;
	border:none;
	}

#site-title 
	{
	font-weight:bold
	}

#site-description 
	{
	font-weight:bold;
	}
	
/*----| footer |----*/

#footer 
	{
	float:left;
	width:700px;
	margin:5px 0px 0px 0px;
	padding:10px;
	font-size:0.75em;
	text-align:center;
	line-height:1.25em;
	background:#fafafa;
	border:1px solid #000000;
	}

#footer a:link, #footer a:visited  
	{
	text-decoration:none;
	color:#005b98;
	border:none;
	}

#footer a:hover 
	{
	text-decoration:underline;
	background:transparent;
	}
	
#footer a:active
	{
	text-decoration:underline;
	color:#000000;
	background:transparent;
	}

/*----| classes |----*/

.contentpiece 
	{
	margin:10px;
	}

.contenttitle 
	{
	font-weight:bold;
	}