html {
overflow: -moz-scrollbars-vertical;
height: auto;
}

body {
background-color: #d9dde0;
line-height: 20px;
margin: 0;
padding: 0;
font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
min-height: 100%;
_height: 100%;
}

p {
font-size: 0.6em;
font-weight: bold;
line-height: 150%;
margin: 0;
}

h5 {
font-size: 0.7em;
text-decoration: underline;
font-weight: bold;
color: #666666;
line-height: 150%;
margin: 0;
}

.bg {
background: white;
border: 1px solid #cccccc;
width: 780px;
position: absolute;
left: 50%;
margin-left: -390px;
min-height: 100%;
_height: 100%;
}

#container {
width: 780px;
margin-left: auto;
margin-right: auto;
min-height: 100%;
}

#flashcontent {
width: 780px;
height: 131px;
}

#header-shadow {
background: url('images/header-shadow.jpg') repeat-x;
width: 780px;
height: 12px;
float: left;
font-size: 0;
_margin-top: -1px;
}

/*nav styles*/

#navwhole {
width: 780px;
height: 49px;
}

#navtop {
background: url('images/navbg-top.gif') repeat-x;
float: left;
width: 780px;
height: 30px;
}

#navbox {
background: url('images/navbg-mid.gif') repeat-x;
width: 780px;
height: 15px;
float: left;
}

#navdummy {
margin: 0;
padding: 0;
width: 53px;
height: 15px;
float: left;
font-size: 0;
}

#navhome {
background: url('images/nav1.gif') no-repeat;
background-position: 0 -15px;
float: left;
width: 43px;
height: 15px;
font-size: 0;
}

a.home {
display: block;
width: 43px;
height: 15px;
background: url('images/nav1.gif') 0 0 no-repeat;
text-decoration: none;
}
 
a:hover.home {
background-position: 0 -15px;
} 

#navphilo {
background: url('images/nav2.gif') no-repeat;
background-position: 0 -15px;
float: left;
width: 83px;
height: 15px;
font-size: 0;
}

a.philo {
width: 83px;
height: 15px;
background: url('images/nav2.gif') 0 0 no-repeat;
text-decoration: none;
display: block;
}
 
a:hover.philo {
background-position: 0 -15px;
} 

#navprocess {
background: url('images/nav3.gif') no-repeat;
background-position: 0 -15px;
float: left;
width: 66px;
height: 15px;
font-size: 0;
}

a.process{
display: block;
width: 66px;
height: 15px;
background: url('images/nav3.gif') 0 0 no-repeat;
text-decoration: none;
}
 
a:hover.process {
background-position: 0 -15px;
} 

#navservice {
background: url('images/nav4.gif') no-repeat;
background-position: 0 -15px;
float: left;
width: 69px;
height: 15px;
font-size: 0;
}

a.service{
display: block;
width: 69px;
height: 15px;
background: url('images/nav4.gif') 0 0 no-repeat;
text-decoration: none;
}
 
a:hover.service{
background-position: 0 -15px;
} 

#navportfolio {
background: url('images/nav5.gif') no-repeat;
background-position: 0 -15px;
float: left;
width: 76px;
height: 15px;
font-size: 0;
}

a.portfolio{
display: block;
width: 76px;
height: 15px;
background: url('images/nav5.gif') 0 0 no-repeat;
text-decoration: none;
}
 
a:hover.portfolio{
background-position: 0 -15px;
} 

#navquote {
background: url('images/nav6.gif') no-repeat;
background-position: 0 -15px;
float: left;
width: 87px;
height: 15px;
font-size: 0;
}

a.quote{
display: block;
width: 87px;
height: 15px;
background: url('images/nav6.gif') 0 0 no-repeat;
text-decoration: none;
}
 
a:hover.quote{
background-position: 0 -15px;
} 

#navcontact {
background: url('images/nav7.gif') no-repeat;
background-position: 0 -15px;
float: left;
width: 60px;
height: 15px;
font-size: 0;
}

a.contact{
display: block;
width: 60px;
height: 15px;
background: url('images/nav7.gif') 0 0 no-repeat;
text-decoration: none;
}
 
a:hover.contact{
background-position: 0 -15px;
} 

#navdummy2 {
width: 243px;
height: 15px;
font-size: 0;
float: left;
}

