*{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 1.6 multiple;
	text-decoration: none;
	list-style-type: none;
}
body {
	padding: 0;
	margin: 0;
}


/* Containers
----------------------------------------------------------------------------------------------------*/
.container_16 {
	width: 960px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 0px;
}

/* Grid >> Global
----------------------------------------------------------------------------------------------------*/
.grid_1,
.grid_2,
.grid_3,
.grid_4,
#nav {
	width: 160px;
	list-style:none;
	float: left;
	line-height: none;
}
.nav {
	color: #474747;
	background-color: #ffffff;
	display: block;
	height: 10000px;
	padding-top: 0px;
	padding-bottom: 3px;
	padding-left: 2px;
}

#nav ul
{
	margin-left: 10;
	padding-left: 0px;
	list-style-type: none;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	font-size: 11px;
	line-height: 1.6 multiple;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	margin-left: 3px;
	margin-right: 0px;
	margin-bottom: 3px;
	text-decoration:none;
	margin-top: 0px;
}

#nav li
{
	font-size: 11px;
	line-height: 1.6 multiple;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0;
	margin-top: 3px;
	margin-right: 0px;
	margin-bottom: 3px;
	text-decoration:none;
}

.nav selected { font-style: bold;
}

#nav a
{
	display: block;
	padding: 3px;
	width: auto;
/* border-bottom: 1px solid #eee;*/
}

#nav a:link, #navlist a:visited
{
text-decoration: none;
padding-left: 5px;
}


.print {
	color: #474747;
	background-color: #CDCDCD;
	display: block;
	text-transform: uppercase;
	padding-left: 5px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 2px;
}
#nav .print a:hover {
background-color: #ff0000;
color:#000000;
}

.recent {
	color: #D0D969;
	background-color: #CDCDCD;
	display: block;
	text-transform: uppercase;
	padding-left: 5px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 2px;
}
#nav .recent a:hover {
background-color: #D0D969;
color:#000000;
}
.info {
	color: #474747;
	background-color: #CDCDCD;
	display: block;
	text-transform: uppercase;
	padding-left: 5px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 2px;
}
#nav .info a:hover {
background-color: #FD9C13;
color:#333333;
}
.web {
	background-color: #CDCDCD;
	display: block;
	color: #474747;
	text-transform: uppercase;
	padding-left: 5px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 2px;
	}
#nav .web a:hover {
background-color:#b802ee;
color:#333333;
}
.art {
	background-color: #CDCDCD;
	display: block;
	color: #474747;
	padding-left: 5px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 2px;
	list-style-type: none;
}
#nav .art a:hover { 
background-color: #eeed02;
color: #707070;
}
.threed {
	background-color: #CDCDCD;
	display: block;
	color:#474747;
	padding-left: 5px;
padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 2px;
}
#nav .threed a:hover {
	background-color:#64b707;
	color: #E5E5E5;
	text-decoration: none;
}
.concept {
	background-color: #CDCDCD;
	display: block;
	color:#474747;
	padding-left: 5px;
padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 2px;
}
#nav .concept a:hover {
background-color:#00bfde;
color:#EDEDED;
}

.idea {
	background-color: #CDCDCD;
	display: block;
	color:#474747;
	padding-left: 5px;
padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 2px;
}
#nav .idea a:hover {
background-color:#B802EE;
color:#cccccc;
}


.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12,
.grid_13,
.grid_14,
.grid_15,
.grid_16{
	display:inline;
	float: right;
	position: relative;
	padding-bottom:40px;
}

/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha {
	margin-left: 0;
}

.omega {
	margin-right: 0;
}

