@charset "utf-8";
/* CSS Document */



* {margin: 0; padding:0;}
a {text-decoration:none;} 
a img {border:none;}
hr {color:#CCCCCC; height:1px;}
ul {list-style:circle;}


body {
font: 11px verdana, sans-serif; line-height: 140%; color: #444;
background-color:#666;
background-image:url(images/background.jpg);
background-repeat:repeat-x;
}

#container {
width:950px;
background:#fff;
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. */
}

#topnav {
font-family: arial, sans-serif;
font-size:13px;
background-color:#6699cc;
height:50px;
padding-left: 180px;
color:#FFF;
}

#topnav a:link {color:#fff;}
#topnav a:visited {color:#fff;}
#topnav a:hover {color:#354e67;}
#topnav a:active {color:#354e67;}

.topnav_highlight {
color:#354e67;
}

.liftup {
vertical-align: .75em;
}

#animationarea {
/*height:240px;*/
}

#animationarea02 {
height:110px;
}

#pagetitlearea {
width: 100%;
padding: 35px 0 8px 180px;
font: 3em helvetica, sans-serif; line-height: 1; color: #6699cc;  
}

#pagetitlearea2 {
width: 100%;
padding: 35px 0 8px 180px;
font: 2.5em helvetica, sans-serif; line-height: 1; color: #6699cc;  
}

#leftcolumnnav {
float:left;
width: 155px;
padding: 0 0 0 25px;
font: 11px verdana, sans-serif; line-height: 140%; color:#CCCCCC;
line-height: 150%;
}



#leftcolumn_home {
float:left;
width:470px;
padding:0 40px 0 0;
font: 15px arial, sans-serif; line-height: 140%; color:#818181; 
}
#leftcolumn_home p {
padding:0 0 10px 0;
}


#leftcolumn_products {
float:left;
width:490px;
padding:0 20px 0 0;
}


#leftcolumn_photos {
float:left;
width:500px;
padding:0 15px 0 5px;
}

#leftcolumn_withmenu {
float:left;
width:490px;
padding:0 20px 0 0;
}
#leftcolumn_withmenu img {
padding-right: 15px;
}


#leftcolumn_careers {
float:left;
width:490px;
padding:0 20px 0 0;
}


#leftcolumn_job {
float:left;
width:400px;
padding:0 120px 0 0;
}
#leftcolumn_job p {
padding-bottom: 10px;
}



#leftcolumn_press {
float:left;
width:400px;
padding:0 115px 0 0;
}
#leftcolumn_press p {
padding-bottom: 10px;
}

a:link { color:#888;}
a:visited {color:#888;}
a:hover {color:#6699cc;}
a:active {color:#444;}

#leftcolumnnav a:link { color:#888;}
#leftcolumnnav a:visited {color:#888;}
#leftcolumnnav a:hover {color:#6699cc;}
#leftcolumnnav a:active {color:#444;}

#leftcolumn_press a:link {color:#888;}
#leftcolumn_press a:visited {color:#888;}
#leftcolumn_press a:hover {color:#6699cc;}
#leftcolumn_press a:active {color:#6699cc;}

#leftcolumn_careers a:link {color:#6699cc; text-decoration:underline }
#leftcolumn_careers a:visited {color:#888;}
#leftcolumn_careers a:hover {color:#6699cc;}
#leftcolumn_careers a:active {color:#6699cc;}

#rightcolumn a:link {color:#6699cc;}
#rightcolumn a:visited {color:#6699cc;}
#rightcolumn a:hover {color:#444;}
#rightcolumn a:active {color:#444;}



.photo {
font: 10px Verdana, sans-serif; line-height: 140%; color: #444;
padding-top:15px;
width:450px;
float:left;
}



#leftcolumn_contact {
float:left;
width:200px;
padding:0 10px 0 10px;
}



#rightcolumn {
background-color: #dee5eb;
width:185px;
border-right: 1px solid #CCCCCC;
border-left: 1px solid #ccc;
float:left;
padding: 15px 20px 25px 20px;
}



#features {
margin-bottom: 10px;
padding: 5px 5px 8px 12px;
background-color:#e3e3e3;
width: 450px;
}



#space {
clear:both;
height: 80px;
background-color:#fff; 
}
#footer{
padding: 5px 0 0 10px;
background-color: #666;
background-image:url(images/footerback.jpg);
background-repeat:repeat-x;
clear:both;
height: 40px;
font:.825em Verdana, sans-serif; line-height: 140%; color:#9f9e9e; 
}
#footer a:link {color:#999;}
#footer a:visited {color:#999;}
#footer a:hover {color:#6699cc;}
#footer a:active {color:#6699cc;}




.headline {
font: 3em helvetica, sans-serif; line-height:1; color:#6699cc;  
}

.subheadline {
padding-bottom: 25px;
font: 14px Verdana, sans-serif; line-height: 130%; color:#354e67;  
}

.borderbottom {
border-bottom: 1px solid #ccc;
padding: 5px 0 5px 0;
}

.nav {
font: 11px Verdana, sans-serif; line-height: 140%; color: #444;
}

.nametitle {
padding: 5px 0 5px 0;
font: 11px verdana, sans-serif; line-height: 140%; color: #444;
}

.black {
color:#000000;
}

.italics {
font-style:italic;
}