@charset "utf-8";

body {
	font-family: Helvetica, Verdana, sans-serif;
	font-size:12px;
	background: #cdcdcd;
	margin: 0;
	padding: 0;
	text-align: center;
	color: #151515;
}

a img { border: 0; }

span, div, a, h1, h2, h3, h4, dl, dt, dd, img, ul, li {
    margin: 0;
    border: 0;
    padding: 0;
    text-decoration: none;
    list-style-type: none;
}

p  {
    margin: 0;
    border: 0;
    padding: 0;
    text-decoration: none;
    list-style-type: none;
    text-align:justify;
}

#bg {
	background-color: #FFFFFF;
	}

#header {
	clear: both;
	background: #FFFFFF;
	height: 266px;
	background: #FFFFFF url(/images/top-bg.jpg) repeat-x;
 }

.head1{
width:956px;
height:107px;
margin:0 auto;
padding:0;
}

.head11{
    float:left;
    background: #FFFFFF url(/images/head11.jpg) no-repeat;
    margin: 0;
    padding: 0;
    width:350px;
    height:107px;
}

.head11 a{
display:block;
width:350px;
height:107px;
}

.head12{
    float:left;
    background: #FFFFFF;
    margin: 0;
    padding: 0;
    width:337px;
    height:107px;
}

.head13{
    float:left;
    background: #FFFFFF url(/images/head13.jpg) no-repeat;
    margin: 0;
    padding: 0;
    width:268px;
    height:107px;
}

.head13 p{
text-align:center;
color:#D10000;
font-size:12px;
margin: 18px 0 0 0;
}

.head2{
width:956px;
height:115px;
background:#014D4B;
margin:0 auto;
padding:0;
}

.head21{
    float:left;
    background: url(/images/head21.jpg) no-repeat;
    margin: 0;
    padding: 0;
    width:687px;
    height:115px;
}

.head22{
    float:left;
    background: url(/images/head22.jpg) no-repeat;
    margin: 0;
    padding: 0;
    width:268px;
    height:115px;
}

.head3{
width:956px;
height:44px;
background:#555555;
margin:0 auto;
padding:0;
}

.head31{
    float:left;
    background: url(/images/head31.jpg) no-repeat;
    margin: 0;
    padding: 0;
    width:687px;
    height:44px;
}

.head32{
    float:left;
    background: url(/images/head32.jpg) no-repeat;
    margin: 0;
    padding: 0;
    width:268px;
    height:44px;
}

.page {
	width: 956px;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
        background: url(/images/sidebar-bg.jpg) repeat-y 687px 0;
        padding-bottom:20px;
}

#content{
width: 680px;
float:left;
background-color: #FFFFFF;
margin:0;
}

.contentLeft{
width:650px;
float:left;
font-size:14px;
background-color: #FFFFFF;
margin:0 0 0 0px;
}

.contentLeft p{
margin:10px 0 12px 0;
padding:0 30px 0 0;
font-size:14px;
color:#222222;
line-height:1.5em;
}

.contentLeft h1{
font-size: 26px;
font-weight:normal;
color:#444444;
margin:28px 0 20px 0;
}

.contentLeft h1.home{
font-size: 30px;
font-weight:normal;
color:#444444;
margin:25px 0 20px 0;
}

.contentLeft h2 {
font-size: 18px;
font-weight:bold;
color:#444444;
margin:15px 0 15px 0;
}

.contentLeft h3 {
font-size: 18px;
font-weight:bold;
color:#444444;
margin:40px 0 15px 0;
border-bottom:1px solid #ABABAB;
width:98%;
}

.contentLeft h4 {
font-size: 16px;
font-weight:bold;
color:#444444;
margin:25px 0 5px 0;
}

.contentLeft a{
color:#D10000;
border-bottom:1px solid #D10000;
}

.contentLeft a:hover{
color:#D10000;
border-bottom:1px solid #D10000;
}

.contentLeft table{
font-size:12px;
}

.contentLeft ul{
margin: 10px 10px 10px 30px;
}

.contentLeft ul li{
line-height:2em;
list-style-type:disc;
}

