#nav {
	width: 980px;
	background: #404040 url(../images/generic/nav.gif) left bottom;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
	margin: 0 auto;
}
#nav li {
	display: inline;
	list-style-type: none;
}
#nav ul {
	margin: 0;
	padding: 0;
	padding-left: 10px;
}
#nav a {
	text-decoration: none;
	background-color: #404040;
	background-image: url(../images/generic/nav.gif);
	background-position: -10px bottom;
	padding: 7px 10px 9px 10px;
	color: #2d9cce;
	float: left;
	font-weight: bold;
}

#nav a:hover, #nav a:active, #nav a:focus {
	color: #fff;
	background-color: #2d9cce;
	background-image: url(../images/generic/nav.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	text-decoration: underline;
}
.nav_clear {
	clear: both;
	width: 980px;
	font-size: 1%;
	height: 0;
	overflow: hidden;
}

/* Nav page marker */

body.home #nav li.home a,
body.home #nav li.home a:hover,

body.mailboxes #nav li.mailboxes a,
body.mailboxes #nav li.mailboxes a:hover,

body.domestic #nav li.domestic a,
body.domestic #nav li.domestic a:hover,

body.about-us #nav li.about-us a,
body.about-us #nav li.about-us a:hover,

body.clients #nav li.clients a,
body.clients #nav li.clients a:hover,

body.case-studies #nav li.case-studies a,
body.case-studies #nav li.case-studies a:hover,

body.gallery #nav li.gallery a,
body.gallery #nav li.gallery a:hover,

body.news #nav li.news a,
body.news #nav li.news a:hover,

body.contact #nav li.contact a,
body.contact #nav li.contact a:hover,

body.blog #nav li.blog a,
body.blog #nav li.blog a:hover,

body.tracking #nav li.tracking a,
body.tracking #nav li.tracking a:hover,

body.store #nav li.store a,
body.store #nav li.store a:hover {
	color: #fff;
	background-color: #2d9cce !important;
	background-image: url(../images/generic/nav.gif);
	background-position: right bottom !important;
	cursor: default;
	text-decoration: none;
}


#sidenav {
	width: 180px;
	margin-right: 0;
	float: left;
	font-size: 70%;
	text-align: left;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#sidenav ul {
	display: block;
	margin: 0;
	padding: 0;
	font-size: 88%;
	list-style-type: none;
}
#sidenav ul ul {
	margin: 0;
	padding: 0;
	font-size: 100%;
	list-style-type: none;
	border-top: none;
}
#sidenav li {
	margin: 0;
}
#sidenav a,
#sidenav p {
	background: #f4f4f4 url(../images/generic/sidenav-arrow.gif) no-repeat left center;
	border-bottom: 1px solid #fff;
	color: #444444;
	display: block;
	margin: 0;
	padding: 7px 5px 8px 30px;
	text-decoration: none;
}
#sidenav p {
	color: #026ca9;
	font-weight: bold;
	font-size: 117%;
	font-family: "Arial Black", Arial, Helvetica, sans-serif;
	background: #eaeaea;
	padding: 6px 5px 7px 18px;
}
#sidenav a:hover, #sidenav a:focus, #sidenav li a.current {
	background: #026ca9 url(../images/generic/sidenav-arrow.gif) no-repeat right center;
	color: #fff;
	text-decoration: none;
}
#sidenav li a.current {
	cursor: default;
}

#sidenav a strong {
	color: #000;
}
#sidenav a:hover strong,
#sidenav a:focus strong {
	color: #fff;
}


/* Sub nav */

#subnav {
	color: #000000;
	text-align: left;
	font-size: 70%;
	z-index: 900;
	margin: 0 260px 0 200px;
	border-top: 1px solid #CCCCCC;
	padding: 0 0 10px 0;
	font-family: "Arial Black", Arial, Helvetica, sans-serif;
}

body.mailboxes#index #subnav,
body.domestic#index #subnav,
body.store#index #subnav {
	margin-left: 20px;
}
body.store#index #subnav {
	margin: 0 20px;
}

#subnav li {
	display: inline;
	list-style-type: none;
	background-image: none;
}
#subnav ul {
	margin: 0;
	padding: 0;
}
#subnav a {
	text-decoration: none;
	color: #3b3b3b !important;
	padding: 5px 0 5px 14px;
	font-weight: bold;
	float: left;
	margin-right: 20px;
}

