/*---------------------------------
*
*		MANDURAH BOLT SUPPLIES
*
*--------------------------------*/

@import url("reset.css");


/*----------	LaYoUT STYLeS	----------*/
body {
	color: #4A4A4A;
	font: 62.5%/1.8em Verdana, Arial, Helvetica, sans-serif;
	background: #FFFFFF url(../images/core/bg.gif) repeat-x;
}

#container {
	margin: 16px auto;
	width: 930px;
	font-size: 1.1em;
}

#content_bg {
	width: 930px;
	margin: 0 auto;
	background: #FFFFFF url(../images/core/content-bg.gif) top center no-repeat;
}

#content_container { width: 883px; padding: 26px 20px 20px 27px; }

#text { width: 580px; float: right; }

/*----------	CoMMoN STYLeS	----------*/
.clear { display: block; clear: both; }
.hidden { display: none; }
.list { list-style-type: circle; margin: 10px 30px; }

a { color: #E61D2D; text-decoration: none; }
a:hover { text-decoration: underline; }
strong { font-weight: bold; }
em { font-style: italic; }
p { margin: 15px 10px; }
hr { border: none; border-top: 1px solid #F1F1F1; clear: both; }
h1 {
	width: 570px;
	line-height: 25px;
	background-color: #F1F1F1;
	font-size: 1.4em;
	font-weight: bold;
	color: #000000;
	padding-left: 10px;
}

.inner_photos { float: right; margin: 10px; }
.map { float: right; margin: 30px 10px; }

#affiliate-logo {
	width: 580px;
}

#affiliate-logo ul {
	list-style-type: none;
	margin-left: 10px;
}

#affiliate-logo ul li {
	float: left;
	padding-right: 10px;
}


/*----------	HeaDeR STYLeS	----------*/
#header { 
	position: relative;
	height: 120px;
	width: 910px;
	margin: 0 auto;
	background: url(../images/core/header-bg.gif) no-repeat top center;
}

#header #logo { position: absolute; top: 23px; left: 63px; }

/*----------	NaVIGaTIoN STYLeS	----------*/
#navigation { position: absolute; top: 39px; left: 340px; }
#navigation ul li { display: inline; float: left; }
#navigation ul li a { display: block; height: 43px; }
#navigation ul li a:hover { background-position: 0 -43px !important; }
#navigation ul li#home a { background: url(../images/nav/home.gif) no-repeat; width: 74px; }
#navigation ul li#profile a { background: url(../images/nav/profile.gif) no-repeat; width: 89px; }
#navigation ul li#products a { background: url(../images/nav/products.gif) no-repeat; width: 223px; }
#navigation ul li#contact a { background: url(../images/nav/contact.gif) no-repeat; width: 126px; }

.home #home a, .profile #profile a, .products #products a, .contact #contact a { background-position: 0 -43px !important; }


/*----------	BaNNeR STYLeS	----------*/
#banner {
	width: 910px;
	height: 223px;
	position: relative;
	margin: 0 auto;
	background: url(../images/core/banner-bg.gif) top center no-repeat;
}

#banner #image-cycle { position: absolute; top: 20px; left: 28px; }
#banner img#quote { position: absolute; top: 73px; left: 346px; }


/*----------	CTa STYLeS	----------*/
#cta { float: left; width: 280px; color: #000000; }
#cta h2 {
	width: 270px;
	line-height: 25px;
	background-color: #F1F1F1;
	font-size: 1.4em;
	font-weight: bold;
	padding-left: 10px;
}
#cta p { margin:  20px 10px; }


/*----------	FooTeR STYLeS	----------*/
#footer { color: #B5B5B5; font-size: 1.2em; border-top: 1px solid #cccccc;}
#footer a { color: #B5B5B5; }
#footer-left {	width:430px; float:left; margin: 10px 0; }
#footer-middle { width:370px; float:left; margin: 10px 0; }
#footer-right { width:100px; float:left; text-align: right; margin: 10px 0; }