/* @charset "utf-8"; */
/* CSS Document */

*{
margin: 0;
padding: 0;
}

body{
font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
font-size: 11px;
background-color: #555;
background-image: url(images/bodyBkgrd.jpg);
background-repeat: repeat-x;
}

li{
list-style: none;
}

h1, h2, h3, h4{
color: #356C95/*#1753ad*/;
font-size: 18px;
}

h2{
font-size: 16px;
line-height: 24px;
}

h3{
font-size: 14px;

}

img{
border: 0;
}

#wrapper{
width: 1000px;
margin: 0 auto 15px auto;
padding: 0 10px;
background-image: url(images/wrapperFooter.jpg);
background-position: bottom left;
background-repeat: repeat-x;
background-color: #fff;
}

#branding{
width: 1000px;
height: 75px
}

#branding img{
float: left;
}



/*---------------------------------------------------------------------MAINNAV*/

#mainNav{
float: left;
width: 998px;
margin: 0 0 5px 0;
background-color: #555;
background-image: url(images/linkBkgrd.jpg);
background-position: top left;
background-repeat: repeat-x;
border: solid #bbb;
border-width: 1px;
border-left: 1px solid #999;
border-bottom: 1px solid #555;
background-color: #eee;
}

#mainNav ul{
}

#mainNav li{
float: left;
}

#mainNav a:link, #mainNav a:visited{
float: left;
display: block;
padding: 2px 30px 2px 5px;
text-decoration: none;
color: #555;
line-height: 20px;
border-left: 1px solid #eee;
border-right: 1px solid #999;
background-image: url(images/linkBkgrd.jpg);
background-position: top left;
background-repeat: repeat-x;
}

#mainNav a:hover{
color: #ddd;
background-color: #777;
border: solid #ddd;
border-width: 0 1px 0 0;
background-image: url(images/linkBkgrd.jpg);
background-position: bottom left;
background-repeat: repeat-x;
border-left: 1px solid #5993e1;
border-right: 1px solid #2264ba;
}

.firstLink{
border: solid #333;
border-width: 0 0 0 0px;
}

#last a:link, #last a:visited{
padding: 2px 30px 2px 5px;
}


/*---------------------------------------------------------------------LOGIN*/

#login{
float: right;

padding: 0 5px 0 0;
background-color: #333;
font-size: 10px;
color: #fff;
background-image: url(images/loginBkgrd2.jpg);
background-position: bottom left;
background-repeat: repeat-x;
border-right: 1px solid #555;
}

#login ul{
float: left;
background-image: url(images/loginBkgrd.jpg);
background-repeat: no-repeat;
background-position: bottom left;
}

.username{
border: 0;
}

.password{
border: 0;
}

#login li{
float: left;
line-height: 30px;
list-style: none;
padding:  0 3px 0 10px;
vertical-align: middle;
}

#login li.input{
margin: 2px 0 0 0;
background-image: url(images/loginInput.gif);
background-position: center left;
background-repeat: no-repeat;
}

#login p{
float: right;
clear: both;
}

#login a:link, #login a:visited{
width: 95px;
padding: 0 0 0 5px;
color: #fff;
text-decoration: none;
}

#login a:hover{
color: #bbb;
}

.date{
float: right;
color: #999;
text-align: right;
line-height: 12px;
padding: 0 5px 0 0;
clear: right;
}
/*---------------------------------------------------------------------MAINCONTENT*/

#mainContent{
}

#mainContent p{
margin: 0 0 5px 0;
line-height: 17px;
}


/*---------------------------------------------------------------------MAINFEATURE*/

#mainFeature{
float: right;
width: 736px;
height: 225px;
margin: 0 0 10px 0;
background-color: #fff;
background-image: url(images/mainFeature.jpg);

}

#mainFeature h1{
height: 225px;
position: relative;
font-size: 12px;
font-weight: normal;
color: #ccc;
}

#mainFeature h1 img{
position: absolute;
    top: 0px;
    left: 0px;
}

/*---------------------------------------------------------------------SMALLCOLL*/

#smallColL{
float: left;
width: 250px;
background-image: url(images/roundColBody.jpg);
background-repeat: repeat-y;
margin: 0 0 15px 0;
}

#smallColL h2{
padding: 0 0 0 2px;
}

#roundColL{
float: left;
background-image: url(images/roundColTop.jpg);
background-repeat: no-repeat;
}

#roundColFoot{
width: 250px;
height: 7px;
background-image: url(images/roundColFoot.jpg);
background-repeat: no-repeat;
background-position: bottom left;
}

#contact #smallColL{
float: left;
width: 265px;
background-image: url(images/roundColBodyL.jpg);
background-repeat: repeat-y;
margin: 0 0 15px 0;
}

#contact #roundColL{
float: left;
background-image: url(images/roundColTopL.jpg);
background-repeat: no-repeat;
}

#contact #roundColFoot{
width: 265px;
height: 7px;
background-image: url(images/roundColFootL.jpg);
background-repeat: no-repeat;
background-position: bottom left;
}

.services{
padding: 5px;
}

.services p{
clear: both;
width: 235px;
text-align: justify;
margin: 0 0 10px 0;
}

.services h3{
height: 51px;
font-weight: normal;
background-image: url(images/headerBkgrd.jpg);
background-color: #ddd;
background-repeat: no-repeat;
background-position: top left;
font-size: 12px;
margin: 4px 0 0 0;
}

