body {
background-color:white;
font-size:85%;
line-height:1.5em;
font-family:Arial, Helvetica, Sans-Serif;
margin:0;
padding:0;
color:#666666;
}
#page {
width:800px;
margin:auto;
padding:auto;
}
#header {
clear:both;
colour:#666666;
height:80px;
background-color:white;
background-image:url(images/bcsolutionslogo.png);
background-position:right;
background-repeat: no-repeat;
padding-top:50px;
margin-right:10px;
margin-left:10px;
text-align:left;
vertical-align: bottom;
text-indent: -5000px
}
#mainarea {
clear:both;
display:block;
padding-top:0px;
padding-left:10px;
padding-right:10px;
margin-bottom:0px;
min-height:320px;
}
#contentarea {
width:400px;
line-height:1.2em;
text-align:left;
float:right;
font-size:1em;
word-spacing:0.1em;
}
#contentarea p {
letter-spacing:0.1em;
font-size:0.9em;
}
#sidebar {
float:left;
margin-right:60px;
width:270px;
color:#999999;
line-height:1.2em;
}
#contact {
float:left;
width:400px;
color:#999999;
font-size:1em;
line-height:1.3em;
display:block;
}
#contact p {
letter-spacing:0.1em;
font-size:0.9em;
}
#map {
width:340px:
float:right;
text-align:right;
padding-top:100px;
padding-left:50px;
display:block;
}
#indexgraphics {
position:relative;
float:left;
display:block;
width:799px;
height:130px;
border-style:none;
}
#footer {
position:relative;
float:left;
width:720px;
display:block;
height:2em;
padding-left:40px;
padding-right:40px;
text-align:left;
line-height:2em;
font-size:0.8em;
background-color:#cccccc;
}
#nav {
position:relative;
text-align:left;
color:#333333;
height:1.2em;
}
#nav ul {
margin-left: 0;
padding-left: 0;
display: inline;
border: none;
text-transform: lowercase;
} 
#nav ul li {
margin-left: 0;
padding-left: 0px;
border: none;
list-style: none;
display: inline;
}
#nav ul li:before {
content: "\0020 \0020 \0020 \007C \0020";
}	
#nav ul li.first:before {
content: " ";
}
#nav li a:hover
{
color: #333;
border-top: none;
font-size: 1.2em;
text-decoration: none;
}
#info {
position:relative;
display:inline;
text-align:left;
color:#333333;
margin-bottom:40px;
}
#info p {
font-size:0.9em;
}
#info a {
height:40px;
line-height:40px;
}
#info a:hover {
color: #333;
border-top: none;
font-size: 1.2em;
text-decoration: none;
}
#info img { 
vertical-align:middle;
}
#gallerysidebar {
float:left;
display:block;
color:#999999;
line-height:1.2em;
}
#gallery {
clear:both;
position:relative;
margin:auto;
display:block;
width:700px;
}
h1 {
font-size:1em;
letter-spacing:0.1em;
line-height:2em;
text-indent: 0px;
text-transform: lowercase;
color:#333333;
padding-top:6px;
}
h3 {
font-size:0.9em;
letter-spacing:0.1em;
line-height:1.2em;
font-weight:normal;
text-transform: lowercase;
color:#666666;
padding-top:6px;
}
.description {
font-size:1.3em;
letter-spacing:0.1em;
color:#999999;
margin:0;
}
.emphasis{
font-weight:bold;
}
.blacktext{
color:black;
}
.bluetext{
color:#19356e;
}
.redtext{
color:#ca141b;
}
a {
color:#098658;
text-decoration:none;
}
a:hover {
text-decoration:underline;
}
address {
float:right;
text-decoration:none;
font-style:normal;
}
.gallery {
width:650px;
height:420px;
margin-left:20px;
position:relative;
overflow:hidden;
}
.image_container {
position: absolute;
z-index: 1;
}
.image_container img {
display: block;
position: relative; 
float: left;
margin-right:40px;
}
a.next {
float:left;
line-height:42px;
z-index: 90;
overflow: hidden;
width:70px;
height: 42px;
display:inline;
text-align:right;
}
a.prev {
float:left;
margin-left:60px;
line-height:42px;
z-index: 90;
overflow: hidden;
width:70px;
height: 42px;
display:inline;
}
a.next:hover {
color: #333;
border-top: none;
font-size: 1.2em;
text-decoration: none;
}
a.prev:hover {
color: #333;
border-top: none;
font-size: 1.2em;
text-decoration: none;
}
a:focus {
outline: none;
}
a:active {
outline: none;
}
a img {
border: none;
}