html { min-height: 100%; height: auto; }
body { background: url(../images/photobg.jpg) no-repeat bottom #1a83ca; font: 12px Tahoma, Arial, Helvetica, sans-serif; color: white; line-height: 16px; padding-bottom: 100px; }
a { color:#98e3ff; text-decoration: none; }
a:hover { color:#98e3ff; text-decoration: underline; }

#leftedge { background: url(../images/edge.png) repeat-y left; margin: 0 auto; width: 850px;}
#rightedge { background: url(../images/edge.png) repeat-y right; margin: 0 auto; width: 850px; }

#mast { margin: 0 auto; width: 802px;}
#content { clear: both; width: 754px; margin: 0 auto; padding: 16px 24px 14px 24px; background: url(../images/content_tile.gif) repeat-x top #49330c; }
#footerspacer { height: 43px; width: 802px; background: url(../images/footerdivider.png); margin: 0 auto; }
#footer { width: 802px; margin: 0 auto; }
#bottomedge { clear: both; width: 802px; height: 30px; background: url(../images/bottombg.png); margin: 0 auto; }

#logo { float: left; background: url(../images/logotile.png) repeat-x; height: 105px; width: 394px; }
#logoimg { padding: 14px 0 0 18px; }
#nav { float: right; background: url(../images/navtile.gif) repeat-x bottom; height: 105px; padding: 0 14px; }
#nav_home 				{ float: left; padding-top: 6px; width: 57px; height: 105px; background: url(../images/nav_homebg.gif) no-repeat bottom; background-position: -57px; }
#nav_home:hover 		{ float: left; padding-top: 6px; width: 57px; height: 105px; background: url(../images/nav_homebg.gif) no-repeat bottom; background-position: -114px; }
#nav_homehl 			{ float: left; padding-top: 6px; width: 57px; height: 105px; background: url(../images/nav_homebg.gif) no-repeat bottom; background-position: 0px; }
#nav_services 			{ float: left; padding-top: 6px; width: 99px; height: 105px; background: url(../images/nav_servicesbg.gif) no-repeat bottom; background-position: -99px; }
#nav_services:hover 	{ float: left; padding-top: 6px; width: 99px; height: 105px; background: url(../images/nav_servicesbg.gif) no-repeat bottom; background-position: -198px; }
#nav_serviceshl 		{ float: left; padding-top: 6px; width: 99px; height: 105px; background: url(../images/nav_servicesbg.gif) no-repeat bottom; background-position: 0px; }
#nav_ethics 			{ float: left; padding-top: 6px; width: 56px; height: 105px; background: url(../images/nav_ethicsbg.gif) no-repeat bottom; background-position: -56px; }
#nav_ethics:hover 	{ float: left; padding-top: 6px; width: 56px; height: 105px; background: url(../images/nav_ethicsbg.gif) no-repeat bottom; background-position: -112px; }
#nav_ethicshl 			{ float: left; padding-top: 6px; width: 56px; height: 105px; background: url(../images/nav_ethicsbg.gif) no-repeat bottom; background-position: 0px; }
#nav_about				{ float: left; padding-top: 6px; width: 78px; height: 105px; background: url(../images/nav_aboutbg.gif) no-repeat bottom; background-position: -78px; }
#nav_about:hover 		{ float: left; padding-top: 6px; width: 78px; height: 105px; background: url(../images/nav_aboutbg.gif) no-repeat bottom; background-position: -156px; }
#nav_abouthl 			{ float: left; padding-top: 6px; width: 78px; height: 105px; background: url(../images/nav_aboutbg.gif) no-repeat bottom; background-position: 0px; }
#nav_clients 			{ float: left; padding-top: 6px; width: 90px; height: 105px; background: url(../images/nav_clientsbg.gif) no-repeat bottom; background-position: -90px; }
#nav_clients:hover 	{ float: left; padding-top: 6px; width: 90px; height: 105px; background: url(../images/nav_clientsbg.gif) no-repeat bottom; background-position: -180px; }
#nav_clientshl 		{ float: left; padding-top: 6px; width: 90px; height: 105px; background: url(../images/nav_clientsbg.gif) no-repeat bottom; background-position: 0px; }

#content h1 { color: #ffe78b; font-size: 24px; font-weight: normal; padding-bottom: 20px; }
#content h2 { color: #ffe78b; font-weight: bold; }

#clients { list-style: disc; margin-left: 14px; }

.portrait { float: left; padding: 3px 12px 8px 0; }

#contacts { float: left; background: url(../images/contact_tile.gif) repeat-x bottom #49330c; line-height: 17px; padding-left: 16px; }
#contacts a { font-weight: bold; }
#contacts h1 { color: #ffe78b; font-weight: bold; padding: 8px 10px; }
.contactsection11 { float: left; font-size: 11px; line-height: 16px; margin: 0 10px 10px 0; ma\rgin-right: 10px; padding: 4px 6px 5px 10px; width: 203px; background: url(../images/contactsectionbg.png); }
.contactsection12 { float: left; font-size: 11px; line-height: 16px; margin: 0 10px 10px 0; ma\rgin-right: 14px; padding: 4px 6px 5px 10px; width: 203px; background: url(../images/contactsectionbg.png); }
.contactsection21 { float: left; font-size: 11px; line-height: 16px; margin: 0 10px 20px 0; ma\rgin-right: 10px; padding: 4px 6px 5px 10px; width: 203px; background: url(../images/contactsectionbg.png); }
.contactsection22 { float: left; font-size: 11px; line-height: 16px; margin: 0 10px 20px 0; ma\rgin-right: 14px; padding: 4px 6px 5px 10px; width: 203px; background: url(../images/contactsectionbg.png); }
#offices { float: right; background: url(../images/offices_tile.gif) repeat-x bottom #b0b535; line-height: 17px; padding-right: 16px; text-align: right; }
.officesection { float: right; font-size: 11px; font-weight: bold; line-height: 16px; }
.officesection h1 { font-weight: bold; font-size: 12px; width: 130px; color: #fdff6e; padding: 9px 0 8px 0; margin-left: 14px; }
.officesectiontint { background: url(../images/contactsectionbg.png); margin: 0 0 20px 14px; padding: 5px 10px 7px 10px; width: 120px; }

#ieupdate { text-align: center; padding-bottom: 12px; }
#ieupdate a { color: red; font-weight: bold; }