body {font-family: verdana,arial,helvetica,sans-serif; color: #fff; background: #000 url(../img/grid13_333.gif); margin: 0;}
a:link {color: #000; background: transparent;}
a:visited {color: #666; background: transparent;}
a:hover {color: #f33; background: transparent;}

p,li {font-size: 75%; line-height: 1.25; margin-top: 0;}
h1 {font-size: 135%; line-height: 1.0; margin: 0; padding: 0 0 .5em 0;}
h2 {font-size: 120%; line-height: 1.0; margin: 0 0 .25em 0; color: #369; background: transparent;}
h3 {font-size: 110%; line-height: 1.0; margin: 0 0 .25em 0; color: #000; background: transparent;}
h4 {font-size: 100%; line-height: 1.0; padding: .125em 0 .325em 0; margin: 0; color: #fff; background: #000; text-align: center;}
.hide {display: none;}
.show {display: block;}
.rbs {font-weight: bold;}
.center {text-align: center;}

/*layout*/
#page {width: 750px; margin: 0 auto;}
#top {position: relative; display: block; width: 750px; height: 220px; color: #fff; background: url(../img/top.gif) no-repeat;}
#tophome {position: relative; display: block; width: 750px; height: 350px; color: #fff; background: url(../img/top-home.gif) no-repeat;}
#top-port {position: relative; display: block; width: 750px; height: 100px; color: #fff; background: url(../img/top-port.gif) no-repeat;}
#logo-print {display: none;}
#home-print {display: none;}
#top-port h1 {font-size: 120%; text-align: right; padding: 80px 75px 0 0;}
#logolink a {display: block; position: absolute; left: 15px; top: 45px; width: 310px; height: 150px;}
#logolink-port a {display: block; position: absolute; left: 75px; top: 45px; width: 150px; height: 60px;}
#logolink a:hover,#logolink-port a:hover {border: solid 1px #f33;}
#nav {position: absolute; left: 515px; top: 45px; width: 220px;}
#nav a {display: block; width: 220px; height: 36px; color: #000; background: url(../img/navbg.png) no-repeat 0 0; font: bold 12px/36px verdana,arial,helvetica,sans-serif; padding-left: 36px; text-decoration: none;}
#nav a.home {display:none;}
#nav a:hover {display: block; width: 220px; height: 36px; color: #000; background: url(../img/navbg.png) no-repeat 0 -36px; font: bold 12px/36px verdana,arial,helvetica,sans-serif; padding-left: 36px; text-decoration: underline;}
#abus a.abus,#abus a.abus:hover,
#port a.port,#port a.port:hover,
#cont a.cont,#cont a.cont:hover,
#awar a.awar,#awar a.awar:hover
{display: block; width: 220px; height: 36px; color: #f33; background: url(../img/navbg.png) no-repeat 0 -36px; font: bold 12px/36px verdana,arial,helvetica,sans-serif; padding-left: 36px; text-decoration: none;}

#footer {padding: .5em 0; clear: both;}
#footer p {font-size: 70%; margin: 0; text-align: center;}
#footer a {margin: 0 .25em;}
#home #footer a.home,
#abus #footer a.abus,
#port #footer a.port,
#cont #footer a.cont,
#awar #footer a.awar
{display: inline; width: auto; height: auto; color: #369; background: transparent; font-weight: bold; font-size: 100%; line-height: 1.25; padding: 0; text-decoration: none;}

#bottom {display: block; width: 750px; height: 70px; color: #fff; background: url(../img/bottom.gif) no-repeat;}
#bottom-port {display: block; width: 750px; height: 70px; color: #fff; background: url(../img/bottom-port.gif) no-repeat;}
#middle {display: block; width: 750px; color: #000; background: #ccc url(../img/middle.gif) repeat-y;}
#middle-port {display: block; width: 750px; color: #fff; background: #000 url(../img/middle-port.gif) repeat-y;}
#content {padding: 1px 40px;}
#content-port {width: 600px; margin: 0 auto;}
#content-port img {border: solid 5px #ccc; margin: 20px 0 10px 0;}
#portGrps {width: 660px;}
#portGrps div.port-item {display: block; width: 300px; border: solid 3px #000; float: left; margin-right: 15px;}
#portGrps div.port-item img {display: block;}
/*
#portGrps div.port-item a {display: block; width: 298px; height: 198px; border: solid 1px #000;}
#portGrps div.port-item a:hover {border: solid 1px #f33;}
*/


/*buttons*/
#nextbtn {display: block; width: 120px; height: 50px; color: #fff; background: #000 url(../img/next.png) no-repeat;}
#nextbtn:hover {background: #000 url(../img/next.png) no-repeat 0 -50px; cursor: pointer;}
#backbtn {display: block; width: 120px; height: 50px; color: #fff; background: #000 url(../img/back.png) no-repeat;}
#backbtn:hover {background: #000 url(../img/back.png) no-repeat 0 -50px; cursor: pointer;}
#beforebtn {display: block; width: 120px; height: 50px; color: #fff; background: #000 url(../img/before.png) no-repeat;}
#beforebtn:hover {background: #000 url(../img/before.png) no-repeat 0 -50px; cursor: pointer;}
#afterbtn {display: block; width: 120px; height: 50px; color: #fff; background: #000 url(../img/after.png) no-repeat;}
#afterbtn:hover {background: #000 url(../img/after.png) no-repeat 0 -50px; cursor: pointer;}
#morebtn {display: block; width: 120px; height: 50px; color: #fff; background: #000 url(../img/more.png) no-repeat;}
#morebtn:hover {background: #000 url(../img/more.png) no-repeat 0 -50px; cursor: pointer;}
#nextbtn.hide,
#backbtn.hide,
#afterbtn.hide,
#morebtn.hide,
#more2btn.hide,
#beforebtn.hide {display: none;}
#nextbtn.show,
#backbtn.show,
#afterbtn.show,
#morebtn.show,
#more2btn.show,
#beforebtn.show {display: block;}
#befGrp.hide,#aftGrp.hide,#moreGrp.hide {display: none;}
#befGrp.show,#aftGrp.show,#moreGrp.show {display: block;}
#befGrp h2,#aftGrp h2,#moreGrp h2 {color: #369; text-align: center;}

#btnblock {position: relative; width: 600px; height: 36px; padding-bottom: 20px;}
#btnblock #backbtn {position: absolute; width: 120px; left: 0; top: 0;}
#btnblock #beforebtn {position: absolute; width: 120px; left: 240px; top: 0;}
#btnblock #afterbtn {position: absolute; width: 120px; right: 240px; top: 0;}
#btnblock #morebtn {position: absolute; width: 120px; right: 240px; top: 0;}
#btnblock #more2btn {position: absolute; width: 120px; right: 240px; top: 0;}
#btnblock #nextbtn {position: absolute; width: 120px; right: 0; top: 0;}
div.clear {clear: both;}

/*forms*/
form {display: inline; margin: 0; padding: 0;}
input:focus {background: #feb;}
div.fld {display: block; position: relative; margin: 0 0 .375em 0;}
label,input,select,legend,textarea {font-family: verdana,arial,helvetica,sans-serif; font-size: 75%; display: block;}
label,legend {font-weight: bold;}
fieldset {margin: .5em 0; padding: 0 0 .5em 0; border: none; border-bottom: solid 1px #369;}
div.floatGrp div.fld {display: block; float: left; margin-right: .5em;}
div.fld label,div.fld input {display: block;}
#projTypeGrp input,#projTimeGrp input,#callTimeGrp input {display: inline;}
#projTypeGrp label,#projTimeGrp label,#callTimeGrp label {display: inline; font-weight: normal}
#first_name {width: 8em;}
#last_name {width: 11em;}
#address {width: 13em;}
#city {width: 11em;}
#state {width: 3em;}
#zip {width: 6em;}
#home_phone {width: 11em;}
#cell_phone {width: 11em;}
#email {width: 15em;}
#comments {width: 500px;}
input.btn-d,input.btn-d:focus,button.btn-d {display: block; width: 110px; height: 24px; margin: 0; color: #000; background: transparent url(../img/btn110d.gif) no-repeat; border: none; font: bold 11px arial,helvetica,sans-serif;}
input.btn-d:hover,button.btn-d:hover {display: block; width: 110px; height: 24px; color: #000; background: transparent url(../img/btn110d.gif) no-repeat 0 -24px;}
input.btn-d:active,button.btn-d:active {display: block; width: 110px; height: 24px; color: #000; background: transparent url(../img/btn110d.gif) no-repeat 0 -48px;}#profileItem {margin-top: 1em;}
div.btnblock {margin: 1em 0;}

span.error {font: bold .6875em arial,helvetica,sans-serif; display: block; color: #f33; background: transparent; }
input.error,select.error {border: solid 2px #f33;}

/*
PMS 5425 U
#7C98AE
Warm Gray 2
#D9D5D2
Warm Gray 3
#CAC3BF
*/