#navbottom {
background: url('images/navbg-bottom.gif') repeat-x;
width: 780px;
height: 4px;
font-size: 0;
float: left;
_margin-top: -5px;
}

#pgid {
width: 780px;
height: 26px;
}

/*content styles*/

#content-wrap {
background: url(images/bg.gif) repeat-y;
width: 780px;
min-height: 363px;
height: auto !important;
height: 363px;
}

#content-wrap2 {
background: url(images/bg-content.gif);
width: 678px;
margin-left: auto;
margin-right: auto;
min-height: 363px;
height: auto !important;
height: 363px;
margin-top: 10px;
_margin-top: 0;
}

#content-wrap3 {
background: url(images/bg-content.gif);
width: 678px;
margin-left: auto;
margin-right: auto;
min-height: 200px;
height: auto !important;
height: 200px;
margin-top: 10px;
_margin-top: 0;
}

#content {
width: 500px;
min-height: 363px;
height: auto !important;
height: 363px;
float: left;
}

#right-column {
width: 280px;
min-height: 363px;
height: auto !important;
height: 363px;
float: left;
}

#main-text{
color: #4b7db3;
width: 390px;
margin-left: auto;
margin-right: auto;
margin-top: 10px;
_margin-top: 0;
}

.highlight {
color: #333333;
}

.list {
color: #666666;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0.6em;
font-weight: bold;
}

.point {
margin-top: -5px;
}

.name {
color: #666666;
font-style: italic;
}

.title {
color: #666666;
}

a.fraserlink {
color: #0098ff;
text-decoration: none;
}

a:hover.fraserlink {
color: #4b7db3;
}

/*subpage content style*/

#pg-header {
width: 678px;
height: 15px;
}

#left-pic {
float: left;
width: 282px;
}

#sidepic {
margin: 13px 0 0 10px;
}

#right-content {
float: right;
width: 376px;
color: #4b7db3;
margin-top: 10px;
padding-right: 20px;
}

#main-content {
margin-left: auto;
margin-right: auto;
width: 600px;
color: #4b7db3;
margin-top: 10px;
}

#portfolio-content {
margin-left: auto;
margin-right: auto;
width: 500px;
height: 520px;
padding-top: 50px;
padding-bottom: 50px;
}

.point-services {
margin-top: -5px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 0.6em;
font-weight: bold;
color: #666666;
}

/*right-column style*/

#latestbox {
float: left;
width: 230px;
min-height: 363px;
height: auto !important;
height: 363px;
}

#latest-header {
width: 230px;
height: 15px;
background: url('images/latest-header.gif') no-repeat;
float: left;
margin-top: 12px;
_margin: 0;
}

#latest-text {
width: 206px;
height: 20px;
font-size: 0.9em;
margin-left: auto;
margin-right: auto;
margin-top: 40px;
_margin-top: 10px;
}

.cmbf-text {
color: #4470a1;
}

#cmbf-screen {
width: 216px;
height: 171px;
margin-left: auto;
margin-right: auto;
margin-top: 15px;
}

.view-portfolio {
text-align: right;
margin: 10px 10px 0 0;
}

a.linktoport {
color: #666666;
}

a:hover.linktoport {
color: #4470a1;
}

/*footer*/

#footer {
width: 780px;
height: 200px;
background: white;
float: left;
}

#footerbar {
background: url(images/footercontact.gif) repeat-x;
width: 780px;
height: 67px;
border-bottom: 1px solid #5b98d9;
}

#copyright{
background: url(images/copyright.gif) no-repeat;
width: 780px;
height: 11px;
}

#contact-text {
padding-top: 47px;
text-align: center;
color: white;
}

a.contactlink {
color: white;
}

a:hover.contactlink{
color: #AED7FF;
}

/*form styles */

#form-content {
margin-left: auto;
margin-right: auto;
width: 500px;
color: #4b7db3;
margin-top: 15px;
}

.quote-form {
width: 500px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0.6em;
font-weight: bold;
margin-left: auto;
margin-right: auto;
margin-bottom: 20px;
margin-top: 20px;
}

.column1 {
width: 200px;
text-align: right;
line-height: 150%;
}

.column2 {
width: 300px;
}

.column1a {
width: 150px;
text-align: right;
line-height: 150%;
}

.column2a {
width: 350px;
}

#Submit {
background: #4b7db3;
font-size: 1em;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
color: white;
cursor: pointer;
}