/**
 *	My Store Radio
 *  Base Screen Styles
 *	
 *	@author:	Nathan Crowe <nathan at imagin8 dot com>
 *	@date:		15/01/2008	
 *
 *	Table of Contents:
 *		01. layout
 *		02. breadcrumbs
 *		03. typography
 *		04. lists/typography/links
 *		05. images
 *		06. tables
 *		07. forms
 *
 */
html,body {
	background:					#ffffff url(../images/bg-body.png) repeat-x;
}

body {
	color:						#595959;
	font-family:				Arial, Verdana, "Lucida Grande", Helvetica, sans-serif;
	font-size:					62.5%;
}

/** layout
------------------------------------------------------------------ */
div#wrapper {
	background:					url(../images/bg-wrapper.png) 50% 0 no-repeat;
}

div#container {
	margin:						0 auto;
	width:						840px;
}

div#header {
	height:						122px;
}

div#brand {
	float:						left;
	padding:					25px 0 0 30px;
	height:						97px;
	width:						310px;
}

div#navigation {
	background:					url(../images/bg-navigation.jpg) no-repeat;
	height:						103px;
}

div#content-wrapper {
	background:					url(../images/bg-content-wrapper.jpg) no-repeat;
	min-height:					50px;
}

div#content {
}

div#feature {
	background-repeat:			none;
	height:						199px;
}

body.home div#feature {
	background-image:			url(../images/features/bg-feature-00.jpg);
	height:						349px;
}
body.about div#feature {
	background-image:			url(../images/heroes/01.jpg);
}
body.products div#feature {
	background-image:			url(../images/heroes/02.jpg);
}
body.samples div#feature {
	background-image:			url(../images/heroes/03.jpg);
}
body.testimonials div#feature {
	background-image:			url(../images/heroes/04.jpg);
}
body.contact div#feature {
	background-image:			url(../images/heroes/05.jpg);
}
body.privacy div#feature {
	background-image:			url(../images/heroes/06.jpg);
}
body.disclaimer div#feature {
	background-image:			url(../images/heroes/07.jpg);
}
body.information-pack div#feature {
	background-image:			url(../images/heroes/08.jpg);
}

div#content-main {
	float:						left;
	width:						520px;
}

div#content-main-inner {
	padding:					20px 28px 20px 30px;
}

div#content-side {
	margin-left:				520px;
}

div#content-side-inner {
	padding:					20px 0 0 6px;
}

div#testimonial {
	background:					url(../images/bg-testimonial.png) no-repeat;
}

div#testimonial-footer {
	background:					url(../images/bg-testimonial-footer.png) no-repeat;
	height:						55px;
}	

div#utility {
	background:					url(../images/bg-utility.jpg) no-repeat;
	border-top:					1px solid #fff;
	clear:						both;
	height:						185px;
}

body.home div#utility {
	background:					url(../images/bg-utility-home.jpg) no-repeat;
}

div#utility-inner {
	padding-left:				30px;
}

div#footer {
	background:					url(../images/bg-footer.jpg) no-repeat;
	clear:						both;
}

body.home div#footer {
	background:					url(../images/bg-footer-home.jpg) no-repeat;
}

div#footer-inner {
	padding:					31px 30px;
}

div#footer-inner div {
	width:						110px;
	float:						right;
}

div.content {
	margin:						0 auto;
	width:						780px;
}

/** breadcrumbs
------------------------------------------------------------------ */
/** typography
------------------------------------------------------------------ */
em {
	font-style:					italic;
}

strong {
	font-weight:				bold;
}

div#header h2 {
	background:					url(../images/h2s/h2-call.png) no-repeat;
	float:						right;
	height:						31px;
	margin:						54px 29px 0 0;
	text-indent:				-9999px;
	width:						211px;
}

div#content-main h2 {
	background-position:		no-repeat;
	height:						58px;
	text-indent:				-9999px;
}

body.about div#content-main h2 {
	background-image:			url(../images/h2s/h2-about-us.png);
}
body.products div#content-main h2 {
	background-image:			url(../images/h2s/h2-products-and-services.png);
}
body.samples div#content-main h2 {
	background-image:			url(../images/h2s/h2-samples.png);
}
body.testimonials div#content-main h2 {
	background-image:			url(../images/h2s/h2-testimonials.png);
}
body.contact div#content-main h2 {
	background-image:			url(../images/h2s/h2-contact-us.png);
}
body.privacy div#content-main h2 {
	background-image:			url(../images/h2s/h2-privacy.png);
}
body.disclaimer div#content-main h2 {
	background-image:			url(../images/h2s/h2-disclaimer.png);
}
body.news div#content-main h2 {
	background-image:			url(../images/h2s/h2-news.png);
}
body.information-pack div#content-main h2 {
	background-image:			url(../images/h2s/h2-information-pack.png);
}

div#content-main h3,
div#content-main h4 {
	font-weight:				bold;
	margin-bottom:				0.5em;
}

div#content-main-inner {
	font-size:					1.2em;
	line-height:				165%;
}

div#content-main-inner blockquote {
	font-style:					italic;
}

div#content-main-inner p {
	margin-bottom:				1.65em;
}

div#content-main-inner p.align-right {
	font-weight:				bold;
	text-align:					right;
}

