*{
margin:0px;
padding:0px;
}

body{
background-color:#000000;
font-family:Arial, Tahoma, Verdana, Helvetica, sans-serif;
color:#ffffff;
font-size:13px;
line-height:14pt;
}


#container{
width:100%;
height:auto;
}

#site_header{
width:1440px;
height:224px;
background-image:url("../furniture/head_background2.jpg");
background-repeat:no-repeat;
background-position:top left;
}

#site_content{
width:1440px;
height:auto;
background-color:#13181C;
background-image:url("../furniture/content_bg.gif");
background-repeat:no-repeat;
background-position:80px top;
float:left;
display:inline;
}

#site_footer{
width:1440px;
height:280px;
background-image:url("../furniture/foot_background.jpg");
background-repeat:no-repeat;
background-position:top left;
float:left;
}

h1.logo{
color:#ffffff;
text-align:left;

}



#main_logo{
position:absolute;
width:400px;
height:32px;
margin-left:66px;
top:100px;
background-image:url("../furniture/big-web-company3.png");
background-repeat:no-repeat;
background-position: top left;
z-index:500;

}

#main_logo a{
display:block;
width:400px;
height:32px;
text-indent:-7000px;
}


#quick_navigation_bar{
width:100%;
height:23px;
overflow:hidden;
background-color:#000000;
opacity: .70;
position:absolute;
margin-top:201px;
}

#navigation{
width:100%;
height:23px;
overflow:hidden;
position:absolute;
margin-top:257px;
}

ul.nav{
list-style-type:none;
list-style-position:outside;
margin-left:72px;
margin-top:2px;
}

ul.nav li{
display:inline;
margin-right:10px;
}



a.vicon{
background-image:url("../icon/open_related_icon.gif");
background-position:center right;
background-repeat:no-repeat;
overflow:hidden;
padding-left:0px;
padding-right:15px;
display:inline;
}



#ui_scroller{
width:1024px;
height:470px;
float:left;
display:inline;
margin:20px 0px 40px 70px;

}

#ui_scroller{
width:1024px;
height:470px;
float:left;
display:inline;
margin:20px 0px 40px 70px;

}

#ui_scroller_narrow{
width:928px;
height:387px;
float:left;
display:inline;
margin:15px 0px 40px 70px;
border: solid 10px #090c0e;
}

img.featured{
border: solid 10px #090c0e;
margin-bottom:6px;
}





#project_contents{
width:1135px;
height:auto;
float:left;
display:inline;
margin:20px 0px 0px 0px;
padding-bottom:40px;
}

#project_summary{
width:250px;
height:500px;
float:left;
display:inline;
margin-right:60px;
margin-left:70px;
}


#project_example{
width:650px;
height:auto;
float:left;
display:inline;
}

#project_example_wide{
width:1000px;
margin-left:70px;
}




.image, #video, #related{
width:630px;
height:500px;
float:left;
margin-bottom:40px;
border-bottom:solid 3px #757575;
}

.image img, #video img, #related img{
display:block;
}

#video{
width:630px;
height:533px;
float:left;
padding-bottom:40px;
background-color:#13181C;
border-bottom:0px;
}

#related{
height:auto;
padding-bottom:0px;
margin-bottom:0px;
}

#ui_scroller #overflow ul.listing{
margin-top:15px;
list-style-type:none;
list-style-position:outside;
float:left;
overflow:hidden;
}

.landing_content{
margin-top:40px;
margin-left:70px;
width:940px;
}
.promo{
float:left;
display:inline;
}
.promo .promo_copy{
position:absolute;
margin:40px;
width:230px;
}

.promo_copy h1, .landing_content h1, .landing_content h2{
color:#B0BAB8;
font-weight:normal;
font-family:'Century Gothic','Lucida Sans Unicode','Lucida Grande','ITC Avant Garde Gothic','Avant Garde', Arial,sans-serif;
font-size:26px;
line-height:32px;
margin-bottom:20px;
}

