/* quantumjelly.com Template Styles
 * 
*/

body  {
	font: 90% Verdana, Arial, Helvetica, sans-serif;
	background: #ffffff;
	margin: 0; /* good practice to zero the margin and padding of the body to account for differing browser defaults */
	padding: 0;
	color: #333;
}

body.home {
	background:transparent url(/skinimages/quantumjelly/bg.png) repeat-x;
}

body.demo {
	background:transparent url(/skinimages/quantumjelly/green-bg.png) repeat-x;
}

body.signup {
	background:transparent url(/skinimages/quantumjelly/dark-blue-bg.png) repeat-x;
}

body.register {
	background:transparent url(/skinimages/quantumjelly/aqua-bg.png) repeat-x;
}

body.features {
	background:transparent url(/skinimages/quantumjelly/dark-bg.png) repeat-x;
}

body.websites {
	background:transparent url(/skinimages/quantumjelly/very-light-blue-bg.png) repeat-x;
}

/* Header */

#header { 	

}

#logo h1 {
		font-size: 2px;
		background:  url(/skinimages/quantumjelly/quantum-logo-small.png) no-repeat;
		height: 52px;
		z-index: 100; /* above the UL */
}
	
#logo h1 a {
		text-indent: -200em;
		text-decoration: none;
}

body.demo #banner {
	height: 120px;
	background: transparent url(/skinimages/quantumjelly/banner-small-1.png) no-repeat;
}

body.signup #banner {
	height: 120px;
	background: transparent url(/skinimages/quantumjelly/choose-a-web-skin.png) no-repeat;
}

body.features #banner {
	height: 120px;
	background: transparent url(/skinimages/quantumjelly/cutting-edge-websites-2.png) no-repeat;
}

body.register #banner {
	height: 120px;
	background: transparent url(/skinimages/quantumjelly/getting-started.png) no-repeat;
}

body.websites #banner {
	height: 120px;
	background: transparent url(/skinimages/quantumjelly/launch-your-business.png) no-repeat;
}

#banner-image-container {
	height: 192px;
	z-index: 0;
}


#mainContent.bgGradient {
	background:  url(/images/backgrounds/support_bg.png) no-repeat;
	padding: 9px;
}

#footer {
	background:transparent url(/images/backgrounds/footer_bg.gif) repeat-x scroll 0pt; 
	padding: 20px 10px 0 20px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	margin-top: 2em;
	/*min-height: 18em;*/ /* will probably need tweaking */
	color:#333333;
	height: 123px;
}

#footer .grid_4 {
	background:  url(/skinimages/quantumjelly/vert-line.png) repeat-y top left;
	height: 200px;
}

/* Footer blocks */
#footer dl {
	float: left;
	min-height: 10em;
	text-align: left;
}

#footer dl:first-child {
	border-left: 0;
}

#footer dl dt:first-child {
	margin-top: 0;
}

#footer dl dt {
	margin: 1em 0 0.2em 0.8em;
	padding: 0 0 0.1em 0;
	color: #95867c;
	font-size:16px;
}

#footer dl dd {
	margin: 0 0 0 2em;
	padding: 0 0 0 0;
	color: #cac4bd;
}

#footer dl dd a {
	color: #cac4bd;
	text-decoration: none;
}

#footer dl dd a:hover {
	color: #95867c;
	text-decoration: underline;
}

#footer dl dd {
	font: 12px/18px Arial, Helvetica, sans-serif;
}

#footer dl dt.quantum a {
	display: block;
	background: transparent url(/images/logos/qj-footer-logo.gif) no-repeat top left;
	width: 295px;
	height: 70px;
	margin: 1em 0 0.5em 0.5em;
}

#footer dl dt a span {
	display: none;
}