/*------------------------------
*
*		PARK ENGINEERS PTY LTD
*
*-----------------------------*/
@import url("reset.css");

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

#container {
	width: 990px;
	margin: 0 auto;
	padding: 20px 0;
	font-size: 1.2em;
	text-align: left;
}

#content_container {
	background: url(../images/core/content_container_bg.gif) repeat-y;
}

#content_top_bg {
	margin: 0 auto;
	padding: 0 25px;
	width: 940px;
	background: url(../images/core/content-bg-top.gif) top center no-repeat;
}

#text {
	float: left;
	width: 655px;
	margin: 20px 15px;
}

#text table {
	margin: 15px;
}

#text table td {
  border: 0;
  vertical-align: top;
  padding: 4px;
	border-bottom: 1px solid #cccccc;
}


/*----------	CoMMoN STYLeS	----------*/
a { color: #E07809; }
a:hover { text-decoration: none; }
p { margin: 10px 30px 10px 10px; }
strong { font-weight: bold; }

.clear { display: block; clear: both; }
.hidden { display: none; }
.list { list-style: disc; margin-left: 35px; }
.inner_pictures { float: right; clear: right; margin: 10px; }
.pdf { background: url(../images/icon-pdf.gif) left center no-repeat; padding-left: 20px; padding-bottom: 1px; display: block; }


/*----------	HeaDeR STYLeS	----------*/
#header_white_bg {
	background-color: #FFFFFF;
	padding: 10px;
	padding-bottom: 0;
	width: 940px;
	height: 170px;
	margin: 0 auto;
}

#header {
	width: 940px;
	height: 170px;
	background: url(../images/core/header-bg.gif) repeat-x;
	position: relative;
}

#header #logo { position: absolute; top: 10px; left: 20px; }
#header #phone { position: absolute; top: 27px; left: 687px; }



/*----------	NaVIGaTIoN STYLeS	----------*/
#navigation { position: absolute; top: 125px; left: 514px; height: 45px; }
#navigation ul li { display: inline; margin-right: 5px; float: left; }
#navigation ul li a { display: block; height: 45px; }
#navigation ul li a:hover { background-position: 0 -45px !important; }
#navigation ul li#home a { background: url(../images/nav/home.gif) no-repeat; width: 53px; }
#navigation ul li#profile a { background: url(../images/nav/profile.gif) no-repeat; width: 57px; }
#navigation ul li#workshop a { background: url(../images/nav/workshop.gif) no-repeat; width: 137px; }
#navigation ul li#products a { background: url(../images/nav/products.gif) no-repeat; width: 72px; }
#navigation ul li#contact a { background: url(../images/nav/contact.gif) no-repeat; width: 70px; }

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


/*----------	CTa STYLeS	----------*/
#cta {
	float: right;
	width: 250px;
	color: #000000;
	background-color: #EEEEEE;
}

#cta #cta-img { margin: 10px; }
#cta h2 { margin: 10px; }
#cta #details { float: left; }
#cta p { margin: 10px 15px; }
#cta #logos { float: right; width: 87px; }
#cta #logos img { padding: 10px 0; }

#contact-box { width: 250px; display: block; }

#awards { width: 230px; display: block; padding: 0 10px; }

#awards ul.pdf-icon {
	/*background: #dcdcdc url('../images/core/icon_pdf1.jpg') 10px 10px no-repeat;*/
	padding: 10px 20px 10px 20px;
	background-color: #dcdcdc;
	margin: 10px 0;
}

#awards ul.pdf-icon li a.pdf { background: url('../images/icon-pdf.gif') no-repeat; padding-left: 25px; padding-bottom: 2px; display: block; }
#awards ul.pdf-icon li a { text-decoration: none; }
#awards ul.pdf-icon li a:hover { color: #0e3fac; text-decoration: underline; }

/*----------	FLaSH STYLeS	----------*/
#flash {width: 920px; height: 230px; border: 10px solid #E3A01E;}
.home #flash img { display: none; }
#flash img#first { display: block; }
.profile #flash { background: url(../images/flash/flash2.jpg) no-repeat; }
.workshop #flash { background: url(../images/flash/flash3.jpg) no-repeat; }
.products #flash { background: url(../images/flash/flash4.jpg) no-repeat; }
.contact #flash { background: url(../images/flash/flash.jpg) no-repeat; }


/*----------	FooTeR STYLeS	----------*/
#footer_white_bg {
	height: 84px;
	background: url(../images/core/footer_white_bg.gif) no-repeat;
}
#footer {
	font-size: 1.0em;
	width: 940px;
	color: #FFFFFF;
	padding: 15px 22px 0 30px;
	_padding: 0;
	_margin: 15px 20px 0 30px;
}

#footer a { color: #FFFFFF; text-decoration: none; }
#footer a:hover { text-decoration: underline; }

#footer #wflogo { float: right; margin-right: 20px; }