html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
}

:focus {
    outline: 0;
}

body {
    line-height: 1;
    color: black;
    background: white;
    font-size: 62.5%;
    width: 780px;
    padding: 86px 10px 10px 160px;
    font-family: Arial, Helvetica, Verdana, sans-serif;
    margin: 0 auto;
}

ol, ul {
    list-style: none;
}

table {
    border-collapse: separate;
    border-spacing: 0;
}

caption, th, td {
    text-align: left;
    font-weight: normal;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
    font-size: 1em;
}

h1 {
  width: 141px;
  height: 140px;
  position: absolute;
  top: -55px;
  left: -160px;
}

h1 a {
  background: url(images/dgtl.png) 0 0 no-repeat;
  text-indent: -1000em;
  display: block;
  height: 140px;
}

strong {
	font-weight: bold;
}

dl {
	font-size: 1.3em;
	line-height: 1.5em;
	margin: 0 0 1em 0;
}

dt {
	font-weight: bold;
	color: #000;
}

dd {
	margin: 0 0 1.5em 0;
}

#header {
    position: relative;
}

#header h2 {
    visibility: hidden;
    height: 0;
}

#contact {
    position: absolute;
    color: #999;
    font-size: 1.2em;
    top: -55px;
    right: 0;
    font-weight: bold;
    text-align: right;
}

#contact dt {
    display: inline;
    color: #0cf;
    margin: 0 11px 0 20px;
}

#contact dd {
    display: inline;
}

#contact dd a {
	color: #999;
	text-decoration: none;
}

#contact dd a:hover {
	color: #0cf;
}

#navigation {
    overflow: hidden; /* clear floats*/
    position: relative;
    padding-bottom: 3.3em;
    margin: 0 -25px 25px 0;
}

#navigation li {
    float: left;
}

#navigation a {
    text-decoration: none;
    color: #ccc;
    font-size: 4.7em;
    font-weight: bold;
    display: block;
    margin-right: 0.445em;
}

#navigation a.active,
#navigation a.active:hover {
    color: #707070;
    cursor: default;
}

#navigation a:hover {
    color: #0cf;
}

#navigation li ul {
    position: absolute;
    bottom: 5px;
    left: 0;
}

#navigation li ul a {
    font-size: 2.4em;
    margin-right: 0.5em;
}



#content {
    color: #666;
    float: left;
    margin: 0 0 100px 0;
}

#content p {
    font-size: 1.3em;
    margin: 0 0 1.5em 0;
    line-height: 1.5;
}

#content ul, #content ol {
    font-size: 1.3em;
    margin: 0 0 1em 0;
    list-style-position: inside;
}

#content li {
    margin: 0.5em 0;
}

#content ul {
    list-style-type: circle;
}

#content ol {
    list-style-type: lower-roman;
}



#content h2, #content h3 {
    color: #666;
    font-weight: bold;
    line-height: 1.2em;
}

#content h2 {
    margin: 1.625em 0 0.81em 0; /* 39px 0 19.5px 0 */
    font-size: 2.4em;
    color: #0cf;
}

#content h3 {
    margin: 1.5em 0 0 0;
    color: #333;
    font-size: 1.3em;
    line-height: 1.5em;
}

#content h3 a {
	color: #333;
}

#content h2 a {
	color: #0cf;
}

#content h2 a:hover {
	color: #000;
}

#content h4 {
	font-size: 1.3em;
	font-weight: bold;
	margin: 1.5em 0 0 0;
}

#content a {
    color: #000;
    text-decoration: none;
}

#content a:hover {
	color: #0cf;
}

#primary {
    width: 460px;
    margin-right: 20px;
    float: left;
}

#content p.sub-head {
    font-size: 2.4em;
    line-height: 1.2em;
    font-weight: bold;
    color: #999;
    margin: 0 0 0.813em 0;
}

#content blockquote {
    background: url(images/bltl.png) 0 9px no-repeat;
    margin: -1em 0 -1em -55px;
    padding: 2em 0 2em 55px;
    font-size: 1.2em;
}

#content blockquote p {
    font-size: 2em;
    font-weight: bold;
    color: #999;
    margin: 0;
}

#content blockquote p span {
    background: url(images/blbr.png) right bottom no-repeat;
    display: inline-block;
    width: 43px;
    height: 34px;
    margin: 0 0 -20px 10px;
}

