﻿body { margin: 0; background-color: #f1eee5; font-family: Tahoma, Arial, Verdana; }
p { margin: 0; margin-bottom: 10px; }
h2 { margin: 0; margin-bottom: 10px; font: bold 16pt 'Trebuchet MS', Sans-Serif, Arial; color: #42b1ba;}
h3 { margin: 0; margin-top: 5px; font: bold 12pt 'Trebuchet MS', Sans-Serif, Arial; color: #808080;}
ul {margin-top: 2px; padding-top: 2px; margin-bottom:10px; padding-bottom: 10px;}
li {margin-top: 10px; padding-top: 0px; margin-bottom: 0px; padding-bottom: 0px; line-height: 12pt;}
a { border: none; }
img { border: none; }

#header, #footer {font-family: 'Trebuchet MS', Sans-Serif, Arial; }
#header-bg { width: 100%; height: 200px; background: url('../Images/header-bg-left.gif') }
#header-art { margin: 0 auto; width: 980px; height: 200px; background: url('../Images/header-bg.jpg') }
#header-navhome {height: 150px; width: 500px; cursor:pointer}

#navigation { margin: 0 auto; width: 980px; height: 50px; color: #b5ccd2; font-size: 11pt; font-weight: bold; line-height: 50px; padding-left: 25px; }
#navigation table { margin-left: auto; margin-right: auto; text-align: center; }
#navigation a { color: #b5ccd2; }
#navigation a:hover { color: #42b1ba; }
#navigation a:active { color:#a5b62c; }

#content { margin: 0 auto; width: 980px; padding-top: 10px; }
#content-breadcrumbs a { font-size: 7pt; color: #808080; text-decoration: none;}
#content-pgtitle { text-align: right; font-size: 20pt; font-family: 'Trebuchet MS', Sans-Serif, Arial; font-weight: bold; margin-bottom: 40px; color:#a5b62c;}
#content-top { height: 10px; background: url('../Images/content-top.gif'); } 
#content-bottom { height: 10px; background: url('../Images/content-bottom.gif'); } 
#content-main {border-left: solid 1px #d8d5ce; border-right: solid 1px #d8d5ce; min-height: 560px; background: #fff; padding-right: 20px; padding-left: 20px; padding-bottom: 16px; padding-top: 6px; font-size: 10pt;}
#content a{ color:#df680c; text-decoration:none}
#content a:hover{ color: #b5ccd2;}

#content-home-left { float: left; width: 650px; margin-right: 10px; }
#content-home-left-top { height: 10px; background: url('../Images/content-top-home.gif'); }
#content-home-left-bottom { height: 10px; background: url('../Images/content-bottom-home.gif'); } 
#content-home-left-main {border-left: solid 1px #d8d5ce; border-right: solid 1px #d8d5ce; background: #fff; padding-right: 20px; padding-left: 20px; padding-bottom: 16px; padding-top: 6px; font-size: 10pt; min-height: 400px;}

#content-home-right { float: left; width: 320px; }
#content-home-right a {color:#000000; font-size: 8pt;}
#content-home-right a:hover {color: #42b1ba;}

#services-right { float: left; width: 704px; margin-left: 20px; }
#staff { background: url('../Images/staff-watermark.gif') no-repeat top right; }
#develop { background: url('../Images/development-watermark.gif') no-repeat top right; }
#consult { background: url('../Images/consult-watermark.gif') no-repeat top right; }

.rightbox { width: 320px; margin-bottom: 10px; }
.rightbox-content { border: solid 10px #35464c; border-top: none; min-height: 200px; background: #fff url('../Images/rightbox-bg.gif') repeat-x; padding: 10px; font-size: 10pt; font-family: Tahoma, Arial, Verdana; }

.rightbox a {}
.rightbox a:hover {}

.userform {border: solid 1px #D3D3D3; min-height: 200px; background: #fff url('../Images/userform-bg.gif') repeat-x; padding: 24px; font-size: 10pt; font-family: Tahoma, Arial, Verdana; }

#FrontPanel { margin: 0 auto; width: 980px; height: 178px; margin-top: 10px; }
.FrontPanel-Item { float: left; margin-right: 10px; }

#footer { margin-top: 10px; width: 100%; height: 50px; background-color: #1f2324; border-top: solid 3px #000; }
#footer-main { margin: 0 auto; width: 970px; padding-left: 5px; padding-right: 5px; text-align: center; font-size: 8pt; color: #fff; line-height: 50px; }
#footer-main a { color: #b5ccd2; }
#footer-main a:hover { color: #42b1ba; }
#footer-main a:active { color: #b5ccd2; }

#services-navcontainer
{
float: left;
width: 194px;
border: 1px solid #d8d5ce;
border-bottom: none;
padding: 0;
margin-bottom: 1em;
font-family: 'Trebuchet MS', Sans-Serif, Arial; 
background-color: #fff;
color: #42b1ba;
}

#services-navcontainer ul
{
list-style: none;
margin: 0;
padding: 0;
border: none;
}

#services-navcontainer li
{
border-bottom: 1px solid #d8d5ce;
margin: 0;
}

#services-navcontainer li a
{
display: block;
padding: 5px 5px 5px 0.5em;
border-left: 10px solid #a5b62c;
border-right: 10px solid #df680c;
background: #f1eee5 url("Images/gridhead-bg.gif") repeat-y;
color: #42b1ba;
text-decoration: none;
font-weight: bold;
width: 100%;
}

html>body #services-navcontainer li a { width: auto; }

#services-navcontainer li a:hover
{
border-left: 10px solid #df680c;
border-right: 10px solid #a5b62c;
background-color: #42b1ba;
color: #fff;
}

.floatLeft { float: left; }
.floatRight { float: right; }
.clear { clear: both; }

.grid {border-right: #D3D3D3 1px solid; border-top: #D3D3D3 1px solid; border-left: #D3D3D3 1px solid; border-bottom: #D3D3D3 1px solid}
.grid a{font-weight: normal;}
.gridHeader {background-image: url('../images/gridhead-bg.gif'); background-repeat: repeat-x; height: 16px; font: bold 10pt 'Trebuchet MS', Sans-Serif, Arial; color: #df680c;}
.gridPager {font-weight: bold; font-size: 12pt; text-decoration: underline;}
.gridHeader a {font-weight: bold}
.gridPager a {font-size: 10pt; font-weight: bold; }
