/* Styles to fix CSS problems in ie7 */




/* ------------------------------------------- Embedded Fonts */

@font-face {
    font-family: 'ralewaybold_italic';
    src: url('/fonts/raleway-bolditalic-webfont.eot');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ralewaybold';
    src: url('/fonts/raleway-bold-webfont.eot');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ralewayextralight_italic';
    src: url('/fonts/raleway-extralightitalic-webfont.eot');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ralewayextralight';
    src: url('/fonts/raleway-extralight-webfont.eot');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ralewayitalic';
    src: url('/fonts/raleway-italic-webfont.eot');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ralewayregular';
    src: url('/fonts/raleway-regular-webfont.eot');
    font-weight: normal;
    font-style: normal;
}



body,
.productOverview h3,
.benefits h3{
	font-family: "ralewayregular", sans-serif;
}

h1, #tagLine{
	font-family: 'ralewaybold', sans-serif;
}

#tagLine .sub, h3{
	font-family: 'ralewayextralight', sans-serif;
}


/* ------------------------------------------- Header and Navigation */

#nav li{
	display: block;
	float: left;
}

#nav li a{
	display: block;
}


/* ------------------------------------------- Footer */

#footer span.end{
	border-right-width: 0;
}

#footer dt, #footer dd{
	display: block;
}

#footer dt{
	float: left;
	padding-right: 0.2em;
}


/* ------------------------------------------- Homepage Overview */

#overviewContainer #decription{
	background-color: #fff;
}


/* ------------------------------------------- Homepage Snippets */

#snippets a{
	color: #fff;
}


/* ------------------------------------------- Product Overview/Benefits Content */

div#content div.odd span.container{
	float: right;
	padding-right: 2em;
}

div#content div.even span.container{
	float: left;
	padding-left: 2em;
}

div#content.productOverview div.even a, 
div#content.benefits div.even span.imgContainer{
	float: right;
}


/* ------------------------------------------- Contact */

fieldset label span{
	display: block;
	float: left;
}


fieldset label{
	display: block;
	clear: left;
}

/* ------------------------------------------- General Styles */

.clearFix{
    display: block;
    clear: both;
}