body {
	background: #216aae url(/images/body-bg.jpg) top left repeat-x;
	color: #03315c;
	font: small/1.5 Arial, Helvetica, sans-serif;
}

body, html, ul#navlist, #right-list ul, #left-list ul, ul#subnavlist {
	margin: 0;
	padding: 0;
}

a {
	color: #03315c;
}	

a:hover, a:focus, a:active {
	text-decoration: none;
}


h1 {
	font-size: 150%;
	color: #ee164f;
}

h2 {
	line-height: 1.0;
	font-size: 110%;
	padding-top: 4px;
}

h3 {
	color: #0054a4;
	font-size: 100%;
}


/* ------------ LAYOUT ------------ */


#wrap {
	width: 779px;
	margin: 0 auto;
}

#header {
	padding-top: 12px;
	position:relative;
	z-index: 1000;
}

#header img { display: block; }

#content-wrap {
	width: 779px;
	background:url(/images/content-wrap.png) top left repeat-y;
}

#text-bg {
	margin: 0 20px 0 22px;
	padding: 5px 20px 25px 20px;
	background: #bfdcf6 url(/images/text-bg.jpg) top left repeat-x;
	position:relative;
	z-index: 1200;
}

#text-left-col {
	float: left;
	width: 350px;
	margin: 0 0 5px 0;
	display: inline;
}

#text-right-col {
	float: right;
	width: 340px;
	margin: 0 0 5px 0;
	display: inline;
}

#right-list {
	float: right;
	display: inline;
	width: 160px;
	padding-left: 15px;
	font-size: 90%;
}

#left-list {
	float: left;
	width: 160px;
	display: inline;
	padding-left: 15px;
	font-size: 90%;
}

#left-list li, #right-list li {
	padding-bottom: 5px;
}

#logos {
	clear:both;
	margin: 10px 0 0 0;
	padding: 5px 0 10px 0;
	text-align: center;
}

#logos img {
	padding: 0 6px 0 6px;
}

#logos h2 {
	color:#0054a4;
	font-size: 140%;
	text-align:left;
}

p.title {
	font-weight: bold;
	font-size: 90%;
	margin-left: 10px;
}

table td {
	font-weight: bold;
}


#contact-info {
	float: left;
	width: 200px;	
}

#contact-map {
	float: right;
}

/* ------------ NAVLIST ------------ */

ul#navlist {
	position: absolute;
	top: 69px;
	right: 35px;
}

ul#navlist li {
	display: inline;
	list-style: none;
	color: #0054a4;
}

ul#navlist a {
	text-decoration: none;
	color: #0054a4;
	font-weight: bold;
}

ul#navlist li:hover a,
ul#navlist li:active a,
ul#navlist li:focus a,
ul#subnavlist li:hover a,
ul#subnavlist li:active a,
ul#subnavlist li:focus a,
#home li#nav-home a,
#about li#nav-about a,
#shipping li#nav-shipping a,
#tracking li#nav-tracking a,
#services li#nav-services a,
#gift li#nav-gift a,
#map li#nav-map a,
#freight li#nav-freight a,
.copies ul#subnavlist li#subnav-copies a,
.printing ul#subnavlist li#subnav-printing a,
.mailbox ul#subnavlist li#subnav-mailbox a,
.passport ul#subnavlist li#subnav-passport a,
.add ul#subnavlist li#subnav-add a
 {
	color:#ed154e;
}

/* ------------ SUBNAVLIST ------------ */

ul#subnavlist {
	position: absolute;
	top: 125px;
	right: 35px;
	z-index: 5000;
}

ul#subnavlist li {
	display: inline;
	color: #0054a4;
}

ul#subnavlist li a {
	font-size: 85%;
	text-decoration: none;
	color: #0054a4;
}
/* ------------ FOOTER ------------ */

#footer {
	width: 779px;
	color: #fff;
	background: transparent url(/images/footer.png) top left no-repeat;
	font-size: 90%;
	text-align: center;
	padding-bottom: 25px;
	
	min-height:150px;
  	height:auto;
  	height:150px;
	line-height: 1.0;
}

#footer p {
	position: relative;
	z-index: 1500;
	margin-top: 0;
	padding: 15px 0 0 0;
}

#footer p.right {
	width: 420px;
	float: right;
	margin: 0 44px 20px 0;
	padding: 0;
	display: inline;
}

#footer a {
	color: #fff;
	text-decoration: underline;
}

#footer a:hover, a:focus, a:active {
	text-decoration: none;
} 

/* ------------ EXTRA ------------ */

li {
	margin-top: 8px;
}

hr {
	height: 1px;
	border: none;
	color: #568bbd;
	background: #568bbd;
	margin: 20px 0;
}


.f-right {
    float: right;
    margin: 10px 0 11px 10px;
	padding: 2px;
	border: 1px solid #ee164f;
}

.f-right-nobord {
    float: right;
    margin: 10px 0 11px 10px;
}

.f-left {
    float: left;
    margin: 10px 10px 11px 0;
}

.center { text-align: center; }
.right { text-align: right; }

.clear { clear: both; }

a img { border: none; }

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hide from IE Mac \*/
* html .clearfix { height: 1%; }
.clearfix {display: block;}
/* End hide from IE Mac */


/* ------------ IE6/PNG ------------ */

/* commented backslash hack v2 \*/

* html #content-wrap {
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/content-wrap.png', sizingMethod='scale');
}

* html #footer {
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/footer.png', sizingMethod='crop');
}

/* end hack */