@charset "UTF-8";
/* CSS Document */

html {height:100%;}

body {margin:0px;background-color:#000;height:100%;font-family:Verdana, Geneva, sans-serif;color:#FFFFFF;height: 100% !important;height: 575px;min-height: 575px;}

h1 {font-size:17px;font-weight:normal;line-height:17px;margin:0 0 17px 0;display:none;}
p {font-size:12px;line-height:17px;margin:0 0 17px 0;}
.second a:link, .second a:visited {color:#FFF;}
.second a:hover {text-decoration:none;}

.first {float:left;width:40%;height:100%;background:#FFF;position:relative;}

.movelogo {position:absolute;left:20px;bottom:20px;cursor:pointer;}

.navigation {position:absolute;top:32%;right:12px;z-index:2;}
.navigation a {outline:none;}

ul.navbig {list-style-type:none;margin:0 0 5px 0;padding:0px;float:right;}
ul.navbig li {width:193px;height:28px;margin:0 0 2px 0;}
ul.navbig li a{text-indent:-9999px;display:block;height:100%;background-repeat:no-repeat;}
ul.navbig li a:hover{background-position:0px 0px;}
ul.navbig li a.strategy {background-image:url(../images/nav-strategy.gif);}
ul.navbig li.active a.strategy {background-image:url(../images/nav-strategy-active.gif);}
ul.navbig li a.brand {background-image:url(../images/nav-brand.gif);}
ul.navbig li.active a.brand {background-image:url(../images/nav-brand-active.gif);}
ul.navbig li a.communications {background-image:url(../images/nav-communications.gif);}
ul.navbig li.active a.communications {background-image:url(../images/nav-communications-active.gif);}
ul.navbig li a.new {background-image:url(../images/nav-new.gif);height:29px;}
ul.navbig li.active a.new {background-image:url(../images/nav-new-active.gif);}

ul.navsmall {list-style-type:none;margin:0px;padding:0px;float:right;clear:right;}
ul.navsmall li {width:84px;height:20px;margin:0px;}
ul.navsmall li a{text-indent:-9999px;display:block;height:100%;background-repeat:no-repeat;}
ul.navsmall li a:hover{background-position:0px 4px;}
ul.navsmall li a.about {background-image:url(../images/nav-about.gif);}
ul.navsmall li.active a.about {background-image:url(../images/nav-about-active.gif);}
ul.navsmall li a.clients {background-image:url(../images/nav-clients.gif);}
ul.navsmall li.active a.clients {background-image:url(../images/nav-clients-active.gif);}
ul.navsmall li a.contact {background-image:url(../images/nav-contact.gif);}
ul.navsmall li.active a.contact {background-image:url(../images/nav-contact-active.gif);}
ul.navsmall li a.voxblog {background-image:url(../images/nav-vox.gif);}

.second {float:left;width:60%;height:100%;position:relative;overflow:hidden;}
.bkgholder {height:100%;background:transparent url(../images/bkg.jpg) 0 50% no-repeat;}

.tab-content {position:absolute;left:-520px;width:500px;z-index:2;margin-left:20px;}
#strategy {top:31%;}
#brand {top:31%;}
#communications {top:31%;}
#new {top:31%;}
#about {top:14%;}
#clients {top:4%;}
#contact {top:31%;}

table {border-collapse:collapse;border-spacing:0;width:100%;vertical-align:middle;}

td {text-align:center;}
td.alignleft {text-align:left;}
td.alignright {text-align:right;}


@media only screen and (max-device-width:640px) and (orientation:landscape) {
	body {-webkit-text-size-adjust:100% !important;}
	.first, .second {height:600px;}
}

@media only screen and (orientation:portrait) {
	.bkgholder {height:100%;background:transparent url(../images/bkg-tall.jpg) 0 50% no-repeat;}
	p {font-size:15px;line-height:20px;margin:0 0 20px 0;}
	#about {top:19%;}
	#clients {top:20%;}
}