/****************************************************/
/* CSS done by Think Done, LLC. 					*/
/* Author: Jay Paulson								*/
/* Created Date: 2008-04-22							*/
/* Modified Date: N/A								*/
/****************************************************/

/****************************************************/
/* Layout 											*/
/****************************************************/

* {
	margin: 0;
	padding: 0;
}

/* commented backslash hack \*/ 
html, body{height:100%;} 
/* end hack */
/*html,body {margin:0;padding:0} */

body {
	background: #e2ebed url(../images/bg-body.gif) repeat-x top;
	color: #333;
	/*font: Geneva, Arial, Helvetica, sans-serif 12pt;*/
	font: 12px/20px Geneva, Arial, Helvetica, sans-serif;
}

#container {
	background: #fff url(../images/bg-content.gif) repeat-x top;
	margin-left: auto;
	margin-right: auto;
	width: 780px;
	min-height:100%;
	height:auto !important;
	margin-top: 0;
	margin-bottom: -20px;
}

#header {
	position: relative;
	top: 12px;
	width: 740px;
	margin-left: auto;
	margin-right: auto;
}

#logo {
	background: #fff url(../images/logo-spillar.gif) no-repeat top left;
	width: 124px;
	height: 47px;
	float: left;
}

#navigation {
	float: right;
	width: 600px;
	margin-top: 25px;
}

#navigation li {
	display: block;
	float: right;
}

a, a:visited {
	text-decoration: none;
	color: #f30;
}

a:hover {
	text-decoration: underline;
	color: #f30;

}

/* banner should be 66px from the top */

#banner {
	position: relative; /* relative to #header so top starts 47px down */
	top: 19px; /* 66px - 47px = 19px */
	background: #fff url(../images/top-banner.jpg) no-repeat top left;
	height: 115px;
	width: 740px;
	margin-left: auto;
	margin-right: auto;
}

#content {
	position: relative;
	width: 740px;
	margin-left: auto;
	margin-right: auto;
	top: 33px;
}

#body {
	position: relative;
	top: 33px;
	width: 740px;
	margin-left: auto;
	margin-right: auto;
}

#right {
	float: right;
	width: 350px;
	margin-right: auto;
	margin-left: auto;	
}

#left {
	float: left;
	width: 350px;
	margin-right: auto;
	margin-left: auto;
	background-color: #eee;
}
.push {
	width:780px;
	margin-left: auto;
	margin-right: auto;
	position:relative;
	/*bottom: 50px;*/
	left:0;
	height: 35px;
}


#footer {
	width:780px;
	margin-left: auto;
	margin-right: auto;
	position:relative;
	/*bottom: 50px;*/
	left:0;
	height: 25px;
	background-color: #fff;
	color: #333;
}

#footer {
	border-top: #ccc 1px dotted;
	text-align: right;
	font-size: 10px;
	color: #ccc;
}

.invisible {
	text-indent: -9997px;
}

/****************************************************/
/* Styles 											*/
/****************************************************/

.welcome {
	background: #fff url(../images/bg-top-welcome.gif) no-repeat top left;
	height: 38px;
	width: 350px;
}

#footer-welcome {
	background: #fff url(../images/bg-btm-welcome.gif) no-repeat top left;
	
	width: 350px;
	
}

.welcome_text {
	padding: 10px;
}

.locations {
	background: #fff url(../images/bg-locations.gif) no-repeat top left;
	height: 27px;
	width: 120px;
	margin-left: auto;
	margin-right: auto;
}

.welding_fabrication {
	background: #fff url(../images/bg-locations.gif) no-repeat top left;
	height: 27px;
	width: 120px;
	margin-left: auto;
	margin-right: auto;
}

.addresses_bold {
	font-weight: bold;	
}