@import url(../css/reset.css);
@import url(../css/nav.css);

/* CSS Document for Allied Risk Solutions : Risk Analyser */

body, div, form, input, fieldset, legend, h1, h2, h3, h4 {line-height: 1;}

body, p, div {
	font-size: 12px;
	font-family: Tahoma, Verdana, Arial; 
	color: #595959;}

p {line-height: 1.3;}

/* Framework Setup */

body {
	height: auto;
	color: #5e5e5e;
	background:url("../images/bgs/bg-body.gif") center repeat-y #eeeeef;
	}

#frame {
	width: 1219px;
	margin: 0 auto;
	overflow: hidden;
	padding-bottom: 100px;
	background:url("../images/bgs/bg-frame.gif") center repeat-y;}
	
#banner {overflow: visible;}

#bannerLeft {
	width: 400px;
	float: left;
	margin-left: 10px;	}

#bannerRight {
	width: 809px;
	float: left;
	padding-top: 12px;
	background:url("../images/bgs/shade-banner.gif") 0 0 repeat-y;}

.login img {float: left;}

.signup {
	width: 506px;
	float: left;
	overflow: visible;}

#contentHold {
	clear: both;
	overflow: hidden;}

#mainContent {
	margin: 40px;
	}

#leftContentFrame {
	float: left;
	width: 400px;
	padding-left: 10px;
	background:url("../images/bgs/shade-left.gif") 0 0 no-repeat;	}

#leftContentFrame .topContent {
	overflow: hidden;}

.heroImage {
	width: 400px;
	float: left;
	background:url("../images/bgs/shade-hero.gif") 0 bottom no-repeat;}

#newsSection {
	background:url("../images/bgs/div.gif") 0 0 repeat-x;
	margin: 17px 0;
	width: 380px;}
.newsFeed {
	padding: 17px 0;
	background:url("../images/bgs/div.gif") 0 bottom repeat-x;}

.newsDate {color: #a4a4a4;}
.newsTitle {color: #003040;
	font-weight: bold;}

.cta-buttons img {float: left;}
.cta-buttons img.ctaButton1 {margin-right: 20px;}

#rightContentFrame {
	float: left;
	width: 809px;
	background:url("../images/bgs/shade-right.gif") right 0 no-repeat;}

.rightBg {
	width: 799px;
	overflow: hidden;
	min-height: 800px;
	padding-bottom: 10px;
	background:url("../images/bgs/shade-rightbg.gif") left bottom no-repeat #fff;}

#rightContentFrame .leftContent {
	float: left;
	width: 401px;}

.testimonialBox {
	background-color: #000;
	padding: 15px 19px 20px 19px;
	overflow: hidden;}

.testimonialLeft, .testimonialRight {
	width: 181px;
	margin-top: 20px;
	float: left;}

.testimonialLeft {padding-top: 23px;}

.testimonialLeft .author {
	background:url("../images/titles/ttl-lavorato.gif") 0 0 no-repeat;
	height: 39px;
	color: #fff;
	font-size: 24px;
	text-indent: -9000px;
	margin-bottom: 38px;
	text-transform: uppercase;}

.testimonialLeft .cta-more {
	background:url("../images/cta/cta-more.png") 0 0 no-repeat;
	height: 25px;
	color: #003040;
	text-indent: -9000px;
	text-transform: uppercase;}

#rightContentFrame .rightContent {
	float: left;
	width: 358px;
	background-color: #fff;
	padding: 20px 20px 0 20px;}

#rightContentFrame .bottomContent {clear: both;}
.tile-white, .tile-orange {
	width: 180px;
	height: 159px;
	padding: 20px 0 20px 20px;
	background-color: #fff;
	float: left;}

.tile-orange {
	width: 181px;
	background-color: #003040;
	}

.cta-free-signup {
	position: absolute;
	margin-left: 570px;
	width: 229px;
	height: 199px;
	color: #000;
	text-indent: -9000px;
	font-size: 20px;
	background:url("../images/titles/free-signup.png") 0 0 no-repeat;}
