@charset "ISO-8859-1";
body {
    margin:0;
    padding:0;
    font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
    text-align:center;
    overflow:hidden;
    color:#999999;
}
#fake-body {
    overflow:auto;
    z-index:1;
}
#container {
    width:100%;
}
#header {
    width:100%;
    min-width:1024px;
    height:85px;
    background:#404040 url('images/head_bg.png') no-repeat center;
    }
#headershadow {
    width:100%;
    min-width:1024px;
    height:10px;
    background:url('images/head_shadow.png') repeat-x;
    position:relative;
    z-index:100;
}
#headermenu {
    width:40%;
    height:40px;
    padding:24px 0 0 22px;
    text-align:left;
    float:left;
}
#headermenuicons {
    margin:0;
    height:26px;
    text-align:center;
}
#hmabout {
    background:url('images/menu_aboutH.png') no-repeat center -14px;
    height:14px;
    width:35px;
    display:block;
    float:left;
}
#hmabout:hover {
    background-position:center 0;
}
#hmwork {
    background:url('images/menu_workH.png') no-repeat center -14px;
    height:14px;
    width:35px;
    display:block;
    float:left;
    margin:0 auto;
}
#hmwork:hover {
    background-position:center 0;
}
#hminteract {
    background:url('images/menu_interactH.png') no-repeat center -14px;
    height:14px;
    width:39px;
    display:block;
    float:left;
}
#hminteract:hover {
    background-position:center 0;
}
#hmcontact {
    background:url('images/menu_contactH.png') no-repeat center -14px;
    height:14px;
    width:42px;
    display:block;
    float:left;
}
#hmcontact:hover {
    background-position:center 0;
}
#headermenutext {
    text-align:center;
}
#headerlogo {
    width:40%;
    height:33px;
    text-align:right;
    float:right;
    padding-top:26px;
    margin-right:34px;
}
#mc {
    width:100%;
    text-align:center;
}
#flash {
    width:948px;
    padding:12px;
    margin:0 auto;
}

#dock {
    width:100%;
    height:150px;
    background:url('images/footer_bg2.png');
    text-align:left;
    padding:40px 0 0 30px;
    z-index:100;
    position:absolute;
    left:0;
}
#footerleft {
    width:60%;
    float:left;
    min-width:460px;
}
#footeronline {
    width:180px;
    float:left;
    margin:0;
}
#footeroffline {
    width:140px;
    float:left;
    margin:0;
}
#footerphoneline {
    width:140px;
    float:left;
    margin:0;
}
#footerright {
    width:38%;
    float:left;
    text-align:right;
    
}
#footerrightcont {
    float:right;
    margin-right:34px;
}
#footerbuttons {
    height:52px;
    text-align:center;
    width:290px;
}
#footerbuttonstext {
    text-align:center;
    width:296px;
}
/* about page */
#about {
    text-align:left;
    margin-top:-10px;
    min-height:600px;
    min-width:1024px;
    width:100%;
    background:url('images/about_bg.gif') no-repeat;
    position:relative;
    z-index:1;
}
#aboutleft {
    width:574px;
    float:left;
}
#aboutlefttext {
    width:244px;
    text-align:right;
    margin:370px 0 0 135px;
}
#abouthr {
    margin:23px 0 23px;
    width:376px
}
#armenu {
    margin:0;
}
#aboutright {
    margin:35px 0 0 6px;
    width:440px;
    float:left;
    text-align:center;
}
.armenuleft {
    text-align:left;
    float:left;
}
.armenuright {
    text-align:right;
}
.arminactive a {
    padding-right:8px;
    display:block;
    float:left;
    }
    
.arminactive a span{
    display:block;
	height:13px;
    padding:3px 0 3px 8px;
}

.arminactive:hover a {
    background:url(images/armenuhover_a.png) right top no-repeat;
    }
    
.arminactive:hover a span{
    background:url(images/armenuhover_sp.png) left top no-repeat;
}

#armactive a {
    color:#FFF;
    padding-right:8px;
    display:block;
    float:left;
    background:url(images/armenu_a.png) right top no-repeat;
    }
    
