/* - - - - - - CSS Document - - - - - - - - -

Title : Hydrafab Northwest
Author : Miller Consulting Services	(millerconsultingservices.com)	
URL : http://www.hydrafabnw.com/

Description : Version 1

Created : 12/17/09
Modified : 12/21/09

- - - - - - - - - - - - - - - - - - - - - */
body {
 
}	

:focus { -moz-outline-style: none; outline: none; }
img {border: 0;}
.noborder {border: 0;}
.block{display:block;}
.inline{display:inline;}
.noul {text-decoration : none;}

p {
	margin:0;
	padding: 0 0 1em 0;	
	}
	
ul {
	margin:0;
	padding: 0 0 0 15px;	
	list-style: square url(../images/bullet.png);
	}
	
td {
	vertical-align: top;
}

a:link {color: #005388; text-decoration: none; }
a:visited {color: #005388; text-decoration: none; }
a:hover {color: #005388; text-decoration: none; }
a:active {color: #0071b7; text-decoration: none; }
a:focus{color: #005388; text-decoration: none; }

a.nav_over:link {color: #4D4D4D; text-decoration: none; }
a.nav_over:visited {color: #4D4D4D; text-decoration: none; }
a.nav_over:hover {color: #4D4D4D; text-decoration: none; }
a.nav_over:active {color: #4D4D4D; text-decoration: none; }
a.nav_over:focus{color: #4D4D4D; text-decoration: none; }

a.nav_on:link {color: #D9D9D9; text-decoration: none; }
a.nav_on:visited {color: #D9D9D9; text-decoration: none; }
a.nav_on:hover {color: #4D4D4D; text-decoration: none; }
a.nav_on:active {color: #4D4D4D; text-decoration: none; }
a.nav_on:focus{color: #4D4D4D; text-decoration: none; }

a.nav_off:link {color: #262626; text-decoration: none; }
a.nav_off:visited {color: #262626; text-decoration: none; }
a.nav_off:hover {color: #262626; text-decoration: none; }
a.nav_off:active {color: #262626; text-decoration: none; }
a.nav_off:focus{color: #262626; text-decoration: none; }

a.nav:link {color: #262626; text-decoration: none; }
a.nav:visited {color: #262626; text-decoration: none; }
a.nav:hover {color: #4D4D4D; text-decoration: none; }
a.nav:active {color: #4D4D4D; text-decoration: none; }
a.nav:focus{color: #4D4D4D; text-decoration: none; }


html {
	height:100%;
	padding: 0;
	margin: 0;
}

body {
	font: 11px/14px Arial, Helvetica, sans-serif;
	color: #000000;
	background: #b2d5ea;
	margin: 0; 
	padding: 0;
	text-align: center;
}

#str_container {
	position: relative;
	width: 800px;
	height: 512px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	background: url(../images/site_background.png) no-repeat;
}

#str_siteContent {
	padding: 0;
	margin: 0;
	}
	
#str_photo {
	position: absolute;
	top: 149px;
	left: 41px;
	width: 190px;
	height: 264px;
	overflow: hidden;
}

#str_logo {
	position: absolute;
	top: 25px;
	left: 50px;
}

#str_text {
	position: absolute;
	top: 115px;
	left: 355px;
	padding: 15px;
	width: 180px;
	height: 232px;
	overflow: auto;
}

	
#str_nav {
	position: absolute;
	width: 150px;
	top: 88px;
	left: 605px;
}

#str_nav a {
	text-decoration: none;
}

#str_nav_home {
	position: relative;
	height: 18px;
	width: 72px;
	background: url(../images/nav_home_off-trans.png);
	padding-left: 22px;
	padding-top: 12px;
	color: #262626;
	font: bold 12px/14px Arial, Helvetica, sans-serif;
	margin-bottom: 20px;
	text-decoration: none;
}

#str_nav_home:hover {
	position: relative;
	height: 18px;
	width: 72px;
	background: url(../images/nav_home_over-trans.png);
	padding-left: 22px;
	padding-top: 12px;
	color: #4D4D4D;
	font: bold 12px/14px Arial, Helvetica, sans-serif;
	cursor: pointer;
	margin-bottom: 20px;
	text-decoration: none;
}

#str_nav_profile {
	position: relative;
	height: 18px;
	width: 98px;
	background: url(../images/nav_off-trans.png);
	padding-left: 22px;
	padding-top: 12px;
	color: #262626;
	font: bold 12px/14px Arial, Helvetica, sans-serif;
	margin-bottom: 3px;
	text-decoration: none;
}

#str_nav_profile:hover {
	position: relative;
	height: 18px;
	width: 98px;
	background: url(../images/nav_over-trans.png);
	padding-left: 22px;
	padding-top: 12px;
	color: #4D4D4D;
	font: bold 12px/14px Arial, Helvetica, sans-serif;
	cursor: pointer;
	margin-bottom: 3px;
	text-decoration: none;
}

#str_nav_profile_active {
	position: relative;
	height: 18px;
	width: 98px;
	background: url(../images/nav_on-trans.png);
	padding-left: 22px;
	padding-top: 12px;
	color: #D9D9D9;
	font: bold 12px/14px Arial, Helvetica, sans-serif;
	margin-bottom: 3px;
	text-decoration: none;
}

#str_nav_profile_active:hover {
	position: relative;
	height: 18px;
	width: 98px;
	background: url(../images/nav_over-trans.png);
	padding-left: 22px;
	padding-top: 12px;
	color: #4D4D4D;
	font: bold 12px/14px Arial, Helvetica, sans-serif;
	cursor: pointer;
	margin-bottom: 3px;
	text-decoration: none;
}

#str_nav_bending {
	position: relative;
	height: 18px;
	width: 98px;
	background: url(../images/nav_off-trans.png);
	padding-left: 22px;
	padding-top: 12px;
	color: #262626;
	font: bold 12px/14px Arial, Helvetica, sans-serif;
	margin-bottom: 3px;
	text-decoration: none;
}

#str_nav_bending:hover {
	position: relative;
	height: 18px;
	width: 98px;
	background: url(../images/nav_over-trans.png);
	padding-left: 22px;
	padding-top: 12px;
	color: #4D4D4D;
	font: bold 12px/14px Arial, Helvetica, sans-serif;
	cursor: pointer;
	margin-bottom: 3px;
	text-decoration: none;
}

#str_nav_bending_active {
	position: relative;
	height: 18px;
	width: 98px;
	background: url(../images/nav_on-trans.png);
	padding-left: 22px;
	padding-top: 12px;
	color: #D9D9D9;
	font: bold 12px/14px Arial, Helvetica, sans-serif;
	margin-bottom: 3px;
	text-decoration: none;
}

#str_nav_bending_active:hover {
	position: relative;
	height: 18px;
	width: 98px;
	background: url(../images/nav_over-trans.png);
	padding-left: 22px;
	padding-top: 12px;
	color: #4D4D4D;
	font: bold 12px/14px Arial, Helvetica, sans-serif;
	cursor: pointer;
	margin-bottom: 3px;
	text-decoration: none;
}

#str_nav_welding {
	position: relative;
	height: 18px;
	width: 98px;
	background: url(../images/nav_off-trans.png);
	padding-left: 22px;
	padding-top: 12px;
	color: #262626;
	font: bold 12px/14px Arial, Helvetica, sans-serif;
	margin-bottom: 3px;
	text-decoration: none;
}

#str_nav_welding:hover {
	position: relative;
	height: 18px;
	width: 98px;
	background: url(../images/nav_over-trans.png);
	padding-left: 22px;
	padding-top: 12px;
	color: #4D4D4D;
	font: bold 12px/14px Arial, Helvetica, sans-serif;
	cursor: pointer;
	margin-bottom: 3px;
	text-decoration: none;
}

#str_nav_welding_active {
	position: relative;
	height: 18px;
	width: 98px;
	background: url(../images/nav_on-trans.png);
	padding-left: 22px;
	padding-top: 12px;
	color: #D9D9D9;
	font: bold 12px/14px Arial, Helvetica, sans-serif;
	margin-bottom: 3px;
	text-decoration: none;
}

#str_nav_welding_active:hover {
	position: relative;
	height: 18px;
	width: 98px;
	background: url(../images/nav_over-trans.png);
	padding-left: 22px;
	padding-top: 12px;
	color: #4D4D4D;
	font: bold 12px/14px Arial, Helvetica, sans-serif;
	cursor: pointer;
	margin-bottom: 3px;
	text-decoration: none;
}

#str_nav_fabrication {
	position: relative;
	height: 18px;
	width: 98px;
	background: url(../images/nav_off-trans.png);
	padding-left: 22px;
	padding-top: 12px;
	color: #262626;
	font: bold 12px/14px Arial, Helvetica, sans-serif;
	margin-bottom: 3px;
	text-decoration: none;
}

#str_nav_fabrication:hover {
	position: relative;
	height: 18px;
	width: 98px;
	background: url(../images/nav_over-trans.png);
	padding-left: 22px;
	padding-top: 12px;
	color: #4D4D4D;
	font: bold 12px/14px Arial, Helvetica, sans-serif;
	cursor: pointer;
	margin-bottom: 3px;
	text-decoration: none;
}

#str_nav_fabrication_active {
	position: relative;
	height: 18px;
	width: 98px;
	background: url(../images/nav_on-trans.png);
	padding-left: 22px;
	padding-top: 12px;
	color: #D9D9D9;
	font: bold 12px/14px Arial, Helvetica, sans-serif;
	margin-bottom: 3px;
	text-decoration: none;
}

#str_nav_fabrication_active:hover {
	position: relative;
	height: 18px;
	width: 98px;
	background: url(../images/nav_over-trans.png);
	padding-left: 22px;
	padding-top: 12px;
	color: #4D4D4D;
	font: bold 12px/14px Arial, Helvetica, sans-serif;
	cursor: pointer;
	margin-bottom: 3px;
	text-decoration: none;
}