.contentLeft ol{
margin: 10px 10px 10px 30px;
}

.contentLeft ol li{
line-height:2em;
list-style-type:decimal;
}

.contentLeft .pageImage{
float:left;
margin:0px 15px 5px 0;
height:120px;
width:200px;
display:block;
}

.topfeature{
margin:0;
}

.topfeature p{
margin:10px 0 0 0;
padding:0 30px 0 0;
font-size:12px;
color:#333333;
line-height:1.5em;
}

.topfeature ul{
margin:30px 0 8px 0;
padding:0 60px 0 0;
}

.topfeature ul li{
background-image: url(/images/red-arrow.gif);
background-repeat: no-repeat;
background-position: 0 2px;
padding-left:2.1em;
padding-top:0px;
margin: 0 0 0 0px;
list-style-type: none;
}

.topfeature ul li{
font-weight:normal;
color:#D10000;
font-size:14px;
}

.topfeature ul li a a:hover{
color:#D10000;
border-bottom:1px solid #D10000;
}

.translationblock{
margin:10px;
}

.translationblock ul li{
line-height:15px;
}

.crumbStripe{
background: #FFFFFF url(/images/crumb-stripe.gif) no-repeat 0 0;
background-repeat: no-repeat;
float:left;
text-align:left;
margin: 0;
padding: 0;
width:680px;
height:31px;
}

.crumbStripe p{
margin:10px 0 0 10px;
font-size:12px;
}

.crumbStripe a{
color: #D10000;
border-bottom:1px solid #D10000;
}

.crumbStripe a:hover{
color: #D10000;
border-bottom:1px solid #D10000;
}

.translationBox{
margin:40px 50px;
border:1px solid #DEDEDE;
background: #EEEEEE url(/images/grey-gradbg.jpg) repeat-x bottom;
}

#sidebar {
	width: 270px;
	float: right;
	display: block;
  padding-top:10px;
	font-size:12px;
	}

#sidebar .feature{
  padding-top:2px;
  padding-bottom:2px;
	background: url(/images/sidebar-line.gif) no-repeat bottom;
}

#sidebar .feature h3 {
  font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: normal;
	color: #555555;
	margin-left: 15px;
	margin-right: 15px;
	background:url(/images/sidebar-h3.gif) no-repeat 0 bottom;
}

#sidebar .feature ul {
  margin:2px 8px 0 20px;
}

#sidebar .feature p{
  margin:8px 15px;
}

#sidebar .feature ul li {
line-height:1.4em;
font-size:12px;
list-style-type:none;
padding-top: 8px;
padding-left:18px;
background:url(/images/sidebar-arrow.gif) no-repeat 0 10px;
}

#sidebar .feature ul li a{
color: #D10000;
}

#sidebar .feature ul li a:hover{
color: #D10000;
border-bottom:1px solid #D10000;
}

#sidebar .feature a{
color: #D10000;
}

#sidebar .feature a:hover{
color: #D10000;
border-bottom:1px solid #D10000;
}

#sidebar .featuremenu{
        padding-top:25px;
        padding-bottom:5px;
}

#sidebar .featuremenu h3 {
        font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: normal;
	color: #555555;
	margin-left: 15px;
	margin-right: 15px;
	background:url(/images/sidebar-h3.gif) no-repeat 0 bottom;
}

.mascot{
    background: #EEEEEE url(/images/Eureka_toolshed.gif) no-repeat;
    margin:1px 2px 10px 3px;
    width:264px;
    height:198px;
}

.mascot a{
display:block;
height:198px;
width:264px;
}

.sidemenu{
list-style-type: none;
margin: 10px 15px 5px 18px;
padding: 0;
width: 240px;
font-size: 12px;
font-weight:bold;
color: #555555;
}

.sidemenu li{
}

.sidemenu li a{
/* background: #EEEEEE url(/images/side-menu-bg.gif) no-repeat 4px center;*/
font-size: 12px;
font-weight:bold;
color: #555555;
display: block;
width: auto;
padding: 8px 0;
padding-left: 5px;
height:14px;
text-decoration: none;
border-bottom: 1px solid #B5B5B5;
}