#armactive a span{
    background:url(images/armenu_sp.png) left top no-repeat;
    height:13px;
    display:block;
    padding:3px 0 3px 8px;
}
.armenucont {
    float:left;
    text-align:center;
    padding:0 3px;
}
.armenucontl {
    float:left;
    padding-right:4px;
}
.armenucontr {
    float:left;
}
.rcmenu, .rcmenu a, .rcmenu a:visited {
    font-size:12px;
    color:#8c8c8c;
    text-decoration:none;
	line-height:10px;
}
#arcontent {
    clear:both;
    margin-top:48px;
    width:400px;
    text-align:left;
}
.arcontentcol {
    width:180px;
    display:block;
    float:left;
}
.leftcol {
    margin-right:40px;
}

/* blog */
#blogleft {
    text-align:right;
    width:244px;
    margin:438px 0 0 139px;
}
#blogheadnonav {
    clear:left;
}
#blogheadnav {
    height:26px;
    margin-top:80px;
    clear:left;

}
/* contact */
#contact {
    background:url('images/contact_map.jpg') no-repeat;
    width:1103px;
    height:918px;
    z-index:-1;
    margin-top:-30px;
    position:relative;
    float:left;
}
#contacttext {
    width:178px;
    font-size:12px;
    color:#999999;
    text-align:left;
    float:left;
    margin:20px 0 0 -300px;
}
#contacttext a, a:visited {
   color:#999999;
   text-decoration:none;
}
#contacttext a:hover {
   color:#666666; 
}
#cm_glow {
    background:url('images/contact_map_glow.png') no-repeat;
    width:160px;
    height:100px;
    position:absolute;
    left:215px;
    top:415px;
}

/*team */
#team {
    text-align:left;
    margin-top:-10px;
    min-height:600px;
    min-width:200px;
    width:100%;
    background:url('images/about_bg.gif') no-repeat;
    float:left;
}
#team_menu {
    height:22px;
    margin:35px 0 0 580px;
    width:450px;
}
#team_cont {
    width:941px;
    margin:30px 0 0 43px;
}
#team_top {
    width:941px;
    height:18px;
    background:url('images/team_top.png') no-repeat;
}
#team_mid {
    width:100%;
    background:url('images/team_mid.png');
    clear:left;
    padding-bottom:20px;
}
#team_top_text {
    padding:10px 0 15px 25px;
    width:871px;
    font-size:18px;
    line-height:25px;
    color:#666666;
}
#team_faces {
    text-align:center;
}
#team_p1 {
    width:896px;
    margin-left:25px;
}
#team_p1_top {
    width:896px;
    background:url('images/team_p1_top.png') no-repeat;
    height:30px;
}
#team_p1_mid {
    width:896px;
    background:#7070a0;
}
#team_p1_btm {
    width:896px;
    background:url('images/team_p1_btm.png') no-repeat;
    height:20px;
}
.team_text {
    display:block;
    font-size:12px;
    line-height:15px;
    padding:3px 25px 0 25px
}
.ttp1, .ttp1 a, .ttp1 a:visited {
    color:#fff;
    text-decoration:none;
}
#team_p2 {
    width:896px;
    margin-left:25px;
}
#team_p2_top {
    width:896px;
    background:url('images/team_p2_top.png') no-repeat;
    height:30px;
}
#team_p2_mid {
    width:896px;
    background:#fdc017;
}
#team_p2_btm {
    width:896px;
    background:url('images/team_p2_btm.png') no-repeat;
    height:20px;
}
.ttp2, .ttp2 a, .ttp2 a:visited {
    color:#666666;
    text-decoration:none;
}
#team_p3 {
    width:896px;
    margin-left:25px;
}
#team_p3_top {
    width:896px;
    background:url('images/team_p3_top.png') no-repeat;
    height:30px;
}
#team_p3_mid {
    width:896px;
    background:#c687ba;
}
#team_p3_btm {
    width:896px;
    background:url('images/team_p3_btm.png') no-repeat;
    height:20px;
}
.ttp3, .ttp3 a, .ttp3 a:visited {
    color:#fff;
    text-decoration:none;
}
#team_p4 {
    width:896px;
    margin-left:25px;
}
#team_p4_top {
    width:896px;
    background:url('images/team_p4_top.png') no-repeat;
    height:30px;
}
#team_p4_mid {
    width:896px;
    background:#f6ec1b;
}
#team_p4_btm {
    width:896px;
    background:url('images/team_p4_btm.png') no-repeat;
    height:20px;
}
.ttp4, .ttp4 a, .ttp4 a:visited {
    color:#666666;
    text-decoration:none;
}
#team_p5 {
    width:896px;
    margin-left:25px;
}
#team_p5_top {
    width:896px;
    background:url('images/team_p5_top.png') no-repeat;
    height:30px;
}
#team_p5_mid {
    width:896px;
    background:#71c27e;
}
#team_p5_btm {
    width:896px;
    background:url('images/team_p5_btm.png') no-repeat;
    height:20px;
}
.ttp5, .ttp5 a, .ttp5 a:visited {
    color:#fff;
    text-decoration:none;
}
#team_p6 {
    width:896px;
    margin-left:25px;
}
#team_p6_top {
    width:896px;
    background:url('images/team_p6_top.png') no-repeat;
    height:30px;
}
#team_p6_mid {
    width:896px;
    background:#fdc017;
}
#team_p6_btm {
    width:896px;
    background:url('images/team_p6_btm.png') no-repeat;
    height:20px;
}
.ttp6, .ttp6 a, .ttp6 a:visited {
    color:#666666;
    text-decoration:none;
}
.team_face {
    padding:0 16px;
    text-align:center;
}

