/* GLOBAL SETUP ================================================================== */
* { 
margin:0; 
padding:0;
}
option { 
padding:1px 0.5em 0 3px; 
}
body { 
font-size:100%;
color:#4f4d4d;
background:url(../_img/bg_footer.png) #ffffff no-repeat center bottom;
}
a { 
text-decoration:none;
color:#1899ba;
}
a:hover {
text-decoration:none;
}
img { 
border:0; 
}
fieldset { 
border:0;
}
ul {
list-style:none;
}

.fullwidth {
background:url(../_img/bg_header.png) repeat-x;
}
.container {
width:900px;
margin:0 auto;
overflow:hidden;
}

.header {
background:url(../_img/header.png) no-repeat 0 38px;
height:125px;
position:relative;
padding-top:52px;
}
.header h1 {
margin-left:23px;
}
.header p.strapline {
text-indent:-1000em;
}

ul.mainnavigation {
position:absolute;
top:0;
left:13px;
height:52px;
width:900px;
}
ul.mainnavigation li {
color:#FFFFFF;
float:left;
font:normal 18px 'Trebuchet MS', Arial, Helvetica, sans-serif;
text-transform:lowercase;
}
ul.mainnavigation a {
color:#FFFFFF;
display:block;
padding:0 1px 0 1px;
}
ul.mainnavigation a span {
display:block;
height:31px;
padding:7px 23px 0 23px;
}
ul.mainnavigation a:hover,
body.work ul.mainnavigation li.menu_work a,
body.services ul.mainnavigation li.menu_services a,
body.home ul.mainnavigation li.menu_home a {
background:url(../_img/mainnavigation_on.png) no-repeat top center;
padding-left:0;
padding-right:0;
}
body.work ul.mainnavigation li.menu_work a,
body.services ul.mainnavigation li.menu_services a,
body.home ul.mainnavigation li.menu_home a {
padding-bottom:13px;
}
ul.mainnavigation a:hover span,
body.work ul.mainnavigation li.menu_work a span,
body.services ul.mainnavigation li.menu_services a span,
body.home ul.mainnavigation li.menu_home a span {
border-left:1px solid #70bccf;
border-right:1px solid #70bccf;
}
.contact {
position:absolute;
top:0;
right:0;
width:205px;
color:#FFFFFF;
font:normal 11px/16px Tahoma, Arial, Helvetica, sans-serif;
background:url(../_img/bg_contact.png) no-repeat 20px 38px;
}
.contact h2 {
font:normal 18px 'Trebuchet MS', Arial, Helvetica, sans-serif;
text-transform:lowercase;
margin:7px 0 35px 0;
}
.contact dl {
text-transform:lowercase;
}
.contact p {
margin-top:13px;
}

.header_animation {
position:absolute;
left:140px;
top:51px;
width:100px;
height:123px;
}

.container2 {
width:850px;
margin:0 auto;
overflow:hidden;
}


.column_intro,
.column_project,
.column_services {
margin-top:40px;
margin-bottom:50px;
float:left;
}

.column_project h2,
.column_services h2 {
font:normal 18px 'Trebuchet MS', Arial, Helvetica, sans-serif;
text-transform:lowercase;
margin:75px 0 15px 0;
color:#1899ba;
}

.column_intro {
width:260px;
margin-right:50px;
margin-bottom:140px;
}
.column_intro h1 {
margin:0 0 15px 0;
font:normal 23px/32px Arial, Helvetica, sans-serif;
color:#1899ba;
}
.column_intro p {
margin:0 0 20px 0;
font:normal 18px 'Trebuchet MS', Arial, Helvetica, sans-serif;
}
.column_intro h2.button_next {
margin-top:10px;
}

.column_project {
margin-right:20px;
}
.featured {
width:240px;
background:url(../_img/bg_featured.png) no-repeat;
color:#FFFFFF;
padding:0 16px 0 0;
}
.featured:hover {
background-position:0 -281px;
}
.featured a {
color:#FFFFFF;
display:block;
}
.featured:hover a {
color:#FFFFFF;
}
.featured h3 {
font:normal 18px 'Trebuchet MS', Arial, Helvetica, sans-serif;
}
.featured h3 a {
padding:20px 0 5px 9px;
color:#656565;
border-bottom:1px solid #ececec;
}
.featured:hover h3 a {
border-bottom:1px solid #006882;
}
.featured img {
padding:20px 9px 41px 9px;
}


.column_services {
width:251px;
}
h2.button_next a {
background-image:url(../_img/button_next_long.png);
width:238px;
}

ul.services_nav li {
width:251px;
margin-bottom:9px;
font:normal 18px 'Trebuchet MS', Arial, Helvetica, sans-serif;
text-transform:lowercase;
}
ul.services_nav li a {
background:url(../_img/bg_service.png) no-repeat;
color:#656565;
display:block;
padding:12px 0 28px 12px;
}
ul.services_nav li.fluentstudios a {
background-image:url(../_img/bg_service_fs.png);
}
ul.services_nav li a:hover,
ul.services_nav li.active a {
background-position:0 -63px;
color:#FFFFFF;
}


.projectnavigation {
overflow:hidden;
margin:15px 0 20px 0;
}
.projectnavigation .button_prev {
float:left;
margin-left:10px;
}
.projectnavigation .button_next {
float:right;
margin-right:10px;
}
.projectnavigation .button_right {
float:right;
margin-right:7px;
}


