/*********************************************************************************
* 
* © 2007 Ecliptic Technologies, Inc. - All Rights Reserved
* Unauthorized use or reproduction of this product is strictly prohibited by law.
* Website: http://www.ecliptictech.com
* Email: sales@ecliptictech.com
*
* Name: Style CSS
* Description: Master CSS file for the entire Red River Refrigeration website
*
**********************************************************************************/

/*----| body |----*/

*
	{
	margin:0px;
	padding:0px;
	}

html, body 
	{
	margin:5px 0px;
	padding:0px;
	font:10px Verdana, Arial, Helvetica, sans-serif;
	background:#162033;
	}
	
h1
	{
	margin:0px 0px 0.8em 0px;
	padding:0px;
	font:bold small-caps 2em Verdana, Arial, Helvetica, sans-serif;
	color:#0053a0;
	}
	
h2
	{
	margin:0px 0px 1em 0px;
	padding:0px;
	font:bold 1.8em Verdana, Arial, Helvetica, sans-serif;
	}
	
h3
	{
	margin:0px 0px 1.2em 0px;
	padding:0px;
	font:bold 1.6em Verdana, Arial, Helvetica, sans-serif;
	}
	
h4
	{
	margin:0px 0px 1.4em 0px;
	padding:0px;
	font:bold 1.4em Verdana, Arial, Helvetica, sans-serif;
	}
	
h5
	{
	margin:0px 0px 1.4em 0px;
	padding:0px;
	font:bold 1.2em Verdana, Arial, Helvetica, sans-serif;
	}
	
h6
	{
	margin:0px 0px 1.4em 0px;
	padding:0px;
	font:bold 1em Verdana, Arial, Helvetica, sans-serif;
	}
	
hr
	{
	display:none;
	}
	
table
	{
	border:1px solid #000000;
	font:10px Arial, Helvetica, sans-serif;
	}
	
table tr
	{	
	}
	
table td
	{
	border:1px solid #000000;
	padding:2px;
	}
	
/*----| links |----*/

a:link, a:visited
	{
	text-decoration:none;
	color:#0066ff;
	border-bottom:1px dotted #0066ff;
	}

a:hover
	{
	color:#0000ff;
	border-bottom:1px solid #0000ff;
	}

a:active
	{
	text-decoration:none;
	}

/*----| container |----*/

#container 
	{
	width:782px;
	margin:0px auto;
	}
	
/* star hack to correct discrepencies between IE7 and older versions */

* html #container 
	{
	position:absolute;
	left:50%;
	width:782px;
	margin:0px 0px 0px -391px;
	}
	
/*----| header |----*/

#header 
	{
	float:left;
	width:782px;
	height:101px;
	margin:0px;
	padding:0px;
	background:url(../images/rrrefrig_headerbg.jpg) no-repeat;
	}
	
/*----| main |----*/

#main 
	{
	float:left;
	width:780px;
	margin:0px;
	padding:0px;
	background:#ffffff;
	border-right:1px solid #ffffff;
	border-left:1px solid #ffffff;
	}
	
/*----| navbar |----*/
	
#navbar
	{
	float:left;
	width:780px;
	height:22px;
	margin:0px;
	padding:0px;
	background:url(../images/rrrefrig_navbarbg.gif) no-repeat;
	}
	
/*----| content |----*/

#mainbody
	{
	float:right;
	width:550px;
	margin:0px;
	margin-left:-200px;
	padding:15px;
	font:1em Verdana, Arial, Helvetica, sans-serif;
	background:#ffffff;
	border-left:200px solid #dfe9ff;
	}
	
#leftside
	{
	float:left;
	width:170px;
	min-height:302px;
	margin:0px;
	padding:15px 15px 5px;
	background:#dfe9ff url(../images/rrrefrig_sidepanebg.gif) repeat-x;
	}
	
#leftside p
	{
	margin:0px;
	padding:0px 0px 1.4em 0px;
	font:1em Verdana, Arial, Helvetica, sans-serif;
	line-height:1.4em;
	}
	
#owners, #servicetechs, #sales
	{
	float:left;
	width:100%;
	margin:0px 0px 1.4em 0px;
	padding:0px;
	}
	
