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

* {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#666666;
	margin:0px;
	padding:0px;
	}
html {
	height:100%
	}
body {
	font-size:13px;
	background:url(images/top.gif) repeat-x #000000;
	height:100%
}
img {
	border:#666666 1px solid;
	display:block;
	}
h1 {
	background:url(images/logo.gif) no-repeat;
	width:255px;
	height:146px;
	font-size:1px;
	color:#6495ED;
	float:left;
	display:block;
	margin-left:-6px;
	}
h2, h4 {
	background:#191919 url(images/head.jpg) no-repeat 100% 0%;
	padding:10px 10px;
	color:#EEEEEE;
	font-size:15px;
	border-top:#6495ED 5px solid;
	}
h3, h6 {
	margin:20px 20px 0px 20px;
	font-size:14px;
	border-bottom:#6495ED 2px solid;
	}
h2.home {
	width:802px;
	}
h5 {
	background-color:#d6d6d6;
	padding:5px 10px;
	color:#565656;
	font-size:13px;
	}

p, ul, ol {
	margin:20px 25px 20px 25px;
	}
li {
	margin-left:30px;
	}
b {
	color:#6495ED;
	font-weight:bold;
	}
a {
	color:#444444;
	text-decoration:none;
	font-weight:bold;
	}
a:hover {
	color:#ffffff;
	}
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:url(images/bot.gif) repeat-x;
	width:100%;
	padding:50px 0px;
	}
.content {
	width:870px;
	margin:0px auto;
	min-height:500px;
	background-image:url(images/bg_circles.jpg);
	background-repeat:no-repeat;
	background-position:100% 0%;
	padding-top:10px;

	}
.content img {
	border-width:0px;
	margin:0px auto;
	}
.foot {
	clear:both;
	width:700px;
	height:90px;
	margin:0px auto;
	padding-left:180px;
	background:url(images/logo_sm.png) no-repeat 0% 10%;
	color:#CCCCCC;
	}
.form-button {
	padding:1px 5px 5px 5px;
	background-color:#6495ED;
	color:#EEEEEE;
	}
.form-button {
	margin:3px 0px 3px 0px;
	height:24px;
	font-size:13px;
	border: 1px solid #cccccc;
-moz-border-radius: 5px; 
-webkit-border-radius: 5px;
  filter:alpha(opacity=60);
  opacity:0.6;
  -moz-opacity:.6;
	}
	.form-field
{
  filter:alpha(opacity=50);
  opacity:0.5;
  -moz-opacity:.5;
color: #fff;
background: #6495ED;
border: 1px solid #cccccc;
-moz-border-radius: 5px; 
-webkit-border-radius: 5px;
margin-top:4px;
}
.fullspan {
	border:#666666 1px solid;
	padding:0px 10px;
	margin-bottom:10px;
	background-color:#FFFFFF;
	width:800px;

	}
.highlight {
	background-color:#484848;
	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:#6495ED;
	}
.highlight b {
	color:#EEEEEE;
	font-weight:bold;
	}
.login-area {
	height:76px;
	display:block;
	text-align:right;
	padding:20px 50px 20px 30px;
	}
.lowlight {
	border:#CCCCCC 1px solid;
	padding:10px;
	background-color:#FCFCFC;
	}
.lowlight strong {
	font-size:14px;
	}
.middle {
	background:url(images/middle.gif) repeat-x #EEEEEE;
	padding:0px 0px 10px 0px;
	clear:both;
	}
.nav {
	}
.nav a {
	display:block;
	padding:0px 20px;
	color:#ccc;
	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;
	}
.section {
	border:#666666 1px solid;
	padding:0px;
	margin-bottom:10px;
	width:600px;
	background-color:#FFFFFF;
	}
.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.jpg) no-repeat 50% 0%;
	font-size:15px;
	font-weight:bold;
	padding:10px 10px;
	color:#EEEEEE;
	border-top:#6495ED 5px solid;
	border-bottom:#6495ED 1px solid;
	}
.side-list {
	margin-bottom:15px;
	background-image:url(images/shade.png);
	}
.side-list li {
	border-bottom:#999999 1px dashed;
	margin:0px;
	}
.side-list li a {
	display:block;
	padding:5px 20px;
	}
.side-list li a:link, .side-list li a:visited {
	color:#cccccc;
	}
.side-list li a:hover {
	color:#ffffff;
	background-color:#666666;
	background:url(images/arrow_grey.gif) no-repeat 0% 50%;
	}
.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:255px;
	}
.tricol h3 {
	background-position:60% 0%
	}
	.tricol a:hover {
	color: #000000; 
	}
.top {
	height:147px;
	width:870px;
	margin:0px auto;
	background:url(images/top_circles.jpg) no-repeat 100% 0%;
	}
.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:#333333;
	}
#menubar li ul li a:hover {
	background-image:none;
	background-color:#555555;
	color:#ffffff;
	}
#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 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; }