/* CSS Document */

/***** Global Settings *****/
 
html, body {
border:0;
margin:0;
padding:0;
height:100%;
}
 
body {
font:10px Arial, Helvetica, Verdana, sans-serif;
line-height:1em;
color:#ccc;
background-color:#000;
}
 
/***** Headings *****/
 
h1, h2, h3, h4, h5, h6 {
margin:0;
padding:0;
font-weight:normal;
}
 
h1, h2 {
padding:0;
margin:10px 0 8px 0;
letter-spacing:.3px;
font-size:1.5em;
color:#FCCB02;
line-height:1.3em;
font-weight:normal;
font-style:italic;
}
 
h2 {
font-size:1em;
font-weight:bold;
line-height:1.2em;
margin:8px 0px;
}
 
h3 {
font-size:1em;
font-weight:bold;
}
 
/***** Common Formatting *****/
 
p, ul, ol {
margin:0;
padding:0 0 1.2em 0;
}
 
ul, ol {
padding:1em 0 1em 1.5em;
}
 
blockquote {
margin:1.25em;
padding:1.25em 1.25em 0 1.25em;
}
 
small {
font-size:0.85em;
}
 
img {
border:0;
}
 
sup {
position:relative;
bottom:0.3em;
vertical-align:baseline;
}
 
sub {
position:relative;
bottom:-0.2em;
vertical-align:baseline;
}
 
acronym, abbr {
cursor:help;
letter-spacing:1px;
border-bottom:1px dashed;
}
 
/***** Links *****/
 
a,
a:link,
a:visited,
a:hover {
text-decoration:none;
outline: none;
color:#FCCB02;
}
a:hover {
text-decoration:underline;
color:#fff}
 
/***** Forms *****/
 
form {
margin:0;
padding:0;
display:inline;
}
 
input, select, textarea {
font:1em Arial, Helvetica, sans-serif;
}
 
label {
cursor:pointer;
}
 
/***** Tables *****/
 
table {
border:0;
margin:0 0 0 0;
padding:0;
}
 
table tr td {
padding:2px;
}

 
/***** Global Classes *****/
 
.clear         { clear:both; }
.float-left    { float:left; }
.float-right   { float:right; }
 
.text-left     { text-align:left; }
.text-right    { text-align:right; }
.text-center   { text-align:center; }
.text-justify  { text-align:justify; }
 
.bold          { font-weight:bold; color:#6E152D }
.italic        { font-style:italic; }
.underline     { border-bottom:1px solid; }
.highlight     { background:#ffc; }
.small         { font-size:.8em; }
 
.img-left      { float:left;margin:4px 10px 4px 0;}
.img-right     { float:right;margin:4px 0 4px 10px; display:block; }
 
.nopadding     { padding:0; }
.noindent      { margin-left:0;padding-left:0; }
.nobullet      { list-style:none;list-style-image:none; }

/*** Colours ***/

.yellow {color:#FCCB02}
.green {color:#9ECB30}
.blue {color:#2D9CF6}
.lilac {color:#ED99F9}
.purple {color:#6C02AA}
.orange {color:#E7610C}

/***** Wrapper *****/

#spacer {
Width:1px;
height:50%;
margin-bottom:-275px;}
 
#wrapper {
position:relative;
width:970px;
height:550px;
margin:0 auto;
overflow:hidden;
background: #000 url(/media/backgrounds/master.jpg) no-repeat top center;
}

#content {
margin:0 0 0 225px;
height:331px;
}

#maincontent {
width:430px;
float:left;
font-size:1.2em;
line-height:1.4em;
}

#sideimage {
width:306px;
height:331px;
float:right;
}


/* MAINNAV */

#mainnav {
list-style: none;
text-align:left;
margin:0 0 0 225px;
height:159px;
}

#nav1, #nav2, #nav3, #nav4, #nav5, #nav6 {
width:110px;
margin:20px 8px 0 0;
display:block;
float:left;
}

#mainnav ul {
margin:0px;
padding:0px;
}

#mainnav li {
margin:0px;
display:block;
width:110px;
list-style: none;
padding:0px;
}

#mainnav li a {
display:block;
text-decoration:none;
font-size:1.1em;
line-height:1.4em;
font-weight:normal;
color:#bbb;
padding:0 1px;
}

#mainnav li.top a {
font-weight:bold;
font-size:1.4em;
padding:0px;
}

#nav1 li.top a {
color:#FCCB02}

#nav2 li.top a, #signs h1, #signs h2 {
color:#9ECB30}

#nav3 li.top a, #exhibitions h1, #exhibitions h2 {
color:#2D9CF6}

#nav4 li.top a, #retail h1, #retail h2 {
color:#ED99F9}

#nav5 li.top a, #vehicles h1, #vehicles h2 {
color:#8B35BF}

#nav6 li.top a, #design h1, #design h2 {
color:#E7610C}

#home #nav1 li.top a,
#signs #nav2 li.top a,
#exhibitions #nav3 li.top a,
#retail #nav4 li.top a,
#vehicles #nav5 li.top a,
#design #nav6 li.top a {
color:#ddd}

#mainnav li a:hover, 
#mainnav li.current a {
color:#fff;
}


/* END MAINNAV */


#portfolio .smallthumb {
width:50px;
height:50px;
overflow:hidden;
margin:2px 3px;
border:2px solid #333;
float:left
}

#portfolio .smallthumb:hover{
border:2px solid #FCCB02}

#signs #portfolio .smallthumb:hover {
border:2px solid #9ECB30}

#exhibitions #portfolio .smallthumb:hover {
border:2px solid #2D9CF6}

#retail #portfolio .smallthumb:hover {
border:2px solid #ED99F9}

#vehicles #portfolio .smallthumb:hover {
border:2px solid #8B35BF}

#design #portfolio .smallthumb:hover {
border:2px solid #E7610C}