@charset "utf-8";
/* CSS Document */
html {
padding:0px;
margin:0px;
}
body {
margin:0px;
padding:0px;
background-color:#262930;
font-family:Arial, Helvetica, sans-serif;
font-size:72%;
line-height:1.4em;
color:#f4f4f4;
}

#container {
position:relative;
margin:0px auto;
width:900px;
}
.full-col {
float:left;
width:900px;
}
.number {
float:right;
margin:30px 0px 0px 0px;
}

#header {
float:left;
width:900px;
margin:10px 0px 0px 0px;
}
#contact_left {
float:left;
width:250px;
margin:0px 20px 0px 0px;
}
#contact_mid {
float:left;
width:200px;
margin:0px 0px 0px 15px;
}
#contact_right {
float:left;
width:415px;
margin:0px 0px 0px 0px;
}
.req {
color:#FF0000;
}
.orange {
color:#ffa800;
}
#content_left {
float:left;
width:440px;
margin:0px 20px 0px 0px;
}
#content_right {
float:left;
margin:0px 0px 0px 0px;
width:440px;
}
#detail_left {
float:left;
overflow:hidden;
width:630px;
margin:0px 20px 0px 0px;
}
#detail_right {
float:left;
overflow:hidden;
width:240px;
padding:5px;
background-image:url(../images/display_images/case_bg.jpg);
background-repeat:no-repeat;
min-height:150px;
}
#detail_right img {
text-align:center;
}
#service_left {
float:left;
width:350px;
overflow:hidden;
margin:0px 20px 0px 0px;
}
#service_right {
float:left;
width:530px;
overflow:hidden;
}
.service_item {
float:left;
width:520px;
margin:10px 0px 0px 0px;
padding:5px 5px 15px 0px;
overflow:hidden;
border-bottom:solid 1px #34373d;
}
.service_main {
float:right;
width:160px;
margin:0px 0px 0px 10px;
}
.service_image {
float:left;
width:150px;
height:100px;
margin:0px 10px 0px 10px;
overflow:hidden;
}
.service_image2 {
float:right;
width:150px;
height:100px;
margin:0px 10px 0px 10px;
overflow:hidden;
}
.content_image {
float:left;
margin:0px 10px 10px 0px;
}
.page_image {
float:left;
width:253px;
overflow:hidden;
margin:0px 10px 0px 10px;
}
.page_image img {
float:left;
margin:0px 0px 10px 0px;
}
.page_image2 {
float:right;
width:253px;
overflow:hidden;
margin:0px 10px 0px 10px;
}
.service_text1 {
float:left;
overflow:hidden;
width:340px;
}
.service_text {
float:left;
overflow:hidden;
width:308px;
margin:27px 0px 0px 0px;
}
#page_image {
float:left;
margin:0px 10px 10px 0px;
}
.date img {
float:left;
padding:0px;
margin:0px;
}
a:focus {
outline:none;
}
#logo {
float:left;
margin:20px 0px 0px 0px;
}
#nav {
float:left;
width:900px;
margin:10px 0px 20px 0px;
}
#nav ul {
padding:0px;
margin:0px;
list-style:none;
}
#nav li {
float:left;
margin:0px 0px;
}
#nav li a {
float:left;
text-decoration:none;
width:150px;
height:44px;
padding:26px 0px 0px 0px;
text-align:center;
background-repeat:no-repeat;
}
#nav li a:hover {
color:#ffffff;
}
.divide {
float:left;
width:100%;
margin:0px;
}

.case_text {
float:left;
height:36px;
overflow:hidden;
margin:2px 5px 0px 0px;
}
#main_col {
float:left;
width:330px;
padding:10px 12px 0px 12px;
background-image:url(../images/display_images/main_col_bg.gif);
background-repeat:no-repeat;
margin:0px 20px 0px 0px;
height:155px;
overflow:hidden;
}
.right_col {
float:left;
width:520px;
overflow:hidden;
}

