body {
background-color:#333333;
font-size:11pt;
line-height:14pt;
font-family:Arial;
color:#bbbbbb;
}

#header {
height:96px;
background:url(images/panorama.jpg) no-repeat top right;
min-width:735px;
margin: 0px 10px 3px 0px;
}

#footer {
clear: both;
height: 18px;
background-color: #444444;
margin: 0px auto 0px auto;
border-top:1px solid #bbbbbb;
border-bottom:1px solid #bbbbbb;
text-align: center;
font-size: 11px;
}

#seperator {
height:30px;
border-top:1px solid #bbbbbb;
border-bottom:1px solid #bbbbbb;
margin: 0px 10px 0px 0px;
background-color:#444444;
}

#page {
background:url(images/page.jpg) repeat-y;
}

#sidebar {
float:left;
width:225px;
height: 420px;
margin: 27px 0px 0px 0px;
}

#sidebarnav a {
float: right;
display:block;
width:180px;
height:25px;
margin: 0px -1px 0px 0px;
padding-right:15px;
padding-top:6px;
color:#4bcd41;
text-decoration:none;
font-size:14px;
font-weight:700;
text-align:right;
border-left:1px solid #444444;
border-top:1px solid #444444;
border-bottom:1px solid #444444;
}
  
#sidebarnav a:hover, #sidebarnav a.active {
background-color:#333333;
border-left:1px solid #bbbbbb;
border-top:1px solid #bbbbbb;
border-bottom:1px solid #bbbbbb;
}

.menu a:active {
float: right;
display:block;
width:180px;
height:25px;
margin: 0px -1px 0px 0px;
padding-right:15px;
padding-top:6px;
color:#4bcd41;
text-decoration:none;
font-size:14px;
font-weight:700;
text-align:right;
background-color:#333333;
border-left:1px solid #bbbbbb;
border-top:1px solid #bbbbbb;
border-bottom:1px solid #bbbbbb;
}

#contentarea {
margin: 34px 10px 34px 255px;
}

#title {
margin: 0px 0px 16px 0px;
font-size:15pt;
font-weight: 700;
color:#4bcd41;
}

#slideshow {
float: left;
margin: 0px 10px 0px 0px;
}

.photographysampletitles {
height:30px;
width:890px;
display:block;
margin-left: 255px;
margin-right:10px;
border-top:1px solid #bbbbbb;
border-bottom:1px solid #bbbbbb;
background-color:#444444;
color:#4bcd41;
text-decoration:none;
font-size:14px;
font-weight:bold;
line-height:2.1em;
text-indent:.5em;
}

.servicestitles {
height:30px;
display:block;
margin-left:0px;
margin-right:0px;
border-top:1px solid #bbbbbb;
border-bottom:1px solid #bbbbbb;
background-color:#444444;
color:#4bcd41;
text-decoration:none;
font-size:14px;
font-weight:bold;
line-height:2.1em;
text-indent:.5em;
}

.photographysamples {
display:block;
margin-left: 255px;
width: 885px;
}

#genes1 {
float:left;
width:210px;
height:100px;
}

#genes1 a{
text-decoration: none;
color: #bbbbbb;
}

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

#genes2 {
float:left;
width:125px;
height:100px;
}

#genes2 a{
text-decoration: none;
color: #bbbbbb;
}

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

#genes3 {
float:left;
clear:right;
width:235px;
height:100px;
}

#genes3 a{
text-decoration: none;
color: #bbbbbb;
}

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

#genes4 {
float:left;
clear:right;
width:125px;
height:100px;
}

#genes4 a{
text-decoration: none;
color: #bbbbbb;
}

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

.serviceslists {
display:block;
margin-left: 15px;
}

.links {
text-decoration: none;
color: #bbbbbb;
}

.links a{
text-decoration: none;
color: #bbbbbb;
}

.links a:hover{
text-decoration: underline;
}