#str_nav_installation {
	position: relative;
	height: 18px;
	width: 98px;
	background: url(../images/nav_off-trans.png);
	padding-left: 22px;
	padding-top: 12px;
	color: #262626;
	font: bold 12px/14px Arial, Helvetica, sans-serif;
	margin-bottom: 3px;
	text-decoration: none;
}

#str_nav_installation:hover {
	position: relative;
	height: 18px;
	width: 98px;
	background: url(../images/nav_over-trans.png);
	padding-left: 22px;
	padding-top: 12px;
	color: #4D4D4D;
	font: bold 12px/14px Arial, Helvetica, sans-serif;
	cursor: pointer;
	margin-bottom: 3px;
	text-decoration: none;
}

#str_nav_installation_active {
	position: relative;
	height: 18px;
	width: 98px;
	background: url(../images/nav_on-trans.png);
	padding-left: 22px;
	padding-top: 12px;
	color: #D9D9D9;
	font: bold 12px/14px Arial, Helvetica, sans-serif;
	margin-bottom: 3px;
	text-decoration: none;
}

#str_nav_installation_active:hover {
	position: relative;
	height: 18px;
	width: 98px;
	background: url(../images/nav_over-trans.png);
	padding-left: 22px;
	padding-top: 12px;
	color: #4D4D4D;
	font: bold 12px/14px Arial, Helvetica, sans-serif;
	cursor: pointer;
	margin-bottom: 3px;
	text-decoration: none;
}