.team_mid_left {
    display:block;
    float:left;
    width:457px;
}
.team_mid_right {
    margin-left:30px;
    display:block;
    float:left;
}
.team_mid_left2 {
    display:block;
    float:left;
    width:258px;
    margin-right:90px;
}
.team_mid_right2 {
    width:213px;
    display:block;
    float:left;
    padding-right:30px
}
.team_list {
    list-style:none;
    margin:0;
    padding:0;
}
.team_list li {
    margin-bottom:15px;
}


/* interact page */
#interactdots {
    margin:25px auto 0 auto;
    overflow:hidden;
    text-align:center;
}
#dots1{
    height:113px;
    text-align:center;
    min-width:1220px;
}
#dots2{
    height:113px;
    text-align:center;
    margin:13px 0 0 0;
    min-width:1220px;
}
#dotstextcont {
    height:113px;
    text-align:center;
    margin:13px 0 0 0;
    min-width:1220px;
}
#dotstext {
    text-align:center;
    margin:9px auto 0 auto;
    width:780px;
    font-size:12px;
    color:#aaaaaa;
}
.dotstitle {
    width:156px;
    display:block;
    float:left;
    text-align:center;
}
.dots {
    padding:0 19px 0 19px;
}

/*watch */
#watch {
    text-align:left;
    margin:-10px 0 0 0;
    min-height:600px;
    min-width:1024px;
    width:100%;
    background:url('images/watch_bg.gif') no-repeat;
    position:relative;
    z-index:1;
    float:left;
}
#watchleft {
    width:574px;
    float:left;
}
#watchcam {
    width:413px;
    text-align:left;
    background:url('images/watch_cambg.png') no-repeat;
    padding:20px;
    margin:88px 0 0 91px;
}
#watchright {
    margin:35px 0 0 6px;
    width:440px;
    float:left;
    text-align:center;
}
#wrcontent {
    clear:both;
    margin-top:48px;
    width:400px;
    text-align:left;
}
/* work */
#work {
    width:100%;
    margin-top:-10px;
    text-align:left;
}
#work2 {
    overflow:hidden;
}
h6, h6 a, h6 a:visited {
    width:100%;
    height:19px;
    padding-top:6px;
    margin:25px 0 0 0;
    font-size:12px;
    font-weight:normal;
    color:#333333;
    text-decoration:none;
}
.w_casestudies {
    background:#da80dd;
}
.w_websites {
    background:#ffbf00;
}
.w_branding {
    background:#60cc77;
}
.w_games {
    background:#7070a0;
}
.w_miscellaneous {
    background:#FFFF00;
}
.w_open:before {
    content:url('images/arrow_333333.png');
    margin:0 5px 0 30px;
}
.w_down:before {
    content:url('images/arrow_333333_d.png');
    margin:0 5px 0 30px;
}
.w_back:before {
    content:url('images/arrow_333333_b.png');
    margin:0 5px 0 30px;
}