* html .sidemenu li a{ /*IE only. Actual menu width minus left padding of LINK (20px) */
}

.sidemenu li a:visited, .markermenu li a:active{
color: #555555;
}

.sidemenu li a:hover{

/* background-image:url(/images/side-menu-bgo.gif); */
}

.submenu {
list-style-type: none;
margin: 0px 0 0px 0px;
padding: 0;
width: 240px;
}

.submenu li{
padding-left:10px;
}

.submenu li a{
font-size:.9em;
border:0;
display:block;
height:12px;
color: #555555;
font-weight:normal;
padding: 12px 0 6px 24px;
background:url(/images/sidebar-red-arrow1.gif) no-repeat 0 10px;
}

.submenu li a:hover{
color: #FFFFFF;
background-color: #787878;
background:#787878 url(/images/sidebar-red-arrowo1.gif) no-repeat 0 10px;
}

/*
#sidebar .menu ul{
margin:2px 8px 0 35px;
}

#sidebar .menu ul li {
display:block;
line-height:1.4em;
font-size:13px;
list-style-type:none;
height:40px;
width:192px;
padding:0;
margin:0;
}

#sidebar .menu ul li span{
padding-left:28px;
margin-top:8px;
}

#sidebar .menu ul li a{
display:block;
height:40px;
width:192px;
font-weight:bold;
color: #555555;
padding:0;
background: url(/images/side-menu-bg.gif) top no-repeat;
}

#sidebar .menu ul li a:hover{
color: #014D4B;
background: url(/images/side-menu-bgo.gif) top no-repeat;
}

*/

#clear { clear: both; margin: 0; }

#footer {
	font-size: 11px;
	color: #555555;
	text-align: center;
	position: relative;
	clear: both;
}

#footer #center {
	width: 956px;
	margin: 20px auto;
	text-align: center;
  font-family: Arial, Helvetica, sans-serif;
}

#center p{
margin:10px 0;
}

#center a{
color:#555555;
}

#center a:hover{
border-bottom:1px solid #555555;
}

.footere{
font-family: Arial, Helvetica, sans-serif;
}

/* MENU STUFF FOR NOW */
.menu-home{
position: relative;
float:left;
margin: 0;
padding: 0;
background: url(/images/menu/menu-home-gr.jpg) no-repeat;
width: 66px;
height: 44px;
overflow:hidden;/* for ie to hide extra height*/
    }

.menu-home a {
width: 66px;
height: 44px;
float: left;
text-decoration: none;
}

.menu-home img {width: 66px; height: 44px; border: 0; }
* html a:hover {visibility:visible}
.menu-home a:hover img{visibility:hidden}

.menu-services{
position: relative;
float:left;
margin: 0;
padding: 0;
background: url(/images/menu/menu-services-gr.jpg) no-repeat;
width: 88px;
height: 44px;
overflow:hidden;/* for ie to hide extra height*/
    }

.menu-services a {
width: 88px;
height: 44px;
float: left;
text-decoration: none;
}

.menu-servies img {width: 88px; height: 44px; border: 0; }
* html a:hover {visibility:visible}
.menu-services a:hover img{visibility:hidden}

.menu-estimates{
position: relative;
float:left;
margin: 0;
padding: 0;
background: url(/images/menu/menu-estimates-gr.jpg) no-repeat;
width: 93px;
height: 44px;
overflow:hidden;/* for ie to hide extra height*/
    }

.menu-estimates a {
width: 93px;
height: 44px;
float: left;
text-decoration: none;
}

.menu-estimates img {width: 93px; height: 44px; border: 0; }
* html a:hover {visibility:visible}
.menu-estimates a:hover img{visibility:hidden}

.menu-rates{
position: relative;
float:left;
margin: 0;
padding: 0;
background: url(/images/menu/menu-rates-gr.jpg) no-repeat;
width: 71px;
height: 44px;
overflow:hidden;/* for ie to hide extra height*/
    }

.menu-rates a {
width: 71px;
height: 44px;
float: left;
text-decoration: none;
}

.menu-rates img {width: 71px; height: 44px; border: 0; }
* html a:hover {visibility:visible}
.menu-rates a:hover img{visibility:hidden}