div#content-main-inner h3#h3-motorcycle,
div#content-main-inner h3#h3-pharmacy,
div#content-main-inner h3#h3-tiles-furniture,
div#content-main-inner h3#h3-fruit,
div#content-main-inner h3#h3-marine,
div#content-main-inner h3#h3-other,
div#content-main-inner div#samples h3#h3-music,
div#content-main-inner div#samples h3#h3-advertisements {
	height:						13px;
	margin-bottom:				0.5em;
	text-indent:				-9999px;
}

div#content-main-inner div#samples h3#h3-music,
div#content-main-inner div#samples h3#h3-advertisements {
	margin-bottom:				1.65em;
}

div#content-main-inner h3#h3-motorcycle {
	background:					url(../images/h3s/h3-motorcycle.gif) no-repeat;
}
div#content-main-inner h3#h3-pharmacy {
	background:					url(../images/h3s/h3-pharmacy.gif) no-repeat;
}
div#content-main-inner h3#h3-tiles-furniture {
	background:					url(../images/h3s/h3-tiles-furniture.gif) no-repeat;
}
div#content-main-inner h3#h3-fruit {
	background:					url(../images/h3s/h3-fruit.gif) no-repeat;
}
div#content-main-inner h3#h3-marine {
	background:					url(../images/h3s/h3-marine.gif) no-repeat;
}
div#content-main-inner h3#h3-other {
	background:					url(../images/h3s/h3-other.gif) no-repeat;
}

div#content-main-inner div#samples h3#h3-music {
	background:					url(../images/h3s/h3-music.gif) no-repeat;
}

div#content-main-inner div#samples h3#h3-advertisements {
	background:					url(../images/h3s/h3-advertisements.gif) no-repeat;
}


div#content-side h4 {
	background:					url(../images/h4s/h4-bg.png) no-repeat;
	height:						58px;
	text-indent:				-9999px;
}

div#testimonial blockquote {
	color:						#9e7d52;
	font-family:				Georgia, 'Times New Roman', Times, serif;
	font-size:					1.1em;
	font-style:					italic;
	line-height:				150%;	
	width:						175px;
	padding:					40px 0 10px 30px;
}

div#testimonial blockquote p.align-right {
	font-family:				Arial, Verdana, "Lucida Grande", Helvetica, sans-serif;
	font-weight:				bold;
	font-style:					normal;
	margin-top:					0.5em;
	text-align:					right;
}

div#utility-inner {
	color:						#c8c8c8;
	line-height:				150%;
}

div#utility h5 {
	background:					url(../images/h5s/h5-information-pack.gif) no-repeat;
	margin:						29px 0 10px 30px;
	text-indent:				-9999px;
}

div#utility p {
	font-size:					1.2em;
	margin-bottom:				1em;
}

div#footer p {
	color:						#718993;
	font-size:					1.1em;
	line-height:				150%;
	margin-bottom:				0.5em;
}

div#footer p.send {
	background:					url(../images/icons/icon-send.gif) 0 50% no-repeat;
	padding-left:				31px;
}

div#utility span {
	color:						#990033;
}

/** lists/typography/links
------------------------------------------------------------------ */
div#content-main-inner a,
div#content-main-inner a:link {
	color:						#3364b3;
	text-decoration:			none;
}

div#content-main-inner ul {
	margin-bottom:				1.65em;
}

div#content-main-inner ul li {
	background:					url(../images/icons/icon-arrow-3364b3.gif) 0 0.60em no-repeat;
	padding-left:				1.65em;
}

div#content-main-inner div#samples ul li {
	background:					url(../images/icons/icon-itunes.png) 0 0.2em no-repeat;
	border-bottom:				1px solid #e7eaeb;
	margin-bottom:				0.5em;
}

div#content-main-inner div#samples ul li p {
	margin-bottom:				0.5em;
}

div#content-main-inner dl.contact-list {
	height:						100px;
}

div#content-main-inner dl.contact-list dt {
	float:						left;
	margin:						0;
	padding:					0.5em 0.5em 0.5em 0;
	width:						100px;
}

div#content-main-inner dl.contact-list dd {
	float:						left;
	margin:						0;
	padding:					0.5em 0 0.5em 0.5em;
	width:						275px;
}

div#footer ul {
	color:						#718993;
	font-size:					1.1em;
	margin-bottom:				0.5em;
}

div#footer ul li {
	border-right:				1px solid #718993;
	display:					inline;
	padding:					0 10px;
}

div#footer ul li.first {
	padding-left:				0;
}

div#footer ul li.last {
	border:						0;
	padding-right:				0;
}

div#footer a,
div#footer a:link {
	color:						#718993;
	text-decoration:			none;
}
/** images
------------------------------------------------------------------ */
/** tables
------------------------------------------------------------------ */
div#utility table {
	font-size:					1.1em;
}

div#utility table td.spacer {
	line-height:				0;
}
/** forms
------------------------------------------------------------------ */
div#utility form table input.text {
	color:						#c8c8c8;
	background:					url(../images/bg-ti.gif) no-repeat;
	border:						0;
	font-size:					12px;
	padding:					3px;
	width:						210px;
}

div#utility form table input.text2 {
	color:						#c8c8c8;
	background:					url(../images/bg-ti2.gif) no-repeat;
	border:						0;
	font-size:					12px;
	padding:					3px;
	width:						182px;
}