/* -------------------------------------------------------------- 
  
   Boilerplate Screen Styles
   * Version:   0.5 (2007-11-19)
   
-------------------------------------------------------------- */

@import "lib/reset.css";
@import "lib/typography.css";
@import "lib/forms.css";
/*@import "lib/plugins.css";*/


/* Site
-------------------------------------------------------------- */
body {
	margin: 0;
	padding: 0;
	font-size: 13px;
	background-color:#2b354f;
	background: #302917 url(../images/bgGradient.png) repeat-y center;

}

#page {
	margin: auto;
	width: 890px;
/*	background-color: #f0f4d8;*/
	text-align: center;
	padding: 0;
}

#header {
	
}

#leftSide {
	width: 176px;
	float: left;
	margin-left: 10px;
	voice-family: "\"}\""; 
	voice-family: inherit;
 	padding-left: 0px;
}
html>body #leftSide {
 	padding-left: 10px;
}


#rightSide {
	width: 639px;
	float: left;
	margin: 0;
	margin-left: 20px;
	padding: 0;
	voice-family: "\"}\""; 
	voice-family: inherit;
 	margin-left: 13px;
}
html>body #rightSide {
 	margin-left: 20px;
}


/* Launch GQ
-------------------------------------------------------------- */
#launchGQ {
}



/* Quick Links
-------------------------------------------------------------- */
#quickLinks {
	width:176px;
	margin-top:20px;
}

#quickLinks #quickLinksInner {
	padding-left: 10px;
	background-image: url(../images/quickLinksMid.png);
	background-repeat: repeat-y;
	color:#ffffff;
}

.quicklinks {
	font-size:12px;
	line-height:18px;
	margin: 0px;
	padding: 0px;
	text-align: left;
}

.quicklinks a {
	color:#ffffff;
	text-decoration:none;
}

.quicklinks a:hover {
	color:#6cb33f;
}

#quickLinksBottom {
	background-image:url(../images/quickLinksFoot.png);
	height:15px;
	width:176px;
}

#quickLinksHead {
	background-image:url(../images/quickLinksHead.png);
	height:15px;
	width:176px;
}

#quickLinksInner ul li a {
	list-style: none;
	color:#ffffff; 
}

/* body wrapper box
-------------------------------------------------------------- */
#body {
	padding: 0px;
	margin: 0;
	padding-left: 4px;
	text-align: left;
	margin-top: 20px;
	voice-family: "\"}\""; 
	voice-family:inherit;
 	padding-left: 0;
}
html>body #body {
 	padding-left: 4px;
}

#bodyText {
	color: #ffffff;
}

#body h1 {
	font-size: 1.8em;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	color: #6cb33f;
}

#body h2 {
	font-size: 1.2em;
	font-weight: bold;
	color: #6cb33f;
}

/* Footer
-------------------------------------------------------------- */
#footer {
	margin-top: 30px;
	padding-bottom: 30px;
/*	background-color: #f0f4d8;*/
	text-align: center;
}

#footer p {
	margin: 0;
	padding: 0;
	font-size: 0.8em;
	color:#ffffff;
}

/* benefits box
-------------------------------------------------------------- */
#benefits {
	width: 639px;
	background-image: url(../images/GQ_benefitsHead.png);
	background-repeat: no-repeat;
	padding-top: 42px;
	margin-top: 25px;
}

#benefits ul.withBackground {
	width: 639px;
	margin: 0;
	background: url(../images/GQ_benefitsMid.png) repeat-y;
	padding: 10px;
	padding-left: 30px;
	list-style-type: square;
}

#benefits ul li {
	margin: 0;
	padding: 0;
	color:#ffffff;

}

#benefits #closeBenefits {
	width: 639px;
	background: url(../images/GQ_benefitsFoot.png) no-repeat;
}
#welcome {
	margin-top:20px;
}