/**
 * Defaults and Resets
 */
html, body {margin: 0; padding: 0; background: #79abe7;}

body {padding: 20px 0; font-family: Arial, Verdana, Sans-Serif; font-size: 15px; line-height: 24px; color: #333;}

form {margin: 0; padding: 0;}

img {border: 0;}

td {vertical-align: top;}

p {margin: 0 0 20px 0;}
.indent {margin-left: 15px; margin-top: 0px;}
:focus {outline: 0;}
.small {font-size: 10px; line-height: 12px;}

a {color: #af2f02;}
a:hover {color: #000;}

h1 {margin: 0; line-height: normal; text-transform: uppercase;}
h2 {margin: 0 0 20px 0; font-size: 18px; line-height: normal;}
h3 {margin: 0 0 10px 0; font-size: 16px; line-height: 18px; color: #002f5d;}
h4 {margin: 0 0 10px 0; font-size: 14px; line-height: normal; color: #fff;}
h5 {margin: 0; font-size: 13px; line-height: normal; color: #fff;}

/**
 * General
 */
.clearBoth, .clear {clear: both; height: 0px; font-size: 1px; line-height: 0px; display: block;}

.left {float: left; margin: 0 15px 20px 0;}

.testimonial {margin: 0; line-height: 20px;}
.testimonialAuthor {line-height: 20px; text-align: right;}

/**
 * Lists
 */
ul.inline {margin: 0; padding: 0; list-style-type: none;}
ul.inline li {display: inline;}

ul.list {margin: 0; padding: 0; list-style-type: none;}

ul.subnav {margin: 0 0 20px 0; padding: 0; list-style-type: none; font-size: 16px; font-weight: bold; line-height: 24px;}
ul.subnav li {padding: 0 0 5px 0;}
ul.subnav li.on a {color: #194e99;}
ul.subnav li a {color: #af2f02; text-decoration: none;}
ul.subnav li a:hover {color: #000;}

/**
 * Layout
 */
#master {width: 960px; margin: auto;}

#page {background: #fff url(../images/bg-page-sprites.gif) no-repeat;}
#page > div {width: 920px; margin: 0 0 20px 0; padding: 0 20px 10px 20px; background: url(../images/bg-page-sprites.gif) no-repeat -960px bottom;}

#nav ul {margin: 0; padding: 15px 0 10px 0; list-style-type: none; font-size: 15px; font-weight: bold; line-height: normal; text-transform: uppercase; text-align: center;}
#nav ul li {display: inline; padding: 0 26px;}
#nav ul li a {color: #1b477b; text-decoration: none;}
#nav ul li.on a {color: #cd4c0b;}
#nav ul li a:hover {color: #000;}

#header {position: relative; width: 919px; height: 254px;}
#header .logo {position: absolute; top: 20px; left: 30px;}
#header .overlay {position: absolute; top: 0; left: 0;}
#header .photos {position: absolute; top: 0; right: 0;}
#header .photos > div {position: absolute; top: 0; right: 0;}

#title {margin: 20px 0; height: 54px; padding: 15px 0 0 30px; background: url(../images/bg-title-sprites.gif) no-repeat;}
#title h1 {font-family: Verdana, Arial, Sans-Serif; font-size: 32px; color: #fff;}
#title h1 span {font-size: 30px; font-weight: normal; text-transform: none; color: #f2c3ad; position: relative; bottom: -9px;}

#body {background: url(../images/dot.gif) repeat-y 672px 0;}

#sidebar {float: left; width: 169px; padding: 0 0 10px 0;}
#sidebar .photo {position: relative; width: 169px; height: 169px; margin: 0 0 20px 0;}
#sidebar .photo .overlay {position: absolute; width: 169px; height: 169px; top: 0; left: 0; background: url(../images/overlay-trans.png) no-repeat;}
#sidebar .photoEdgeBottom .overlay {background-image: url(../images/overlay-edge-bottom-trans.png);}

#mapSide {float: left; width: 350px; padding: 0 0 10px 0;}
#mapSide .photo {position: relative; width: 350px; height: 350px; margin: 0 0 20px 0;}

#content {float: left; width: 455px; padding: 0 0 0 20px;}
#content strong {font-size: 16px;}
#content .column {float: left; width: 180px; padding: 0 20px 0 0;}
#content .column ul {margin: 0;}
#content .intro {font-size: 18px;}

#rightSidebar {float: right; width: 226px; padding: 0 0 10px 0; font-size: 14px; line-height: 20px;}
#rightSidebar .news {font-size: 13px;}
#rightSidebar .logos {text-align: center;}
#rightSidebar div.separator {margin: 20px 0; background: url(../images/dot.gif) repeat-x; height: 3px; font-size: 1px; line-height: 1px;}
#rightSidebar .feature h3 {color: #207323;}
#rightSidebar .schedule {margin: 0 0 20px 0;}
#rightSidebar .schedule .carrier {float: left; width: 70px;}
#rightSidebar .schedule .time {float: right; width: 145px;}
#rightSidebar .schedule .fedExGround .carrier {float: left; width: 110px;}
#rightSidebar .schedule .fedExGround .time {float: left; width: 105px;}

#footer {height: 177px; padding: 12px 0 0 10px; font-size: 13px; line-height: normal; color: #000; background: url(../images/bg-footer.gif) no-repeat;}
#footer .hours {float: left; width: 298px; padding: 10px 27px 0 15px;}
#footer .hours h4 {margin: 0; width: 270px;}
#footer .schedule {float: left; width: 314px; padding: 10px 10px 0 15px;}
#footer .feature {float: left; width: 225px; padding: 10px 0 0 15px;}
#footer .carriers .carrier {float: left; width: 60px;}
#footer .carriers .time {float: right; width: 235px;}
#footer p {margin: 0 0 10px 10px;}

#masterFooter {padding: 15px 0 0 0; font-size: 11px; text-align: center; line-height: normal; color: #3c5573;}
#masterFooter a {color: #3c5573; text-decoration: none;}
#masterFooter a:hover {color: #000;}

/**
 * Layout Variations
 */
body.front .accent {color: #014689;}

body.services h2,
body.services .accent,
body.services #nav ul li.on a {color: #850900;}
body.services #title {background-position: left -69px;}
body.services #title h1 span {color: #e0b2aa;}

body.espresso h2,
body.espresso .accent,
body.espresso #nav ul li.on a {color: #874a00;}
body.espresso #title {background-position: left -138px;}
body.espresso #title h1 span {color: #e0c3aa;}

body.about h2,
body.about .accent,
body.about #nav ul li.on a {color: #194e99;}
body.about #title {background-position: left -207px;}
body.about #title h1 span {color: #c5c4d0;}

body.resources h2,
body.resources .accent,
body.resources #nav ul li.on a {color: #684086;}
body.resources #title {background-position: left -345px;}
body.resources #title h1 span {color: #d8c0cc;}

body.shop h2,
body.shop .accent,
body.shop #nav ul li.on a {color: #207323;}
body.shop #title {background-position: left -276px;}
body.shop #title h1 span {color: #c6cdb3;}

body.contact #body {background: none;}
body.contact .accent {color: #014689;}

/**
 * Front/Home Page
 */
body.front #rightSidebar .news {margin: 0 0 20px 0;  } /* border: dashed 3px #014689; */
body.front #rightSidebar .photo {margin: 0 0 20px 0;}

body.front h2 {font-size: 16px; margin: 0;}
body.front #content .icons {margin: 0 0 0 0; text-align: center;}