#footer {
float:left;
width:900px;
margin:15px 0px 25px 0px;
padding:10px 0px 0px 0px;
color:#7d8085;
border-top:10px solid #363b44;
}
#footer a, #footer a:link, #footer a:active, #footer a:focus, #footer a:visited {
color:#7d8085;
text-decoration:none;
}
#footer a:hover {
color:#4a4c50;
}
#flash {
float:left;
width:334px;
margin:0px 0px 0px 10px;
}
.left {
float:left;
}
.right {
float:right;
}
h1 {
font-size:1.6em;
font-weight:100;
margin:0px 0px 10px 0px;
padding:0px;
color:#ffa800;
}
h2 {
margin:0px 0px 5px 0px;
padding:0px;
font-weight:100;
font-size:1.4em;
line-height:1.0em;
}
h3 {
font-size:1.1em;
font-weight:100;
margin:0px;
padding:0px;
}
h4 {}
h5 {}
p {
margin:7px 0px 7px 0px;
padding:0px 0px 0px 0px;
}
img {
border:none;
}
.small_number {
font-size:1.1em;
}
#large_number {
font-size:2.0em;
font-weight:100;
width:250px;
margin:0px 0px 10px 0px;
text-align:center;
}
#address {
width:250px;
padding:10px;
}
a, a:link, a:active, a:focus, a:visited {
color:#ffa800;
text-decoration:underline;
}
a:hover {
color:#ffffff;
text-decoration:none;
}
.nav_home a{
background-image:url(../images/display_images/nav/home.gif);
background-position:top;
color:#262930;
}
.nav_home_selected a{
background-image:url(../images/display_images/nav/home.gif);
background-position:bottom;
color:#ffffff;
}
.nav_profile a{
background-image:url(../images/display_images/nav/profile.gif);
background-position:top;
color:#262930;
}
.nav_profile_selected a{
background-image:url(../images/display_images/nav/profile.gif);
background-position:bottom;
color:#ffffff;
}
.nav_services a{
background-image:url(../images/display_images/nav/services.gif);
background-position:top;
color:#262930;
}

.nav_services_selected a {
background-image:url(../images/display_images/nav/services.gif);
background-position:bottom;
color:#ffffff;
}
.nav_casestudies a{
background-image:url(../images/display_images/nav/casestudies.gif);
background-position:top;
color:#262930;
}
.nav_casestudies_selected a{
background-image:url(../images/display_images/nav/casestudies.gif);
background-position:bottom;
color:#ffffff;
}
.nav_design a{
background-image:url(../images/display_images/nav/design.gif);
background-position:top;
color:#262930;
}
.nav_design_selected a{
background-image:url(../images/display_images/nav/design.gif);
background-position:bottom;
color:#ffffff;
}
.nav_contact a{
background-image:url(../images/display_images/nav/contact.gif);
background-position:top;
color:#262930;
}
.nav_contact_selected a {
background-image:url(../images/display_images/nav/contact.gif);
background-position:bottom;
color:#ffffff;
}

