/*CSS Reset*/

html, body, div, dl, dt, dd, li, pre, form, fieldset, input, textarea, p, blockquote, th, td, button { margin: 0; padding: 0; }

h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-size: 100%; font-weight: normal; }

address, caption, cite, code, dfn, var { font-style: normal; font-weight: normal; }

input, select, textarea, table { font-size: 100%; }

table { border-collapse: collapse; border-spacing: 0; }

caption, th { text-align: left; font-weight: normal; font-style: normal; }

acronym, abbr, fieldset, img { border: 0;}

/* basic styles */

a:link { color: #0078a8; }
a:visited { color: #276279; }
a:active, a:hover { color: #609b40; }

body {
	background: #fff url('images/bg-page.gif') repeat-x;
	color: #474747;
	font: 13px Helvetica, Arial, sans-serif;
	text-align: center;
	line-height: 1.2em;
}

h1, h2, h3, h4, h5, h6 {
	margin: 0px 0px 10px 0px;
}
	#h-helpus {
		height: 48px;
		background: url('images/h-helpusprevent.gif') no-repeat;
		text-indent: -999999px;
	}
	#h-resources {
		height: 29px;
		background: url('images/h-resources.gif') no-repeat;
		text-indent: -999999px;
	}
	
p {
	margin: 0px 0px 15px 0px;
}

li { margin: 0px 0px 15px 0px; }

/* classes */
.aligncenter { text-align: center; }
.alignleft { text-align: left; }
.alignright { text-align: right; }

.clear { clear: both; }

.floatleft { float: left; margin: 0px 1em 1em 0px; }
.floatright { float: right; margin: 0px 0px 1em 1em; }

/* layout */
#container { width: 982px; margin: 0px auto; text-align: left;}

#top {
	height: 148px;
	position: relative;
}
	#logo {
		position: absolute;
		top: 8px;
		left: 13px;
	}
	
	#logo a { 
		display: block;
		width: 168px;
		height: 140px;
		text-indent: -999999px;
		background: url('images/logo.gif') no-repeat;
	}
	
	#zoom { 
		position: absolute;
		top: 8px; 
		right: 53px;
	}
	
	#zoom a {
		display: block;
		width: 231px;
		height: 140px;
		text-indent: -9999999px;
		background: url('images/logo-zoomsafer.gif') no-repeat;
	}

#content {
	background: url('images/bg-content.jpg') no-repeat right top;
}

#headline {
	height: 365px;
	text-indent: -99999px;
}

#left {
	width: 595px;
	float: left;
}
	#content_main {
		padding: 0px 0px 0px 55px;
	}
	
	#content_cta {
		background: url('images/bg-maincol.gif') no-repeat;
		padding: 60px 0px 20px 52px;
	}

#right {
	width: 303px;
	float: right;
	margin-right: 32px;
	padding-top:24em;
}
	#resources {
		background: url('images/bg-sidecol.gif') no-repeat bottom right;
		padding: 0px 25px 35px 26px;
	}
	
	#how-it-works {
	padding: 125px 30px 35px 0px;
	background: url('images/bg-sidecol-video.gif') no-repeat bottom right;
	font-size: 15px;
	}

#buttons {
	position: relative;
	height: 190px;
}
	.smalltext { font-size: 11px; }

	#button1 {
		width: 452px;
		height: 130px;
		position: absolute;
		top: 12px;
		left: 52px;
	}
		
		#button1 a.button {
			display: block;
			background: url('images/b-download.gif') no-repeat;
			width: 452px;
			height: 100px;
			text-indent: -99999px;
			z-index: 1;
		}
		
		#button1 .smalltext { 
			position: absolute;
			z-index: 2;
			left: 100px;
			top: 82px;
		}

	#button2 {
		width: 395px;
		height: 179px;
		position: absolute;
		right: 55px; 
		top: 0px;
	}
		#button2 .text {
			position: absolute;
			z-index: 2;
			top: 10px; 
			left: 17px;
			font-size: 15px;
		}
	
		#button2 a.button {
			position: absolute;
			top: 0px;
			left: 0px;
			display: block;
			background: url('images/b-blackberry.gif') no-repeat;
			width: 395px;
			height: 179px;
			text-indent: -99999px;
			z-index: 1;
		}
		
		#button2 .smalltext {
			position: absolute;
			z-index: 2;
			left: 17px;
			top:93px;
		}
		
#footerwrapper {
	background: url('images/bg-footer.gif') repeat-x;
	padding-top: 37px;
}
	#footer {
		width: 900px;
		margin: 0px auto;
		text-align: left;
	}
	
	#learnmore a {
		display: block;
		width: 345px;
		height: 67px;
		background: url('images/logo-bottom.gif') no-repeat;
		text-indent: -99999px;
		float: left;
	}
	
	#copyright {
		float: right;
		padding: 16px 28px 30px 0px;
		text-align: right;
		color: #b0a2a2;
	}