@charset "utf-8";
/*
MillionDollarReferralCardSystem.com
By Luke Karrys (http://www.lukekarrys.com)
*/

/*global resets*/

* {margin:0; padding:0;}
ol, ul{list-style:none;}
strong, .strong { font-weight: 700;}
em {font-style: italic;}
* a {position:relative;} /* Gets links displaying over a PNG background */
a {outline:none;} /* Gets rid of Firefox's dotted borders */
a img {border:none;} /* Gets rid of IE's blue borders */
select img {border:none;}
img {border:none;}
.clear {clear: both; height:0;}
.left {float: left;}
.right {float: right;}
.hidden {display: none;}
.center {text-align: center; margin-left: auto; margin-right: auto;}
.text-left{text-align: left}
.column .extra-space, .inner-column .extra-space{margin-bottom: 20px}
hr {margin-bottom: 10px;}

a, a:visited {text-decoration: underline; color: #00497B; outline: none; cursor: pointer; font-weight: bold;}
a:hover {text-decoration: none; cursor: pointer;}
a:active {text-decoration: underline; color: #00497B;}

body {
	background: #efefef url(images/bg-grad.jpg) repeat-x top left;
	color: #000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size-adjust: none;
	font-stretch: normal;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	line-height: normal;
	text-align: center; /* for IE */
}

/************ layout *************/

#shadow-wrapper {
	width: 860px;
	margin: 0 auto;
}

#wrapper{
	float: left;
	width: 801px;
	background: #fff;
	border: none;
	text-align: left;
	position: relative;
}

#shadow-left {
	float: left;
	background: url(images/bg_left.gif) top left repeat-y;
	width: 13px;
	border-left: 17px solid #004a7a;
}

#shadow-right {
	float: right;
	background: url(images/bg_right.gif) top left repeat-y;
	width: 12px;
	border-right: 17px solid #004a7a;
}

/************ global text *************/

h1, h2, h3, h4 {font-family: Arial, Helvetica, sans-serif;letter-spacing: .05em;}
h1 {font-size: 24px; font-weight: bold; color: #E19B16; margin-bottom: 10px;}
h2 {font-size: 18px; font-weight: bold;}
h3 {font-size: 14px; font-weight: bold;}
h4 {font-size: 13px; font-weight: bold;}
p {font-size: 12px;}
li {font-size: 12px;}
h1.red {color: #800000;}
span.italic14 {font-size: 14px; font-style: italic;}
span.bold14 {font-size: 14px; font-weight: bold;}
span.question {color: #E79A10; font-weight: bold;}

/************ header *************/

#header {
	height: 150px; position: relative;; width: 812px; left: -6px;
	background: transparent url(images/header2.gif) no-repeat top left;
}

/************ end header *************/

/************ main-content *************/

#content {background-color: #fff; width: 800px; position: relative; top: 0px;}

#one-column {width:760px; margin: 0 20px;}
#left-column {width:205px; float: left; margin: 50px 30px 0 5px;}
#right-column {width:525px; float: left; padding: 0 10px; text-align: left;}

#information #right-column {margin:60px 0 0 40px;width:495px;}

.rounded-box {}
.rounded-box .top {height: 27px; background: #00497b;}
.rounded-box .middle {background: #f7f3f7; text-align: center;}
#left-column .rounded-box .middle h4 {font-style: italic; margin: 10px 0;}
#left-column .rounded-box .middle p {color: #666666; font-size: 11px; font-style: italic;padding: 10px 0;}
.rounded-box .middle .middle-left {width: 18px; background: url(images/rounded-box/middle-left.gif) repeat-y; float: left;}
.rounded-box .middle .middle-middle {float: left;}
.rounded-box .middle .middle-right {width: 25px; background: url(images/rounded-box/middle-right.gif) repeat-y; float: right;}
.rounded-box .bottom {height: 30px; background: #00497b;}

#left-column .rounded-box {margin-bottom: 90px;}
#left-column .rounded-box .middle .middle-middle {width: 162px;}
#right-column .rounded-box {margin-bottom: 20px;}
#right-column .rounded-box .middle .middle-middle {width: 482px;}
#right-column .rounded-box .middle h3 {padding: 10px;}

#right-column h2, #one-column h2 {padding-bottom: 20px;}
#right-column h2.red {color: #800000; text-align: center; font-size: 32px;}
#right-column h2.interested {text-align: center; font-size: 28px;}
#right-column h3, #one-column h3 {padding-bottom: 20px;}
#right-column p, #one-column p {padding-bottom: 20px;}
#right-column ul, #right-column ol, #one-column ul, #one-column ol {padding: 0 0 20px 20px;}

.content-box {border: 3px solid #591010; background-color: #FDFFD3; padding: 10px 20px; margin-bottom: 10px;}

.forms {width: 204px;margin: 0 auto;}
.forms li {display: block;padding-bottom: 5px; height: 20px;}
.forms li label {width: 51px;float: left;font-size: 12px;padding-right: 10px;text-align: right;}
.forms li input {width: 130px;height: 15px;float: right;}
.forms li input.button{float: right;height: 25px;width: 72px; cursor: pointer;text-align: center;}


ul.bullet-image {list-style-image: url(images/bullet.gif);}
ul.bullet-star {list-style-image: url(images/bullet_star.gif);}
ol.numbered, #one-column ol {list-style: decimal;}

span.yellow {background: yellow;}
/************ footer *************/

#footer {position: relative;padding: 40px 0;}

#footer p {padding-bottom: 5px;text-align: center;}

#footer p.last {padding-bottom: 0;}

/************ end footer *************/