body{background-image: url(../images/pagebkg.jpg); background-repeat: repeat-x;  margin:0; font-family: Arial Narrow, Arial, Helvetica, sans-serif; font-size: 12px; color: #000000;}
#pagecontainer{width: 1102px; margin-left: auto; margin-right: auto; background-image: url(../images/bodybkg.jpg); background-repeat: repeat-x; background-position: top; background-color: #41C0F7;}
#pagedisplay{width: 1090px; padding-left: 6px; padding-bottom:6px;}
#header{background-image: url(../images/headerbkg.jpg); background-color: #2467BE; width: 1090px; height: 133px; font-size: 18px; margin: 0; padding:0;}
#logo{padding:42px 0 0 32px;  width: 425px; float: left; display:block;}
img{border:none;}
.topslogan{color: #FFFFFF; float: right; font-size: 16px; padding: 0 15px; line-height:27px;}
.slogan{margin: 30px 110px 0 0; float:right;}
.blacktext{color: #000000;}
h1{font-family: "Arial Narrow", Arial, helvetica, sans-serif; color: #2467C0; font-size: 30px; margin-left: 25px; padding-top: 30px;}

#Menu {font-family: Arial Narrow, Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; float: right; margin-top: 22px; background-image: url(../images/navbkg.jpg); background-repeat: repeat-x; text-align: center;}
#Menu ul {margin: 0; padding: 0; list-style:none; width:587px;}
#Menu ul li {float:left;}
#Menu ul li a {display:block; line-height:30px; text-decoration:none; font-weight:bold; color:#FFFFFF; padding: 0 20px 0 18px;}
#Menu ul li a:hover {color: #000000; background:url(../images/hover.jpg) top left;}

/*--links to display differently when on active page--*/
#contact #Menu ul a.contact, #about #Menu ul a.about, #works #Menu ul a.works, #benefits #Menu ul a.benefits, #features #Menu ul a.features{
background-image: url(../images/hover.jpg); background-repeat: no-repeat; color: #000000;}

#Map{margin: 0; padding:0; border:none;}
.homeimage{display:block;width: 1090px;}
.homeimage img {display:block;}
#bottomcontent{background-color: #FFFFFF; width: 1090px;}
.homecolumnone{width: 408px; float: left; display:block; background-image: url(../images/columnleft-bkg.jpg); background-position: top; height: 206px; background-repeat: no-repeat;}
.homecolumnone p{width: 200px; margin: 130px 0 0 50px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px;}
.largewhitetxt a:link, .largewhitetxt a:visited{color: #ffffff; font-size: 16px; font-weight:bold; float: right; margin: 155px 25px 0 0; text-decoration: none;}
.largewhitetxt2 a:link, .largewhitetxt2 a:visited{color: #ffffff; font-size: 16px; font-weight:bold; text-decoration: none;}

.homecolumntwo{width: 382px; height:190px; float: left; display:block; margin-left: 34px; padding-bottom: 15px; font-family: Arial, Helvetica, sans-serif; font-size: 12px;background-image: url(../images/columnright-graphic.jpg); background-repeat: no-repeat; background-position: top; border-right-width: 15px; border-bottom-width: 15px; border-left-width: 15px; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-right-color: #FFFFFF; border-bottom-color: #FFFFFF;
border-left-color: #FFFFFF;}

.homecolumnthree{font-family: Verdana, Arial, Helvetica, sans-serif; float: left; display:block; width: 215px; background-image: url(../images/bottomboxgradiant.jpg); background-repeat: repeat-x; font-size: 11px; 
padding: 15px 10px 5px 10px;}
.homecolumnthree p{padding: 15px 10px 5px 10px;}

#content{background-color: #FFFFFF; width: 1090px;}
.clear{clear:both;}
.clearright{clear:right;}

#firstcolumn{float: left; width: 503px; margin:0;}
#secondcolumn{float: right; display:block; padding: 0;mmargin: 0;font-size: 14px; width: 585px; background-color:#FFFFFF; }
.contentright{font-family: Arial, Helvetica, sans-serif; width: 530px; padding-bottom: 50px; padding-left: 25px; font-size: 12px; font-weight: normal; color:#666666;}
.smallgraytxt{font-family: Arial, Helvetica, sans-serif; width: 230px; padding: 5px; margin: 0;font-size: 12px; font-weight: normal; color: #666666;}


#bottomright{width: 585px; float: right; display: block;}

#bottomcontainer{float: right; display: block; width: 560px; padding: 0; margin:0 0 0 25px;}
#secondcolumn .bottomboxes{float: left; display:block; background-image: url(../images/bottomboxgradiant.jpg); background-repeat: repeat-x; width: 255px; height: 222px; font-size: 12px; margin:0 25px 0 0;}
.bottomboxes ul li {font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #666666; padding: 0;margin: 0 0 0 25px;}
.bottomboxes p.smallgraytxt{margin:0; padding: 20px 0 0 10px;}
.bottomboxes h1{color: #2366bd; font-size: 16px; font-weight:bold; text-align:left; padding: 20px 5px 0 10px;margin:0;}

#secondcolumn .bottomboxestwo{float: left; display:block; width: 255px; margin:0; background-image: url(../images/bottomboxgradiant.jpg); background-repeat: repeat-x; height: 222px;font-size: 12px;}

.bottomboxestwo ul li {font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #666666; margin: 0 0 0 25px;}
.bottomboxestwo p.smallgraytxt{margin:0; padding: 20px 0 0 10px;}
.bottomboxestwo h1{color: #2366bd; font-size: 16px; font-weight:bold; text-align:left; padding: 20px 8px 0 10px; margin:0;}

.bottomboxestwo.li{font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight:normal; color: #999999; }

.bottomleft{width: 503px; height: 215px; margin-top:340px; background-image: url(../images/inside-bottom-left.jpg); background-position: bottom; background-repeat: no-repeat;}
.bottomleftabout{margin-top: 285px; width:503px; background-color: #FFFFFF;}
.largebluetxt{color: #2366BD; font-size: 16px; font-weight:bold;}


/*--Form Field--*/
.cssform p{width: 300px; clear: left; margin: 0; padding: 5px 0 8px 0; padding-left: 155px; /*width of left column containing the label elements*/}

.cssform label{font-weight: bold; color: #2467C0; float: left; margin-left: -155px; /*width of left column*/width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/width: 180px;}

.cssform textarea{width: 250px; height: 150px;}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/
* html .threepxfix{margin-left: 3px;}