#subnav a:hover, #subnav a:active, #subnav a:focus,
#subnav2 a:hover, #subnav2 a:active, #subnav2 a:focus {
	color: #397ab2;
	text-decoration: underline;
	font-weight: bold;
}

#subnav a.top {
	background-image: url(../images/generic/arrow_up.gif) !important;
	background-position: center left !important;
	background-repeat: no-repeat;
}
#subnav a.back {
	background-image: url(../images/generic/arrow_left.gif) !important;
	background-position: center left !important;
	background-repeat: no-repeat;
}


/*
 * jQuery UI screen structure and presentation
 * This CSS file was generated by ThemeRoller, a Filament Group Project for jQuery UI
 * Author: Scott Jehl, scott@filamentgroup.com, http://www.filamentgroup.com
 * Visit ThemeRoller.com
*/

/*
 * Note: If your ThemeRoller settings have a font size set in ems, your components will scale according to their parent element's font size.
 * As a rule of thumb, set your body's font size to 62.5% to make 1em = 10px.
 * body {font-size: 62.5%;}
*/

.tabs-surround{
	width: 940px;
	background: #FFF;
	float: left;
	margin-bottom: 10px;
	background: url(../images/generic/tab-back.gif) bottom left;
}

#mainarea #tabs {
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 700px;
	float: left;
}
#mainarea #tabs ul {
	width: 684px;
	list-style-type: none;
	margin: 0;
	padding: 8px 8px 0;
	background: #ccc;
	-moz-border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
	-khtml-border-radius: 5px 5px 0 0;
}
#mainarea #tabs li {
	list-style-type: none;
	background: none;
	padding: 0;
}
#mainarea #tabs h2 {
	font-size: 100%;
	padding: 12px 0 0 0;
}
#mainarea #tabs p {
	padding: 2px 0 5px;
	line-height: 1.4;
}


/*UI tabs*/
.ui-tabs-nav {
	float: left;
	position: relative;
	z-index: 1;
}
.ui-tabs-nav ul {
	background: #FFF;
}
.ui-tabs-nav li {
	float: left;
}
.ui-tabs-nav li a {
	margin: 0 2px 0 0;
	padding: 8px 6px;
	font-size: 110%;
	float: left;
	display: inline;
	font-weight: bold;
	color: #026ca9;
	text-decoration: none;
	-moz-border-radius: 4px 4px 0 0;
	-webkit-border-radius: 4px 4px 0 0;
	border-radius: 4px 4px 0 0;
	-khtml-border-radius: 4px 4px 0 0;
	background: #d9d9d9;
}
.ui-tabs-nav li a:hover {
	background: #e3e3e3;
	color: #333;
}
.ui-tabs-nav li.ui-tabs-selected span {
	color: #FF0000;
}
.ui-tabs-nav li.ui-tabs-selected a, .ui-tabs-nav li.ui-tabs-selected a:hover {
	background: #f5f5f5;
	color: #026ca9;
}

.ui-tabs-panel {
	clear: left;
	padding: 0 14px 5px 14px;
	color: #000;
	overflow: auto;
	-moz-border-radius: 0px 0 4px 4px;
	-webkit-border-radius: 0px 0 4px 4px;
	border-radius: 0px 0 4px 4px;
	-khtml-border-radius: 0px 0 4px 4px;
	overflow: auto;
}
.ui-tabs-panel a {
	color: #3B3B3B;
	font-weight: bold;
	text-decoration: none;
}
.ui-tabs-panel a:hover{
	color: #3B3B3B;
	text-decoration: underline;
}
.ui-tabs-hide {
	display: none;/* for accessible hiding: position: absolute; left: -99999999px*/;
}

/*hidden elements*/
.ui-hidden {
	display: none;/* for accessible hiding: position: absolute; left: -99999999px*/;
}
.ui-accessible-hidden {
	 position: absolute; left: -99999999px;
}
/*reset styles*/
.ui-reset {
	margin: 0; padding: 0; border: 0; outline: 0; ext-decoration: none; list-style: none;
}
/*clearfix class*/
.ui-clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.ui-clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .ui-clearfix {height: 1%;}
.ui-clearfix {display: block;}
/* End hide from IE-mac */

/* Note: for resizable styles, use the styles listed above in the dialog section */