/* UNIVERSAL STYLES
================================================================================*/

html, body{
    padding:0;
    margin:0;
    font:normal 11px Verdana, Arial, Helvetica, sans-serif;
    color:#666;
    background: url(../images/divider.jpg) no-repeat center 125px;
}

/*fixing firefox outline*/

a:active{
    outline:none;
}

:focus{
    outline:none;
}

img, form{
    padding:0;
    margin:0;
    border:none;
}

img a{
    border:none;
}





/* NAVIGATION STYLES
================================================================================*/

#nav{
    float:left;
    width:471px;
    padding:54px 0 0 0;
}

#nav ul{
    padding:0;
    margin:0;
    line-height:100%;
    list-style:none;
}

#nav ul li{
    margin:0 2px 0 0;
    float:left;
    font:normal 15px Arial, Helvetica, sans-serif;
    line-height:100%;
}

#hello a:link, #hello a:visited{
    text-decoration:none;
    color:#666;
    display:inline-block;
    text-align:center;
    padding:6px 0 0 0;
    width:57px;
    height:21px
}

#hello a:hover{
    background-color:#ffa512;
    color:#fff;
    font-weight:bold;
    width:57px;
    height:21px
}

/*highlighting current page*/
#hellopage #hello a{
    background-color:#ffa512;
    color:#fff;
    font-weight:bold;
    width:57px;
    height:21px
}

#we_do a:link, #we_do a:visited{
    text-decoration:none;
    color:#666;
    display:inline-block;
    text-align:center;
    padding:6px 0 0 0;
    width:101px;
    height:21px;
}

#we_do a:hover{
    background-color:#00bab5;
    color:#fff;
    font-weight:bold;
    width:101px;
    height:21px;
}

/*highlighting current page*/
#wedopage #we_do a{
    background-color:#00bab5;
    color:#fff;
    font-weight:bold;
    width:101px;
    height:21px;
}

#work a:link, #work a:visited{
    text-decoration:none;
    color:#666;
    display:inline-block;
    text-align:center;
    padding:6px 0 0 0;
    width:56px;
    height:21px;
}

#work a:hover{
    background-color:#c033a4;
    color:#fff;
    font-weight:bold;
    width:56px;
    height:21px;
}

/*highlighting current page*/
#workpage #work a{
    background-color:#c033a4;
    color:#fff;
    font-weight:bold;
    width:56px;
    height:21px;
}	

#news a:link, #news a:visited{
    text-decoration:none;
    color:#666;
    display:inline-block;
    text-align:center;
    padding:6px 0 0 0;
    width:57px;
    height:21px;
}

#news a:hover{
    background-color:#e5d739;
    color:#fff;
    font-weight:bold;
    width:57px;
    height:21px;
}

/*highlighting current page*/
#newspage #news a{
    background-color:#e5d739;
    color:#fff;
    font-weight:bold;
    width:57px;
    height:21px;
}	

#contact a:link, #contact a:visited{
    text-decoration:none;
    color:#666;
    display:inline-block;
    text-align:center;
    padding:6px 0 0 0;
    width:75px;
    height:21px;
}

#contact a:hover{
    background-color:#2ca2e0;
    color:#fff;
    font-weight:bold;
    width:75px;
    height:21px;
}

/*highlighting current page*/
#contactpage #contact a{
    background-color:#2ca2e0;
    color:#fff;
    font-weight:bold;
    width:75px;
    height:21px;
}

#testi a:link, #testi a:visited{
    text-decoration:none;
    color:#666;
    display:inline-block;
    text-align:center;
    padding:6px 0 0 0;
    width:104px;
    height:21px;
}

#testi a:hover{
    background-color:#655bad;
    color:#fff;
    font-weight:bold;
    width:104px;
    height:21px;
}

/*highlighting current page*/
#testipage #testi a{
    background-color:#655bad;
    color:#fff;
    font-weight:bold;
    width:104px;
    height:21px;
}



/* SUB NAVIGATION STYLES WHAT WE DO
================================================================================*/
#subnav{
    width: 465px;
    float: left;
    margin: 0 0 15px 0;
}

#subnav ul{	
    list-style:none;
    padding:0 0 25px 0;
    margin:0;
}

#subnav ul li{
    margin:0 2px 0 0;
    float: left;
    font-size: 110%;
    font: normal 15px Arial, Helvetica, sans-serif;
}

#subnav a:link, #subnav a:visited{
    text-decoration:none;
    color:#666;
    display:inline-block;
    text-align:center;
    padding:6px 10px 0 10px;
    /*width:65px;*/
    height:21px
}

