body { 
	margin:0;
	background:#000;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	background-image: url(../images/qwas-sunburst.jpg);
	background-position: top center;
	background-attachment: scroll;
	background-repeat:no-repeat;
	}
	
/*********************************************
		Structure
*********************************************/

#container {
	width: 900px;
	height: auto;
	margin: 0 auto;
	padding: 20px 0;
}

#header {
	width: 900px;
	height: 200px;
	padding: 0;
}

#title_overlay{
	color: #333;
	font-size: 30px;
	line-height: 30px;
	position: absolute;
	text-align: left;
	top: 28px;
	padding: 20px;
	display: block;
	margin-top:0px;
	font-family:"Arial Black", Gadget, sans-serif;
}

#title_overlay span{
	display: block;
	color:#666;
	font-size: 14px;
	line-height: 16px;
	margin-top:5px;
}

.quitweed {
	display:block;
	text-indent:-1000em;
	background-image:url(../images/qwas-header.png);
	width:900px;
	height:200px;			
}

#branding {
	float: right;
	height: 110px; 
	width: 240px;
	background-image: url(../images/sew-machine.jpg);
}

#content {
	background-color:#fff;
	width: 900px;
	height: auto;
	margin-top: 1px;
}

#maincolumn {
	padding: 20px 20px 20px 40px;
	width: auto;
	height: auto;
}

#maincolumn li {
	list-style:square;
	margin-left: 15px;
	color: #339;
	font-size: 12px;
	font-weight:bold;
}
.thumb {
	float: left; 
	margin: 5px 20px 5px 0;
}
#maincolumn a {
	color:#222;	
	text-decoration: underline;
}
#maincolumn p, ul, li {
	line-height: 21px;
	font-size: 15px;
}
#sidebar {
	width: auto;
	height: auto;
	float: right;
}

#stop-jonesing {	
}

#sidebar h4 {
	margin: 20px 20px 20px 20px;
}

#sidebar p {
	margin: 0px 10px 10px 20px;
	font-size: 11px;
}
#sidebar h5 {
	margin: 0px 20px 10px 20px;
	font-size: 18px;
	color: #0000FF;
	line-height: 21px;
}
#sidebar h6 {
	margin: 0px 10px 10px 20px;
	font-size: 9px;
	color: #666;
}

#sidebar ul {
	margin: 0px 0 0px 35px;
}
#sidebar img {
	margin: 0 0 10px 20px;	
}
#stop-jonesing img {
	margin: 20px 20px 0 20px;
}

#sidebar li {
	font-weight: bold;
	list-style: square;
	font-size: 11px;
	line-height: 21px;
}

#sidebar blockquote {
	font-weight: normal;
	font-size: 11px;
	line-height: 15px;
	margin: 20px;
}

#banner {
	width: 900px;
	height: 260px;
	margin-top: 1px;
}
#banner-l {
	float: left;
	width: 300px;
	height: 260px;
}
#banner-m {
	float: left;
	margin: 0 1px;
	width: 298px;
	height: 260px;
}
#banner-r {
	float: left;
	width: 300px;
	height: 260px;
}
#banner a {
	border: 0px;
}

#banner a:hover {
}

.adsenseleft {
	float: left;
	width: 360px;
	height: auto;
	padding: 5px 0 10px 0;
}

.skyscraper {float:left; width: 160px; height: 600px; margin: 0px 0 20px 20px; }
.bannervertical {float:left; width: 160px; height: 600px; margin: 0px 0 20px 20px; }

.clear { clear: both; }	
.clearsidebar { clear: both; border-top: 1px solid #036; margin-top: 20px; margin-bottom: 20px; }	

/*********************************************
		Universal Link Styles
*********************************************/

a {
	color: #ABABAB;
	text-decoration: none;
}
a:hover, visited { 
	color:#71CDF5; 
	text-decoration: none; 
}

/*********************************************
		Universal Text Elements
*********************************************/

p, ul, li, {
	font-size: 10px;
	color:#333;
    line-height: 15px;
	text-align: left;
}
ul, li {
	margin: 0; 
	padding: 0;
}
img { border: 0px; background: none; }

h1,h2,h3,h4,h5,h6 {
	color:#333;
	margin: 0px; padding: 0;
}

h1 {
	font-family:"Arial Black", Gadget, sans-serif;
	font-size: 22px;
	line-height: 24px;
	font-weight: bold;
	text-align:left;
	margin-bottom: 10px;
}
h2 {
	font-size: 16px;
	line-height: 18px;
	font-weight: bold;
	text-align:left;
	margin-bottom: 20px;

}
h3 {
	font-family:"Arial Black", Gadget, sans-serif;
	font-size: 16px;
	line-height: 16px;
	font-weight: bold;
	text-align:left;
	margin-bottom: 20px;
}

h4 {
	font-size: 16px;
	line-height: 18px;
	font-weight: bold;
	text-align:left;
}
h5 {
	font-size: 11px;
	line-height: 15px;
	font-weight: normal;
	color: #575757;
	letter-spacing: .5px;

}
h6 {
	font-weight: normal;
	font-size: 9px;
	line-height: 12px;
	color: #999;
	text-transform: uppercase;
	letter-spacing: .5px;
	margin-top: 20px;
}

/*********************************************
		Nav
*********************************************/

#nav {
}

#nav ul { 
	list-style: none;
	font-size: 11px;
	letter-spacing: 1px;	
	}

#nav li {
	margin: 0 20px 20px 0;
	display: inline;
	}
#nav a {
	color: #999;
}