.promo_copy p, .landing_content p{
line-height:18px;
color:#B7B7B7;
margin-bottom:40px;
}

.landing_content p{
margin-bottom:15px;
}

#ui_scroller #overflow ul.listing li.item, ul.listing li.item_related{
float:left;
margin:0px 0px 50px 90px;
width:250px;
height:auto;
display:inline;

}

#ui_scroller #overflow ul.listing li.item{
margin:0px 90px 50px 0px;

}

ul.listing li.item ul, ul.listing li.item_related ul{
margin-top:10px;
list-style-type:none;
list-style-position:outside;
}

ul.listing li.item ul li, ul.listing li.item_related ul li{
float:none;
}


ul.listing li.item_related{
margin:0px 60px 0px 0px;
padding-bottom:50px;
}

h2,h3{
display:block;
color:#ffffff;
font-weight:normal;
font-size:26px;
margin-left:70px;
line-height:normal;
}

.landing_content h1{
color:#A8587C;
}

.landing_content h2, .landing_content h3, .landing_content h4{
margin-left:0px;
}

.landing_content h2{
font-size:16px;
color:#A8587C;
margin-bottom:5px;
}

.landing_content h3{
font-size:16px;
margin-bottom:10px;
}


#project_summary h2, .info_box div h2, #project_example h2{
font-size:18px;
font-weight:normal;
color:#A8587C;
margin-bottom:15px;
margin-left:0px;
font-family:'Century Gothic','Lucida Sans Unicode','Lucida Grande','ITC Avant Garde Gothic','Avant Garde',Arial,sans-serif;
}

#project_example h2{
color:#B7B7B7;
font-size:26px;
margin-left:0px;
}

#project_summary h4, .info_box div h4, #project_example h5{
color:#A8587C;
font-size:16px;
margin-bottom:15px;
font-weight:normal;
}

#project_example h5{
margin:0px 0px 15px 0px;
float:left;
display:block;
}

.landing_content p{
margin-bottom:15px;
line-height:20px;
}

.landing_content p.intro{
color:#672e48;
font-size:15pt;
line-height:26px;
}

#project_summary p, .info_box div p, .comment_body p, #project_example p, #word_rotation p{
line-height:20px;
font-size:14px;
color:#B7B7B7;
margin-bottom:15px;
font-family:'Century Gothic','Lucida Sans Unicode','Lucida Grande','ITC Avant Garde Gothic','Avant Garde', Arial,sans-serif;
}

#foot_details{
margin-left:70px;
float:left;
display:inline;


}

#foot_details h3{
margin-left:0px;
}

h3{

margin-bottom:20px;
}


h2.page_head{
margin-top:60px;
margin-bottom:30px;
}


p.big{
font-size:18px;
margin-bottom:20px;
}

.content_footer{
width:100%;
height:23px;
overflow:hidden;
float:left;
display:inline;
background-color:#090c0e;
margin-bottom:40px;
}


.grn{
color:#4EC447;
}

.gry{
color:#B0BAB8;
}

.dgry{
color:#424649;

}

.pk{
color:#A8587C;
}

.off{
color:#454F54;
}


.wt{
color:#ffffff;
}

.cy{
color:#00ADEF;
}

.hide{
display:none;
}

.ylw{
color:#cfcf4b;
}



.sample_box ul{
width:190px;
float:left;
list-style-type:none;
list-style-position:outside;
padding:12px 0px 0px 30px;
font-size:12px;
line-height:16px;
}

.sample_box ul{
padding-left:15px;
width:120px;
}

li.related, li.video{
text-indent:20px;
background-position:left 3px;
background-repeat:no-repeat;
}

li.related{
background-image:url("../icon/open_related_icon.png");

}

li.video{
background-image:url("../icon/open_video_icon.png");
}


.info_box{
width:1100px;
height:auto;
float:left;
display:inline;
margin-left:70px;
}