#content blockquote p.cite {
    color: #666;
    font-size: 1em;
    margin: 1em 0 0 0;
}

#secondary {
    width: 300px;
    float: right;
}

#content .posted {
    color: #999;
}

#content .two .column {
    width: 300px;
}

#content .three .column {
    width: 140px;
}

#content .columns {
    overflow: auto;
    margin: 1.5em 0;
}

#content .columns .column {
    margin: 0 0 0 20px;
    float: left;
}

#content .columns .one {
    margin: 0;
}

#content .columns ul {
	list-style: none;
	list-style-position: outside;
}

#content .columns h3 {
	margin: 0;
}




.one-column #content {
    float: none;
    position: relative;
}

.one-column #content p.aside,
.one-column #content p.aside-below,
.one-column #content p.aside-above,
.one-column #content p.aside-right,
.one-column #content p.aside-left,
.one-column #content p.aside-far-left {
	width: 140px;
	margin: 0;
	font-size: 1.1em;
}

.one-column #content p.aside-below {
    text-indent: 12px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAGCAMAAAA40HREAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAACRQTFRFcHBw9vb22dnZs7OzlpaWeXl5g4OD7OzsxsbGoKCg////ZmZm5HpcXgAAACtJREFUeNocxckBACAMw7Bwt87++0LRRwLmAUE467bs/h62NzouofzrCjAAIuABeLvChaQAAAAASUVORK5CYII=) 0px 5px no-repeat;
}

.one-column #content p.aside-above {
    text-indent: 12px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAGCAMAAADJ2y/JAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABtQTFRFcHBw7Ozs9vb22dnZxsbGs7OzlpaWZmZm////jvqklAAAACtJREFUeNocxrcBAAAMwjBS4f+LUxiMEPwF1PctyA62UJGlgwP+UOZmBBgAH9EBKxM1C6IAAAAASUVORK5CYII=) 0px 5px no-repeat;
}

.one-column #content p.aside-right {
	 text-indent: 12px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAMAAADzjKfhAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAACFQTFRF7OzsvLy80NDQeXl5cHBw9vb22dnZqampjIyMZmZm////cY0+HgAAAC9JREFUeNokykECACAIAkFKU+H/D86Sw84F6G0nuigWdJJsw/lV2CgtH/tSV4ABACtUAYiBzTqZAAAAAElFTkSuQmCC) 0px 5px no-repeat;
}

.one-column #content p.aside-left {
    text-indent: 12px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAICAMAAAAC2hU0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAACRQTFRFlpaW0NDQoKCgjIyMcHBw9vb22dnZxsbG7Ozss7OzZmZm////cf1XHAAAADBJREFUeNpi4GDlBgEGThZ2CM3FxcwGobm4mDggNAsjmOZkBYkzcIDUsbOB9QEEGAA+dgHyjN67cAAAAABJRU5ErkJggg==) 0px 5px no-repeat;
}

.one-column #content p.aside-far-left {
    text-indent: 20px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAHCAMAAADgW+cVAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAC1QTFRFlpaWvLy8jIyMxsbGs7Ozg4OD4+PjcHBw7Ozs9vb2qampeXl52dnZZmZm////o30a8gAAAEFJREFUeNokzEkOwDAMAsAkTbOa/v+5BczB0gjhMs7+nLJ8A/OxATU08IaNWdOsbOCm+063JecnlqG9rsIx8wswAA5KBNufog7BAAAAAElFTkSuQmCC) 0px 5px no-repeat;
}



/* Work intro page */

.introthumb {
    position: relative;
    background: #fff url(images/ajax-loader.gif) 50% 50% no-repeat;
    width: 140px;
    height: 150px;
    overflow: hidden;
}

.introthumb div {
    position: absolute;
    left: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.8);
    width: 100%;
    
	 bottom: -100px;
}

#content .introthumb div a { 
	display: block; 
   font-weight: bold;
   color: #fff;
   font-size: 1.2em;
   padding: 10px 10px 20px 10px;
}

#content .introthumb div a:hover {
	color: #0cf;
}

#content #brands {
	margin: 0 -10px;
}

#content #brands li {
	width: 140px;
	height: 60px;
	float: left;
	background-image: url(/images/w_brands.gif);
	background-repeat: no-repeat;
	margin: 10px;
	text-indent: -1000em;
}