#subnav a:hover{
    background-color:#00bab6;
    color:#fff;
    /*font-weight:bold;
    width:65px;*/
    height:21px
}

/*#subnav a:active{
        background-color:#00bab6;
        color:#fff;
        font-weight:bold;
        width:65px;
        height:21px
        }*/

/*highlighting current page*/	
#wedopage #wedoweb a{
    background-color:#00bab6;
    color:#fff;
    height:21px
}

#wedopage #wedoprint a{
    background-color:#00bab6;
    color:#fff;
    height:21px
}

#wedopage #wedologo a{
    background-color:#00bab6;
    color:#fff;
    height:21px
}

#wedopage #wedo3d a{
    background-color:#00bab6;
    color:#fff;
    height:21px
}

#wedopage #wedoanimation a{
    background-color:#00bab6;
    color:#fff;
    height:21px
}


/* SUB NAVIGATION STYLES WORK
================================================================================*/
#subnavwork{
    width: 465px;
    float: left;
    margin: 0 0 15px 0;
}

#subnavwork ul{	
    list-style:none;
    padding:0 0 25px 0;
    margin:0;
}

#subnavwork ul li{
    margin:0 2px 0 0;
    float: left;
    font-size: 110%;
    font: normal 15px Arial, Helvetica, sans-serif;
}

#subnavwork a:link, #subnavwork a:visited{
    text-decoration:none;
    color:#666;
    display:inline-block;
    text-align:center;
    padding:6px 10px 0 10px;
    /*width:65px;*/
    height:21px
}

#subnavwork a:hover{
    background-color:#c033a4;
    color:#fff;
    /*font-weight:bold;
    width:65px;*/
    height:21px
}

/*#subnavwork a:active{
        background-color:#c033a4;
        color:#fff;
        font-weight:bold;
        width:65px;
        height:21px
        }*/	

#workpage #logo_bottom a{
    background-color:#c033a4;
    color:#fff;
    height:21px
}

#workpage #print_bottom a{
    background-color:#c033a4;
    color:#fff;
    height:21px
}

#workpage #website_bottom a{
    background-color:#c033a4;
    color:#fff;
    height:21px
}

#workpage #three_d_bottom a{
    background-color:#c033a4;
    color:#fff;
    height:21px
}



/* LAYOUT STYLES
================================================================================*/

#container{
    padding:13px 0 20px 0;
    margin:0 auto 0 auto;
    width:876px;
}

#header{
    width:876px;
    padding:0 0 2px 0;
    height:110px;
    margin:0 0 12px 0;
}

.cleardiv{
    clear:both;
    font-size:0;
    height:0;
}

#logo{
    float:left;
    width:215px;
}

#ph{
    float:left;
    background:url(../images/ph_bg.jpg) no-repeat 0 0;
    width:110px;
    height:90px;
    padding:20px 10px 0 70px;
    font:normal 16px "Trebuchet MS";
    color:#fff;
    text-align:center;
    line-height:125%;
}

#banner{
    background-color:#ededed;
    width:866px;
    padding:5px 5px 5px 5px;
}

#bodyarea{
    width:833px;
    padding:25px 22px 30px 21px;
}

#bodyareawedo{
    width:833px;
    padding:5px 22px 30px 21px;
}

#leftcol{
    float:left;
    width:465px;
}

#rightcol{
    float:right;
    width:362px;
    padding:8px 0 0 0;
}

#rightcol p{
    padding:0 0 10px 0;
    margin:0;
    line-height:130%;
}

#footer{
    background:url(../images/divider.jpg) no-repeat 0 0;
    width:816px;
    padding:15px 30px 0 30px;
    font:normal 10px/12px Verdana, Arial, Helvetica, sans-serif;
    color:#666;
}

#footer_left{
    float:left;
    width:300px;
}

#footer_right{
    float:right;
    width:300px;
    text-align:right;
}

.orange_text{
    color:#ff9512;
}

a.orange_text:link, a.orange_text:visited{
    color:#ff9512;
    text-decoration:none;
}

a.orange_text:hover{
    text-decoration:underline;
}

#bodyarea_contact{
    width:833px;
    padding:0 22px 30px 21px;
}

#rightcol_contact{
    float:right;
    width:362px;
    padding:33px 0 0 0;
}

#rightcol_contact p{
    padding:0 0 10px 0;
    margin:0;
    line-height:130%;
}

.blue_text{
    color:#2daee1;
}

a.blue_text:link, a.blue_text:visited{
    color:#2daee1;
    text-decoration:none;
}