.box_narrow{
width:auto;
margin-left:0px;
}


.marg{
margin-top:30px;
}

.info_box div, .info_box .cols, .info_box .cols1, .info_box .cols2, .info_box cols3, .info_box .cols4, .info_box .cols3 div{
float:left;
display:inline;
width:280px;
height:auto;
margin:0px 60px 0px 0px;
padding-bottom:30px;
}

.info_box .cols3 div{
float:none;
width:340px;
height:280px;
margin:0px;
padding:0px;
position:absolute;
}

.info_box .cols3 .hidden{
display:none;
}

.info_box .cols3{

width:340px;
height:280px;
margin-right:0px;

}

.info_box .cols1{
margin-right:30px;
}

.info_box .cols4{
width:255px;
height:auto;
margin-right:40px;
}


.info_box .cols, .info_box .cols2{
width:200px;
border-right:solid 1px #363F44;
padding-right:18px;
margin-bottom:15px;
margin-right:15px;
}

.info_box .cols2{
width:280px;
border-right:solid 1px #23292D;
}

.info_box .cols .hidden{
display:none;
}

.info_box .cwide{
width:220px;
border:0px;
}

.info_box .cwide p.quote{

color:#B0BAB8;
font-size:18px;
line-height:28px;
margin-bottom:5px;
}

.info_box .cwide p.client{
font-size:14px;
color:#546168;
}

.info_box .cols h4, .info_box .cols2 h4{
/*color:#363F44;*/
color:#A8587C;
margin:0px 0px 15px 0px;
}

.info_box .cols ul, .info_box .cols2 ul, ul.featured, .landing_content ul{
list-style-type:none;
list-style-position:outside;
}

.landing_content ul{

}



.info_box .cols ul li, .info_box .cols2 ul li{
border-bottom:solid 1px #23292D;
}

.info_box .cols2 ul li, .info_box .cols2 ul li.star{

border-bottom:solid 1px #23292D;
}

.info_box .cols2 ul li.star, ul.featured li, .landing_content ul li{
background-image:url("../icon/star.gif");
background-position:center right;
background-repeat:no-repeat;

}
 
ul.featured li, .landing_content ul li{
background-position: left 4px;
padding-left:20px;
padding-bottom:10px;
}



.info_box .cols ul li a, .info_box .cols2 ul li a{
width:100%;
display:block;
padding:6px 0px 6px 0px;
}

ul.side_nav{
width:250px;
height:auto;
list-style-type:none;
list-style-position:outside;
}

ul.side_nav li{
width:220px;
border-bottom:solid 1px #23292D;
}

ul.side_nav li a{
width:100%;
padding:3px 0px 3px 3px;
display:block;
}

.info_box .cols2 ul li a{
padding:2px 0px 2px 0px;

}

h4.foot_head1, h4.foot_head2, h4.foot_head3, h4.foot_head4, h4.foot_head5{
padding-left:47px;
background-image:url("../icon/foot_icon_browse.png");
background-repeat:no-repeat;
background-position:center left;
height:36px;
}

h4.foot_head2{
background-image:url("../icon/foot_icon_testimonial.png");
}

h4.foot_head3{
background-image:url("../icon/foot_icon_web.png");
}

h4.foot_head4{
background-image:url("../icon/foot_icon_print.png");
}

h4.foot_head5{
background-image:url("../icon/foot_icon_video.png");
}



.ad{
margin-top:30px;
}

.dim{
color:#252b2f;
}

.dim2{
color:#1b2126;
}

#social_links{
float:left;
width:245px;
height:130px;
display:inline;
margin-left:237px;
background-image:url("../furniture/footer_link_bg2.gif");
background-position:bottom left;
background-repeat:no-repeat;

}


.facebook_btn{
width:172px;
height:34px;
float:left;
display:inline;
margin-left:30px;
margin-bottom:20px;
}

