﻿/*=== Setup ===*/
*{
	border: 0;
	margin: 0;
	padding: 0;
}
body{
	background-color: #ffffff;
	color: #000000;
	font: 12px Arial,Geneva,Helvetica,Sans-Serif;
	padding: 0px 0;
	height: 100%;
	text-align: center;
	line-height: 150%;
	height: 100%;
}

a{
	color: #79a8d6;
	text-decoration: none;
}
a:hover{
	text-decoration: underline;
}

a:active
{
  outline: none;
}

.black_link{
color: #000000;
}

/*=== Layout === */
#page {
width: 800px;
margin: 0 auto;
height: 100%;
min-height: 100%;
}

#wrapper {
width: 850px;
margin: 0 auto;
height: 100%;
height: auto !IMPORTANT;
min-height: 100%;
background: url(../images/bgr.jpg) center repeat-y;
}

#wrapper_careers {
width: 850px;
margin: 0 auto;
height: 100%;
height: auto !IMPORTANT;
min-height: 100%;
background: url(../images/bgr_careers.jpg) center repeat-y;
}

#header {
width: 800px;
height: 365px;
background-color: #000000;
margin: 0 auto;
}

#header_careers {
width: 800px;
height: 625px;
background-color: #000000;
margin: 0 auto;
}

#h1 {
color: #79A8D6;
font-family: verdana;
font-weight: bold;
font-size: 14px;
}

#footer {
width: 800px;
height: 25px;
margin: 0 auto;
background-color: #000000;
color: #ffffff;
}

.copy {
background-color: #ffffff;
height: 20px;
color: #000000;
text-align: right;
font-size: 10px;
}


#logo {
height: 75px;
width: 300px;
float: left;
}

#header_include {
float: right;
height: 75px;
text-align: right;
padding-right: 10px;
}

#header_include a {
color: #ffffff;
font-weight: bold;
font-size: 10px;
}


#header_banner {
height: 250px;
background-color: #ffffff;
margin-bottom: 5px;
margin-left: 5px;
margin-right: 5px;
width: 790px;
}

#header_careers_banner {
height: 510px;
background-color: #ffffff;
margin-bottom: 5px;
margin-left: 5px;
margin-right: 5px;
width: 790px;
}


#links {
width: 800px;
background-color: #79a8d6;
height: 35px;
line-height: 35px;
font-size: 9pt;
font-weight: bold;
color: #ffffff;
}

#links a{
color: #ffffff;
}

#careers_links {
width: 800px;
background-color: #79a8d6;
height: 35px;
line-height: 35px;
font-size: 9pt;
font-weight: bold;
color: #ffffff;
text-transform: uppercase;
}

#careers_links a{
color: #ffffff;
}

#sidebar {
text-align: left;
padding: 10px;
padding-left: 10px;
float: left;
margin: 0px;
width: 150px;
line-height: 200%;
}

#sidebar_careers {
text-align: left;
padding: 10px;
padding-left: 10px;
float: left;
margin: 0px;
width: 150px;
line-height: 200%;
}

#sidebar a {
color: #ffffff;
}

#content {
float: left;
text-align: left;
padding-left: 20px;
padding-right: 20px;
width: 590px;
}

#content_professionals {
float: left;
text-align: left;
padding-left: 20px;
padding-right: 20px;
width: 590px;
}

#content_professionals td {
vertical-align: bottom;
width: 50%;
}

#content_professionals a {
color: #000000;
}

hr {
background-color: #aaaaaa;
size: 1px;
}


#content_bottom {
background-color: #eae8bc;
border-top: 1px solid black;
float: left;
text-align: left;
padding-left: 20px;
padding-right: 20px;
width: 590px;
}






.intro_left {
float: left;
padding-right: 0px;
padding-left: 100px;
margin: 0px;
width: 320px;
background: #dcedf3;
}

.intro_right {
float: left;
padding-left: 40px;
padding-right: 0px;
margin: 0px;
width: 322px;
background: #dcedf3;
}




textarea{
	border: #000000 1px solid;
	font-size: 11px;
	padding: 2px;
	background-color: #ffffff;
}




select{
	border: #000000 1px solid;
	font-size: 11px;
	padding: 2px;
	background-color: #ffffff;
}




input{
	border: #000000 1px solid;
	font-size: 11px;
	padding: 2px;
	background-color: #ffffff;
}




.fix{
	clear: both;
	height: 1px;
	margin: -1px 0 0;
	overflow: hidden;
}

h1 {
color: #e2e461;
line-height: 21pt;
font-size: 16pt;
font-weight: bold;
font-face: tahoma, sans-serif;
}

.careers_h1 {
color: #e2e461;
line-height: 21pt;
font-size: 16pt;
font-weight: bold;
font-face: tahoma, sans-serif;
}

h3 {
color: #e2e461;
font-size: 13pt;
font-weight: bold;
font-face: tahoma, sans-serif;
}

p {
padding-left: 10px;
float: none;
padding-bottom: 12px;
}


.nolink a{
color: #000000;
}

.nolink a:hover {
text-decoration: underline;
}

/*=== NAV1 ===*/


.about_rollover a {
display:block;
width: 73px;
height: 34px;
background: url("../images/link_aboutus.gif") 0 0 no-repeat;
text-indent: -9999px;
float: left;
}
.about_rollover a:hover { 
background-position: 0 -34px;
text-indent: -9999px;
float: left;
}

.directions_rollover a {
display:block;
width: 87px;
height: 34px;
background: url("../images/link_directions.gif") 0 0 no-repeat;
text-indent: -9999px;
float: left;
}
.directions_rollover a:hover { 
background-position: 0 -34px;
text-indent: -9999px;
float: left;
}

.products_rollover a {
display:block;
width: 83px;
height: 34px;
background: url("../images/link_products.gif") 0 0 no-repeat;
text-indent: -9999px;
float: left;
}
.products_rollover a:hover { 
background-position: 0 -34px;
text-indent: -9999px;
float: left;
}

.contact_rollover a {
display:block;
width: 89px;
height: 34px;
background: url("../images/link_contact.gif") 0 0 no-repeat;
text-indent: -9999px;
float: left;
}
.contact_rollover a:hover { 
background-position: 0 -34px;
text-indent: -9999px;
float: left;
}

.faq_rollover a {
display:block;
width: 196px;
height: 34px;
background: url("../images/link_faq.gif") 0 0 no-repeat;
text-indent: -9999px;
float: left;
}
.faq_rollover a:hover { 
background-position: 0 -34px;
text-indent: -9999px;
float: left;
}

.properinstall_rollover a {
display:block;
width: 107px;
height: 34px;
background: url("../images/link_properinstall.gif") 0 0 no-repeat;
text-indent: -9999px;
float: left;
}
.properinstall_rollover a:hover { 
background-position: 0 -34px;
text-indent: -9999px;
float: left;
}

/* POP IT MENU */
#popitmenu{
position: absolute;
background-color: white;
border:1px solid black;
font: normal 11px Arial,Geneva,Helvetica,Sans-Serif;
text-align: left;
z-index: 100;
visibility: hidden;
}

#popitmenu a{
text-decoration: none;
padding-left: 6px;
color: black;
display: block;
border-bottom: 1px solid black;
}

#popitmenu a:hover{ /*hover background color*/
background-color: #f8f7e5;
}

#popitmenu hr {
line-height: 1px;
height: 1px;
padding: 0;
margin: 0;
}

small a{
color: #000000;
}

