/* stingerwelding.com */

/*

------------------------------------------------------------------------------------------------
Site CSS Template
Name:		Stinger Welding
Designer:	Chris Bowler
URL:		http://www.stingerwelding.com
Date:		15 Dec 2006

CSS released under Creative Commons License - http://creativecommons.org/licenses/by-nc-sa/1.0/

------------------------------------------------------------------------------------------------

*/

/*----- Layout -----*/

html {
	height: 100%;
}

body {
	min-width: 900px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: #babbbd;
	height: 100%;
	font-family: helvitica, verdana, sans-serif;
	font-size: 0.9em;
}

div.header {
	margin: 0px auto;
	height: 110px;
	background: #ffffff url("images/header.gif") top left repeat-x;
}

div.head_img {
	border: 1px solid #ffffff;
	position: absolute;
	margin: 12px 0px 0px 456px;
	overflow: visible;
	left: 50px;
	top: 0;
}

div.nav {
	margin: 0px auto;
	background: #666666;
	border-bottom: 1px solid #e84035;
	border-top: 1px solid #e84035;
}

div.content {
	margin: 0 auto;
	padding: 10px 0px 40px 0px;
	background: #ffffff url("images/bg-con.gif") top left repeat-x;
}

div.meta {
	margin: 0px 0px 0px 0px;
	padding: 20px 0px 40px 0px;
	clear: both;
	width: 100%;
	background: #666666;
	border-top: solid 3px #2182e9;
}

div.footer {
	height: 50px;
	margin: 0px auto;
	padding: 20px 0px 10px 0px;
	background: #babbbd;
	border-top: solid 2px #000000;
}

/*----- Thumbnails -----*/

div.services {
	background-color: #000000;
}

div.thumb {
	margin: 15px 0px 5px 150px;
	padding: 2px 2px 2px 2px;
	background: #ffffff url("images/thumb-bg.gif") repeat-x top left;
	border: solid 1px #babbbd;
	width: 400px;
	height: 100px;
}

div.thumb-img {
	margin: 0px 50px 0px 0px;
	padding: 6px 0px 0px 10px;
}

div.thumb a {
	margin: 0px 0px 0px 20px;
	text-decoration: none;
	font-size: 1em;
	color: #2182ed;
}

div.thumb a:hover {
	color: #e84035;
}

div.thumb img {
	float: right;
	border: none;
}

/*----- Styling -----*/

p {
	font-size: 1em;
}

div.header h1 {
	margin: 0px 0px 0px 150px;
	padding: 18px 0px 0px 0px;
	color: #ffffff;
}

div.header h2 {
	margin: 0px 0px 0px 150px;
	padding: 20px 0px 10px 0px;
	color: #ffffff;
	font-size: 1.2em;
}

div.logo {
	position: absolute;
	top: 14px;
	left: 35px;
}

div.content p {
	margin: 10px 0px 0px 150px;
	width: 500px;
}

div.content img {
	margin: 10px 0px 10px 150px;
	border: solid #4d494b 1px;
}

div.content h3 {
	font-size: 1.1em;
	color: #e84035;
	margin: 0px 0px 0px 150px;
	padding: 20px 0px 0px 0px;
}


div.content td {
	font-size: 0.9em;
	vertical-align: top;
}

div.content li {
	padding: 4px 0px 10px 0px;
}

div.meta h1 {
	margin: 0px 0px 0px 150px;
	font-size: 1em;
	color: #e84035;
}

div.meta p {
	margin: 0px 0px 0px 150px;
	padding: 10px 0px 0px 0px;
	color: #ffffff;
	width: 400px;
}

div.meta ul {
	margin: 0px 0px 0px 170px;
	padding: 10px 0px 0px 0px;
	list-style-type: disc;
	font-size: .9em;
	color: #ffffff;
}

div.footer p {
	margin: 0px 0px 0px 150px;
	border-left: dotted 1px #000000;
}

div.footer a {
	text-decoration: none;
	color: #000;
	font-size: .8em;
	padding: 0px 10px 0px 10px;
	border-right: dotted 1px #000000;	
}

div.footer h1 {
	font-size: .8em;
	color: #ffffff;
	padding: 16px 0px 0px 0px;
	margin: 0px 0px 0px 150px;
}

/*----- Tables -----*/

table#con_table {
	margin: 15px 0px 0px 150px;
}

table#con_table td {
	width: 300px;
}

table#con_table img {
	margin: 0px 40px 0px 20px;
}

table#con_table ul {
	margin: 0px 40px 0px 0px;
}

table#ser_table {
	margin: 20px 0px 0px 150px;
}

table#ser_table td {
	padding: 0px 20px 5px 0px;
	width: 270px;
}

table#ser_table img {
	margin: 0px 40px 0px 0px;
}

unbc {
	font-size: .6em;
}

/*----- Navigation -----*/

ul#navlist {
	list-style-type: none;
	padding: 0px 0px 24px 0px;
	margin: 0px auto;
}

ul#navlist li {
	text-align: center;
	float: left;
}

#navlist a {
	width: 140px;
	padding: 5px 10px 6px 15px;
	color: #fff;
	display: block;
	border-right: 1px solid #babbbd;
	font: bold 11px verdana, arial, sans-serif;
}

ul#navlist li#index {
	margin-left: 40px;
	border-left: 1px solid #babbbd;
}

#navlist li a:hover {
	background-color: #e84035;
}

div.content a:link {
	text-decoration: none;
}

div.meta li {
	padding: 10px 0px 0px 0px;
}

div.meta a {
	text-decoration: underline;
	color: #ffffff;
}

div.meta a:hover {
	color: #e84035;
}

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