/* General styles */
body {
	margin:0;
	padding:0;
	border:0;
	width:100%;
	background:#000;
	font-family: "Helvetica Neue",Helvetica,Arial,"Lucida Grande",Sans-Serif;
	font-family: sans-serif, arial, helvetica;
	font-size:13px;
    }
/* Page styles */
#page   {
	margin: 45px 20px 0;
	z-index:10;
    }
img {
	border: 0px;
	float:right;
	clear: both;
	margin: 10px 0 10px 10px;
	}
img.width_55 {
	width:55%;
	max-width:580px;
	}
img.width_35 {
	width:35%;
	max-width:400px;
	}
img.width_17 {
	width:17%;
	max-width:170px;
	}
ul {
	padding: 0px;
    }
ul  li{
    display: list-item;
    float: left;
    list-style-position:inside; 
	padding-left: 7px;
}
p {
    margin: 0 -2%;
    padding: 5px 2% 10px;
	font-size: 12px;
	color:#aaa;
	background-image:url('images/bg2.png');
	background-repeat: repeat;
	}
p.artists   {
    line-height: 16px;
    }
a {
	outline:none;
}
h1, h2, h3, h4  {
	margin:0.4em 0 0.2em;
	color:#ccc;
}
.bg{
    position:fixed;
	left: 0;
	bottom: 0;
    margin:0;
    z-index:-100;
    text-align:left;
}
.bg img{
    width: 100%;
    margin:0;
    float:none;
    clear:none;
}
/* header */
#header {
    width: 100%;
    }
#header_top1 {
    float: left;
    width: 35%;
    padding: 0 2.5% 10px;
    position: fixed;
    min-width: 350px;
    } 
#header_top2 {
    float: right;
    width: 55%;
    padding: 0 2.5% 10px;
    }
#header_bot1 {
    float: left;
	width: 35%;
    padding: 0 2.5%;
    position: fixed;
    min-width: 350px;
	}
#header_bot2 {
    float: right;
    width: 55%;
    padding: 0 2.5%;
	}
/* menu */
#menu {
	width: 100%;
	margin-top: 25px;
	}
#menu_1 {
	float:left;
	width: 35%;
	text-align: left;
    padding: 0 2.5%;
    position: fixed;
	}
#menu_2 {
    float: right;
	width: 35%;
	text-align:left;
    padding: 0 2.5%;
	}
#menu_3 {
    float: right;
	width: 15%;
	text-align:left;
    padding: 0 2.5%;
	}
#menu_work_1 {
	float: left;
	width: 55%;
    padding: 0 5% 0 0;
	}
#menu_work_2 {
	float: left;
	width: 35%;
	}
#menu_info_1 {
	float: left;
	width: 18%;
    padding: 0 5% 0 0;
	}
#menu_info_2 {
	float: left;
    padding: 0 5% 0 0;
	width: 20%;
	}
#menu_info_3 {
	float: left;
	width: 18%;
	}
.menu_title {
	color: #777;
	padding-bottom: 5px;
	margin-bottom: 4px;
	border-bottom: 1px solid #555;
	}
/* video frame styles */
#iframe {
    width:100%;
    text-align:center;
    padding: 10px 0;
    }
.iframe  {
	border: 1px solid #555;
    }
/* footer */
#footer {
    float: left;
    clear:both;
    width: 35%;
    position: fixed;
    bottom: 0;
    min-width: 350px;
    padding:0 10px;
    } 
#footer p {
	color:#000;
	background:none;
	margin: 0;
    padding: 5px 0;
	}
#footer a {
	color:#000;
	background:none;
	margin: 0;
	}
#footer a.hover {
	color:#000;
	background:none;
	margin: 0;
	}
#footer a.link {
	color:#000;
	background:none;
	margin: 0;
	}
#address {
	text-align: left;
	float: left;
	width: 735px;
	}
#copyright {
	text-align: right;
	float: left;
	width: 200px;
	}
/* content */
#container {
	width: 100%;
	margin-top: 45px;
	}
#dummy_column {
    float: left;
    width: 35%;
    padding: 0 2.5%;
	}
#column {
	width: 55%;
	float: right;
	text-align: left;
	margin: 0 0.5%;
    padding: 0 2%;
	}
#col1 {
	width: 35%;
	float: left;
	text-align:left;
	padding-right: 5%;
	}
#col2 {
	width: 200px;
	float: left;
	text-align:left;
	padding-right: 45px;
	}
#col3 {
	width: 200px;
	float: left;
	text-align:left;
	padding-right: 45px;
	}
