/********************************************************************************
* 
* © 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 Superior Inc. website
*
*********************************************************************************/

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

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

html, body 
	{
	margin:5px 0px;
	padding:0px;
	font:10px Verdana, Arial, Helvetica, sans-serif;
	background:#002142;
	}
	
h1
	{
	margin:0px;
	padding:0px;
	font:bold 2em Verdana, Arial, Helvetica, sans-serif;
	}
h2
	{
	margin:0px;
	padding:0px;
	font:bold 1.8em Verdana, Arial, Helvetica, sans-serif;
	}

h3
	{
	margin:0px;
	padding:0px;
	font:bold 1.6em Verdana, Arial, Helvetica, sans-serif;
	}
	
h4
	{
	margin:0px;
	padding:0px;
	font:bold 1.4em Verdana, Arial, Helvetica, sans-serif;
	}
	
h5
	{
	margin:0px;
	padding:0px;
	font:bold 1.2em Verdana, Arial, Helvetica, sans-serif;
	}
	
h6
	{
	margin:0px;
	padding:0px;
	font:bold 1.1em Verdana, Arial, Helvetica, sans-serif;
	}
	
h7
	{
	margin:0px;
	padding:0px;
	font:bold 1em Verdana, Arial, Helvetica, sans-serif;
	}
	
.hr
	{
	width:100%;
	height:1px;
	margin:1.4em 0px;
	padding:0px;
	background:#000000;
	}
	
hr
	{
	display:none;
	}

a, a:link, a:visited
	{
	}

a:hover 
	{
	}
	
a:active 
	{
	}

/*----| div section |----*/

.container 
	{
	margin:0px auto;
	padding:0px;
	width:780px;
	background-color:#ffffff;
	}

.header 
	{
	float:left;
	width:780px;
	height:120px;
	margin:0px;
	padding:0px;
	background:url(../images/header-bg.gif) repeat-x;
	border-top:1px solid #eded76;
	border-right:1px solid #eded76;
	border-left:1px solid #eded76;
    }
		
.main
	{
	float:left;
	width:780px;
	background:#dbe4f2;
	border-right:1px solid #eded76;
	border-left:1px solid #eded76;
	overflow:hidden;
	}
	
.leftpane
	{
	float:left;
	width:490px;
	margin:0px;
	margin-right:-260px;
	padding:15px 15px 0px 15px;
	background:#dbe4f2;
	border-right:260px solid #a0c2ce;
	}
	
.leftcontent
	{
	margin:0px;
	padding:0px;
	}
	
.leftcontent p
	{
	margin:0px 0px 1.4em 0px;
	padding:0px;
	font:1.1em Verdana, Arial, Helvetica, sans-serif;
	line-height:1.4em;
	}
	
.leftcontent img
	{
	margin:5px 0px;
	padding:0px;
	}
	
#phone
	{
	width:490px;
	margin:0px;
	padding:0px;
	}
	
#phone p
	{
	margin:0px 0px 1.4em 0px;
	padding:0px;
	font:bold 1.2em Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	line-height:1.4em;
	}
	
.rightpane
	{
	float:right;
	width:240px;
	margin:0px;
	padding:10px 10px 0px 10px;
	background:#a0c2ce;
	}
	
.rightcontent
	{
	margin:0px;
	padding:0px;
	}
	
.rightcontent p
	{
	margin:0px 0px 1.4em 0px;
	padding:0px;
	font:1.1em Verdana, Arial, Helvetica, sans-serif;
	line-height:1.4em;
	}

.footer 
	{
	float:left;
	width:780px;
	height:20px;
	margin:0px;
	padding:0px;
	background:url(../images/superior_footerbg01.gif) repeat-x;
	border-right:1px solid #eded76;
	border-bottom:1px solid #eded76;
	border-left:1px solid #eded76;
	}
	
.footer p
	{
	margin:5px 0px 0px 5px;
	padding:0px;
	font:0.9em Arial, Helvetica, sans-serif;
	}

.footer a, .footer a:link, .footer a:visited 
	{
	text-decoration:none;
	color:#000000;
	}

.footer a:hover 
	{
	text-decoration:underline;
	}
	
.footer a:active
	{
	}

.locations-ul
	{
	list-style:none;
	margin:10px 0px;
	padding:5px 0px;
	}
.locations-ul li
	{
	font:bold 12px Arial,Helvetica,sans-serif;
	}
.locations-ul ul
	{
	list-style:none;
	margin:5px 10px;
	padding:5px;
	}
.locations-ul li ul li
	{
	font:normal 12px Arial,Helvetica,sans-serif;
	}
/*----| form section |----*/

	.form-contact-div
		{
			width: 400px;
			margin:20px 0 0 50px; padding:3px;
			text-align:center;
		}
	form#contact
		{
			width: 100%;
			font:normal 11px Arial,Helvetica,sans-serif;
			text-align:left;
		}
	form#contact fieldset
		{
		margin:2px; padding:2px;
		border: 1px solid #a0c2ce;
		}
	form#contact fieldset legend
		{
		width:130px;
		margin:3px;
		padding:2px 4px;
		background: #19b3ec;
		font-weight:bold;
		}
	form#contact input
		{
			font:normal 11px Arial,Helvetica,sans-serif;
		}
	form#contact .button
		{
		width: 60px;
		float: right;
		margin: 0 2px;
		border:1px solid #20424e;
		background:#a0c2ce;
		font:normal 11px Arial,Helvetica,sans-serif;
		}
	form#contact fieldset ul
		{
		list-style:none;
		margin:0 0 0 20px; padding:0;
		}
	form#contact fieldset ul li
		{
		padding:3px;
		}
	.frmLabel
		{
		width:90px;
		position:relative;
		float:left;
		margin:0 5px 0 0;
		padding: 1px;
		}
/*----| end form section |----*/