#brands-yahoo { background-position: 0px 0px }
#brands-swatch { background-position: -160px 0px }
#brands-philips { background-position: -320px 0px }
#brands-warner { background-position: 0px -80px }
#brands-paramount { background-position: -160px -80px }
#brands-disney { background-position: -320px -80px }
#brands-fiat { background-position: 0px -160px }
#brands-ford { background-position: -160px -160px }
#brands-volvo { background-position: -320px -160px }
#brands-renault { background-position: 0px -240px }
#brands-nissan { background-position: -160px -240px }
#brands-sky { background-position: -320px -240px }
#brands-samsung { background-position: 0px -320px }
#brands-walkman { background-position: -160px -320px }
#brands-infocus { background-position: -320px -320px }
#brands-dfs { background-position: 0px -400px }
#brands-norwich { background-position: -160px -400px }
#brands-greece { background-position: -320px -400px }


/* Swatch page */

#work-swatch img {
    display: block;
}

.flashad {
    position: relative;
    background: #fff url(images/ajax-loader.gif) 50% 50% no-repeat;
    width: 300px;
    height: 250px;
    overflow: hidden;
}

.flashad div {
    position: absolute;
    left: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.8);
    width: 270px;
    padding: 1em 15px;
    font-weight: bold;
    color: #fff;
    height: 5em;
    
    bottom: -100px;
}

.flashad dl {
    margin: 0 0 1em 0;
    font-size: 1.2em;
    line-height: 1em;
}

.flashad dt {
    color: #0cf;
    float: left;
    width: 6em;
}

.flashad dd {
    margin: 0 0 0.3em 0;
}

#content .flashad a {
    color: #fff;
    font-size: 1.2em;
    display: inline-block;
}

#content .flashad a:hover {
    color: #0cf;
}


/* News page */

#content .news h2 {
	margin: 2em 0 0 0;
	font-size: 1.3em;
	color: #000;
}


/* Work page */

#globe_map {
}



/* block styling */

#content .block {
    margin-bottom: 3.9em; /* 39px */
}

#content .block h2 {
    margin: 0 0 0.813em 0; /* 0 0 19.5px 0 */
}

/*
#content .block img {
	margin: 0 0 1.95em 0;
}
*/


#news .posted {
	margin: 0;
}



/** Twit **/
.twit {
}
.twitHeader {
}
.twitLabel {
	margin: 1.625em 0 0.81em 0; /* 39px 0 19.5px 0 */
   font-size: 2.4em;
   color: #0cf;
   font-weight: bold;
}
.twitTitle {
}
.twitUser {
}
.twitUser a{
  color:#222;
  font-weight:bold;
  text-decoration: none;
}
.twitBody {
  list-style: none;
}
.twitEntry {
  padding: 6px 0px;
  margin: 0;
  height: auto !important;
}
.twitNavi {
  clear: both;
  text-align: center;
  margin-top: 0;
  padding: 5px;
  background-color: #ffffff;
}








#footer {
    margin: 0 0 10px -160px;
    color: #ccc;
    font-size: 1.2em;
    border-top: 3px solid #eee;
    border-bottom: 3px solid #eee;
    background: url(images/dgtl_small.png) 40px 50% no-repeat;
    padding-left: 160px;
    padding: 0 0 0 160px;
    clear: both;
    float: left;
    width: 780px;
    height: 90px;
}

#footer p {
    width: 142px;
    margin: 17px 18px 20px 0;
    float: left;
    line-height: 1.63;
    color: #666;
}

#footer p.first-child {
    color: #999;
}

#footer p span {
    color: #666;
    font-weight: bold;
}

#footer dl {
    width: 140px;
    float: left;
    color: #666;
    margin: 17px 0;
    font-size: 1em;
}

#footer dt {
    color: #0cf;
    font-weight: bold;
    float: left;
    clear: left;
    margin: 0 5px 0 0;
    line-height: 1.63em;
}

#footer dd {
	line-height: 1.63em;
	margin: 0;
}

#footer dd a {
	color: #333;
	text-decoration: none;
}

#copyright {
    font-size: 1.2em;
    line-height: 1.5;
    color: #999;
    clear: both;
    width: 780px;
    position: relative;
}

#copyright a {
    color: #000;
    text-decoration: none;
    background: url(images/arrow.png) 0% 50% no-repeat;
    padding-left: 15px;
    position: absolute;
    top: 0;
    right: 0;
}