@charset "utf-8";
/* kargo.com */

* {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#666666;
	margin:0px;
	padding:0px;
	}
html {
	height:100%;
	}
body {
	font-size:13px;
	background:#444c53 url(images/head.gif) repeat-x 0 0;
	height:100%;
	}
img {
	border:#666666 1px solid;
	display:block;
	}
h1 {
	background:url(images/logo.png) no-repeat 0 5px;
	width:250px;
	height:75px;
	font-size:1px;
	color:#010101;
	float:left;
	display:block;
	}
h2, h4 {
	background:#191919 url(images/head.png) no-repeat 100% 0%;
	padding:10px 10px;
	color:#EEEEEE;
	font-size:15px;
	border-top:#fd8b0c 5px solid;
	}
h3, h6 {
	margin:20px 20px 0px 20px;
	font-size:14px;
	border-bottom:#fd8b0c 2px solid;
	}
h2.home {
	width:802px;
	}
h5 {
	background-color:#d6d6d6;
	padding:5px 10px;
	color:#565656;
	font-size:13px;
	}
.header-retired {
	background:#d6d6d6 url(images/head_sub.png) no-repeat 100% 0%;
	padding:5px 10px;
	color:#565656;
	font-size:14px;
	}
p, ul, ol {
	margin:20px 25px 20px 25px;
	}
li {
	margin-left:30px;
	}
b {
	color:#FF9900;
	font-weight:bold;
	}
a {
	color:#444444;
	text-decoration:none;
	font-weight:bold;
	}
a:hover {
	color:#FF9900;
	}
img, ul, li, div {
	behavior:url(iepngfix.htc);
	}

/* classes */
.clear {
	clear:both;
	}
.bio {
	border-bottom:#666666 1px dashed;
	margin-bottom:10px;
	font-size:14px;
	}
.bottom {
	background:#444c53 url(images/bottom.gif) repeat-x 0 0;
	width:100%;
	padding:20px 0px 20px 0px;
	}
.content {
	width:870px;
	margin:0px auto;
	min-height:500px;
	padding-top:10px;
	}
.content img {
	border-width:0px;
	margin:0px auto;
	}
.foot {
	clear:both;
	width:700px;
	height:50px;
	margin:0px auto;
	padding-left:180px;
	background:url(images/logo_sm.gif) no-repeat 0% 10%;
	color:#CCCCCC;
	}
.form-button {
	padding:1px 5px;
	background-color:#fd8b0c;
	color:#EEEEEE;
	border:0px;
	}
.form-button {
	margin:3px 0px 3px 0px;
	height:20px;
	font-size:13px;
	}
.fullspan {
	border:#666666 1px solid;
	padding:0px 10px;
	margin-bottom:10px;
	background-color:#FFFFFF;
	width:800px;
	}
.highlight {
	background-color:#393d3f;
	color:#CCCCCC;
	padding-bottom:10px;
	}
.highlight li {
	color:#CCCCCC;
	list-style-image:url(images/bullet.png);
	}
.highlight em {
	color:#CCCCCC;
	}
.highlight p {
	color:#CCCCCC;
	}
.highlight a {
	color:#FF9900;
	}
.highlight b {
	color:#EEEEEE;
	font-weight:bold;
	}
.kamp {
	padding:0px 320px 0px 0px;
	margin:10px 0px 20px 20px;
	width:558px;
	background:#484848 url(images/side_kamp.jpg) 100% 0% no-repeat;
	min-height:400px;
	}
.login-area {
	height:0px;
	display:block;
	text-align:right;
	padding:20px 50px 24px 30px;
	}
.lowlight {
	border:#CCCCCC 1px solid;
	padding:10px;
	background-color:#FCFCFC;
	}
.lowlight strong {
	font-size:14px;
	}
.middle {
	background:#515b62;
	border-top:#bac2ca 1px solid;
	padding:0px 0px 10px 0px;
	clear:both;
	}
.nav {
	}
.nav a {

	display:block;
	padding:0px 20px;
	color:#fff;
	line-height:30px;
	}
.nav a:link, .nav a:visited {
	background-color:#191919;
	text-decoration:none;
	}
.nav a:hover {
	background:url(images/lit.gif) repeat-x;
	text-decoration:none;
	}
.nav li {
	list-style-type:none;
	margin-left:1px;
	float:left;
	}
.nav>ul>li {
	border-top:1px solid #fd8b0c;
	}