.nav_home:hover a{
background-position:bottom;
}
.nav_profile:hover a{
background-position:bottom;
}
.nav_services:hover a{
background-position:bottom;
}
.nav_casestudies:hover a{
background-position:bottom;
}
.nav_design:hover a{
background-position:bottom;
}
.nav_contact:hover a{
background-position:bottom;
}
.header_welcome {
text-indent:-9999px;
background-image:url(../images/display_images/header_welcome.gif);
background-repeat:no-repeat;
margin:10px 0px 5px 0px;
width:267px;
height:23px;
}
.header_recentcase {
text-indent:-9999px;
background-image:url(../images/display_images/header_casestudies.gif);
background-repeat:no-repeat;
width:165px;
height:17px;
}
.header_contact {
text-indent:-9999px;
background-image:url(../images/display_images/header_contact.gif);
background-repeat:no-repeat;
width:81px;
height:12px;
}
.h_profile {
float:left;
text-indent:-9999px;
background-image:url(../images/display_images/headers/profile.gif);
background-repeat:no-repeat;
width:900px;
height:19px;
}
.h_services {
text-indent:-9999px;
background-image:url(../images/display_images/headers/services.gif);
background-repeat:no-repeat;
width:121px;
height:19px;
}
.h_casestudies {
text-indent:-9999px;
background-image:url(../images/display_images/headers/casestudies.gif);
background-repeat:no-repeat;
width:121px;
height:19px;
}
.h_testimonials {
float:left;
text-indent:-9999px;
background-image:url(../images/display_images/headers/testimonials.gif);
background-repeat:no-repeat;
width:100%;
height:19px;
}
.h_links {
float:left;
text-indent:-9999px;
background-image:url(../images/display_images/headers/links.gif);
background-repeat:no-repeat;
width:100%;
height:19px;
}
.h_design {
float:left;
text-indent:-9999px;
background-image:url(../images/display_images/headers/design.gif);
background-repeat:no-repeat;
width:900px;
height:19px;
}
.h_contact {
float:left;
text-indent:-9999px;
background-image:url(../images/display_images/headers/contact.gif);
background-repeat:no-repeat;
width:900px;
height:19px;
}
.more {
float:right;
text-indent:-9999px;
background-image:url(../images/display_images/more.gif);
background-position:top;
margin:0px 5px 0px 0px;
width:43px;
height:16px;
overflow:hidden;
background-repeat:no-repeat;
}
.case_top {
float:left;
padding:0px;
margin:0px;
width:250px;
height:6px;
overflow:hidden;
background-image:url(../images/display_images/case_top.gif);
background-repeat:no-repeat;
}
.case_mid {
float:left;
width:150px;
background-image:url(../images/display_images/case_mid.gif);
background-repeat:repeat-y;
padding:0px 5px 0px 5px;
}
.movie {
float:left;
height:200px;
width:334px;
margin:0px 30px 0px 10px;
}
.case_bottom {
float:left;
padding:0px;
margin:0px;
width:250px;
height:6px;
background-image:url(../images/display_images/case_bottom.gif);
background-repeat:no-repeat;
}
.more:hover {
background-position:bottom;
}
.date {
float:left;
width:32px;
margin:5px 5px 0px 0px;
}
#recent_case {
float:left;
width:520px;
margin:2px 0px 0px 30px;

overflow:hidden;
}
.pad {
padding:10px;
}
.pop-image {
float:right;
width:150px;
margin:5px;
overflow:hidden;
padding:2px;
border:1px solid #dedede;
}
.case_item {
float:left;
width:160px;
padding:0px;
margin:0px 0px 10px 0px;
overflow:hidden;
}
.case_item_detail {
float:left;
width:160px;
padding:0px;
margin:0px 5px 10px 5px;
overflow:hidden;
}
.case_item-mid {
float:left;
width:160px;
padding:0px;
margin:0px 20px 10px 20px;
overflow:hidden;
}
.design_item {
float:left;
width:160px;
padding:0px;
margin:10px;
overflow:hidden;
}
.case_image {
float:left;
width:150px;
height:113px;
overflow:hidden;
}
.testimonial-left {
float:left;
width:600px;
}
.testimonial-right {
float:right;
width:280px;
padding:0px 0px 0px 10px;
border-left:1px dashed #3e4046;
}
.testimonial {
float:left;
margin:0px 0px 15px 0px;
padding:0px 0px 10px 0px;
width:100%;
border-bottom:dashed 1px #3e4046;
}
.testimonial-image {
float:left;
width:150px;
overflow:hidden;
border:solid 2px #393b41;
}
.testimonial-text {
float:right;
background-image:url(../images/display_images/headers/testimonial-bg.gif);
background-repeat:no-repeat;
text-indent:15px;
width:435px;
}
.testimonial-title {
width:435px;
float:right;
font-size:1.3em;
color:#ffa800;
}

.link a {
float:left;
width:98%;
color:#FFFFFF;
text-decoration:none;
margin:0px 0px 5px 0px;
padding:5px 1%;
}
.link a:hover {
background-color:#2e3138;
}