.services h3 a:link, .services h3 a:visited{
display: block;
width: 195px;
height: 10px;
color: #fff;
text-decoration: none;
line-height: 24px;
padding: 8px 0 20px 45px;
background-image: url(images/headerBkgrdLink.jpg);
background-repeat: no-repeat;
background-position: top left;
overflow: hidden;
}

.services h3 a:hover{
color: #fff;
background-image: url(images/headerBkgrdLink.jpg);
background-repeat: no-repeat;
background-position: 0 -38px;
}

.services h3 img{
display: none;
position: absolute;
}

.services p{
padding: 0 0 0 2px;
}

p.moreInfo{
display: none;
font-size: 10px;
line-height: 14px;
background-color: #ccc;
padding: 0;
}

.moreInfo a:link, .moreInfo a:visited{
display: block;
color: #ddd;
padding: 0 5px;
text-decoration: none;
background-color: #555;
background-image: url(images/linkBkgrd2.jpg);
background-position: bottom left;
background-repeat: repeat-x;
background-color: #2264ba;
border-left: 1px solid #5993e1;
border-top: 1px solid #5993e1;
border-right: 1px solid #2264ba;
border-bottom: 1px solid #2264ba;
}

.moreInfo a:hover{
background-color: #ddd;
color: #fff;
background-image: url(images/linkBkgrd2.jpg);
background-position: top left;
background-repeat: repeat-x;
border-left: 1px solid #5993e1;
border-top: 1px solid #5993e1;
border-right: 1px solid #2264ba;
border-bottom: 1px solid #2264ba;
}

/*---------------------------------------------------------------------LARGECOL*/

#largeCol{
float: right;
width: 738px;
text-align: justify;
margin: 0 0 10px 0;
}

#innerWrapper{
float: left;
width: 738px;
background-image: url(images/fauxCol.jpg);
background-position: bottom right;
background-repeat: repeat-y;
}

#contact #innerWrapper{
float: left;
width: 725px;
background-image: url(images/fauxCol.jpg);
background-position: bottom right;
background-repeat: repeat-y;
}

#contact #largeCol{
float: right;
width: 725px;
text-align: justify;
}

#innerCol1{
float: left;
width: 520px;
}

#contact #innerCol1{
float: left;
width: 510px;
}

#innerCol1 h3{
clear: both;
}

#innerCol1 ul{
float: left;
width: 250px;
margin: 5px 10px 0 0;
}

#innerCol1 li{
line-height: 20px;
padding: 0 0 0 15px;
margin: 3px;
background-image: url(images/listBkgrd.jpg);
background-repeat: no-repeat;
}

#innerCol2{
float: right;
width: 205px;
background-color: #eee;
background-image: url(images/roundColBodyS.jpg);
background-repeat: repeat-y;
}

#roundColS{
padding: 7px;
background-image: url(images/roundColTopS.jpg);
background-repeat: no-repeat;
/*background-color: #eee;*/
}

#roundColSFoot{
display: none;
width: 205px;
height: 12px;
background-image: url(images/roundColFootS.jpg);
background-repeat: no-repeat;
background-position: bottom left;
background-color: #eee;
}

#home #innerCol2{
float: right;
width: 205px;
background-color: #fff;
}

#innerCol2 ul{
margin: 5px 0 10px 0;
}

#innerCol2 li{
line-height: 17px;
margin: 0 0 0 20px;
padding: 0 0 0 2px;
list-style: disc;
}

#filler{
width: 100px;
height: 150px;
}

/*---------------------------------------------------------------------FOOTER*/

#footer{
clear: both;
width: 1000px;
height: 25px;
margin: 5px auto;
padding: 0 0 10px 0;
}

#footer p{
text-align: right;
display: block;
width: 993px;
padding: 2px 5px 2px 0;
background-color: #bbb;
line-height: 20px;
font-size: 10px;
color: #555;
border: solid #bbb;
border-width: 1px;
background-image: url(images/linkBkgrd.jpg);
background-position: top left;
background-repeat: repeat-x;
}

/*---------------------------------------------------------------------CLIENTINFO*/

#clientInfo{
width: 190px;
margin: 0 0 10px 0;
line-height: 20px;
background-color: #fff;
border-bottom: 1px solid #bbb;
border-right: 1px solid #bbb;
border-top: 1px solid #999;
border-left: 1px solid #999;
}

#clientInfo table{
font-size:10px; 
clear: both;
padding: 5px;
}

.data{
background-color: #356C95;
color: #fff;
background-image: url(images/dataBkgrd.jpg);
background-repeat: no-repeat;
}

/*---------------------------------------------------------------------MAP*/

#map{
margin: 10px 0;
padding: 5px 5px 10px 5px;
border-top: 1px solid #ddd;
border-left: 1px solid #ddd;
border-right: 1px solid #999;
border-bottom: 1px solid #999;
background-color: #fff;
}

iframe{
border: 1px solid #999;
}

.contactCol1
{
width: 560px;
}

.contactCol2
{
width: 130px;
}

.contactTextBox
{
font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
font-size: 11px;
height: 16px;
}

.contactComments
{
font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
font-size: 11px;
}

.contactSubmit
{
font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
font-size: 11px;
}

.styleChat
{
height: 61px;
float: right;
}