/* Background Images ________________________________________________________ */

.header h1,
.feature_image,
.input_field_wrapper,
.input_field,
.glossy_submit_button_wrapper,
input.glossy_submit_button,
a.glossyButton,
a.glossyButton > span,
a.smallGlossyButton,
a.smallGlossyButton > span {
	background: transparent url(assets/gui.png) scroll no-repeat top left;
}


/* Global Styles ____________________________________________________________ */

/* =Clearfix (all browsers)--------------------------------*/
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
/* IE6 */ * html .clearfix {height: 1%;}
/* IE7 */*:first-child+html .clearfix {min-height: 1px;}


/* Global Layout ____________________________________________________________ */

body, html {
	background: #a9d4e8;
}

body {
	padding: -10px 0 0 0;
	background: #a9d4e8 url(assets/background_gradient.png) repeat-x top left;
}

/* Content Wrapper ---------------------------------------------------------- */
.content_wrapper {
	position: relative;
	background: #ffffff;
	border: #6f8c99 1px solid;
	margin: 0 auto;
	padding: 10px 19px 17px;
	width: 840px;
	top: 10px;
}

/* Header ------------------------------------------------------------------- */
.header h1 {
	background-position: top left;
	text-indent: -3000px;
	width: 125px;
	height: 45px;
}

/* Navigation --------------------------------------------------------------- */
.navigation {
	position: absolute;
	top: 27px;
	right: 25px;
	width: 440px;
}

.navigation ul {
	float: left;
	margin: 3px 10px 0 0;
}

.navigation li {
	float: left;
	margin: 0px;
	padding: 0px 10px 0px 10px;
	border-left: #d8d8d8 1px solid;
}

.navigation li:first-child {
	border-left: transparent 0px solid;
}

/* Language Selector -------------------------------------------------------- */
.language_selector {
	float: right;
}

/* Main Content ------------------------------------------------------------- */
.main_content {
	margin: 15px 0 0 0;
}

/* Feature Image ------------------------------------------------------------ */
.feature_image {
	float: left;
	padding: 5px 25px 5px 5px;
	background-position: left -175px;
	border-right: #e3e3e3 1px solid;
}

/* Download Info ------------------------------------------------------------ */
.download_info {
	float: right;
	padding: 25px 10px 0px 0px;
	width: 295px;
}

.download_info .glossyButton > span {
	padding-left: 51px;
	padding-right: 68px;
}

/* Download form ------------------------------------------------------------ */
.download_form {
	float: right;
	padding: 1px 0 0 0;
	width: 301px;
}

.download_form h3 {
	padding: 5px 0 1px 0;
}

.download_form p{
	padding-bottom: 14px;
}

.download_form a.glossyButton {
	position: relative;
	top: 30px;
}

.download_form a.glossyButton > span {
	padding-left: 60px;
	padding-right: 80px;
}

.download_form .glossy_submit_button_wrapper {
	position: relative;
	top: 30px;
}

.download_form input.glossy_submit_button {
	padding-left: 58px;
	padding-right: 77px;
	
	*padding-left: 15px;
	*padding-right: 25px;
}

/* Info Bullets ------------------------------------------------------------- */
.info_bullets {
	float: right;
	padding: 1px 0 0 0;
	width: 301px;
}

.info_bullets h3 {
	padding: 5px 0 1px 0;
}

/* Sub Content -------------------------------------------------------------- */
.sub_content {
	margin: 18px 0 0 0;
	padding: 15px 0 0 0;
	border-top: #e3e3e3 1px solid;
}

/* Feature Text ------------------------------------------------------------- */
.feature_text {
	float: left;
	width: 490px;
}

.feature_text .content {
	margin: 0px 0px 13px 0px;
}

/* Testimonial -------------------------------------------------------------- */
.testimonial {
	float: right;
	width: 300px;
}

/* Glossy Button ------------------------------------------------------------ */
a.glossyButton {
	height: 53px;
	background-position: left -60px;
	padding-left: 20px;
	display: inline-block;
	
	/* IE7 Awesomeness */
	min-height: 1px;
	*zoom: 1;
	*display: inline;
}

a.glossyButton > span {
	display: block;
	background-position: right -120px;
	padding: 14px 20px 18px 0;
}

a.glossyButton > span span.icon {
	width: 27px;
	height: 27px;
	vertical-align: middle;
	padding: 2px 5px;
	display: inline-block;
	
	/* IE7 Awesomeness */
	min-height: 1px;
	*zoom: 1;
	*display: inline;
}

/* Glossy Submit Button --------------------------------------------------- */
.glossy_submit_button_wrapper {
	display: inline-block;
	background-position: left -60px;
	padding-left: 20px;
	height: 53px;
	
	/* IE7 Awesomeness */
	min-height: 1px;
	*zoom: 1;
	*display: inline;
}

input.glossy_submit_button {
	display: block;
	background-position: right -120px;
	padding: 14px 20px 16px 0;
	
	*padding: 10px 20px 16px 0;
}

/* Small Glossy Button ---------------------------------------------------- */
a.smallGlossyButton {
	height: 32px;
	background-position: left -456px;
	padding-left: 20px;
	display: inline-block;
	
	/* IE7 Awesomeness */
	min-height: 1px;
	*zoom: 1;
	*display: inline;
}

a.smallGlossyButton > span {
	display: block;
	background-position: right -496px;
	padding: 7px 30px 20px 10px;
}

/* Input Field ------------------------------------------------------------ */
.input_field_wrapper {
	display: inline-block;
	background-position: left -538px;
	padding-left: 6px;
	height: 23px;
	
	/* IE7 Awesomeness */
	min-height: 1px;
	*zoom: 1;
	*display: inline;
	*background-position: left -537px;
	*height: 24px;
}

.input_field {
	display: block;
	background-position: right -565px;
	padding: 4px 2px 5px 0px;
	width: 291px;
}

/* Legal Footer ----------------------------------------------------------- */
.legal_footer {
	position: relative;
	margin: 0 auto;
	width: 881px;
	top: 18px;
}

