/**** GENERAL BUILD ****/

body {
	margin: 0;
	padding: 0;
	font-size: 62.8%;
}

div.wrapper {
	width: 950px;
	margin: 50px auto;
	border: 1px solid #000;
	-moz-border-radius: 9px;
	-webkit-border-radius: 9px;
	border-radius: 9px;
}

header#masthead div.banner {
	padding: 20px;
}

div#content {
	margin: 114px 60px 60px 60px;
}



/**** GLOBAL NAVIGATION ELEMENTS (About the computers, store, etc.) ****/

aside#globalnav {
	margin: -35px 12px 0 0;
	float: right;
}

aside#globalnav nav {
	
}

aside#globalnav nav ul li {
	display: inline;
}

aside#globalnav nav ul li a {
	border: 1px solid #666666;
	padding: 6px 40px;
	display: inline-block;
	background: url(../images/general/globalnav_bg.jpg) left top repeat-x #333333;
	background: -moz-linear-gradient(top, #666666, #333333);
	background: -webkit-linear-gradient(top, #666666, #333333);
	background: -ms-linear-gradient(top, #666666, #333333);
	background: linear-gradient(top, #666666, #333333);	
	-moz-border-radius: 6px 6px 0 0;
	-webkit-border-radius: 6px 6px 0 0;
	border-radius: 6px 6px 0 0;
	color: #fff;
	font: bold 1.32em Tahoma, Geneva, sans-serif;
	text-decoration: none;
	text-shadow: 0 -1px 0 #000;
	position: relative;
}

body.ie7 aside#globalnav nav ul li a {
	position: relative;
	top: -3px;	
}

aside#globalnav nav ul li a.active {
	background: url(../images/general/globalnav_active_bg.jpg) left top repeat-x #D41281;
	background: -moz-linear-gradient(top, #E85CA3, #D41281);
	background: -webkit-linear-gradient(top, #E85CA3, #D41281);
	background: -ms-linear-gradient(top, #E85CA3, #D41281);
	background: linear-gradient(top, #E85CA3, #D41281);
	border: 1px solid #D41281;
	padding-top: 10px;
	padding-bottom: 10px;
	position: relative;
	top: -4px;
	text-shadow: 0 -1px 0 #950658;
}


/**** MAIN NAVIGATION ELEMENTS (Home, What do I get, etc.) ****/

header#masthead nav {
	position: absolute;
	z-index: 10;
	left: 0;
	right: 0;
	border-bottom: 1px solid #D1067C;
	background: url(../images/general/nav_bg.jpg) left top repeat-x;
	background: -moz-linear-gradient(-90deg, #D1067C, #E5378E);
	background: -webkit-linear-gradient(-90deg, #D1067C, #E5378E);
	background: linear-gradient(-90deg, #D1067C, #E5378E);
	height: 114px;
	width: 100%;
}

header#masthead nav ul {
	width: 950px;
	margin: 0 auto;
}

header#masthead nav ul li {
	width: 135px;
	float: left;
	list-style: none;
}

header#masthead nav ul li a {
	display: block;
	height: 76px /*114px before box model */;
	text-align: center;
	font: bold 1.7em Tahoma, Geneva, sans-serif;
	line-height: 1.0em;
	color: #fff;
	text-decoration: none;
	text-shadow: 0 -1px 0 #950658;
	padding: 38px 10px 0 10px;

}

header#masthead nav ul li:first-child a,
header#masthead nav ul li:last-child a {
	/*padding-top: 45px;
	height: 66px !important;*/
}

body.js header#masthead nav ul li a {
	font-family: 'PT Sans', Tahoma, Geneva, sans-serif;
	font-size: 2.0em;
	padding: 0px !important;
	height: 114px !important;
}

header#masthead nav ul li a span {
	display: block;	
}

body.js header#masthead nav ul li a span.valign {
	position: relative;
	display: block;	
	
}

header#masthead nav ul li a.active {
	color: #333;
	background: url(../images/general/navactive_bg.jpg) left top repeat-x #FFF;
	background: -moz-linear-gradient(-90deg, #EDD1EA, #fff);
	background: -webkit-linear-gradient(-90deg, #EDD1EA, #fff);
	background: linear-gradient(-90deg, #EDD1EA, #fff);
	text-shadow: none;
	position: relative;
	top: 2px;
	height: 73px;
	-moz-border-radius: 7px 7px 0 0;
	-webkit-border-radius: 7px 7px 0 0;
	border-radius: 7px 7px 0 0;
	border: 1px solid #fff;
	box-shadow: 2px 0px 0px rgba(0,0,0,0.5);
}

body.js header#masthead nav ul li a.active {
	height: 111px !important;
}


/**** MISC. HEADER ELEMENTS ****/

p.eclipse_ad {
	width: 288px;
	margin: 0 0 0 640px;
	position: absolute;	
	top: 70px;
}



/**** CONTACT DETAILS (at bottom of page) ****/

section#contactdetails {
	background: #6B6B6B;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	margin: 2px;
	padding: 8px 14px;
	clear: both;
}

section#contactdetails p.phone {
	float: left;
	width: 8.0em;
	font: bold 2.0em Arial, Helvetica, sans-serif;
	color: #fff;
}

body.js section#contactdetails p.phone {
	font-family: 'PT Sans', Tahoma, Geneva, sans-serif;
	font-size: 2.2em;
}

section#contactdetails p.email {
	float: right;
	width: 15.0em;
	font: bold 1.2em Arial, Helvetica, sans-serif;
	color: #fff;
	margin-top: 5px;
}

body.ie6 section#contactdetails p.email, 
body.ie7 section#contactdetails p.email, 
body.ie8 section#contactdetails p.email {
	width: 230px;	
}

body.js section#contactdetails p.email {
	font-family: 'PT Sans', Tahoma, Geneva, sans-serif;
	font-size: 1.4em;
}

section#contactdetails p.address {
	float: right;
	width: 28.0em;
	font: bold 1.2em Arial, Helvetica, sans-serif;
	color: #fff;
	margin-top: 5px;
}

body.js section#contactdetails p.address {
	font-family: 'PT Sans', Tahoma, Geneva, sans-serif;
	font-size: 1.4em;
	width: 29.0em;
}

body.ie6 section#contactdetails p.address, 
body.ie7 section#contactdetails p.address, 
body.ie8 section#contactdetails p.address {
	width: 420px;	
}


/**** MAIN PAGE FOOTER ****/

footer {
	position: absolute;
	width: 950px;
}

footer nav {
	position: absolute;
	margin: 14px;
}

footer nav ul li {
	display: inline;
}

footer nav ul li a {
	font: 1.4em Tahoma, Geneva, sans-serif;
	color: #333;
	padding: 0 6px;
}

footer nav ul li:after {
	content: "\007C";	
}

footer nav ul li:last-child:after{
	content: "";
}

footer ul.paymentoptions {
	float: right;
	width: 340px;	
	margin-top: 10px;
}

footer ul.paymentoptions li {
	display: inline;	
}

aside#font_size {
	position: absolute;
	top: 5px;	
}

aside#font_size ul li {
	display : inline;	
}