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

html,body {
margin:0px;
padding:0px;
}

body {
font-family:Arial, Helvetica, sans-serif;
font-size:70%;
color:#333333;
background-color:#2a2f32;
line-height:1.6em;
}
a, a:link, a:active, a:visited {
text-decoration:underline;
color:#0066CC;
}
a:hover {
color:#FF0000;
text-decoration:none;
}
a:focus {
outline:none;
}
#contact_form tr:hover {
background-color:#dedede;
}
#contact_form input:focus, #contact_form textarea:focus {
background-color:#FFFFCC;
}
#full_content {
float:left;
width:780px;
padding:10px;
overflow:hidden;
}
h1 {
margin:10px 0px 15px 0px;
padding:0px;
font-size:1.6em;
font-weight:100;
color:#0066CC;
}
h2 {
margin:0px 0px 15px 0px;
padding:0px;
}
h3 {
margin:10px 0px 10px 0px;
padding:0px;
font-size:1.2em;
font-weight:100;
color:#0066CC;
}

#container {
position:relative;
margin:0px auto;
width:800px;
overflow:hidden;
background-color:#FFFFFF;
}

#left_col {
float:left;
width:300px;
overflow:hidden;
border-top:solid 3px #FF0000;
}
.logo {
float:left;
margin:20px 0px 0px 10px;
}
#nav {
float:left;
width:300px;
overflow:hidden;
margin:30px 0px 40px 0px;
}
#nav ul {
float:left;
width:300px;
padding:0px;
margin:0px;
list-style:none;
}
#nav li {
float:left;
width:300px;
}
#nav a {
float:left;
text-indent:-999999em;
width:300px;
height:50px;
}

.home a {
background-image:url(../images/display_images/nav/home.gif);
background-position:top;
}
.what a {
background-image:url(../images/display_images/nav/what.gif);
background-position:top;
}
.about a {
background-image:url(../images/display_images/nav/about.gif);
background-position:top;
}
.case a {
background-image:url(../images/display_images/nav/case.gif);
background-position:top;
}

.home a:hover {
background-position:bottom;
}
.what a:hover {
background-position:bottom;
}
.about a:hover {
background-position:bottom;
}
.case a:hover {
background-position:bottom;
}

#right_col {
float:left;
width:500px;
overflow:hidden;
}
#footer {
float:left;
width:780px;
color:#999999;
margin:15px 0px 0px 0px;
padding:10px 10px 10px 10px;
background-color:#e3e3e3;
overflow:hidden;
}
#footer a, #footer a:link, #footer a:active, #footer a:visited {
text-decoration:none;
color:#999999;
}
#footer a:hover {
color:#FF0000;
text-decoration:none;
}
.clear {
clear:both;
}
#featured_case {
float:left;
padding:10px;
border-right:3px solid #f4f4f4;
margin:0px 0px 0px 0px;
}
#featured_case img {
float:right;
margin:20px 0px 20px 0px;
}
.featured_item {
float:left;
padding:5px 5px 0px 5px;
border-bottom:dotted 1px #666666;
}
.case_item {
float:left;
width:370px;
height:130px;
margin:0px 10px 0px 0px;
padding:5px 5px 0px 5px;
border-bottom:dotted 1px #666666;
}
.case_item:hover {
background-color:#f4f4f4;
}
.featured_item:hover {
background-color:#f4f4f4;
}
.right {
float:right;
margin:0px 10px 0px 0px;
}

#content {
margin:0px 0px 0px 0px;
padding:0px 10px 5px 10px;
float:left;
}

h1.welcome {
text-indent:-999999em;
background-image:url(../images/display_images/welcome_header.gif);
background-repeat:no-repeat;
width:376px;
height:14px;
}
.teaser {
float:left;
margin:5px 0px 0px 0px;
}
img {
border:none;
}
h1.what {
text-indent:-999999em;
background-image:url(../images/display_images/what_header.gif);
background-repeat:no-repeat;
width:339px;
height:14px;
}
h1.about {
text-indent:-999999em;
background-image:url(../images/display_images/about_header.gif);
background-repeat:no-repeat;
width:339px;
height:14px;
}
h1.case {
text-indent:-999999em;
background-image:url(../images/display_images/case_header.gif);
background-repeat:no-repeat;
width:339px;
height:14px;
}
.home_image {
float:right;
width:150px;
margin:0px 10px 10px 10px;
}
.home_image img {
float:left;
margin:0px 0px 10px 0px;
}
.left {
float:left;
}
h2.featured {
text-indent:-999999em;
background-image:url(../images/display_images/featured_headline.gif);
background-repeat:no-repeat;
width:149px;
height:11px;
}
#case_contact {
float:left;
width:165px;
height:150px;
padding:60px 10px 10px 10px;
margin:0px 0px 0px 55px;
background-image:url(../images/display_images/contact_bg.gif);
background-repeat:no-repeat;
}
#contact {
float:left;
width:300px;
height:100px;
padding:70px 0px 0px 0px;
margin:10px 0px 0px 10px;
overflow:hidden;
background-image:url(../images/display_images/contact_bg.gif);
background-repeat:no-repeat;
}
.contact_area {
float:left;
width:120px;
margin:15px 0px 0px 5px;
}