#col4 {
	width: 200px;
	float: left;
	text-align:left;
	padding-right: 45px;
	}
#col3_span {
	width: 690px;
	float: left;
	text-align: left;
	padding-right: 45px;
	}
#c-inner_one {
	width: 200px;
    float: left;
	text-align: left;
	padding-right: 45px;
	}
#c-inner_two {
	width: 200px;
	float: left;
	text-align: left;
	padding-right: 45px;
		}
#c-inner_three {
	width: 200px;
	float: left;
	text-align: left;
	}
.image {
	padding-bottom: 30px;
	}
.image_holder {
	padding-bottom: 8px;
	margin-bottom: 6px;
	}
br.clearer {
	clear: both;
	}
/* extended_view */
#ev_header {
    width: 980px;
	position: fixed;
	top: 45px;
	}
#ev_sidebar {
	width: 200px;
	position: fixed;
	top: 245px;
	}
#ev_sidebar_1 {
	width: 200px;
	margin-bottom: 30px;
	}
#ev_sidebar_2 {
	width: 200px;
	margin-bottom: 30px;
	}
#ev_sidebar_3 {
	width: 200px;
	}
#ev_rightbar {
	width: 200px;
	position: fixed;
	left: 788px;
	top: 245px;
	}
#ev_rightbar_1 {
	width: 200px;
	margin-bottom: 30px;
	}
#ev_rightbar_2 {
	width: 200px;
	}
#ev_content {
	width: 445px;
	position: absolute;
	left: 290px;
	top: 245px;
	}
.ev_image {
	padding-bottom: 45px;
	}
/* type */
.normal {
	color: #aaa;
	}
.normal_line {
	color: #aaa;
	padding-bottom: 4px;
	margin-bottom: 6px;
	}
.small {
	font-size:9px;
	}
.index {
	color: #339999;
	}
.posters {
	color: #3d95b5;
	}
.packaging {
	color: #a165b7;
	}
.interactive {
	color: #ea609b;
	}
.product_design {
	color: #927045;
	}
.print_collateral {
	color: #b3981c;
	}
.logo_brand {
	color: #d94444;
	}
.identity_systems {
	color: #549661;
	}
.illustration {
	color: #ea7135;
	}
.title {
	font-family: arial, helvetica, sans-serif;
	font-weight: bold;
	font-size: 20px;
	color: #bbb;
	}
.title_line {
	font-family: arial, helvetica, sans-serif;
	font-weight: bold;
	color: #777;
	padding-bottom: 6px;
	margin-bottom: 6px;
	border-bottom: 1px solid #555;
	}
a:link {
	text-decoration: none;
	color: #aaa;
	}
a:visited {
	text-decoration: none;
	color: #aaa;
	}
a:hover {
	text-decoration: underline;
	color: #aaa;
	}
a:active {
	text-decoration: none;
	color: #aaa;
	}
.menu:link {
	text-decoration: none;
	color: #aaa;
	}
a.menu:visited {
	text-decoration: none;
	color: #aaa;
	}
a.menu:hover {
	text-decoration: underline;
	color: #aaa;
	}
a.menu:active {
	text-decoration: none;
	color: #aaa;
	}
a.title:link {
	font-family: arial, helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
	color: #bbb;
	}
a.title:visited {
	font-family: arial, helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
	color: #bbb;
	}
a.title:hover {
	font-family: arial, helvetica, sans-serif;
	font-weight: bold;
	text-decoration: underline;
	color: #bbb;
	}
a.title:active {
	font-family: arial, helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
	color: #bbb;
	}

#portfolio  {
    border: 0;
    width: 100%;
    }   
#portfolio p    {
	font-size: 8pt;
	padding: 4px 2% 5px;
    }    
#portfolio i, a    {
	font-size: 8pt;
	color:#555;
    }
#portfolio img    {
	max-width: 135px;
	max-height:135px;
	width: 100%;
	margin: 5px 0;
    }
#portfolio table    {
	width: 100%;
    }
.projectSub {
	font-weight: bold;
	color: #BD8203;
	font-size: 8pt;
    }
.projectSub a {
	color: #BD8203;
    }
.projectTitle   {
	font-size: 9pt;
    }
.td_40 {
	padding: 3px 5px 15px;
	vertical-align:top;
    width:35%;
    }
.td_10 {
	padding: 0 5px 15px;
	vertical-align:top;
    width:15%;
    }
#vpresence  {
     width:32px;
     height:21px;
     position:fixed;
     bottom:0;
     right:0;
     margin:10px;
     }