#nav li a:hover {
	color: #fff;
}

#nav a.active {
     color: #fff;
}

/*********************************************
		Footer
*********************************************/

#footer {
	width: 820px;
	height: auto;
	padding: 40px;
	background-color:#600;
	/*background-image: url(../images/blue-gradient.png);
	background-image:url('http://forms.aweber.com/images/auto/body/009/5ff/005/999');*/
	background-position:top left;
	background-repeat:repeat-x;
	text-align: center;
	margin-top: 1px;
}
#footer ul, li {
	font-size: 11px;
}

/*********************************************
		Horizontal Navigaion Styles 
				(with dropdowns)
*********************************************/
#pagemenu-holder {
	width: 900px;
	height:31px;
}
#pagemenu,
#catmenu {
	background:#600;
	float: left;
	font-size: 10px;
	text-transform: uppercase;
	width: 100%; height: 32px;
	margin: 0px; padding: 0px;
}
/* This is the style for the first UL (horizontal) */
#pagemenu ul,
#catmenu ul {
	float: left;
	background: transparent;
	height: 32px; line-height: 32px;
	margin: 0px; padding: 0px;
}

/* This is the style for the top level list items */
#pagemenu ul li,
#catmenu ul li {
	background: none;
	width: auto;
	display: block;
	float: left;
	list-style-type: none;
	height: 32px; line-height: 32px;
	margin: 0px; padding: 0px;
}
#pagemenu ul li.home,
#catmenu ul li.home {
	background: none;
}
/* The style for all links */
#pagemenu a,
#catmenu a {
	color: #FFF;
	text-decoration: none;
	font-weight: normal;
}
/* The universal hover state colors and background for all LI items and links */
#pagemenu li:hover a,
#pagemenu li.sfhover a,
#pagemenu li a:hover,
#catmenu li:hover a,
#catmenu li.sfhover a,
#catmenu li a:hover {
	color: #000;
	text-decoration: none;
	background: #FFF;
}
/* This is the style for the top level links, if different than the universal */
#pagemenu ul li a,
#catmenu ul li a {
	display: block;
	height: 32px; line-height: 32px;
	margin: 0px; padding: 0px 7px;
	text-decoration: none;
	border-right: 1px solid #000;
	font-size: 10px;
}
/* if you want to set a "current page item" style, do it here */
#pagemenu ul li.current_page_item a,
#catmenu ul li.current_page_item a {
}
/****************************** 
The second-level stuff 
*******************************/
/* This hides the nested UL before you hover */
#pagemenu li ul,
#catmenu li ul {
	clear: both;
	position: absolute;
	width: 180px; /* the width of the dropdown */
	left: -999em;
}
/* This shows the nested UL when you hover */
#pagemenu li:hover ul, 
#pagemenu li.sfhover ul,
#catmenu li:hover ul, 
#catmenu li.sfhover ul {
	left: auto;
	display:  block;
	z-index: 5000;
}

/* This is the style for the nested UL */
#pagemenu li:hover ul,
#pagemenu li.sfhover ul,
#catmenu li:hover ul,
#catmenu li.sfhover ul {
	background: transparent;
	display: block;
	margin: 0px; padding: 0px;
	border-top: 0px solid #FFF;
}
/* This is the style for the LI items within the nested UL */
#pagemenu li:hover ul li,
#pagemenu li.sfhover ul li,
#catmenu li:hover ul li,
#catmenu li.sfhover ul li {
	background: transparent;
	width: 100%;
	display: block;
	padding: 0px; margin: 0px;
	height: 30px; line-height: 30px;
	overflow: hidden;
	text-align: left;
	border: 0px solid #FFF;
	border-top: none;
}
/* This is the style for the links within the LI items within the nested UL */
#pagemenu li:hover ul li a,
#pagemenu li:hover ul li.current_page_item a,
#pagemenu li.sfhover ul li a,
#pagemenu li.sfhover ul li.current_page_item a,
#catmenu li:hover ul li a,
#catmenu li:hover ul li.current_page_item a,
#catmenu li.sfhover ul li a,
#catmenu li.sfhover ul li.current_page_item a {
	background: #1078b7 url(images/menu-bg.gif) repeat-x;
	color: #FFF;
	width: 170px;
	display: block;
	margin: 0px; padding: 0px 5px;
	height: 30px; line-height: 30px;
}
/* This is the style for the hover state on the links within the LI items within the nested UL */
#pagemenu li:hover ul li a:hover, 
#pagemenu li.sfhover ul li a:hover,
#catmenu li:hover ul li a:hover, 
#catmenu li.sfhover ul li a:hover {
	text-decoration: none;
	margin: 0px; padding: 0px 5px;
	height: 30px; line-height: 30px;
	background: #1078b7;
	color: #FFF;
}

/*----------------------- JQuery Effect ----------------------*/

/* the overlayed element */
.simple_overlay {
	
	/* must be initially hidden */
	display:none;
	
	/* place overlay on top of other elements */
	z-index:10000;
	
	/* styling */
	background-color:#333;
	
	width:220px;	
	min-height:200px;
	border:1px solid #666;
	
	/* CSS3 styling for latest browsers */
	-moz-box-shadow:0 0 90px 5px #000;
	-webkit-box-shadow: 0 0 90px #000;	
}

/* close button positioned on upper right corner */
.simple_overlay .close {
	background-image:url(../images/close.png);
	position:absolute;
	right:-20px;
	top:-15px;
	cursor:pointer;
	height:35px;
	width:35px;
}