a,
a:visited
{
font-size: 80%;
font-weight: bold;
color: #3366cc;
text-decoration: none;
}

a:hover
{
text-decoration: underline;
}

body
{
min-width: 877px;
position:relative;
text-align:center;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 90%;
background: url('/images/bg.jpg') top left repeat-x;
margin: 0;
padding: 0;
}

p
{
font-family: "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", "Lucida", Verdana, Arial, Helvetica, sans-serif;
margin: 0;
}

#border
{
width: 877px;
margin-left: auto;
margin-right: auto;
padding: 0 0 20px 0;   /* Height of the footer */
}

#breadcrumbs
{
width: 533px;
float: left;
font-size: 90%;
font-weight: bold;
text-align: left;
position: relative;
top: 0;
left: 66px;
margin-bottom: 5px;
}

#breadcrumbs a
{
font-size: 100%;
color: #003366;
text-decoration: underline;
}

#breadcrumbs a:hover
{
text-decoration: none;
}

#copyright
{
width: 877px;
font-size: 70%;
margin: 0 0 27px 0;
}

#content
{
width: 877px;
display: table;
background: url('/images/shadowContent.jpg') top left repeat-y;
}

#contentBodyFull
{
width: 533px;
float: left;
text-align: left;
position: relative;
top: 0;
left: 56px;
background-color: #FFFFFF;
border: 2px solid #999999;
}

#contentBodyFull p
{
display: block;
float: left;
text-align: left;
padding: 10px;
}

#contentBodyFull p img
{
margin: 0 15px 10px 0;
border: 1px solid #CCCCCC;
}

#contentBodyFull p .imgRight
{
margin: 0 0 10px 15px;
position: relative;
bottom: 0;
right: 0;
}

#contentBodyFull p .portfolio
{
border: 0;
text-align: center;
margin-left: auto;
margi-right: auto;
}

#contentBodyFull .services
{
display: inline;
width: 152px;
height: 125px;
float: left;
text-align: center;
padding: 15px 0 10px 19px;
}

#contentBodyFull .services img
{
margin: 0;
}

#contentBodyFull .services a
{
font-size: 100%;
}

#contentBodyFull .smallerPar
{
font-size: 95%;
}

#contentBodyFull ul
{
float: left;
width: 450px;
list-style-type: square;
padding: 0 0 10px 20px;
margin: 0 0 0 20px;
}

.contentBodyTitleContainer
{
display: table;
float: left;
width: 523px;
border-bottom: 1px solid #666666;
}

.contentBodyTitle
{
float: left;
width: 140px;
text-align: left;
font-size: 9px;
font-weight: bold;
padding: 4px;
background: url('/images/bodyBGcolor.gif') top left repeat;
border-top: 1px solid #666666;
border-left: 1px solid #666666;
border-right: 1px solid #666666;
}

#contentLeft
{
width: 611px;
float: left;
}

#contentLeft h4
{
text-align: left;
color: #333333;
padding: 25px;
margin: 0 0 0 36px;
}

#contentRight
{
width: 266px;
float: right;
position: relative;
top: 0;
right: 0;
background: url('/images/quicklinksBG.jpg') top right no-repeat;
}

#contentBottom
{
width: 877px;
height: 15px;
background: url('/images/shadowContentBottom.jpg') top left no-repeat;
}

.firstLetter
{
font-size: 150%;
color: #3366cc;
}

#footerBG
{
width: 100%;
height: 20px;
background: url('/images/footerBG.jpg') top left repeat-x;
}

.hide
{
display: none;
}

#keyServices
{
width: 218px;
height: 30px;
margin-left: auto;
margin-right: auto;
background: url('/images/bodyBGcolor.gif') top left repeat;
border: 1px solid #CCCCCC;
margin-top: 4px;
}

#keyServices p
{
font-weight: bold;
margin: 0;
padding: 5px;
}

#logoBanner
{
width: 877px;
height: 199px;
background: url('/images/logoBanner.jpg') top left no-repeat;
}

#logoBannerBottom
{
width: 877px;
height: 43px;
background: url('/images/shadowLogo.jpg') top left repeat-y;
}

#logoBannerBottomLeft
{
width: 575px;
height: 43px;
float: left;
background: url('/images/logoBannerBottom.jpg') top left no-repeat;
position: relative;
top: 0;
left: 35px;
border-left: 1px solid #000000;
}

#logoBannerBottomRight
{
width: 228px;
height: 43px;
float: right;
text-align: center;
position: relative;
top: 0;
right: 35px;
border-left: 2px solid #CCCCCC;
border-right: 1px solid #000000;
}

#navBarLeft
{
width: 35px;
height: 30px;
float: left;
background: url('/images/navBGLeft.jpg') top left no-repeat;
}

#navBarRight
{
width: 575px;
height: 30px;
float: right;
border-left: 1px solid #000000;
background: url('/images/navDivider.gif') top left no-repeat;
}

.portWeb
{
width: 533px;
height: 115px;
}

.portWebImg
{
width: 150px;
height: 115px;
float: left;
padding: 10px 0 0 10px;
}

.portWebImg Img
{
border: 1px solid #CCCCCC;
}

.portWebText
{
width: 360px;
height: 115px;
float: right;
padding: 10px 0 0 0;
}

.portWebTitle
{
width: 330px;
float: left;
padding: 0 0 5px 0;
font-weight: bold;
font-size: 100%;
}

.portWebLine
{
width: 360px;
float: left;
}

.portWebLeft
{
width: 70px;
float: left;
font-size: 12px;
padding: 0 0 0 15px;
}

.portWebRight
{
width: 255px;
float: right;
font-size: 11px;
}