.cta-bottom {
	float: left;
	width: 398px;
	height: 130px;
	overflow: hidden;
	padding: 69px 0 0 0;
	background:url("../images/bgs/bg-cta.gif") 0 0 no-repeat;}

.tile-left, .tile-right {
	width: 169px;
	margin-right: 30px;
	float: left;}

.tile-right {margin: 0 0 0 30px;}

.cta-bottom a {
	text-indent: -9000px;
	margin: 0 auto;
	display: block;}

.cta-bottom a.cta-30day {
	width: 147px;
	height: 63px;
	background:url("../images/cta/cta-30day.gif") 0 0 no-repeat;}
.cta-bottom a.cta-signup {
	width: 140px;
	height: 42px;
	margin: 10px auto;
	background:url("../images/cta/cta-signup.png") 0 0 no-repeat;}

/* Typography */

h1 {
	position: absolute;
	margin: 128px 0 0 10px;
	width: 207px;
	height: 199px;
	font-size: 30px;
	text-indent: -9000px;
	color: #000;
	background:url("../images/titles/allied-risk-analyser.png") 0 0 no-repeat;}

#contentHeader {
	padding: 76px 0 0 37px;
	height: 123px;
	background:url("../images/bgs/shade.gif") 0 0 repeat-y #e5bf24;} 

#contentHeader h2 {
	color: #fff;
	font-size: 50px;
	text-transform: uppercase;
	text-indent: -9000px;
	font-weight: bold;
}
#contentHeader h2#h2-testimonial {
	width: 431px;
	height: 48px;
	background:url("../images/titles/h2-testimonial.gif") 0 0 no-repeat;}

h2#h2-signup {
	float: left;
	width: 283px;
	height: 39px;
	color: #000;
	font-size: 20px;
	text-indent: -9000px;
	margin: 0 10px;
	background:url("../images/titles/analyser-signup.png") 0 0 no-repeat;}

#rightContentFrame .rightContent h2 {
	display: block;
	width: 235px;
	height: 51px;
	font-size: 26px;
	text-transform: uppercase;
	text-indent: -9000px;
	color: #000;
	font-weight: bold;
	margin-bottom: 15px;}

h2#h2-whatis {background:url("../images/titles/ttl-whatis.gif") 0 0 no-repeat;}
h2#h2-whychoose {background:url("../images/titles/ttl-whychoose.gif") 0 0 no-repeat;}

h3 {
	color: #000;
	font-weight: normal;
	font-size: 16px;
	text-transform: uppercase;}

#mainContent h2 {font-size: 20px;}
#mainContent h3 {font-size: 16px;}
#mainContent h4 {font-size: 14px;}

#mainContent h2, #mainContent h3, #mainContent h4 {
	font-weight: bold;
	color: #2288DD;
	margin-bottom: 10px;}

h3#latest-news {
	width: 113px;
	height: 15px;
	text-indent: -9000px;
	margin-top: 20px;
	background:url("../images/titles/latestnews.png") 0 0 no-repeat;}
h3#free-ebooks {
	width: 70px;
	height: 30px;
	text-indent: -9000px;
	margin-bottom: 12px;
	background:url("../images/titles/free-ebooks.png") 0 0 no-repeat;}

h3#newsletter {
	width: 204px;
	text-indent: -9000px;
	height: 48px;
	margin-bottom: 11px;
	background:url("../images/titles/newsletter.gif") 0 0 no-repeat;}

.testimonialBox h3 {
	display: block;
	width: 363px;
	height: 24px;
	font-size: 28px;
	font-weight: normal;
	color: #2288DD;
	text-indent: -9000px;
	text-transform: uppercase;
	background:url("../images/titles/ttl-testimonial.png") 0 0 no-repeat;}

h4 {
	color: #000;
	text-transform: uppercase;}

h4#subscribe {
	width: 144px;
	height: 25px;
	margin-bottom: 18px;
	text-indent: -9000px;
	background:url("../images/titles/subscribe.png") 0 0 no-repeat;}
h4#free-access {
	width: 161px;
	height: 25px;
	margin-bottom: 18px;
	text-indent: -9000px;
	background:url("../images/titles/free-access.png") 0 0 no-repeat;}