/* Grid >> 2 Columns
----------------------------------------------------------------------------------------------------*/
    .container_16 .grid_1 {
	width:40px;
}
    .container_16 .grid_2 {
	width:100px;
}
    .container_16 .grid_3 {
	width:140px;
}
    .container_16 .grid_4 {
	width:220px;
}
    .container_16 .grid_5 {
	width:280px;
}
    .container_16 .grid_6 {
	width:340px;
}
    .container_16 .grid_7 {
	width:400px;
}
    .container_16 .grid_8 {
	width:460px;
}
    .container_16 .grid_9 {
	width:520px;
}
    .container_16 .grid_10 {
}
    .container_16 .grid_11 {
	width:640px;
}
    .container_16 .grid_12 {
	width:700px;
}
    .container_16 .grid_13 {
	width:760px;
	padding-top: 0px;
	padding-bottom: 20px;
}
    .container_16 .grid_14 {
	width:820px;
}
    .container_16 .grid_15 {
	width:880px;
}
    .container_16 .grid_16 {
	width:940px;
}




/* Prefix Extra Space >> 2 Columns
----------------------------------------------------------------------------------------------------*/
    .container_16 .prefix_1 {
	padding-left:60px;
}
    .container_16 .prefix_2 {
	padding-left:120px;
}
    .container_16 .prefix_3 {
	padding-left:180px;
}
    .container_16 .prefix_4 {
	padding-left:240px;
}
    .container_16 .prefix_5 {
	padding-left:300px;
}
    .container_16 .prefix_6 {
	padding-left:360px;
}
    .container_16 .prefix_7 {
	padding-left:420px;
}
    .container_16 .prefix_8 {
	padding-left:480px;
}
    .container_16 .prefix_9 {
	padding-left:540px;
}
    .container_16 .prefix_10 {
	padding-left:600px;
}
    .container_16 .prefix_11 {
	padding-left:660px;
}
    .container_16 .prefix_12 {
	padding-left:720px;
}
    .container_16 .prefix_13 {
	padding-left:780px;
}
    .container_16 .prefix_14 {
	padding-left:840px;
}
    .container_16 .prefix_15 {
	padding-left:900px;
}


/* Suffix Extra Space >> 2 Columns
----------------------------------------------------------------------------------------------------*/
    .container_16 .suffix_1 {
	padding-right:60px;
}
    .container_16 .suffix_2 {
	padding-right:120px;
}
    .container_16 .suffix_3 {
	padding-right:180px;
}
    .container_16 .suffix_4 {
	padding-right:240px;
}
    .container_16 .suffix_5 {
	padding-right:300px;
}
    .container_16 .suffix_6 {
	padding-right:360px;
}
    .container_16 .suffix_7 {
	padding-right:420px;
}
    .container_16 .suffix_8 {
	padding-right:480px;
}
    .container_16 .suffix_9 {
	padding-right:540px;
}
    .container_16 .suffix_10 {
	padding-right:600px;
}
    .container_16 .suffix_11 {
	padding-right:660px;
}
    .container_16 .suffix_12 {
	padding-right:720px;
}
    .container_16 .suffix_13 {
	padding-right:780px;
}
    .container_16 .suffix_14 {
	padding-right:840px;
}
    .container_16 .suffix_15 {
	padding-right:900px;
}


/* Push Space >> 2 Columns
----------------------------------------------------------------------------------------------------*/
    .container_16 .push_1 {
	left:60px;
}
    .container_16 .push_2 {
	left:120px;
}
    .container_16 .push_3 {
	left:180px;
}
    .container_16 .push_4 {
	left:240px;
}
    .container_16 .push_5 {
	left:300px;
}
    .container_16 .push_6 {
	left:360px;
}
    .container_16 .push_7 {
	left:420px;
}
    .container_16 .push_8 {
	left:480px;
}
    .container_16 .push_9 {
	left:540px;
}
    .container_16 .push_10 {
	left:600px;
}
    .container_16 .push_11 {
	left:660px;
}
    .container_16 .push_12 {
	left:720px;
}
    .container_16 .push_13 {
	left:780px;
}
    .container_16 .push_14 {
	left:840px;
}
    .container_16 .push_15 {
	left:900px;
}




