@charset "utf-8";
body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

#header, #wavy, #logo, #straight {height: 70px;display: block;margin:0;padding:0;}
#wavy{width:100%;background:url(../images/s5-lines-waves.gif) repeat-x;}
#straight {margin-left:60%;width:40%;background:#fff url(../images/s5-lines-straight.gif) repeat-x;}
#logo{width:960px;margin:0 auto;margin-top:-70px;border:0px solid red;}

#dashboard {display:block;height:400px;background:url(../images/bg-blue-grad.jpg);overflow:hidden;}

#customer-login {height:50px;width:960px;margin:0 auto;text-align:right;background:url(../images/icon-padlock.gif) no-repeat 860px 12px;}
#customer-login a {float:right;display:block;width:100px;margin:20px 5px;padding:0px 0;color:#666;font-size:0.7em;font-weight:bold;text-decoration:none;border-left:1px solid #666;}

ul.topnav {list-style:none;padding:0;display:block;height:50px;width:960px;margin:0 auto;margin-top:-50px;}
ul.topnav li {float:left;text-align:left;font-size:0.7em;font-weight:bold;padding:20px 0px;width:110px;text-align:center;}
ul.topnav li img {}
ul.topnav li a {display:block;color:#000;text-decoration:none;border-left:1px solid #666;}
ul.topnav li.first a {border-left:0px;padding: 0px 0px 0px 0px;}

h1.header {text-align:left;width:960px;margin:0 auto;height:350px;background:url(../images/welcome.jpg) top right no-repeat;font-size:0.8em;color:#06C;}
/*these control the header image, header images are set as backgrounds so the actual header can be put in in text within the h1 tag to help google out */
h1.services {background:url(../images/services.jpg) top right no-repeat;}
h1.services {background:url(../images/services.jpg) top right no-repeat;}
h1.services-globalsolutions {background:url(../images/services-globalport.jpg) top right no-repeat;}
h1.services-softwaresolutions {background:url(../images/services-softwaresolutions.jpg) top right no-repeat;}
h1.services-vendormanagement {background:url(../images/services-vendormanagement.jpg) top right no-repeat;}
h1.services-crewcare {background:url(../images/services-crewcare.jpg) top right no-repeat;}
h1.services-sparescare {background:url(../images/services-hubsolutions.jpg) top right no-repeat;}
h1.services-shipsupply {background:url(../images/services-shipsupply.jpg) top right no-repeat;}
h1.services-localport {background:url(../images/services-localport.jpg) top right no-repeat;}
h1.services-transit {background:url(../images/services-transit.jpg) top right no-repeat;}
h1.fivestepstosucess {background:url(../images/approach.jpg) top right no-repeat;}
h1.values {background:url(../images/values.jpg) top right no-repeat;}
h1.about {background:url(../images/about.jpg) top right no-repeat;}
h1.about-history {background:url(../images/about-history.jpg) top right no-repeat;}
h1.about-team {background:url(../images/about-team.jpg) top right no-repeat;}
h1.about-founders {background:url(../images/about-founders.jpg) top right no-repeat;}
h1.about-clients {background:url(../images/about-clients.jpg) top right no-repeat;}
h1.about-testimonials {background:url(../images/about-testimonials.jpg) top right no-repeat;}
h1.twentyfourseven {background:url(../images/twentyfourseven.jpg) top right no-repeat;}
h1.approach {background:url(../images/approach.jpg) top right no-repeat;}
h1.approach-globalcollab {background:url(../images/approach-globalport.jpg) top right no-repeat;}
h1.approach-qhse {background:url(../images/approach-qhse.jpg) top right no-repeat;}
h1.approach-localexpertise {background:url(../images/approach-localexpertise.jpg) top right no-repeat;}
h1.approach-streamlinedcomms {background:url(../images/approach-streamlinedcomms.jpg) top right no-repeat;}
h1.approach-voyagereturn {background:url(../images/approach-voyagereturn.jpg) top right no-repeat;}
h1.port-talk {background:url(../images/port-talk.jpg) top right no-repeat;}
h1.contact {background:url(../images/contact.jpg) top right no-repeat;}
h1.legal {background:url(../images/legal.jpg) top right no-repeat;}
h1.flash {background:none;}

h2.header {width:960px;margin:0 auto;height:310px;background:url(../images/welcome.jpg) top right no-repeat;font-size:0.8em;color:#06C;}
h3.header {width:960px;margin:0 auto;height:310px;background:url(../images/welcome.jpg) top right no-repeat;font-size:0.8em;color:#06C;}
h4 {color:#006699;margin-bottom:0;margin-top:5px;font-family:Tahoma, Geneva, sans-serif;}
h5 {font-size:0.85em;color:#ca533b;margin:10px 0px;font-style:italic;font-family:Verdana, Arial, Helvetica, sans-serif;clear:right;}
h6 {font-size:0.9em;color:#017296;margin:10px 0px;font-style:bold;font-family:Verdana, Arial, Helvetica, sans-serif;clear:right;}

.header span {display:none;}

ul.sidenav {list-style-image:url(../images/sidenav-arrow.gif);padding:0px;display:block;width:960px;margin:0 auto;margin-top:-300px;border:0px;}
ul.sidenav li {text-align:left;font-size:0.7em;font-weight:bold;padding:0px 0px;margin:0px 30px;}
ul.sidenav li img {}
ul.sidenav li a {display:block;width:200px;color:#FFF;text-decoration:none;padding:  10px  10px;border-top:1px solid #66ccff;}
ul.sidenav li.first a {border-top:0px;}
ul.sidenav li.text-only {list-style:none;}
ul.sidenav li.text-only span {border-top:1px solid #66ccff;color:#09F;}
ul.sidenav li span {display:block;width:200px;color:#FFF;text-decoration:none;padding:  10px  10px;border-top:1px solid #66ccff;}
ul.sidenav li.first span {border-top:0px;} 
ul.sidenav li.current{list-style-image:url(../images/sidenav-arrowred.gif)} 
ul.sidenav li span a {display:inline;width:auto;color:#FFF;text-decoration:underline;padding:  0px  0px;border-top:0px solid #66ccff;}
ul.sidenav li address {display:block;width:200px;color:#FFF;text-decoration:none;padding:  10px  10px;border-top:1px solid #66ccff;}

ul.sidenav-higher {list-style-image:url(../images/sidenav-arrow.gif);padding:0px;display:block;width:960px;margin:0 auto;margin-top:-340px;border:0px;}
ul.sidenav-higher li {text-align:left;font-size:0.7em;font-weight:bold;padding:0px 0px;margin:0px 30px;}
ul.sidenav-higher li img {}
ul.sidenav-higher li a {display:block;width:200px;color:#FFF;text-decoration:none;padding:  10px  10px;border-top:1px solid #66ccff;}
ul.sidenav-higher li.first a {border-top:0px;}
ul.sidenav-higher li.text-only {list-style:none;}
ul.sidenav-higher li.text-only span {border-top:1px solid #66ccff;color:#09F;}
ul.sidenav-higher li span {display:block;width:200px;color:#FFF;text-decoration:none;padding:  10px  10px;border-top:1px solid #66ccff;}
ul.sidenav-higher li.first span {border-top:0px;} 
ul.sidenav-higher li.current{list-style-image:url(../images/sidenav-arrowred.gif)} 
ul.sidenav-higher li span a {display:inline;width:auto;color:#FFF;text-decoration:underline;padding:  0px  0px;border-top:0px solid #66ccff;}
ul.sidenav-higher li address {display:block;width:200px;color:#FFF;text-decoration:none;padding:  10px  10px;border-top:1px solid #66ccff;}

ul.bullet li {color:#000;text-decoration:none; line-height: 200%; font-size:0.9em; border-bottom:solid 2px #FFF; margin-left: 20px;}

#content {display:block;width:960px;margin:0 auto;}
#sidebar{display:block;width:308px;float:left;overflow:hidden;}
#sidebar a{display:block;width:310px;float:left;}
#sidebar a img{border:0;}

#bullettable {width:200px; float:left;}
#bullettable2 {width:400px; float:right;}
#bullettable3 {list-style:none; width:300px; float:left;}
#bullettable4 {list-style:none; width:300px; float:right; padding-left: -100px;}
#bullettable5 {list-style:none; width:250px; float:left;}
#bullettable6 {list-style:none; width:350px; float:right; padding-left: -100px;}

#seperator {border-top:1px solid #999;}

#text {display:block;width:640px;float:left;padding:10px;border-left:1px solid #c0c0c0;margin-right:-10px;}
#text h4 {color:#333;font-family:Tahoma, Geneva, sans-serif;padding-bottom:0;margin-bottom:0;}
#text p{font-size:0.8em;color:#000000;clear:left;}
#text ul{font-size:0.8em;color:#000000;line-height: 180%;list-style-image:url(images/listdot.gif);margin-left:10px;}
#text ul li{color:#000000;line-height:150%;list-style-image:url(images/listdot.gif);margin-left:10px;padding-bottom:8px}
#text a{color:#00688f}
#text a:visited{color:#ca533b}
#text img{border:0;float:left;margin-right:10px; margin-bottom:10px;}

#content div.headline-item {width:620px;display:block;float:none;font-size:0.9em;font-family:Tahoma, Geneva, sans-serif;}
#content div.headline-item img {float:left;margin:0 10px 10px 0;}
#content div.headline-item h4 {color:#006699;margin-bottom:0;margin-top:5px;font-family:Tahoma, Geneva, sans-serif;}
#content div.headline-item h5 {font-size:1em;color:#ca533b;margin:0 10px;font-family:Verdana, Arial, Helvetica, sans-serif;}
#content div.headline-item h6 {font-size:1.1em;color:#ca533b;margin:0 10px;font-family:Georgia;}
#content div.headline-item p{font-size:1em;color:#333333;font-weight:bold;}
#content div.headline-item a{clear:both;color:#666666;text-decoration:none;font-style:italic;font-size:0.9em;}
#content div.headline-item a img{border:0;}
#content div.twocol-item {display:block;width:300px;height:150px;float:left;font-size:0.9em;margin-right:10px;font-family:Tahoma, Geneva, sans-serif;}
#content div.twocol-item h4 {color:#333;font-family:Tahoma, Geneva, sans-serif;padding-bottom:0;margin-bottom:0;}
#content div.twocol-item p{font-size:0.9em;color:#333333;}
#content div.twocol-item a{}
#content div.twocol-item a img{border:0;}

.team-member {margin-bottom:20px;clear:both;}
.team-member .photo {display:block;width:150px;height:100%;float:left;margin-bottom:20px;}
.team-member h4 {margin-bottom:0px;}
.team-member h5 {color:#ca533b;margin-top:0px;}

blockquote {margin:5px;}
blockquote h5 {color:#336699;}
blockquote p {}

#footer {display:block;width:960px;margin:0 auto;margin-top:20px;border-top:1px solid #999;}
#footer #copy {display:block;color:#333333;font-size:0.7em;padding:5px 0px;}
ul.bottomnav {list-style:none;padding:0;margin:0;display:block;float:right;}
ul.bottomnav li {float:left;text-align:left;font-size:0.7em;font-weight:bold;padding:5px 0px;}
ul.bottomnav li img {}
ul.bottomnav li a {display:block;color:#333333;text-decoration:none;padding: 0px 5px 0px 5px;border-left:1px solid #666;}
ul.bottomnav li.first a {border-left:0px;padding: 0px 5px 0px 0px;}

fieldset {font-size:0.9em;color:#000;clear:left;padding:20px 30px; border-color:#FFFFFF; border:0px;}
legend{padding:10px;margin-left:-40px;}
fieldset input, fieldset textarea {width:400px;}
fieldset input.button {width:200px;color:#00688f;}