#rightContentFrame .rightContent p {margin-bottom: 25px;}
#rightContentFrame p.sectionImage {
	margin-bottom: 20px;
	padding-bottom: 40px;}

#rightContentFrame p.sectionImage2 {padding-bottom: 0; margin-bottom: 0;}
.div {background:url("../images/bgs/div.gif") 0 bottom repeat-x;}

#mainContent p {margin-bottom: 10px;}
#mainContent ul, #mainContent ol {
	margin: 10px 0 10px 40px;}

#mainContent li {line-height: 1.3;}

/* General Display Styles */

a img {border: none; }

a, a:link, a:hover, a:active {
	color: #2288DD; 
	outline: none; 
	text-decoration: none; 
	font-weight: normal;}

a:hover {text-decoration: underline;}

input[type="submit"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner {border : 0px;} 

/* Form Styles */

.formHolder, .formHolder2 {
	width: 560px;
	overflow: visible;
	clear: both;
	float: left;
	margin-bottom: 40px;
	}

.formHolder3 {width: 700px;}

label {
	display: block;
	width: 140px;
	height: 20px;
	font-weight: bold;
	padding-top: 6px;
	margin-bottom: 5px;
	float: left;
	clear: left;}

.buttonHolder {
	overflow: hidden;
	clear: left;
	padding-top: 30px;
	margin-left: 147px;}
label.lab-address {height: 44px;}

label.lab-payment {padding-top: 62px;}

span.req {
	display: inline-block;
	padding: 5px;
	float: left;}

span.chk {
	display: inline-block;
	padding: 5px;
	width: 500px;
	line-height: 1.4;
	float: left;
	margin-top: 12px;}

span.rad {
	display: inline-block;
	padding: 5px 0 0 0;
	font-weight: bold;
	margin-right: 15px;
	line-height: 1.4;
	float: left;
	}
span.chk span.req {
	padding: 0 0 0 5px;
	float: none;}

span.form-note {
	display: inline-block;
	padding: 5px 0 0 0;
	float: left;
}

span.card-note {
	display: inline-block;
	padding: 5px 0 10px 10px;
	line-height: 1.6;
	float: left;
}

/* IE 7 */
*+ html span.chk {margin: 17px 0 0 27px;}

/*.signup input {
	float: left;
	margin-right: 1px;}

input[type="text"] {
	width: 142px;
	height: 24px;
	vertical-align: middle;
	background-color: #fff;
	border: 0;
	color: #b0b0b0;
	line-height: 22px;
	font-size: 11px;
	padding: 0 9px;
	margin-bottom: 1px;}

.signup input[type="text"] {width: 89px;}
input[type="submit"] {
	background-color: #000;
	color: #e5bf24;
	width: 160px;
	height: 24px;
	border: 0;
	text-transform: uppercase;}

.signup input[type="submit"] {
	width: 64px;
	font-weight: bold;
	text-indent: -9000px;
	background:url("../images/cta/btn-submit.gif") 0 0 no-repeat #e5bf24;}
	*/
/* Footer */

#footer {
	margin: 20px 10px;
	height: 50px;}

.copyright, .links, .share, .logos {
	float: left; 
	height: 20px;
	font-size: 11px;
	line-height: 1.3;}

.copyright {
	width: 438px;
	margin-top: 17px;
	color: #7e7e7e;}

.links {
	margin-top: 17px;
	width: 363px;}
.links a {
	color: #000;
	display: inline-block; 
	margin-right: 35px;
	}
.share {width: 238px;}
.share a {
	display: block;
	float: left;
	width: 30px;
	height: 31px;
	margin-right: 5px;
	color: #000;
	text-indent: -9000px;}

.share a#share1 {background:url("../images/icons/icons-share.gif") 0 0 no-repeat;}
.share a#share2 {background:url("../images/icons/icons-share.gif") -35px 0 no-repeat;}
.share a#share3 {background:url("../images/icons/icons-share.gif") -70px 0 no-repeat;}
.share a#share4 {background:url("../images/icons/icons-share.gif") -105px 0 no-repeat;}
.share a#share5 {background:url("../images/icons/icons-share.gif") -140px 0 no-repeat;}

.logos {width: 160px;}