.portWebRight a,
.portWebRight a:visited
{
font-size: 100%;
}

#quicklinks
{
width: 231px;
margin: 0 35px 0 0;
position: relative;
top: 0;
right: 0;
text-align: center;
}

.quicklinksBoxGray
{
width: 190px;
height: 110px;
margin-left: auto;
margin-right: auto;
margin-top: 5px;
text-align: left;
background: url('/images/quicklinksBoxGray.jpg') top left repeat-x;
border-top: 1px solid #999999;
border-left: 1px solid #999999;
border-right: 2px solid #666666;
border-bottom: 2px solid #666666;
}

.quicklinksBoxYellow
{
width: 190px;
height: 110px;
margin-left: auto;
margin-right: auto;
margin-top: 5px;
text-align: left;
background: url('/images/quicklinksBoxYellow.jpg') top left repeat-x;
border-top: 1px solid #999999;
border-left: 1px solid #999999;
border-right: 2px solid #666666;
border-bottom: 2px solid #666666;
}

.quicklinksBoxYellow ul,
.quicklinksBoxGray ul
{
color: #3366cc;
list-style-type: square;
padding: 10px 0 0 5px;
margin: 0 0 0 25px;
}

#quicklinksButtons
{
margin: 15px 0 15px 0;
}

#quicklinksButtons img
{
padding: 0 5px 0 5px;
}

#shadowBottom
{
width: 877px;
height: 35px;
background: url('/images/shadowBottomMiddle.jpg') top left repeat-x;
margin: 0;
}

#shadowBottomLeft
{
width: 35px;
height: 35px;
float: left;
background: url('/images/shadowBottomLeft.jpg') top left no-repeat;
}
#shadowBottomRight
{
width: 35px;
height: 35px;
float: right;
background: url('/images/shadowBottomRight.jpg') top left no-repeat;
}

#shadowTop
{
width: 877px;
height: 35px;
background: url('/images/shadowTopMiddle.jpg') top left repeat-x;
margin: 27px 0 0 0;
}

#shadowTopLeft
{
width: 35px;
height: 35px;
float: left;
background: url('/images/shadowTopLeft.jpg') top left no-repeat;
}
#shadowTopRight
{
width: 35px;
height: 35px;
float: right;
background: url('/images/shadowTopRight.jpg') top left no-repeat;
}

.tinyBr
{
font-size: 40%;
}

#titleBarLeft
{
width: 35px;
height: 81px;
float: left;
background: url('/images/titleBarLeft.jpg') top left no-repeat;
}

#titleBarRight
{
width: 575px;
height: 81px;
float: right;
border-left: 1px solid #000000;
background: url('/images/titleBarRight.jpg') top left repeat-x;
}

#titleBarRight H3
{
font-size: 28px;
font-family: Arial Black;
color: #999999;
padding-top: 6px;
margin: 0;
}

.titleDiamond
{
font-size: 25px;
color: #CCCCCC;
padding: 0 2px 0 2px;
}

/*------------------ MAIN NAV --------------------*/
#navContainer
{
position: relative;
width: 575px;
height: 30px;
padding: 0;
}

#nav
{
position: absolute;
left: 0px;
right: 0px;
list-style: none;
padding: 0;
margin: 0;
height: 30px;
display: inline;
overflow: hidden;
width: 575px;
}

#nav li
{
margin: 0 1px 0 0;
padding: 0;
display: inline;
list-style-type: none;
}

#nav a
{
width: 115px;
float: left;
padding: 5px 0 0 0;
font-size: 100%;
color: #333333;
overflow: hidden;
height: 30px;
height /**/:30px; /* for IE5/Win */
background: url('/images/navButton.gif') top left no-repeat;
}

#nav a:hover
{
background-position: 0 -30px;
text-decoration: none;
}

#nav a.selected
{
background-position: 0 -60px;
}

#home a
{
width: 56px;
margin: 0;
background: url('/images/home.gif') top left no-repeat;
}

/*------------------ Forms --------------------*/

#quoteForm
{
width: 500px;
float: left;
position: relative;
top: 0;
left: 15px;
color: #003366;
}

#quoteForm br
{
clear:left;
}

#quoteForm .disclaimer
{
padding: 0 15px 0 15px;
text-align: center;
font-size: 88%;
}

#quoteForm .disclaimer br
{
font-size: 60%;
}

#quoteForm fieldset
{
border-top: 1px solid #999999;
border-left: 1px solid #999999;
border-right: 2px solid #666666;
border-bottom: 2px solid #666666;
padding: 0 10px 15px 10px;
background-color: #FFFFCC;
background-position: 10px 0;
margin: 0;
}

#quoteForm fieldset legend
{
font-size: 1.1em;
color: #000000;
font-weight: bold;
padding: 0 2px 10px 2px;
}

#quoteForm input,
#quoteForm textarea
{
width: auto;
margin: 2px 0 10px 0;
padding: 2px 0 2px 2px;
}

#quoteForm .projectServices
{
display: inline;
width: 140px;
float: left;
padding: 15px 0 10px 15px;
}

#quoteForm .projectServices span
{
padding: 5px 0 0 0;
font-size: 75%;
display: none;
}

#quoteForm .projectServices span input
{
margin: 5px 5px 0 10px;
}

#quoteForm .projectServices input
{
margin: 6px 8px 0 0;
}

#quoteForm input#reset
{
margin-left: 0px;
}

#quoteForm .left
{
width: 230px;
float: left;
position: relative;
top: 0;
left: 0;
}

#quoteForm .right
{
width: 230px;
float: right;
position: relative;
top: 0;
right: 0;
}

#quoteForm select
{
margin: 5px 0 0 10px;
}

#quoteForm textarea
{
overflow: auto;
}