html {
padding:0;
margin:0;
}

body {
background:#191914 url('../images/bg_body.gif') repeat-x top left;
color:#afafaf;
font:12px Arial, Helvetica, sans-serif;
margin:0;
padding:0;
}

/* MAIN STRUCTURE start */
#container {
width:1000px;
padding:0;
margin:0 auto;
}

#subcontainer {
height:650px;
padding:90px 0 0 9px;
margin:0;
}

#innercontainer {
padding:0;
margin:0;
}

#contentcontainer {
float:left;
width:991px;
padding:0;
margin:0;
}

#header {
height:60px;
padding:0;
margin:0;
}

#content {
float:left;
width:850px;
height:405px;
border-top:1px solid #fff400;
border-right:1px solid #fff400;
padding:10px 10px 10px 0;
margin:0;
overflow:auto;
text-align:right;
scrollbar-face-color:#fff400;
scrollbar-shadow-color:#191914;
scrollbar-highlight-color:#191914;
scrollbar-3dlight-color:#191914;
scrollbar-darkshadow-color:#191914;
scrollbar-track-color:#191914;
scrollbar-arrow-color:#191914;
}

#page-home #content {
width:860px;
height:425px;
padding:0;
margin:0;
overflow:hidden;
}

#right {
float:right;
width:120px;
height:425px;
padding:0 0 0 5px;
margin:0;
overflow:auto;
}

#footer {
clear:both;
height:20px;
font-size:10px;
color:#fff;
padding:30px 105px 0 0;
margin:0;
}
/* MAIN STRUCTURE end */

/* MAIN ELEMENTS start */
#content p {
padding:0;
margin:0 0 10px;
}

#content img {
float:right;
padding:0;
margin:0 0 10px 10px;
border:0 none;
}

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

#content a:hover {
color:#fff400;
}

/* MAIN ELEMENTS end */

/* HEADINGS start*/
h1, h2, h3, h4, h5, h6 {
padding:0;
margin:0 0 10px 0;
}

h1 {
font-size:18px;
color:#fff400;
font-weight:normal;
}

h2 {
font-size:14px;
font-weight:normal;
color:#fff;
}

h3 {
font-size:12px;
}

h4 {
font-size:11px;
font-weight:normal;
color:#fff;
text-transform:uppercase;
}

h5 {
font-size:11px;
font-weight:normal;
}

h6 {
font-size:10px;
}
/* HEADINGS STYLES end */

/* HEADER ELEMENTS and MAIN NAVIGATION MENU start */
#header img#logo {
float:right;
width:154px;
height:50px;
padding:0;
margin:0 95px 0 0;
border:0 none;
}

ul#navmenu {
float:left;
display:block;
width:400px;
list-style-type:none;
padding:35px 0 0;
margin:0;
overflow:hidden;
color:#fff;
}

ul#navmenu li {
display:inline;
font-size:10px;
font-weight:bold;
color:#fff;
text-transform:uppercase;
padding:0;
margin:0 10px 0 0;
}

ul#navmenu li a {
font-size:10px;
font-weight:bold;
color:#fff;
text-decoration:none;
}

ul#navmenu li a:hover,

#page-home ul#navmenu li a#home, #page-about ul#navmenu li a#about, #page-services ul#navmenu li a#services, #page-projects ul#navmenu li a#projects, #page-portfolio ul#navmenu li a#portfolio, #page-press ul#navmenu li a#press, #page-contact ul#navmenu li a#contact
{
color:#fff400;
}

/* HEADER ELEMENTS and MAIN NAVIGATION MENU end */

/* SIDE NAVIGATION MENU start */
ul#sidenav {
list-style-type:none;
padding:0;
margin:30px 0 0;
}

ul#sidenav li {
font-size:10px;
text-transform:uppercase;
font-weight:bold;
padding:0 0 10px;
margin:0;
}

ul#sidenav li a {
color:#afafaf;
text-decoration:none;
}

ul#sidenav li a:hover, ul#sidenav li a.current,

#page-contact ul#sidenav li a#details, #page-enquiry ul#sidenav li a#enquiry
{
color:#fff;
}

ul#sidenav ul {
list-style-type:none;
margin:0 0 30px;
}

ul#sidenav ul li {
color:#fff;
font-size:10px;
font-weight:normal;
text-transform:none;
padding:0 0 10px;
margin:0;
}

ul#sidenav ul li a {
color:#fff;
text-decoration:none;
}

ul#sidenav ul li a:hover, ul#sidenav ul li a.current {
color:#fff400;
}
/* SIDE NAVIGATION MENU end */

/* FOOTER ELEMENTS start */

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

#footer a:hover {
text-decoration:underline;
}

#footer #site {
float:right;
width:150px;
}

/* FOOTER ELEMENTS end */

/* PRESS ELEMENTS start */

.article {
/*width:850px;*/
width:840px;
height:130px;
background-color:#666;
color:#fff;
overflow:hidden;
margin:0 0 10px;
}

#content .article img {
float:right;
width:110px;
height:130px;
padding:0;
margin:0;
border:0 none;
}

.articlegrab {
text-align:left;
padding:10px;
}

#content .article h2 {
color:#fff400;
}

.article2 {
width:840px;
background-color:#666;
color:#fff;
margin:0 0 10px;
}

#content .article2 img {
float:right;
width:110px;
height:130px;
padding:0;
margin:0;
border:0 none;
}

.articlegrab2 {
text-align:right;
padding:10px;
}

#content .article2 h2 {
color:#fff400;
}

/* PRESS ELEMENTS end */

/* PROJECT ELEMENTS start */
/*
body#page-projects {
background:#191914 url('../images/bg_body3.gif') repeat-x top left;
}

#page-projects #subcontainer {
height:650px;
}
*/
#page-projects #content {
width:860px;
/*height:405px;*/
padding:0;
}

#content img.projectthumb {
width:860px;
height:100px;
border:0 none;
padding:0;
margin:0 0 10px;
}

#content img.projectimghome {
width:860px;
height:425px;
padding:0;
margin:0;
}

#content img.projectimg {
width:860px;
height:320px;
padding:0;
margin:0 0 10px;
}

.projectdetails {
text-align:right;
padding:10px;
}

#big {
float:right;
width:730px;
padding:0;
margin:0;
overflow:hidden;
}

#content #big img {
width:730px;
height:320px;
border:0 none;
}

#small {
float:left;
width:110px;
padding:0;
margin:0;
overflow:hidden;
}

#content #small img {
width:110px;
height:60px;
border:0 none;
margin:0 0 5px 0;
}

#content #small a img {
filter:alpha(opacity=60) gray();
opacity:0.6;
}

#content #small a:hover img {
filter:alpha(opacity=100);
opacity:1.0;
}
/* PROJECT ELEMENTS end */

/* OTHER ELEMENTS start */
.hidden {
display:none;
}

.pdf {
background:transparent url(../images/pdf.gif) no-repeat scroll left top;
padding:10px 0 0 24px;
}

#content a.more, #content a.more:visited {
color:#fff400;
text-decoration:none;
}

#content a.more:hover, #content a.more:active {
color:#fff;
}

.floatright {
float:right;
}

.w345 {
width:345px;
}

.w500 {
width:500px;
}

input.submit {
background:none;
border:0 none;
color:#fff400;
font-size:12px;
font-weight:bold;
}

input.submit:hover {
color:#fff;
}
/* OTHER ELEMENTS end */