#str_nav_contact {
	position: relative;
	height: 18px;
	width: 98px;
	background: url(../images/nav_off-trans.png);
	padding-left: 22px;
	padding-top: 12px;
	color: #262626;
	font: bold 12px/14px Arial, Helvetica, sans-serif;
	margin-bottom: 3px;
	text-decoration: none;
}

#str_nav_contact:hover {
	position: relative;
	height: 18px;
	width: 98px;
	background: url(../images/nav_over-trans.png);
	padding-left: 22px;
	padding-top: 12px;
	color: #4D4D4D;
	font: bold 12px/14px Arial, Helvetica, sans-serif;
	cursor: pointer;
	margin-bottom: 3px;
	text-decoration: none;
}

#str_nav_contact_active {
	position: relative;
	height: 18px;
	width: 98px;
	background: url(../images/nav_on-trans.png);
	padding-left: 22px;
	padding-top: 12px;
	color: #D9D9D9;
	font: bold 12px/14px Arial, Helvetica, sans-serif;
	margin-bottom: 3px;
	text-decoration: none;
}

#str_nav_contact_active:hover {
	position: relative;
	height: 18px;
	width: 98px;
	background: url(../images/nav_over-trans.png);
	padding-left: 22px;
	padding-top: 12px;
	color: #4D4D4D;
	font: bold 12px/14px Arial, Helvetica, sans-serif;
	cursor: pointer;
	margin-bottom: 3px;
	text-decoration: none;
}

#str_copyright {
	position: absolute;
	top: 450px;
	left: 35px;
	text-align: left;
	color: #1A1A1A;
	font: 9px/12px Arial, Helvetica, sans-serif;
}

.subhead {
	font: bold 20px/38px Arial, Helvetica, sans-serif;
	text-align: center;
	padding-bottom: 40px;
}

.subhead_credit {
	font: 10px/12px Arial, Helvetica, sans-serif;
	padding-left: 130px;
}


.text_left {
	text-align: left;
}

div#preload { display: none; }