/*----| forms |----*/

#formcontainer
	{
	margin:0px;
	padding:0px;
	}
	
#formcontainer fieldset
	{
	margin:0px 0px 1.4em 0px;
	padding:0px;
	border:1px solid #000000;
	}
	
#formcontainer legend
	{
	margin:0px 0px 0px 7px;
	padding:2px 5px;
	border:1px solid #000000;
	}
	
#formcontainer .formcontent
	{
	margin:15px;
	padding:0px;
	}
	
#formcontainer .label
	{
	float:left;
	width:130px;
	margin:0px;
	padding:2px 0px 0px 0px;
	}
	
#formcontainer ul
	{
	margin:0px;
	padding:0px;
	list-style:none;
	}
	
#formcontainer li
	{
	margin:2px 0px;
	padding:0px;
	}
	
#formcontainer input
	{
	margin:2px 0px;
	padding:0px;
	font:1em Verdana, Arial, Helvetica, sans-serif;
	}
	
#formcontainer textarea
	{
	margin:2px 0px;
	padding:0px;
	font:1em Verdana, Arial, Helvetica, sans-serif;
	}
	
#formcontainer select
	{
	width:164px;
	font:1em Verdana, Arial, Helvetica, sans-serif;
	}
	
#formcontainer .button
	{
	margin:0px 5px 0px 0px;
	padding:0px 2px;
	font:1em Verdana, Arial, Helvetica, sans-serif;
	}
	
/*----| footer |----*/

#footer 
	{
	float:left;
	width:782px;
	height:16px;
	margin:0px;
	padding:7px 0px 0px 7px;
	font:0.9em Arial, Helvetica, sans-serif;
	background:url(../images/rrrefrig_footerbg.gif) no-repeat;
	}

#footer a:link, #footer a:visited
	{
	text-decoration:none;
	color:#005b98;
	border:none;
	}

#footer a:hover 
	{
	text-decoration:underline;
	}

#footer a:active
	{
	text-decoration:underline;
	color:#000000;
	}

/*----| classes |----*/

.pagecontent
	{
	margin:0px;
	padding:0px;
	}
	
.pagecontent p
	{
	margin:0px 0px 1.4em 0px;
	padding:0px;
	font:1em Verdana, Arial, Helvetica, sans-serif;
	line-height:1.4em
	}
	
.pagecontent ul
	{
	margin:0px 0px 1.4em 20px;
	padding:0px;
	font:1em Verdana, Arial, Helvetica, sans-serif;
	line-height:1.4em;
	}
	
.pagecontent .used
	{
	margin:0px 0px 1.4em 0px;
	padding:0px;
	font:1em Verdana, Arial, Helvetica, sans-serif;
	line-height:1.4em;
	}

.contentpiece 
	{
    margin:0px;
	padding:0px;
	}

.contenttitle 
	{
    font-weight:bold;
	}
	
.slogan
	{
	margin:0px;
	padding:0px;
	font:italic bold 1.2em "Times New Roman", Times, serif;
	text-transform:uppercase;
	line-height:1.4em;
	}
	
.hr_heading
	{
	width:100%;
	height:1px;
	margin:0px 0px 1.4em 0px;
	padding:0px;
	background:#000000;
	}
	
.hr_content
	{
	width:100%;
	height:1px;
	margin:0.7em 0px;
	padding:0px;
	background:#000000;
	}
	
.home_image
	{
	float:right;
	margin:0px 0px 1.4em 1.4em;
	padding:0px;
	}
	
.home_image img
	{
	margin:0px;
	padding:0px;
	border:1px solid #a0a0a0;
	}
	
.about_image
	{
	margin:0px;
	padding:0px;
	}
	
.about_image img
	{
	margin:0px;
	padding:0px;
	border:1px solid #a0a0a0;
	}

.employeepic
	{
	float:left;
	width:33%;
	margin:0px 0px 1.4em 0px;
	padding:0px;
	text-align:center;
	}
	
.employeepic img
	{
	margin:0px 0px 1.4em 0px;
	padding:0px;
	border:1px solid #a0a0a0;
	}
	
.noborder
	{
	border:none;
	}
