@charset "utf-8";
/* CSS Document */
@font-face {
 font-family: gillsans;
 src: url("../fonts/gil.eot") /* EOT file for IE */
}
@font-face {
 font-family: gillsans;
 src: url("../fonts/gil.ttf") /* TTF file for CSS3 browsers */
}
@font-face {
 font-family: gillsans-bold;
 src: url("../fonts/gil_b.eot") /* EOT file for IE */
}
@font-face {
 font-family: gillsans-bold;
 src: url("../fonts/gil_b.ttf") /* TTF file for CSS3 browsers */
}
@font-face {
 font-family: gillsans-light;
 src: url("../fonts/gil_l.eot") /* EOT file for IE */
}
@font-face {
 font-family: gillsans-light;
 src: url("../fonts/gil_l.ttf") /* TTF file for CSS3 browsers */
}


* {margin:0; padding:0; line-height:1em;}

html,body {height:100%; margin:0; padding:0; overflow:hidden}

body {text-align:center; min-width:990px; min-height:550px; background:#fff;}

img {border:none;}

#vertical {float:left; height:50%; margin-top:-300px;/* half vertical height*/ width:100%;}
#hoz {width:990px; margin:0 auto; height:600px; clear:both; border:#C9C9C9 1px solid;}

.clear {clear:both}

/*----------------NAV---------------------*/
#nav {width: 322px; height: 326px; background: url(../images/nav.png); margin: 10px auto; padding: 0; position: relative;}

#nav li {margin: 0; padding: 0; list-style: none; display: block; position: absolute;}

#nav a {display: block;}

#home {left: 135px;	top: 137px; width: 80px;	height: 80px;}
#creative {left: 174px; top: 0px; width: 80px; height: 80px;}
#services {left: 242px; top: 98px; width: 80px; height: 80px;}
#process {left: 196px; top: 232px; width: 80px; height: 80px;}
#contact {left: 63px; top: 245px; width: 80px; height: 80px;}
#news {left: 0px; top: 142px; width: 80px; height: 80px;}

#home a {height: 80px;}
#creative a {height: 80px;}
#services a {height: 80px;}
#process a {height: 80px;}
#contact a {height: 80px;}
#news a {height: 80px;}

#home a:hover {background: url(../images/nav.png) -135px -463px no-repeat;}
.homeactive {background: url(../images/nav.png) -135px -463px no-repeat;}

#creative a:hover {background: url(../images/nav.png) -174px -326px no-repeat;}
.creativeactive {background: url(../images/nav.png) -174px -326px no-repeat;}

#services a:hover {background: url(../images/nav.png) -242px -423px no-repeat;}
.servicesactive {background: url(../images/nav.png) -242px -423px no-repeat;}

#process a:hover {background: url(../images/nav.png) -196px -558px no-repeat;}
.processactive {background: url(../images/nav.png) -196px -558px no-repeat;}

#contact a:hover {background: url(../images/nav.png) -63px -571px no-repeat;}
.contactactive {background: url(../images/nav.png) -63px -571px no-repeat;}

#news a:hover {background: url(../images/nav.png) 0 -468px no-repeat;}
.newsactive {background: url(../images/nav.png) 0 -468px no-repeat;}

/*-----------------TYPOGRAPHY--------------------------*/

p, li {font: normal 15px gillsans-light; line-height:1.3; color:#707070; margin:0 0 15px; padding-right:20px}

li {margin-left:18px; list-style:square; list-style-type:square; color:#707070; }
li span {color:#707070; line-height:1.3;}
li span strong {color:#F78F1E; line-height:1.3; font-weight:bold}

ul.oneline li {margin:0 18px 5px; padding-right:20px}

a {font: normal 15px gillsans; color:#F78F1E; text-decoration:none; border:none}

a:hover {color:#666}

h1 {font: normal 22px gillsans; color:#F78F1E; margin:0 0 15px}
h2 {font: normal 18px gillsans; color:#F78F1E; margin:0}

#header {width:990px; height:90px; border-bottom:#C9C9C9 solid 8px; background:#000 url(../images/home_hd_bkg.png) no-repeat;}
#leftside {float:left; width:322px; height:362px; padding:50px 40px 40px 40px;}
#rightside {float:left; height:360px; margin:40px 40px 40px 0; text-align:left; /*background:#3FF*/}

#creative li {margin: 0; padding:0 0 10px 0; list-style: none; display: block; float:left; }

div#noscroller {width:548px; height:360px;}
div#scroller {width:537px; height:360px; }

div.scrolla_targetContainer{}
div.scrolla_target{height:auto; margin-bottom:10px;}
div.scrolla_sliderBackground{ background:#c9c9c9; }
div.scrolla_cursor{ height:26px; background:#F78F1E; }
div#noscroller p {padding-right:0}