.menu-payment{
position: relative;
float:left;
margin: 0;
padding: 0;
background: url(/images/menu/menu-payment-gr.jpg) no-repeat;
width: 98px;
height: 44px;
overflow:hidden;/* for ie to hide extra height*/
    }

.menu-payment a {
width: 98px;
height: 44px;
float: left;
text-decoration: none;
}

.menu-payment img {width: 98px; height: 44px; border: 0; }
* html a:hover {visibility:visible}
.menu-payment a:hover img{visibility:hidden}

.menu-qa{
position: relative;
float:left;
margin: 0;
padding: 0;
background: url(/images/menu/menu-qa-gr.jpg) no-repeat;
width: 75px;
height: 44px;
overflow:hidden;/* for ie to hide extra height*/
    }

.menu-qa a {
width: 75px;
height: 44px;
float: left;
text-decoration: none;
}

.menu-qa img {width: 75px; height: 44px; border: 0; }
* html a:hover {visibility:visible}
.menu-qa a:hover img{visibility:hidden}

.menu-recruitment{
position: relative;
float:left;
margin: 0;
padding: 0;
background: url(/images/menu/menu-recruit-gr.jpg) no-repeat;
width: 112px;
height: 44px;
overflow:hidden;/* for ie to hide extra height*/
    }

.menu-recruitment a {
width: 112px;
height: 44px;
float: left;
text-decoration: none;
}

.menu-recruitment img {width: 112px; height: 44px; border: 0; }
* html a:hover {visibility:visible}
.menu-recruitment a:hover img{visibility:hidden}

.menu-about{
position: relative;
float:left;
margin: 0;
padding: 0;
background: url(/images/menu/menu-about-gr.jpg) no-repeat;
width: 84px;
height: 44px;
overflow:hidden;/* for ie to hide extra height*/
    }

.menu-about a {
width: 84px;
height: 44px;
float: left;
text-decoration: none;
}

.menu-about img {width: 84px; height: 44px; border: 0; }
* html a:hover {visibility:visible}
.menu-about a:hover img{visibility:hidden}

.navbar{
width:956px;
height:44px;
background:#555555;
margin:0 auto;
padding:0;
}

.navleft {
	width: 687px;
	height:44px;
	float: left;
	margin: 0px;
	padding: 0px;
	}

#nav {
	margin: 0px;
	padding: 0px;
	list-style: none;
	}

#nav ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	}

#nav li {
	float: left;
	margin: 0px;
	padding: 0px;
	}

#nav li a {
	font-weight:bold;
	background
	}

#nav li ul {
	position: absolute;
	width: 10em;
	left: -999em;
	}

#nav li:hover ul {
	left: auto;
	display: block;
	}

#nav li:hover ul, #nav li.sfhover ul {
	left: auto;
	}

.popup{
width:800px;
font-size:14px;
background-color: #FFFFFF;
margin:0 auto;
padding-bottom:20px;
}

.popup p{
text-align:left;
margin:10px 0 12px 0;
padding:0 30px 0 0;
font-size:14px;
color:#222222;
line-height:1.5em;
}

.popup h1{
text-align:left;
font-size: 26px;
font-weight:normal;
color:#444444;
margin:28px 0 20px 0;
}

.popup h3 {
text-align:left;
font-size: 18px;
font-weight:bold;
color:#444444;
margin:40px 0 15px 0;
border-bottom:1px solid #ABABAB;
width:98%;
}

.popup a{
color:#D10000;
}

.popup a:hover{
color:#D10000;
border-bottom:1px solid #D10000;
}

div.customer-survey fieldset{
border:0;
border-bottom: 1px solid #999999;
margin:5px 0 10px 0;
padding-bottom:10px;
}

div.customer-survey textarea{
width:500px;
height:70px;
}

div.customer-survey a{
font-weight:normal;
}

div.customer-survey label{
padding-right:10px;
}

/* CARRYOVERS */
.required {
	font-family: "MS PGothic", "MS Gothic", "MS Mincho";
	font-size: 12px;
	color: red;
	font-weight: normal;
}