/*-----------------------
*
*		AWARDS FENCING CSS
*
*----------------------*/
@import url("reset.css");

/*----------	LaYOUT STYLeS	----------*/
body {
	color: #3D3D3D;
	text-align: center;
	font: 62.5%/1.8em Verdana, Arial, Helvetica, sans-serif;
	background: #F1EEE7 url(../images/core/bg.gif) repeat-x;
}

#container {
	font-size: 1.2em;
	text-align: left;
	background: url(../images/core/container-bg.gif) no-repeat;
}

#container_repeat_bg { background: #FFFFFF url(../images/core/container-repeat-bg.gif) repeat-y; width: 940px; margin: 0 auto; }

#content_container { width: 890px; margin: 0 auto; padding-bottom: 20px; }

#text_container { background: #FFFFFF url(../images/core/text-bg.gif) repeat-y top center; }
#text_container #text-top { background: url(../images/core/text-top-bg.gif) no-repeat; height: 10px; width: 890px; display: block; }
#text_container #text-bottom { background: #FFFFFF url(../images/core/text-bottom-bg.gif) no-repeat; height: 10px; width: 890px; display: block; }
#text_container #text { width: 700px; float: right; }

body.aliwood #text_container, body.aliwood #text_container #text-bottom {background:#ffffff;}
body.aliwood #text_container #text{width:890px; float:none;}

.gallery { display: block; padding: 0 0 35px 20px; width: 630px; height: auto; clear: both; float: left; }
.gallery img { display: block; float: left; padding:  0 0 10px 10px; }
img.float-left {float: left; display: inline; margin: 0 10px 5px 0; clear: left;}
img.float-right {float: right; display: inline; margin: 0 10px 5px 10px; clear: right;}


#logos { width: 890px; text-align: center; }

/*----------	CoMMoN STYLeS	----------*/
p { margin: 13px 35px; }
a { color: #D1181F; text-decoration: underline; }
a:hover { text-decoration: none; }
h1 { font-size: 1.7em; color: #D1181F; margin: 15px 35px; font-weight: normal; text-transform: uppercase; }
h2 { font-size: 1.5em; color: #D1181F; margin: 15px 35px;font-weight: normal; }
h3 { font-size: 1.3em; font-weight: bold; margin: 10px 35px; }
strong { font-weight: bold; }


.hidden { display: none; }
.clear { display: block; clear: both; }
.list li { list-style: square; margin-left: 65px; }
.back-to-top {
	font-size: 10px;
	border-top: 1px solid #e0e0e0;
	margin: 20px;
	text-align: right;
}
.back-to-top a {
	background: url(../images/core/arrow-up.gif) left no-repeat;
	padding-left: 10px;
}

#logos img { margin: 10px; }

/*----------	HeaDeR STYLeS	----------*/
#header {
	width: 890px;
	height: 101px;
	position: relative;
	background: #FFFFFF url(../images/core/header-bg.gif) repeat-x top left;
}

#header #logo { position: absolute; top: 33px; left: 18px; }
#header #slogan { position: absolute; top: 33px; left: 596px; }


/*----------	NaVIGaTIoN STYLeS	----------*/
#navigation { margin: 5px 0; }
#navigation ul li { display: inline; float: left; }
#navigation ul li a { display: block; height: 40px; }
#navigation ul li a:hover { background-position: 0 -40px !important; }
#navigation ul li#home a { background: url(../images/nav/home.gif) no-repeat; width: 86px; }
#navigation ul li#profile a { background: url(../images/nav/profile.gif) no-repeat; width: 87px; }
#navigation ul li#our_fencing a { background: url(../images/nav/our_fencing.gif) no-repeat; width: 204px; }
#navigation ul li#glass_fencing a { background: url(../images/nav/glass_fencing.gif) no-repeat; width: 149px; }
#navigation ul li#aliwood a { background: url(../images/nav/aliwood.gif) no-repeat; width: 131px; }
#navigation ul li#contact a { background: url(../images/nav/contact.gif) no-repeat; width:101px; }
#navigation ul li#nav-commercial a { background: url(../images/nav/nav-commercial.gif) no-repeat; width: 132px; }

.home li#home a,
.profile li#profile a,
.our_fencing li#our_fencing a,
.glass_fencing li#glass_fencing a,
.aliwood li#aliwood a,
.contact li#contact a,
.commercial_fecing li#nav-commercial a {
	background-position: 0 -40px !important;
}


/*----------	BaNNeR STYLeS	----------*/
#banner-home { margin: 5px 0; width: 890px; height: 295px; position: relative; }
#banner-home #specialising { position: absolute; top: 255px; left: 0; }
#banner-home #flash-left { width: 440px; position: absolute; left: 0; top: 0; }
#banner-home #flash-right { width: 440px; position: absolute; left: 450px; top: 0; }
#banner-home #flash-left img { display: none; }
#banner-home #flash-left img#first { display: block; }
#banner-home #flash-right img { display: none; }
#banner-home #flash-right img#first { display: block; }

#banner { margin: 5px 0; }
#banner #flash-left { float: left; width: 440px; }
#banner #flash-right { float: right; width: 440px; }
.profile #banner { background: url(../images/core/banner4.jpg) no-repeat; display: block; height: 250px; width: 890px; }
.our_fencing #banner { background: url(../images/core/banner1.jpg) no-repeat; display: block; height: 250px; width: 890px; }
.glass_fencing #banner { background: url(../images/core/banner3.jpg) no-repeat; display: block; height: 250px; width: 890px; }
.fencing_accessories #banner { background: url(../images/core/banner4.jpg) no-repeat; display: block; height: 250px; width: 890px; }
.contact #banner { background: url(../images/core/banner5.jpg) no-repeat; display: block; height: 250px; width: 890px; }
.thankyou #banner { background: url(../images/core/banner5.jpg) no-repeat; display: block; height: 250px; width: 890px; }

/*----------	CTa STYLeS	----------*/
#cta { width: 170px; font-size: 1.1em; float: left; padding-bottom: 50px; }
#cta #free_quote, #cta #kids_alive { padding-top: 10px; }
#cta p { margin: 20px 15px; }
#cta .icon-phone { background: url(../images/core/icon-phone.gif) left no-repeat; padding-left: 20px; }
#cta #icon-mobile { background: url(../images/core/icon-mobile.gif) left no-repeat; padding-left: 20px; }
#cta #icon-fax { background: url(../images/core/icon-fax.gif) left no-repeat; padding-left: 20px; }
#cta #icon-email { background: url(../images/core/icon-email.gif) left no-repeat; padding-left: 20px; }
#cta #icon-address { background: url(../images/core/icon-address.gif) 16px 2px no-repeat; padding-left: 20px; width:150px;}
#cta #icon-address p {margin:0 15px;}


/*----------	FooTeR STYLeS	----------*/
#footer {
	width: 890px;
	height: 45px;
	background-color: #F4A600;
	font-size: 13px;
}
#footer a { color: #3D3D3D; }
#footer p { padding-top: 4px; margin: 0 0 0 30px; }
#footer #wflogo { float: right; margin: 10px; }