/* CSS Document */

body {
margin:0px;
padding-top:0px;
background-color:#565451;
background-image:url(../images/back.jpg);
background-position:center;
background-repeat:repeat-y;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
color:#FFFFFF;
text-align:center;
height:100%;
min-height:100%;
}

html, body { height:100%; min-height:100%; }

#container {
width:798px;
margin-left:auto;
margin-right:auto;
min-height:100%;
background-image:url(../images/gradient.jpg);
background-repeat:no-repeat;
background-position:bottom right;
text-align:left;
}

*html #container { height:100%; }


#header {
width:797px;
height:145px;
background-image:url(../images/top_image.jpg);
padding-top:30px;
padding-left:1px;
}

#mainimg {
width:798px;
height:310px;
}

#leftcolumn {
margin-top:15px;
width:300px;
margin-left:60px;
padding:1px;
float:left;
display: inline;
}

#rightcolumn {
margin-top:15px;
width:300px;
margin-left:80px;
padding:1px;
float:left;
}

#contact #rightcolumn {
text-align:right;
}

#logosdiv {
width:758px;
margin:30px auto 0px auto;
text-align:right;
padding:0px 20px 0px 20px;
}

.clearer {
clear:both;
}



/* ------- TEXT ELEMENTS --------- */

p { font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#FFFFFF; }
p a:link, p a:active, p a:visited { color:#FFC300; text-decoration:underline; }
p a:hover, p a:active:hover, p:visited:hover { color:#FFC300; text-decoration:none; }



/* ------- NAVIGATION --------- */

/* ------- HOME --------- */

.home { display:block; width:500px; height:32px; background-image:url(../nav/home_on.gif); }
a.home:link, a.home:visited, a.home:active { background-image:url(../nav/home.gif); }
a.home:hover { background-image:url(../nav/home_over.gif); }

/* ------- ABOUT --------- */

.about { display:block; width:500px; height:32px; background-image:url(../nav/about_on.gif); }
a.about:link, a.about:visited, a.about:active { background-image:url(../nav/about.gif); }
a.about:hover { background-image:url(../nav/about_over.gif); }

.aboutb { display:block; width:500px; height:32px; }
a.aboutb:link, a.aboutb:visited, a.aboutb:active { background-image:url(../nav/about_b.gif); }
a.aboutb:hover { background-image:url(../nav/about_over_b.gif); }

/* ------- CASE --------- */

.case { display:block; width:500px; height:32px; background-image:url(../nav/case_on.gif); }
a.case:link, a.case:visited, a.case:active { background-image:url(../nav/case.gif); }
a.case:hover { background-image:url(../nav/case_over.gif); }

.caseb { display:block; width:500px; height:32px; }
a.caseb:link, a.caseb:visited, a.caseb:active { background-image:url(../nav/case_b.gif); }
a.caseb:hover { background-image:url(../nav/case_over_b.gif); }

/* ------- CONTACT --------- */

.contact { display:block; width:500px; height:32px; background-image:url(../nav/contact_on.gif); }
a.contact:link, a.contact:visited, a.contact:active { background-image:url(../nav/contact.gif); }
a.contact:hover { background-image:url(../nav/contact_over.gif); }