a.blue_text:hover{
    text-decoration:underline;
}

.green_text{
    color:#00bab6;
}

.green_text_bold{
    color:#00bab6;
    font-weight: bold;
}

a.green_text:link, a.green_text:visited{
    color:#00bab6;
    text-decoration:none;
}

a.green_text:hover{
    text-decoration:underline;
}

.purple_text{
    color:#c033a4;
}

.purple_text_bold{
    color:#c033a4;
    font-weight: bold;
}

a.purple_text:link, a.purple_text:visited{
    color:#c033a4;
    text-decoration:none;
}

a.purple_text:hover{
    text-decoration:underline;
}

#form_area{
    width:833px;
    padding:20px 0 0 0;
}

#form_left{
    float:left;
    width:405px;
}

#form_right{
    float:right;
    width:405px;
}

.form_row{
    width:405px;
    padding:0 0 10px 0;
}

.form_row_last{
    width:405px;
}

.form_cell1{
    float:left;
    width:68px;
    padding:3px 0 0 0;
}

.form_cell2{
    float:left;
    width:337px;
}

.txtbox{
    background:#fff;
    border-top:1px solid #999;
    border-left:1px solid #999;
    border-right:1px solid #ccc;
    border-bottom:1px solid #ccc;
    width:328px;
    height:16px;
    font:normal 11px Verdana, Arial, Helvetica, sans-serif;
    color:#666;
    padding:3px;
}

.listmenu{
    background:#fff;
    border-top:1px solid #999;
    border-left:1px solid #999;
    border-right:1px solid #ccc;
    border-bottom:1px solid #ccc;
    width:335px;
    height:25px;
    font:normal 11px Verdana, Arial, Helvetica, sans-serif;
    color:#666;
    padding:3px;
}

.txtarea{
    background:#fff;
    border-top:1px solid #999;
    border-left:1px solid #999;
    border-right:1px solid #ccc;
    border-bottom:1px solid #ccc;
    width:328px;
    height:186px;
    font:normal 11px Verdana, Arial, Helvetica, sans-serif;
    color:#666;
    padding:3px;
    overflow:auto;
}

.testi_row{
    width:788px;
    background:url(../images/divider2.jpg) no-repeat bottom center;
    padding:0 20px 20px 25px;
    margin:0 0 30px 0;
    overflow:hidden;
}

.testi_row_last{
    width:788px;
    padding:0 20px 20px 25px;
    margin:0 0 30px 0;
    overflow:hidden;
}

.testi_left{
    float:left;
    width:120px;
    padding:20px 0 0 0;
}

.testi_right{
    float:left;
    width:648px;
    background:url(../images/comma1.jpg) no-repeat 0 0;
    padding:0 0 0 20px;
}

.testi_right p{
    padding:0 0 10px 0;
    margin:0;
    font:normal 11px Verdana, Arial, Helvetica, sans-serif;
    color:#666;
    line-height:140%;
}

.testi_right p a:link, .testi_right p a:visited{
    text-decoration:none;
    color:#666;
}

.testi_right p a:hover{
    text-decoration:underline;
}

.testi_content{
    width:633px;
    background:url(../images/comma2.jpg) no-repeat right bottom;
    padding:0 20px 5px 0;
}

.testi_text{
    color:#655bad;
}	

a.testi_text:link, a.testi_text:visited{
    color:#655bad;
    text-decoration:none;
}

a.testi_text:hover{
    text-decoration:underline;
}	

#vimeo-link {
    margin-left: 7px;
}

#banner-container {
    width: 865px;
    height: 526px;
    position: relative;
    z-index: 2;
    overflow: hidden;
    border: 6px solid #EDEDED;
}

#workpage #banner {
    width: 865px;
    height: 526px;
    z-index: 2;
}

#hellopage #banner-container {
    width: 865px;
    height: 365px;
    position: relative;
    z-index: 2;
    overflow: hidden;
    border: 6px solid #EDEDED;
}

#hellopage #banner {
    width: 865px;
    height: 365px;
    z-index: 2;
}

#pagerdiv {
    position: absolute;
    bottom: 8px;
    right: 10px;
    z-index: 10;
}

#hellopage #pagerdiv {
    bottom: 4px;
}

#pagerdiv a {
    width: 18px;
    height: 18px;
    background-color: #bababa;
    text-indent: -1999px;
    overflow: hidden;
    display: block;
    float: left;
    margin-left: 4px;
}

#pagerdiv a.activeSlide {
    background-color: #ffffff;
}