/***  Stylesheet: Coded by Karl Sneath ***/


/*** RESET ***/

* {
	vertical-align: baseline;
	font-weight: inherit;
	font-family: inherit;
	font-style: inherit;
	font-size: 100%;
	border: 0 none;
	outline: 0;
	padding: 0;
	margin: 0;
	}
	
body { background: url(../graphics/background_page.png) repeat-x #cfd8c2 top; }

h1, h2, h3, h4, h5 { font-family: "ChunkFiveRegular", serif; margin: 0; padding: 0; display:inline; }
h1 { font-size: 72px; color:#4e9ef0; position: relative; margin-left: 10px; bottom: 20px; }
p { font-family: "Tahoma", "Geneva", sans-serif; }

#page_bg { background: url(../graphics/background_header.jpg) no-repeat top center; }

#container { width: 960px; margin: 0 auto; }

#header { height: 554px; position: relative; }
#header ul.header_title { padding-top: 12px; }
#header ul.header_title li { display: inline; }
#header h2 { position: absolute; top: 88px; left: 360px; font-size: 18px; color:#6a725e; } /* Subtitle */
#header ul.c2a_buttons { margin: 90px 0px 0px 30px; }
li.c2a_demo a, li.c2a_go a { display: block; text-decoration: none; width: 250px; height: 80px; text-indent: -9999px; }
li.c2a_demo { margin-bottom: 60px; background: url(../graphics/call2action_demo.png) no-repeat; }
li.c2a_demo a:hover { background: url(../graphics/call2action_demo_over.png) no-repeat; }
li.c2a_go { background: url(../graphics/call2action_go.png) no-repeat; }
li.c2a_go a:hover { background: url(../graphics/call2action_go_over.png) no-repeat; }
.header_vidbox { position: absolute; top: 135px; right: 0px; width: 640px; height: 360px; background: url(../video/Demo_Placeholder.png) no-repeat; }

#content { position: relative; }

#tagline { height: 186px; margin: 25px 0px 10px 0px; }
#tagline h3 { font-size: 36px; line-height: 36px; color:#e5e5e5; padding: 0px 30px 0px 30px; } /* Specified line height for FF & Safari consistency. */
span.emphasis_text { color:#99b76c; }
#tagline p { font-size: 19px; color: #a6c2df; padding: 10px 60px 20px 60px; line-height: 26px; }
#tagline hr { height: 1px; background: url(../graphics/divider_horizontal.png) no-repeat; }
#tagline > .col1, #tagline > .col2, #tagline > .col3 { width: 320px; float: left; padding-top: 14px; }

.col1 h4, .col2 h4, .col3 h4 { font-size: 24px; line-height: 24px; color: #e5e5e5; padding-left: 30px; } /* Line height again for FF/Safari matching */

#info_bullets { 
	height: 280px;
	background: #5c7a99;
	border-radius-bottomleft: 10px;
	border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-bottomright: 10px;
	-webkit-border-radius-bottomleft: 10px;
	-webkit-border-radius-bottomright: 10px;
	}
#info_bullets > .col1, #info_bullets > .col2, #info_bullets > .col3 { 
	float: left; 
	font-family: "Tahoma", "Verdana", sans-serif; 
	font-size: 14px; 
	color: #e5e5e5; 
	line-height: 24px;
	}
#info_bullets > .col1 ol { width: 270px; padding: 0px 0px 0px 50px; font-size: 18px; font-weight: bold; color: #a6c2df; }
#info_bullets > .col1 ol p { font-size: 14px; color: #e5e5e5; font-weight: normal; }
#info_bullets > .col2 ul { width: 270px; padding: 0px 0px 0px 50px; list-style-image: url(../graphics/check_mark.png); }
#info_bullets > .col3 ul { width: 240px; padding: 0px 30px 0px 50px; list-style-image: url(../graphics/check_mark.png); }
#info_bullets li { padding: 5px 0px 10px 0px; }
.down_arrow { 
	width: 30px;
	height: 16px; 
	background: url(../graphics/3col_arrow_down.png) no-repeat; 
	display: block; 
	padding-bottom: 20px; 
	margin-top: -1px; 
	}   

#undercol_shadow { height: 18px; background:url(../graphics/3col_shadow_bottom.png) no-repeat; }

#footer { height: 50px; text-align: center; margin-top: 20px; }
#footer p { font-size: 12px; color: #7b8671; }
#footer p.smaller_text { font-size: 11px; }
span.bold { font-weight: bold; }
#footer a:link, #footer a:visited, #footer a:active { color: #7b8671; text-decoration: underline; }


.clear_floats { clear:both; height: 0; }