.section {
	border:#666666 1px solid;
	padding:0px;
	margin-bottom:10px;
	width:600px;
	background-color:#FFFFFF;
/*	-webkit-border-bottom-right-radius:10px;	
	-webkit-border-bottom-left-radius:10px;*/
	}
.section-550 {
	border:#666666 1px solid;
	padding:0px;
	margin-bottom:10px;
	width:550px;
	background-color:#FFFFFF;
	}
.section .highlight {
	margin:20px 25px 20px 25px;
	}
.sidebar {
	margin-bottom:10px;
	width:250px;
	float:right;
	clear:both;
	height:500px;
	}
.sidebar-300 {
	margin-bottom:10px;
	width:300px;
	float:right;
	clear:both;
	}
.side-head {
	background:#191919 url(images/head.png) no-repeat 50% 0%;
	font-size:15px;
	font-weight:bold;
	padding:10px 10px;
	color:#EEEEEE;
	border-top:#fd8b0c 5px solid;
	border-bottom:#fd8b0c 1px solid;
	}
.side-list {
	margin-bottom:15px;
	background-image:url(images/shade.png);
	}
.side-list li {
	border-bottom:#666666 1px dashed;
	margin:0px;
	}
.side-list li a {
	display:block;
	padding:5px 20px;
	}
.side-list li a:link, .side-list li a:visited {
	color:#EEEEEE;
	}
.side-list li a:hover {
	color:#FF9900;
	}
.sidebar ul {
	margin:0px;
	list-style:none;
	}
.small {
	font-size:12px;
	float:right;
	}
.select {
	background:url(images/arrow_orange.gif) no-repeat 0% 50%;
	}
.tricol {
	border:#666666 1px solid;
	padding:0px;
	margin-bottom:10px;
	width:265px;
	background-color:#FFFFFF;
	float:left;
	margin-right:10px;
	height:245px;
	}
.tricol h3 {
	background-position:60% 0%
	}
.top {
	height:75px;
	width:870px;
	margin:0px auto;
	}
.clearit {
	clear:both;
	height:0;
	}
/* topnav */
#menubar, #menubar ul {
	padding:0;
	margin:0;
	list-style:none;
	}
#menubar a {
	display:block;
	text-decoration:none;
	border-bottom:0px solid #333;
	}
#menubar a.trigger {
	}
#menubar li {
	float:left;
	}
#menubar li ul, #menubar ul li {
	width:285px;
	-moz-opacity:.95;
	opacity:.95;
	}
#menubar li ul li a {
	line-height:25px;
	background-color:#444c53;
	}
#menubar li ul li a:hover {
	background-image:none;
	background-color:#646c74;
	color:#FF9900;
	}
#menubar li ul {
	position:absolute;
	display:none;
	}
#menubar li:hover a, #menubar a:focus, #menubar a:active, #menubar li.hvr a {
	}
#menubar li:hover ul, #menubar li.hvr ul {
	display:block;
	}
#menubar li:hover ul a, #menubar li.hvr ul a {
	}
#menubar ul {
	border-top:1px solid #bac2ca;
	}
#menubar ul a:hover {
	}
/* The single backslash \ character inside this comment
causes IE5 Mac to ignore the following rule, which allows other
browsers to render top-level menu items to their natural width.
Do not edit this rule in any way. */
#menubar li {
	width:auto;
	}
.mail {
	vertical-align:text-bottom;
	display:inline;
	margin:0px 0px 0px 0px;
	}
.iphone { 
	background:url(images/iphone_stage.png) 0px 0px no-repeat;
	margin-top:20px;
	padding: 90px 0px 0px 28px;
	height:555px; 
	}
.bar {margin:115px 0px 0px 20px;}
.bar-left, a:active.bar-left { background:url(images/bar_a.png) 0% 0% no-repeat; width:35px; height:25px; text-align:center; display:block; padding-top:2px; font-size:18px; }
.bar-cent, a:active.bar-cent { background:url(images/bar_b.png) 0% 0% no-repeat; width:34px; height:25px; text-align:center; display:block; padding-top:2px; font-size:18px; }
.bar-righ, a:active.bar-righ { background:url(images/bar_c.png) 0% 0% no-repeat; width:34px; height:25px; text-align:center; display:block; padding-top:2px; font-size:18px; }
a:hover.bar-left { background:url(images/bar_a.png) 0% 100% no-repeat; width:35px; }
a:hover.bar-cent { background:url(images/bar_b.png) 0% 100% no-repeat; width:34px; }
a:hover.bar-righ { background:url(images/bar_c.png) 0% 100% no-repeat; width:34px; }