/*  1.0  General
----------------------------------------------------------------------------- */
* {
margin: 0;
padding: 0;
}
body {
font-size: 100%;
font-family: verdana;
background: #fff;
}
/*  2.0  Header + Main Navigation
----------------------------------------------------------------------------- */
#header {
border-top: 1px solid #5C75AF;
padding-left: 12px;
height: 85px;
background: #5C75AF url(../../img/head-grad.gif) 0px 0px repeat-x;
position: relative;
border-bottom: 0px solid #5C75AF;
}
#logo {
float: left;
margin: 10px 0 0 0px;
width: 134px;
height: 66px;
display: block;
background: url(../../img/logo.gif) 0px 0px no-repeat;
text-indent: -1000px;
text-decoration: none;
border: none;
}
#header h1 {
background: url(../../img/shipping.gif) 0px 0px no-repeat;
text-indent: -1500px;
height: 30px;
width: 200px;
margin: 20px 0 0 155px;
}
#nav {
float: left;
margin: 9px 0 0 15px;
}
#header ul {
float: left;
list-style: none;
}
#header ul li {
float: left;
margin-right: 0px;
}
#header ul li a {
display: block;
padding: 5px 0px 5px 0px;
text-align: center;
width: 149px;
background-color: #062971;
background-image: url(../../img/nav-li-bg.gif);
background-position: 0px 0px;
background-repeat: no-repeat;
text-transform: uppercase;
text-decoration: none;
font: .8em verdana;
color: #fff;
}
#header ul li a:hover {
position: relative;
top: -1px;
background-color: #224DAB;
color: #fff;
}
.home #home-nav,
.home #home-nav:hover,
.about #about-nav,
.about #about-nav:hover,
.service #services-nav,
.service #services-nav:hover,
.services #services-nav,
.services #services-nav:hover,
.contact #contact-nav,
.contact #contact-nav:hover {
background-color: #fff;
color: #193E90;
top: 0px;
}

/*  2.0  Page Content Structure
----------------------------------------------------------------------------- */
#wrap {
width: 758px;
padding: 12px 0 0 12px;
}
#content {
float: left;
margin: 0px 12px 0px 0px;
background-color: #fff;
}
#min-height {
float: left;
margin: 0;
padding: 0;
}
#left {
width: 370px;
float: left;
margin-top: 15px;
padding: 5px 0px 0 0px;
border-right: 1px solid #ddd;
}
.about #left {
padding: 5px 0 8px 20px;
width: 430px;
}

/*  3.0  Home Page Extra
----------------------------------------------------------------------------- */
.home #content {
background: #F5F6F7;
}
#intro {
width: 360px;
float: left;
}
* html body #intro {
}
#face {
float: left;
}

/*  4.0  Typography
----------------------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6 {
font-family: helvetica, arial, verdana, sans-serif;
font-weight: normal;
margin: 0px 0 .6em 0px;
}

h1 {
font-size: 1.2em;
}
h2 {
font-size: 1.1em;
}
h3 {
font-size: 1em;
}
h4 {
font-size: .9em;
}
h5 {
font-size: .8em;
}
p {
font: .7em Tahoma, verdana, sans-serif;
margin: 0 2.8em .8em 0px;
line-height: 1.4em;
}
.home p, .home h1 {
margin-left: 20px;
}
.home h1 {
margin-top: 13px;
}
blockquote {
font-weight: bold;
font-size: 1.1em;
padding: 0;
float: right;
background: #C4C6D6;
height: 183px;
width: 218px;
}
blockquote p {
padding: 10px 0 0 0;
}
blockquote h2, blockquote h3, blockquote h4 {
padding: 10px 15px;
}
/* color changes for h1 */
.air h1 { color: #193D90; }
.sea h1 { color: #BF0101; }
.road h1 { color: #329501; }
.courier h1 { color: #840090; }
.removals h1 { color: #C19100; }

/*  5.0  Coloured Box Navigation
----------------------------------------------------------------------------- */
#service-nav ul {
list-style: none;
float: left;
}
#service-nav ul li {
float: left;
}
.home #service-nav,
.services #service-nav {
clear: left;
margin-top: 12px;
padding-top: 12px;
}
* html body.home #service-nav,
* html body.services #service-nav {
padding-top: 0px;
}
#service-nav a {
display: block;
width: 149px;
height: 165px;
text-decoration: none;
border: none;
background-image: url(../../img/master.gif);
background-repeat: no-repeat;
}
#service-nav a span {
display: block;
text-indent: -1000px;
margin: 0;
}
a#air {
background-position: 0px 0px;
}
a#air:hover {
background-position: 0px -165px;
}
a#sea {
background-position: -149px 0px;
}
a#sea:hover {
background-position: -149px -165px;
}
a#road {
background-position: -298px 0px;
}
a#road:hover {
background-position: -298px -165px;
}
a#courier {
background-position: -447px 0px;
}
a#courier:hover {
background-position: -447px -165px;
}
a#removals {
background-position: -596px 0px;
}
a#removals:hover {
background-position: -596px -165px;
}

