/* CSS Document created by Jeff Mulder, 2009 */ 
#promo{font-family: Arial, Helvetica, sans-serif; font-size: 12px; margin: 0px; padding: 0px;}
#promo p{padding: 0px; margin: 0px;}
#promo img{border: 0px;}
#promo h2{color: #00a1e4; font-weight: bold; letter-spacing: -1px; font-size: 1.6em; margin: 0px;}
#promo h3{color: #00a1e4; font-weight: bold; letter-spacing: -1px; font-size: 2em; margin: 0px;}
#review_mid{background: url(../images/promos/written-steps-mid.jpg) repeat-x; padding-top: 10px;}
#review_right{background: url(../images/promos/written-steps-right.jpg) no-repeat; width: 81px; height: 368px; float: right;}
.review_step{text-align: center; font-weight: bold; color: #fff; font-size: .9em; height: 120px;}
.review_step ul li{list-style: none; list-style-type:none;}
.review_step a, .review_step a:visited {color: #fff;}
.review_step a:hover{color: #1175b8;}
.margin_left{margin-left:0px;}
.review_guidelines{padding-left: 10px; font-size: .9em;}
.review_guidelines a, .review_guidelines a:link, .review_guidelines a:visited {font-size: 1em;}

.paragraph2 {width: 350px; float: left;}

/*-----------------------written page----------------------------*/
.written{background: url(../images/promos/written-background2.jpg) bottom right no-repeat; margin-left: 10px; margin-right: -100px; padding-right: 100px;}
.written a:link, .written i {color: #7b7b7b; font-size: 1.6em;}
.written_paragraph1{width: 400px;}
.written_paragraph2{width: 250px;}
#written_left{background: url(../images/promos/written-steps-left.jpg); width: 321px; height: 368px; float: left;}

/*-----------------------video page----------------------------*/
.video{background: url(../images/promos/video-background.jpg) bottom left no-repeat; display: inline-block;}
.video_content a:link, .video_content i {color: #7b7b7b;}
.video_content{width: 558px; margin-left: 63px;}
.video_paragraph2{width: 300px; margin-left: 258px;}
#video_left{background: url(../images/promos/video-steps-left.jpg); width: 321px; height: 368px; float: left;}
.video_step{text-align: left; font-weight: bold; color: #fff; font-size: .9em; height: 120px;}
.video_step a{float: left; margin-right: 20px;}

/*-----------------------reusable classes----------------------------*/
.fl{float: left; width: 110px;margin:0px 0px; padding: 0px;}
.clear{clear: both;}
.small{font-size: .8em;}
.large {font-size: 1.6em;}
.left{float: left;}
.big_red{color: #f10006; text-transform: uppercase; font-weight: bold;}

/*-----------------------buttons----------------------------*/
A.more_details {
	background: url(../images/promos/more-details-button.jpg); 
	display: inline-block;
	width: 123px; 
	height: 38px; 
	float: right;
	margin-right: 10px;
	overflow: hidden;
}
A.more_details:hover {
	background-position: 0px 38px;
}