/* CSS Document */

body {
margin: 10px 0px 0px 0px;
background-color:#ffffff;
}

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

p {
font: 11px Arial, Helvetica, sans-serif;
margin: 10px 0px 0px 0px;
padding:0px;
}

a:hover {
color:#000000;
text-decoration:underline;
}

h1 {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#544230;
margin:0px 0px 0px 0px;
}

.h1-project {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#544230;
margin-bottom:25px;
}

h2 {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#fff;
margin:2px 0px 3px 10px;
}

.h2-images {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#544230;
margin-bottom:25px;
padding:6px 0px 0px 8px;
}

.form-text {
font: 11px Arial, Helvetica, sans-serif;
padding:0px;
}

#wrapper {
width: 830px;
background-color:#FFFFFF;
margin-left: auto;
margin-right: auto;
}

/* Header and Navigation */

#header {
width:830px;
height:85px;
}

#main-logo {
width:158px;
height:67px;
float:left;
margin:8px 0px 0px 0px;
}

#bandit {
width:95px;
height:72px;
margin:0px 0px 10px 5px;
float:left;
}

#tel-no {
width:155px;
height:20px;
background-image:url(images/tel-box.gif);
float:left;
margin:7px 0px 0px 33px;
}

#tel-no p {
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:9pt;
margin:5px 0px 0px 10px;
}

#primary-nav {
height:20px;
float:right;
padding:10px 10px 0px 0px;
}

#primary-nav a {
font-family:Arial, Helvetica, sans-serif;
font-size:8.5pt;
color:#3e3e3e;
margin-left:7px;
}

#secondary-nav {
width:540px;
height:33px;
float:right;
margin:10px 0px 0px 0px;
}

#menu {
padding:0;
margin:0;
color:#000;
font-family: arial, helvetica, sans-serif;
white-space:nowrap;
list-style-type:none;
}

#menu li {
display:inline;
}

#menu li a {
padding:8px 8px;
background-image:url(images/nav-box.gif);
color:#000;
text-decoration:none;
float:left;
font-size:12px;
font-weight:bold;
}

#menu li a:hover {
background-image:url(images/nav-box-hover.gif);
color:#000;
}

/* Index Items */

.page-content {
width:820px;
margin-left:10px;
}

#index-image {
width:820px;
height:327px;
padding-left:5px;
}

#index-welcome {
width:570px;
float:left;
text-align:justify;
margin-right:10px;
padding:0px 10px 0px 20px;
}

#featured {
width:210px;
background-image:url(images/featured-box.gif);
float:left;
}

.project {
width:105px;
margin:10px 0px 0px 0px;
float:left;
}

#project-right {
width:91px;
margin:10px 0px 0px 13px;
float:left;
}

.bullets {
width:190px;
float:left;
padding:0px;
}

.bullets li {
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#000000;
list-style-image:url(images/bullet.gif);
line-height:16px;
padding:0px;
margin:0px 0px 0px -20px;
}

.bullets ul {
padding-top:0px;
margin-top:10px;
}

/* Project Items */

.text-left {
width:315px;
background-image:url(images/text-left-box.gif);
float:left;
padding:6px 16px 0px 8px;
text-align:justify;
}

.image-right {
width:477px;
float:left;
}

#images-videos {
width:820px;
background-image:url(images/text-left-box.gif);
float:left;
margin-top:15px;
}

#thumbnail {
width:83px;
height:115px;
float:right;
margin:0px 0px 0px 15px;
}

.project-button {
width:83px;
height:25px;
}

.project-button a {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#000;
background-image:url(images/nav-box.gif);
padding:6px 2px 6px 5px;
text-align:center;
display:block;
width:76px;
height:13px;
}

.project-button a:hover {
text-decoration:none;
background-image:url(images/nav-box-hover.gif);
}

.main-menu {
width:98px;
height:25px;
float:left;
margin-top:30px;
}

.thumbnail-2 {
width:83px;
height:115px;
float:left;
margin:0px 0px 0px 15px;
}

.project-button-2 {
width:83px;
}

.project-button-2 a {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#000;
background-image:url(images/project-button.gif);
padding:6px 2px 6px 5px;
text-align:center;
display:block;
width:76px;
}

.project-button-2 a:hover {
text-decoration:none;
background-image:url(images/project-button-hover.gif);
}

.row {
width: 450px;
float:left;
clear:both;
margin-bottom:20px;
}

#props-right {
width:475px;
height:400px;
float:left;
overflow:auto;
}


/* Clients etc */

#clients-content {
width:700px;
height:318px;
background-image:url(images/text-left-box.gif);
float:left;
padding:6px 16px 0px 8px;
text-align:justify;
}


/* Footer */

#footer {
width:820px;
height:20px;
margin:20px 0px 0px 10px;
background-image:url(images/footer.gif);
clear:both;
}

#footer p {
font-family:Arial, Helvetica, sans-serif;
font-size:9px;
color:#FFFFFF;
padding:4px 0px 0px 7px;
margin:0px;
}

#footer a {
font-family:Arial, Helvetica, sans-serif;
font-size:9px;
color:#FFFFFF;
padding:4px 0px 0px 5px;
margin:0px;
}