/* ----------------------------------------
MASTER STYLES: master.css
Imported styles go here

Version: 1.0 (03-15-10)
 ---------------------------------------- */
@import url("base.css");
@import url("rtl_960.css");


/* ----------------------------------------
CUSTOM STYLES:
Keep your custom typography styles here.
Base html styles should be in base.css
Structure styles should be in structure.css
 ---------------------------------------- */
	
#fullContainer {
	width: 100%;
	background: #fff;
	}
	
i {
	font-size: 11px;
	color: #999;
	font-style: normal;
	}
	
header {
	background: url(../images/topShad.png) 50% bottom no-repeat;
	height: 285px;
	}
	
header section {
	color: #fff;
	padding: 2em 0 1em 0;
	text-shadow: 0 1px 1px #000;
	}
	
header section#screens {
	padding: 0;
	position: relative;
	}

#screens img {
	position: absolute;
	margin-left: -12px;
	top: 0;
	}

#screens a#firefox img {
	top: 18px;
	}
	
#screens a#safari img {
	top: 103px;
	left: 24px;
	}	

#screens a#chrome img {
	top: 179px;
	left: 48px;
	}
	
/*
header section img {
	padding-top: 35px;
	margin-bottom: -5px;
	}
*/
	
#headerwrap {
	width: 100%;
	background: url(../images/bg-dark.png);
	}
	
header p {
	font-size: 1.25em;
	}
	
#products article {
	float: right;
	width: 400px;
	}
	
hr {
	height: 6px;
	background: url(../images/hr.png);
	width: 960px;
	border: none;
	}
	
#products article:first-child {
	float: left;
	}
	
#fullContainer section {
	padding-left: 20px;
	}
	
#fullContainer article {
	margin: 36px 0 0 0;
	padding-bottom: 36px;
	}
	
#products p span {
	font-weight: 700;
	color: #bb503f;
	}
	
dt {
	color: #bb503f;
	font-style: normal;
	}
	
dd {
	font-size: .85em;
	}
	
	
/* FORM STYLES */

button {
	height: 48px;
	width: 180px;
	background: #44afc2 url(../images/bg-trans.png);
	border: 0;
	border-radius: 4px;
	-moz-border-radius: 4px;
	cursor: pointer;
	position: relative;
	display: block;
	-webkit-transition: all ease-in-out .25s;
	text-align: left;
	padding-left: 1em;
	}
	
button p {
	display: block;
	width: 115px;
	float: left;
	color: #fff;
	font-size: 1.25em;
	padding-top: 10px;
	}
	
button#download {
	background: #f1f1f1 url(../images/bg-trans.png);
	}

button#download p {
	color: #808080;
	}
	
button#download:hover {
	background: #e5e5e5 url(../images/bg-trans.png);
	color: #808080;
	}
	
button span {
	background: rgba(255,255,255,.5);
	color: #343434;
	font-size: 1.5em;
	display: block;
	height: 28px;
	width: 29px;
	padding: 8px 0 0 7px;
	float: right;
	-webkit-transition: all ease-in-out .25s;
	border-radius: 18px;
	-moz-border-radius: 18px;
	font-family: "proxima-nova-1","proxima-nova-2";
	font-weight: 600;
	margin-top: 6px;
	}
	
button span sup {
	font-size: .65em;
	vertical-align: text-top;
	}
	
button:hover {
	background: #3295a7 url(../images/bg-trans.png);
	-webkit-transition: all ease-in-out .25s;
	box-shadow: 0 0 5px rgba(0,0,0,.50);
	-webkit-box-shadow: 0 0 5px rgba(0,0,0,.50);
	}
	
button#download #arrow {
	background: #cdcdcd url(../images/arrow.png) 14px 10px no-repeat;
	}
	
button:hover span, button#download:hover span#arrow {
	background: rgba(255,255,255,.75);
	-webkit-transition: all ease-in-out .25s;
	box-shadow: 0 0 5px rgba(0,0,0,.25);
	-webkit-box-shadow: 0 0 5px rgba(0,0,0,.25);
	}
	
button#download:hover span#arrow {
	background: rgba(255,255,255,.5) url(../images/arrow.png) 14px 10px no-repeat;
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	transform: rotate(90deg);
	}
	
button:active {
	background: #278697 url(../images/bg-trans.png);
	-webkit-transition: all ease-in-out .1s;
	}
	
#arrow em {
	display: none;
	}
	
footer {
	font-size: .75em;
	padding-top: 36px;
	color: #808080;
	background: url(../images/bottomShad.png) 50% top no-repeat;
	}