/* Pull Space >> 2 Columns
----------------------------------------------------------------------------------------------------*/
    .container_16 .pull_1 {
	right:60px;
}
    .container_16 .pull_2 {
	right:120px;
}
    .container_16 .pull_3 {
	right:180px;
}
    .container_16 .pull_4 {
	right:240px;
}
    .container_16 .pull_5 {
	right:300px;
}
    .container_16 .pull_6 {
	right:360px;
}
    .container_16 .pull_7 {
	right:420px;
}
    .container_16 .pull_8 {
	right:480px;
}
    .container_16 .pull_9 {
	right:540px;
}
    .container_16 .pull_10 {
	right:600px;
}
    .container_16 .pull_11 {
	right:660px;
}
    .container_16 .pull_12 {
	right:720px;
}
    .container_16 .pull_13 {
	right:780px;
}
    .container_16 .pull_14 {
	right:840px;
}
    .container_16 .pull_15 {
	right:900px;
}


/* Clear Floated Elements
----------------------------------------------------------------------------------------------------*/


.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}


.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}
#content #description {
	font-size: 0.8em;
	color: #333333;
	float: left;
}


#header {
	height: 205px;
	width: 960px;
	color: #993399;
	background-image: url(images/header-work.jpg);
	background-position: top;
	margin-top: 0;
}

#header a.active {
color: #CCFF00;
text-decoration:none;
}

#header h1 {
	background: url(header.gif) top left no-repeat; /*stoopid ie*/
	position: relative;
	cursor: move;
	width: 155px;
	left: 250;
	top: 100;
}
#header ul {
	list-style: none;
	color: #666666;
	margin: 0px;
	position: relative;
	height: 50px;
	width: 400px;
	top: 155px;
	font-size: 14px;
	font-weight: bold;
	border: none;
	left: -50px;
	text-transform: uppercase;
}
#header li {
	display: inline;
	padding-top: 15px;
	padding-right: 15px;
	padding-left: 15px;
	padding-bottom: 15px;
	color: #333333;
}

#container #header #header a {
	color: #666666;
}

.work-web {
	background-color: #b802ee;
	list-style-type: none;
	text-transform: uppercase;
	padding-top: 3px;
	padding-bottom: 3px;
}
.work-art {
	background-color: #eeed02;
	color: #707070;
	list-style-type: none;
	text-transform: uppercase;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 5px;
}
.work-print {
	background-color: #ff0000;
	color: #000000;
	list-style-type: none;
	text-transform: uppercase;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 5px;
}
.work-recent {
	background-color: #D0D969;
	color: #000000;
	list-style-type: none;
	text-transform: uppercase;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 5px;
}
.work-threed {
	background-color: #64b707;
	color: #e5e5e5;
	list-style-type: none;
	text-transform: uppercase;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 5px;
}
.work-concept {
	background-color: #00bfde;
	color: #ededed;
	list-style-type: none;
	list-style-type: none;
	text-transform: uppercase;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 5px;
	}
.work-info {
	background-color: #ff530d;
	color: #333333;
	list-style-type: none;
	list-style-type: none;
	text-transform: uppercase;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 5px;
}
.work-idea {
	background-color: #b802ee;
	color: #cccccc;
	list-style-type: none;
	list-style-type: none;
	text-transform: uppercase;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 5px;
}
.bv{
	background-color: #666666;
	color: #000;
	list-style-type: none;
	list-style-type: none;
	text-transform: uppercase;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 5px;
}

.search{
	background-color: #ccc;
	color: #000;
	list-style-type: none;
	list-style-type: none;
	text-transform: uppercase;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 5px;
}
#container #content #work-container {
	width: 760px;
}
#container #content-visual {
	width: 760px;
}
#container #content #visual-container #work {
	width: 760px;
}
#container #content #visual-container #description-visual {
	float: left;
}
#container #content #work-container-visuals #description {
	width: 100%;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	background-position: center center;
}
#container #content #work-container #work-visuals img {
	padding-bottom: 20px;
}
#container #content #work-container-visuals #work img {
	padding-bottom: 20px;
}
#container #content #work-container-visuals #work img {
	background-position: center;
	display: block;
	margin-right: auto;
	margin-left: auto;
}

