/*-------------------------------------------------
Global
-------------------------------------------------*/

html {}
body {width:100%; margin:0; padding:0; font-family:'trebuchet ms',arial,helvetica,sans-serif; font-size:11px; background:url(../images/bg-water.jpg) 0 0 repeat-x #000;}
h1, h2, h3, h4, h5, ul, li, table, td, p {margin:0; padding:0;}
h1 {font-size:20px;}
h2 {font-size:16px;}
h3 {font-size:14px;}
h4 {font-size:12px;}
h5 {font-size:11px;}
p {line-height:1.6em; margin:10px 0;}
a {color:#0742A0; text-decoration:none;}
a:hover {color:#1D6BDD;}
img {border:0;}
ul, li {list-style:none;}
li {margin:7px 0;}
table {border-collapse:collapse;}
table td {vertical-align:top;}

/*-------------------------------------------------
Etc.
-------------------------------------------------*/

a.orange {color:#FF9900;}
a.orange:hover {text-decoration:underline;}
.red {color:#c90000;}
.nomarg {margin:0;}
.nomarg-top {margin-top:0;}
.nobord {border:0;}
.align-rt {text-align:right;}
.align-ct {text-align:center;}
.align-lt {text-align:left;}
.bord {border:4px solid #000;}
.bord-top {border-top:4px solid #000;}
.bord-bot {border-bottom:4px solid #000;}
.bord-lt {border-left:4px solid #000;}
.bord-rt {border-right:4px solid #000;}
.bg-grey {background:#dbdbdb;}
.bg-dkgrey {background:#c1c1c1;}
.hsplit-blue {background:#4B8BC8; padding:5px 20px; color:#fff;}
.bul-blue li {padding-left:10px; background:url(../images/bul-bluecir.gif) 0 5px no-repeat;}
.bul-blue_sm li {padding-left:10px; background:url(../images/bul-bluecir_sm.gif) 0 7px no-repeat;}
.bul-bluesq_dk li {padding-left:10px; background:url(../images/bul-bluesq_dk.gif) 0 4px no-repeat;}
.bul-bluesq_dk ul li {padding-left:10px; background:url(../images/bul-orangehash.gif) 0 7px no-repeat;}
.more-btn {vertical-align:middle;}
.clearout {clear:both; font-size:.2em; margin-bottom:-2px;}
.half_size {font-size:.5em;}
.reg {margin-left:20px;}
.reg, .reg li {list-style:disc;}

/*-------------------------------------------------
Layouts
-------------------------------------------------*/

#all-wrap {margin:0 auto; width:865px; padding-left:90px;}
#main-wrap {width:825px; margin:0 auto; margin-top:30px; border:4px solid #000; position:relative;}
#logo {position:absolute; margin:-4px 0 0 -100px;}

#bodyserv .serv a {background:url(../images/nav-global.gif) -77px -52px no-repeat !important;}
#bodywork .work a {background:url(../images/nav-global.gif) -208px -52px no-repeat !important;}
#bodyabou .abou a {background:url(../images/nav-global.gif) -316px -52px no-repeat !important;}
#bodycont .cont a {background:url(../images/nav-global.gif) -411px -52px no-repeat !important;}

#footer-wrap {width:825px; margin:10px auto; margin-bottom:20px; padding:0; font-size:10px;}
#footer-wrap ul {margin-top:2px; float:right; text-transform:uppercase;}
#footer-wrap li {margin:0; float:left;}
#footer-wrap a {float:left; height:10px; padding:0 7px; border-right:1px solid #808080; display:block; line-height:1em;}
#footer-wrap a:hover {color:#1D6BDD;}
#footer-wrap .end a {border:0;}
#footer-wrap p {margin:0 0 0 15px; color:#808080; float:right;}

#login-wrap {height:25px; background:#013e70;}
#login-wrap img {margin:6px 10px 0px 20px; float:left; display:inline;}
#login-form {margin-top:4px; float:left;}
*html #login-form {margin-top:3px;}
#login-form label {color:#fff;}
#login-form input {width:100px; height:10px; margin:0 15px 0 0; padding:1px; background:#4E789B; font-size:10px; font-family:arial,helvetica,sans-serif; color:#fff;}
#btn-login {margin-top:-2px !important; width:45px !important; height:16px !important; vertical-align:middle;}

.page-section {width:825px; height:50px; font-size:30px; text-indent:-4000px;}
#ps_abou {background:url(../images/pho-mast_aboutus.jpg) 0 0 no-repeat;}
#ps_cont {background:url(../images/pho-mast_contactus.jpg) 0 0 no-repeat;}
#ps_serv {background:url(../images/pho-mast_ourservices.jpg) 0 0 no-repeat;}
#ps_work {background:url(../images/pho-mast_ourwork.jpg) 0 0 no-repeat;}
#ps_jobs {background:url(../images/pho-mast_careers.jpg) 0 0 no-repeat;}

#content-wrap {background:#00529F;}
#content {width:650px; background:#fff; float:right;}
#header {padding:20px;}
#header h1 {margin-bottom:10px;}
.ss-title {padding:5px 20px !important;}
.ss-title h1 {margin-bottom:0 !important; text-transform:uppercase; font-family:'trebuchet ms',arial,helvetica,sans-serif;}
#content-text {padding:20px}
.page-title {text-transform:uppercase;}

#sub-nav {width:170px; float:left;}
.snav {padding:15px;}

.split-table {width:100%;}
.split-table td {width:50%; padding:20px; border-bottom:4px solid #000;}
.split-table .lt {border-right:4px solid #000;}
.split-table .bul-blue {margin:10px 0;}
.split-table .last td {border-bottom:0;}

#side-bot {width:171px; margin-bottom:29px; background:#3878b4; position:absolute; bottom:0; left:0;}
#side-bot div {padding:10px; border-top:4px solid #000;}
#side-bot p {margin:0; line-height:1.4em; color:#fff;}
#side-contact a {color:#FF9900;}
#side-contact a:hover {text-decoration:underline;}
#bbb {text-align:center;margin:0 0 0 10px;_margin:0 0 0 5px;float:left;height:50px;width:151px}
#bbb img{margin:10px 0 0 0}

/*-------------------------------------------------
Home Page
-------------------------------------------------*/

#bodyhome #nav .home {display:none;}
#bodyhome #footer-wrap .home {display:none;}
#level1 {width:824px; height:235px; background:url(../images/pho-homewave_leftright.jpg) 0 0 no-repeat;}
#intro-text {width:300px; margin:0; padding:125px 0 0 20px; color:#fff;}
#intro-recent {width:180px; padding:15Px 20px 0 0; float:right; display:inline;}
#intro-recent p {width:170px; margin:5px 0; line-height:1.2em; color:#fff;}
#intro-recent p img {margin-top:5px;}

#level2 {width:824px; background:#fff;}
#wwd {width:395px; height:44px; background:#00529f;}
#wwd img {margin:7px 0 0 20px;}
#level2a {float:left; border-right:4px solid #000;}
#level2a table {width:395px;}
#level2a td {padding:10px 0px 10px 20px;}
#level2a p {width:160px; margin:5px 0 0 2px;}
#level2a p img {margin:2px 5px 2px 0;}
#level2a .more_links td {width:50%; padding:3px 20px; background:#dbdbdb;}
#level2a .bord-bot td {border-bottom:4px solid #000;}
#level2b {width:425px; float:right;}
#level2b #level2b-title {margin-bottom:10px;}
#level2b #img-col {width:240px; margin-left:15px; float:left; display:inline;}
#level2b p {width:140px; margin-left:15px; float:left;}
#level2b p img {margin-top:5px;}

/*-------------------------------------------------
Global Nav
-------------------------------------------------*/

#nav {height:26px; background:#000;}
#nav ul {float:right;}
#nav li {float:left; display:inline; margin:0 18px;}
#nav li a {height:26px; display:block;}
#nav li a span {display:none;}

#nav .home a {width:38px; background:url(../images/nav-global.gif) 0 0 no-repeat;}
#nav .home a:hover {background:url(../images/nav-global.gif) 0 -26px no-repeat;}
#nav .serv a {width:95px; background:url(../images/nav-global.gif) -77px 0 no-repeat;}
#nav .serv a:hover {background:url(../images/nav-global.gif) -77px -26px no-repeat;}
#nav .work a {width:73px; background:url(../images/nav-global.gif) -208px 0 no-repeat;}
#nav .work a:hover {background:url(../images/nav-global.gif) -208px -26px no-repeat;}
#nav .abou a {width:67px; background:url(../images/nav-global.gif) -316px 0 no-repeat;}
#nav .abou a:hover {background:url(../images/nav-global.gif) -316px -26px no-repeat;}
#nav .cont a {width:83px; background:url(../images/nav-global.gif) -411px 0 no-repeat;}
#nav .cont a:hover {background:url(../images/nav-global.gif) -411px -26px no-repeat;}

/*-------------------------------------------------
About Us
-------------------------------------------------*/

#bodyabou #side-contact {width:151px; padding:10px; background:#3878b4; border-bottom:4px solid #000;}
#bodyabou #side-contact p {color:#fff;}

#bios {}
#bios h3 {margin:20px 0 10px; color:#4D4D4D; text-transform:uppercase;}
#bios p {}

#header p {margin:0;}
#pho-lifeguardtower {margin:0 20px 10px 0; float:left;}

/*-------------------------------------------------
Contact Us
-------------------------------------------------*/

#bodycont #content-wrap {background:#fff;}
#contact-wrap {height:346px; min-height:346px; }
#map-wrap {padding:20px 20px 0; text-align:right; float:right;}
#map-wrap p {font-size:10px; font-weight:bold; margin:5px 0;}
#contact-info {padding:20px 20px 0px; background:#fff;}
#holiday-info {padding:0 20px; font-size:11px;}
#holiday-info p {margin:0;}

/*-------------------------------------------------
Our Services
-------------------------------------------------*/

#serv-table td {padding:10px;}
#serv-table .lt {width:42%;}
#serv-table p img {vertical-align:middle;}
.st-img {margin:0 0 5px 10px; float:right;}

#appdev-lt {width:300px; float:left;}
#appdev-lt h1 {margin-bottom:10px;}
#appdev-lt h2 {color:#4c4c4c; text-transform:uppercase;}
#appdev-rt {float:right;}

#creative-lt {width:220px; float:left;}
#creative-lt ul {margin-left:10px;}
#creative-lt h5 {margin:10px 0 0 10px;}
#creative-lt h4, #creative-rt h4 {color:#666; text-transform:uppercase;}
#creative-rt {width:300px; margin-right:40px; float:right; display:inline;}
#creative-rt h4 {margin:10px 0;}
#creative-rt table td {padding:0;}

#bodyserv .split-table h3 {color:#FF9900; text-transform:uppercase;}
#bodyserv #content-text h1 {margin-bottom:10px;}
#security-col {width:400px; margin:0 0 0 20px; float:left; display:inline;}

/*-------------------------------------------------
Our Work
-------------------------------------------------*/

#port-table {}
#port-table td {padding:10px 10px 10px 20px;}
#port-table p {width:120px; margin:0; float:left;}
#port-table p strong {text-transform:uppercase;}
#port-table .img-set {text-align:right; float:right;}
#port-table .link-more {margin-right:15px;}

#port-arws {margin-top:7px; float:right;}
#port-arws span {margin:0 10px;}

#arw-lt, #arw-rt {float:left;}
#arw-lt, #arw-rt, #arw-lt a, #arw-rt a {width:6px; height:11px; display:block;}
.port-nolt #arw-lt a, .port-nort #arw-rt a {display:none;}
#arw-lt {background:url(../images/arw-back_nope.gif) 0 0 no-repeat;}
#arw-lt a {background:url(../images/arw-back.gif) 0 0 no-repeat;}
#arw-lt a:hover {background:url(../images/arw-back_over.gif) 0 0 no-repeat;}
#arw-rt {background:url(../images/arw-next_nope.gif) 0 0 no-repeat;}
#arw-rt a {background:url(../images/arw-next.gif) 0 0 no-repeat;}
#arw-rt a:hover {background:url(../images/arw-next_over.gif) 0 0 no-repeat;}

#pf-lt {width:235px; float:left;}
#pf-lt h1 {text-transform:uppercase;}
#pf-lt h4 {margin-top:10px; color:#818181; text-transform:uppercase;}
#pf-lt p {margin:0;}
#pf-rt {float:right;}
#pf-rt img {border:3px solid #E6E6E6; background:#E6E6E6;}
#pf-rt h4 {margin-top:20px; color:#818181; text-transform:uppercase;}
#sitelink {margin-top:5px; font-size:9px; font-weight:bold; text-transform:uppercase;}
.p-lone {padding-top:20px;}
.p-sub {padding-top:10px;}

/*-------------------------------------------------
Sitemap
-------------------------------------------------*/

#bodysite #ps_site {display:none;}
#bodysite #side-contact {width:151px; padding:10px; background:#3878b4; border-bottom:4px solid #000;}
#bodysite #side-contact p {color:#fff;}

#sitemap-wrap {padding:20px;}
#sitemap-wrap h1 {margin-bottom:10px;}
#sitemap-wrap h3 {margin-bottom:10px; color:#4c4c4c;}
#sitemap-wrap li {margin:0 0 10px; font-weight:bold;}
#sitemap-wrap li ul li {margin:7px 0; font-weight:normal;}
#sitemap-col_lt {border-right:1px solid #ccc;}
.sitemap-col {width:200px; margin:10px; float:left;}

/*-------------------------------------------------
Privacy
-------------------------------------------------*/

#bodypriv #ps_priv {display:none;}
#bodypriv #side-contact {width:151px; padding:10px; background:#3878b4; border-bottom:4px solid #000;}
#bodypriv #side-contact p {color:#fff;}

#privacy-wrap {padding:20px;}

/*-------------------------------------------------
Careers
-------------------------------------------------*/

.c-head {margin-top:20px; margin-bottom:0px;}