.button_prev a,
.button_next a {
display:block;
font:normal 18px 'Trebuchet MS', Arial, Helvetica, sans-serif;
color:#FFFFFF;
height:27px;
width:135px;
padding-top:8px;
text-transform:lowercase;
}
.button_prev a:hover,
.button_next a:hover {
background-position:0 -35px;
}
.button_prev a {
padding-right:9px;
text-align:right;
background:url(../_img/button_prev.png) no-repeat;
}
.button_next a {
padding-left:9px;
background:url(../_img/button_next.png) no-repeat;
}
.button_prev a span,
.button_next a span {
font:normal 11px Tahoma, Arial, Helvetica, sans-serif;
}

ul.projectlist {
overflow:hidden;
min-height:450px;
margin:40px 0 50px 0;
}
ul.projectlist li {
background:url(../_img/bg_projectlist.png) no-repeat;
width:254px;
float:left;
margin:0 25px 40px 0;
}
ul.projectlist li:hover {
background-position:0 -226px;
}
ul.projectlist li:hover a {
color:#ffffff;
}
ul.projectlist li:hover h3 a {
border-bottom:1px solid #1d9bbb;
}
ul.projectlist li h3 {
font:normal 18px 'Trebuchet MS', Arial, Helvetica, sans-serif;
}
ul.projectlist li a {
display:block;
padding:0 11px 11px 11px;
}
ul.projectlist li h3 a {
color:#666666;
padding:5px 0 3px 10px;
width:232px;
margin-bottom:9px;
border-bottom:1px solid #ececec;
}

.projecttitle {
border-top:1px solid #ececec;
border-bottom:1px solid #ececec;
margin-bottom:15px;
padding:10px 0 15px 0;
}
.projecttitle h1 {
font:normal 30px Arial, Helvetica, sans-serif;
color:#1899ba;
margin-bottom:20px;
}
.projecttitle dl {
font:bold 14px Arial, Helvetica, sans-serif;
}
.projecttitle dt {
font:normal 11px Tahoma, Arial, Helvetica, sans-serif;
margin:8px 0 2px 0;
}

.column_content {
float:left;
width:340px;
margin-right:40px;
margin-bottom:50px;
}


.column_content p,
.column_content ul {
font:normal 14px/21px Arial, Helvetica, sans-serif;
margin-bottom:15px;
}
.column_content h2 {
font:normal 23px Arial, Helvetica, sans-serif;
margin:30px 0 30px 0;
color:#464444;
border-top:1px solid #ececec;
padding-top:15px;
}
.column_content h3 {
font:bold 14px/21px Arial, Helvetica, sans-serif;
margin-bottom:15px;
}

body.clients .column_content h2 {
width:850px;
}

body.work ul.services_nav {
margin-top:20px;
}

body.services ul.services_nav {
float:left;
margin:30px 60px 200px 0;
}
body.services .column_content {
width:530px;
margin-right:0;
}
body.services .column_content p {
margin-right:100px;
}
.column_content a {
font-weight:bold;
}
.column_content a:hover {
border-bottom:1px solid;
}
.column_content li {
margin:0 0 6px 40px;
}

.column_screens blockquote {
font:bold 14px/20px Arial, Helvetica, sans-serif;
border-top:1px solid #ececec;
border-bottom:1px solid #ececec;
color:#464444;
padding:10px 70px 10px 20px;
text-indent:-7px;
margin-top:30px;
}
.column_screens cite {
display:block;
font:bold 14px/20px Arial, Helvetica, sans-serif;
color:#464444;
margin:7px 0 0 20px;
}
.column_screens cite span {
font:normal 11px Tahoma, Arial, Helvetica, sans-serif;
}

.column_screens {
float:left;
width:470px;
background:url(../_img/bg_screens.png) no-repeat;
margin-bottom:150px;
position:relative;
}
.videos {
background-image:url(../_img/bg_videos.png);
}
.column_screens p {
margin:10px;
}
ul.screenthumbs {
overflow:hidden;
margin:15px 0 0 0;
}
ul.screenthumbs li {
float:left;
margin-right:7px;
}
ul.screenthumbs li a {
display:block;
padding:21px 8px 8px 8px;
}
img.largescreen {
position:absolute;
left:-1000px;
visibility:hidden;
}
ul.screenthumbs a {
background:url(../_img/bg_screenthumb.png) no-repeat;
}
ul.screenthumbs a:hover {
background-position:0 -123px;
}
ul.screenthumbs a:hover img.largescreen {
visibility:visible;
top:10px;
left:10px;
border:0;
}
.videobox {
margin:10px;
}

.footer {
clear:both;
height:130px;
color:#FFFFFF;
font:normal 11px/16px Tahoma, Arial, Helvetica, sans-serif;
padding-top:15px;
}
.footer a,
.contact a {
color:#ecfa52;
}
.footer a:hover,
.contact a:hover {
border-bottom:1px solid;
}
.footer .footer_column1 {
float:left;
}
.footer p {
margin-top:12px;
}
.footer ul {
font:normal 18px 'Trebuchet MS', Arial, Helvetica, sans-serif;
text-transform:lowercase;
}
.footer ul li {
margin-bottom:4px;
}
.footer .footer_column2 {
float:left;
margin-left:535px;
}
.footer dl {
text-transform:lowercase;
width:185px;
}
.footer dt,
.contact dt {
float:left;
margin:0 5px 0 0;
font-weight:bold;
}
.footer p a,
.contact p a {
background:url(../_img/arrow_green.gif) no-repeat right 5px;
padding-right:6px;
text-transform:lowercase;
}