.facebook{
text-indent:-2000px;
background:url("../buttons/facebook.gif") top left no-repeat;
overflow:hidden;
display:block;
width:172px;
height:34px;

}

.facebook:hover{
background-position:bottom left;
cursor:pointer;

}

.twitter_btn{
width:148px;
height:29px;
float:left;
display:inline;
margin-left:30px;
margin-bottom:20px;
}

.twitter{
text-indent:-2000px;
background:url("../buttons/twitter.gif") top left no-repeat;
overflow:hidden;
display:block;
width:148px;
height:29px;

}

.twitter:hover{
background-position:bottom left;
cursor:pointer;

}

.bigsplash_btn{
width:116px;
height:62px;
float:left;
display:inline;
margin-left:30px;
}

.bigsplash{
text-indent:-2000px;
background:url("../buttons/bigsplash.gif") top left no-repeat;
overflow:hidden;
display:block;
width:116px;
height:62px;

}

.bigsplash:hover{
background-position:bottom left;
cursor:pointer;

}



.view_work{
background:url("../buttons/view-our-work.jpg") top left no-repeat;
overflow:hidden;
display:block;
width:158px;
height:22px;
padding:2px 0px 0px 10px;
color:#ffffff;

font-size:16px;
}

.view_work:hover{
background-position:bottom left;
cursor:pointer;

}

.hov{
position:absolute;
width:250px;
height:150px;
background-color:#000000;
opacity: .75;
}

#scroll_nav, #scroll_nav_home{
width:930px;
height:18px;
float:left;
margin-left:70px;
display:inline;
}

#scroll_nav_home{
margin-top:35px;
}

#scroll_nav p{

}
.nav_left_btn{
width:18px;
height:18px;
float:left;
display:inline;

}

.nav_left{
background:url("../buttons/nav_left.gif") top left no-repeat;

display:block;
width:18px;
height:18px;

}

.nav_left:hover{
background-position:bottom left;
cursor:pointer;

}

.nav_right_btn{
width:18px;
height:18px;
float:right;
display:inline;

}

.nav_right{
background:url("../buttons/nav_right.gif") top left no-repeat;
display:block;
width:18px;
height:18px;

}

.nav_right:hover{
background-position:bottom left;
cursor:pointer;

}



.brochure_btn{
width:250px;
height:170px;
}

.brochure{
background:url("../buttons/download_brochure_error.gif") top left no-repeat;
width:250px;
height:170px;
text-indent:-3000px;
display:block;
}

.brochure:hover{
background-position:bottom left;
cursor:pointer;
}

.idl{
text-indent:25px;
}

.idr{
text-indent:-35px;
}

.dim2{
color:#9b9b9b;
}

ul.n{
list-style-type:none;
list-style-position:outside;
margin:0px 0px 15px;

}

ul.n li{
margin-top:5px;
padding-bottom:5px;
border-bottom:solid 1px #23292D;
}

#word_rotation{
position:absolute;
padding-top:4px;
width:440px;
margin-left:560px;
margin-top:100px;

}

#word_rotation p{
position:absolute;
right:0px;
text-align:right;
color:#a1c9e8;
font-size:20px;
}

.lrg{
font-size:20px;
}

.sml{
font-size:14px;

}

.vsml{
font-size:12px;

}

#foot_nav{


}

#testimonials div{
position:absolute;
}

p.tabs{
padding-left:3px;
}

p.tabs a, p.tabs a.pips_over{
background-color:#4F4F4F;
width:10px;
height:10px;
display:block;
margin-right:10px;
text-indent:10000px;
float:left;
overflow:hidden;
}

p.tabs a.pips_over{
background-color:#A8587C;
}

.mrgb{
margin-bottom:20px;
}

#project_summary p.client{
color:#ffffff;
margin-bottom:10px;
padding-bottom:5px;

}

h3.news_title{
margin:0px;
padding:0px;
font-size:16px;
margin-bottom:5px;
}