.work_expanded {
    width:980px;
    background:#999999;
    text-align:left;
    margin:0 auto;
    padding-bottom:5px;
}
.we_l {
    width:184px;
    display:block;
    float:left;
    margin:10px 5px 0 10px;
}
.we {
    width:184px;
    display:block;
    float:left;
    margin:10px 5px 0 5px;
}
.we_r {
    width:184px;
    display:block;
    float:left;
    margin:10px 10px 0 5px;
}
.we_text_box {
    clear:both;
    
}
.we_text, .we_text a, .we_text a:visited {
    font-size:10px;
    color:#fff;
    text-decoration:none;
    line-height:12px;
}
.we_text:after {
    content:url('images/arrow_white.png');
}
/*work inside */
#work_inside {
    width:600px;
    z-index:100;
    background:url('images/bg_trans.png');
    margin:-215px auto 0 auto;
    padding:15px;
    text-align:left;
}
.wi_navl {
    margin-top:15px;
    display:block;
    text-align:left;
    float:left;
    width:300px;
}
.wi_navr {
    margin-top:15px;
    display:block;
    text-align:right;
    float:right;
    width:200px;
}
img {
    border:0;
}
hr {
    color: #fff;
    background-color: #fff;
    border: 2px dotted #b2b2b2;
    border-style: none none dotted;
    margin:15px 0;
    }
h1 {
    font-weight:normal;
    font-size:30px;
    text-align:right;
    margin:12px 0;
    color:#999999;
}
.h1left {
    font-weight:normal;
    font-size:30px;
    text-align:left;
    margin:12px 0;
    color:#999999;
}
h2 {
    font-weight:normal;
    line-height:21px;
    font-size:21px;
    text-align:right;
    margin:12px 0;
    color:#999999;
}
.h2left {
    font-size:18px;
    line-height:25px;
    color:#666666;
}
h2 a, a:visited {
    text-decoration:none;
    color:#999999;
}
h3 {
    margin:0 0 14px 0;
    font-size:14px;
    font-weight:bold;
}
h4 {
    text-transform:uppercase;
    font-size:12px;
    color:#FFFF00;
    margin:0;
}
h5, h5 a, h5 a:visited {
    font-size:10px;
    color:#999999;
    margin-top:5px;
    text-align:right;
    text-decoration:none;
    }
h5 a:hover {
    color:#666666;
    }
.clear {
    clear:both;
}
.bodytext, .bodytext a, .bodytext a:visited {
    color:#999999;
    line-height:14px;
    font-size:12px;
    margin-bottom:14px;
    text-decoration:none;
}
.bodytext a:hover {
    color:#666666;
}
.values {
    color:#666666;
    font-style:italic;
    font-family:"Georgia", Times New Roman, serif;
    font-size:18px;
    line-height:16px;
}
.test_name {
    clear:both;
    float:none;
    text-align:right;
    font-size:10px;
    font-style:italic;
    padding:10px 0 20px 0;
    }
.bodybold {
    color:#333333;
    font-weight:bold;
}
.quote {
    font-family:"Georgia", Times New Roman, serif;
    font-size:16px;
    font-style:italic;
    line-height:20px;
    color:#666666;
    display:block;
    text-align:center;
}
.quote:before {
    content:'\275D  ';
    font-style:normal;
}
.quote:after {
    content:' \275E';
    font-style:normal;
}

.menutext, .menutext a, .menutext a:visited {
    font-size:10px;
    color:#fff;
    text-decoration:none;
}
.footertext, .footertext a, .footertext a:visited {
    font-family:Helvetica, Arial, sans-serif;
    font-size:12px;
    line-height:18px;
    color:#fff;
    text-decoration:none;
}
.footertext a:hover {
    color:#cccccc;
}
.title {
    font-size:20px;
    color:#999999;
    line-height:36px;
}
.title14 {
    font-size:14px;
    color:#999999;
    line-height:36px;
    padding-right:5px;
}
.iabout {
    display:block;
    width:35px;
    float:left;
}
.iwork {
    display:block;
    width:35px;
    float:left;

}

.iinteract {
    width:39px;
    display:block;
    float:left;
}
.icontact {
    width:45px;
    display:block;
    float:left;
}

.fbigame {
    display:block;
    float:left;
    width:64px
}
.fbitems {
    display:block;
    float:left;
    width:58px
}