/* CSS Reset */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
margin:0;
padding:0;
}
table {
border-collapse:collapse;
border-spacing:0;
}
fieldset,img { 
border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
font-style:normal;
font-weight:normal;
}
ol,ul {
list-style:none;
}
caption,th {
text-align:left;
}
h1,h2,h3,h4,h5,h6 {
font-size:100%;
font-weight:normal;
}
q:before,q:after {
content:'';
}
abbr,acronym {
border:0;
}

/* Tags */

body {
text-align:center;
background-color:#cc3300;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
line-height:17px;
color:#333;
margin:10px 0 0 0;
padding:0;
}

p, ul, ol {
margin-bottom:15px;
}

h1 {
font-size:18px;
color:#cc3300;
margin-bottom:10px;  
}

strong {
color:#cc3300;
line-height:19px;
}

a {
color:#666;
}

a:hover {
color:#cc3300;
}

ul.red, ol.red {
color:#cc3300;
font-weight:bold;
}

/* Container */

div#container {
margin:0 auto;
width:710px;
text-align:left;
background:url(/img/tile.gif) repeat-y;
}

/* Header */

div#header {
height:175px;
}

/* Top Navigation */

div#nav {
position:relative;
left:5px;
width:700px;
height:31px;
border-bottom:1px solid #9a9a9a;
}

div#nav ul {
height:30px;
margin:0;
padding:0;
}

div#nav li {
list-style:none;
display:inline;
margin:0;
padding:0;
}

div#nav a {
float:left;
overflow:hidden;
height:0px;
padding:30px 0 0 0;
background:url(/img/topnav.gif) no-repeat;
}

li#nav-home a {
background-position:0px 0px;
width:86px;
}

li#nav-home a:hover, li#nav-home a.menu-on {
background-position:0px -30px;
}

li#nav-proposition a {
background-position:-86px 0px;
width:107px;
}

li#nav-proposition a:hover, li#nav-proposition a.menu-on {
background-position:-86px -30px;
}

li#nav-casestudies a {
background-position:-193px 0px;
width:117px;
}

li#nav-casestudies a:hover, li#nav-casestudies a.menu-on {
background-position:-193px -30px;
}

li#nav-clients a {
background-position:-310px 0px;
width:80px;
}

li#nav-clients a:hover, li#nav-clients a.menu-on {
background-position:-310px -30px;
}

li#nav-games a {
background-position:-390px 0px;
width:130px;
}

li#nav-games a:hover, li#nav-games a.menu-on {
background-position:-390px -30px;
}

li#nav-about a {
background-position:-520px 0px;
width:86px;
}

li#nav-about a:hover, li#nav-about a.menu-on {
background-position:-520px -30px;
}

li#nav-contact a {
background-position:-606px 0px;
width:94px;
}

li#nav-contact a:hover, li#nav-contact a.menu-on {
background-position:-606px -30px;
}

/* Content */

div#content {
float:left;
width:710px;
}

div#content-full {
float:left;
position:relative;
left:5px;
width:666px;
padding:17px;
}

div#content-left {
float:left;
position:relative;
left:5px;
width:432px;
padding:17px;
}

div#content-left ul {
list-style-type:square;
margin-left:50px;
}

div#content-left ol {
list-style-type:decimal;
margin-left:50px;
}

div#content-right {
float:right;
position:relative;
left:-7px;
top:2px;
width:234px;
background:#efefef;
font-size:11px;
line-height:14px;
}

div#content-right img {
display:block;
}

div#content-right div {
width:210px;
padding:10px 12px 10px 12px;
border-top:1px solid #ccc;
}

div#content-right b {
display:block;
}

div#content-right a {
display:block;
text-align:right;
}

/* Case Studies */

div.cs-logo {
clear:left;
float:left;
width:432px;
height:62px;
margin-bottom:10px;
}

div.cs-logo div {
float:left;
width:50px;
height:50px;
background:url(/img/cs-logo-back.gif) no-repeat;
padding:6px;
}

div.cs-logo img {
width:50px;
height:50px;
}

div.cs-logo p {
float:left;
position:relative;
left:10px;
}

div.cs-logo a {
font-size:10px;
}

img.cs-left {
clear:both;
float:left;
margin-bottom:10px;
}

img.cs-right {
float:right;
margin:0 0 10px 10px;
}

p.cs-back {
clear:both;
}

/* Case Studies / Reskin */

table.reskin {
margin:0 auto 15px auto;
width:480px;
}

table.reskin td {
vertical-align:top;
width:240px;
}

/* Case Studies / Virgin Media */

div.cs-virginmedia img.cs-left {
clear:none !important;
margin-right:10px !important;
}

div.cs-virginmedia p span {
margin-left:20px;
}

/* Clients */

div#clients {
margin:0 auto;
width:605px;
}

/* Content */

p.games-back {
margin-top:10px;  
}

/* Current Work */

div#current-work {
clear:both;
float:left;
position:relative;
left:5px;
width:700px;
margin-top:4px;
padding-bottom:2px;
border-top:1px solid #ccc;
border-bottom:1px solid #ccc;
}

div#current-work div {
float:left;
width:218px;
height:165px;
background:#efefef url(/img/currentwork.gif) no-repeat;
margin:2px 0 2px 2px;
padding:6px;
font-size:11px;
line-height:14px;
}

div#current-work img {
display:block;
width:217px;
height:48px;
border:1px solid #fff;
margin-bottom:2px;
}

div#current-work h3 {
color:#cc3300;
font-size:12px;
font-weight:bold;
}

/* Bottom Navigation */

div#bottom-nav {
clear:both;
width:690px;
height:33px;
background:url(/img/footer.gif) no-repeat;
padding:10px 0 0 20px;
font-size:10px;
}

div#bottom-nav-left {
float:left;
}

div#bottom-nav-left span {
color:#cc3300;
margin:0 3px;
}

div#bottom-nav-right {
position:relative;
left:-15px;
float:right;
}

/* Copyright */

div#copyright {
margin:0 auto;
width:690px;
text-align:right;
color:#f5d5cb;
font-size:9px;
}