/*  5.1  Different version of coloured boxes
----------------------------------------------------------------------------- */
.air #service-nav,
.sea #service-nav,
.road #service-nav,
.courier #service-nav,
.removals #service-nav {
float: left;
margin: 0 20px 0 0;
padding: 0;
}
.service #service-nav ul {
float: left;
margin: 0;
padding: 0;
}
.air #service-nav ul li,
.sea #service-nav ul li,
.road #service-nav ul li,
.courier #service-nav ul li,
.removals #service-nav ul li {
float: none;
}
/* smaller height by default */
.service #service-nav a {
height: 48px;
}
/* slightly adjusted bg position */
.service #service-nav a#air {
background-position: 0px -4px;
}
.service #service-nav a#sea {
background-position: -149px -4px;
}
.service #service-nav a#road {
background-position: -298px -4px;
}
.service #service-nav a#courier {
background-position: -447px -4px;
}
.service #service-nav a#removals {
background-position: -596px -4px;
}
/* hover */
.service #service-nav a:hover#air {
background-position: 0px -169px;
}
.service #service-nav a:hover#sea {
background-position: -149px -169px;
}
.service #service-nav a:hover#road {
background-position: -298px -169px;
}
.service #service-nav a:hover#courier {
background-position: -447px -169px;
}
.service #service-nav a:hover#removals {
background-position: -596px -169px;
}
/* individual pages box is full size */
.air #service-nav a#air,
.air #service-nav a:hover#air {
height: 165px;
background-position: 0px 0px;
cursor: default;
}
.sea #service-nav a#sea,
.sea #service-nav a:hover#sea {
height: 165px;
background-position: -149px 0px;
cursor: default;
}
.road #service-nav a#road,
.road #service-nav a:hover#road {
height: 165px;
background-position: -298px 0px;
cursor: default;
}
.courier #service-nav a#courier,
.courier #service-nav a:hover#courier {
height: 165px;
background-position: -447px 0px;
cursor: default;
}
.removals #service-nav a#removals,
.removals #service-nav a:hover#removals {
height: 165px;
background-position: -596px 0px;
cursor: default;
}

/*  6.0  Right column for services
----------------------------------------------------------------------------- */
#right {
margin-left: 555px;
padding-top: 38px;
}
.about #right {
margin-left: 480px;
}
#right ul {
font-size: .7em;
margin: 10px 0 0 0;
padding-left: 16px;
}
#right ul li {
margin-bottom: .4em;
}
#right h2 {
margin: 0;
font-size: .8em;
}
.air #right {
}

/*  7.0  Footer
----------------------------------------------------------------------------- */
#footer {
clear: both;
float: left;
margin: 20px 0px 0 0px;
width: 745px;
border-top: 1px solid #ccc;
padding: 10px 0;
}
* html body #footer {
margin-top: 10px;
}
#footer p {
margin: 0 0 .3em 0;
}

/*  8.0  Contact
----------------------------------------------------------------------------- */
.contact #content {
padding: 20px 0 20px 0px;
}
div#c-details {
width: 360px;
float: left;
}
#c-details h1, 
#c-details p {
margin-left: 20px;
}
table.contact {
padding: 0;
font-size: .75em;
margin: 5px 0 10px 0;
}
td.method, td.method_top {
text-align: right;
padding: 4px 4px 4px 12px;
}
td.method_top {
vertical-align: top;
}
td.contact {
padding: 4px 4px;
line-height: 1.3em;
}
/* contact form */
#enquiry {
margin-left: 370px;
}
form {
margin: 0;
padding: 0 0px;
}
label {
font-size: .75em;
margin: 6px 0 4px 0;
display: block;
color: #333;
}
form fieldset {
border: 1px solid #bbb;
margin: 0px 0px 0px 0px;
padding: 8px 8px;
background: #F2F4F5;
}
form legend {
font-weight: bold;
margin: 0 0 3px 0;
font-size: .85em;
font-family: verdana;
color: #333;
padding: 0;
}
legend span {
font-size: .8em;
font-weight: normal;
padding: 0 2px;
}
.std_input, .large_input, textarea {
background: #fff !important;
border-top: 1px solid #666;
border-right: 1px solid #666;
border-bottom: 1px solid #999;
border-left: 1px solid #999;
font-size: .75em;
font-family: verdana;
padding: 3px;
}
.std_input {
width: 340px;
}
.large_input {
width: 340px;
}
textarea {
width: 340px;
height: 140px;
line-height: 1.5em;
}
textarea.longer {
height: 180px;
}
#submit_contact {
margin: 12px 0px 5px 0;
float: right;
cursor:pointer;
padding: 1px 2px 2px 2px;
}
#submit_contact:hover {
background: url(../images/send_message.gif) 0px -23px no-repeat;
}
img.left {
float: left;
margin: 0 15px 0 5px;
border: 1px solid #666;
}

body.home #intro h2 {
	margin: 30px 20px;
}

body.home blockquote h3 {
	margin: 50px 0;
}