/*----------
	Perth City Glass - CSS Document 
----------*/

@import url("reset.css");

/*----------	LaYoUT STYLeS	----------*/
body {
  color: #e8f3d4;
  background: #000 url(../images/core/bg.gif) no-repeat 50% 0;
	font: 62.5%/2.4em Verdana, Arial, Helvetica, sans-serif;
}

.container {
  width: 960px;
  margin: 0 auto;
  font-size: 1.1em;
}

#content {
  padding: 15px 0;
  border-top: 1px solid #7B8467;
  border-bottom: 1px solid #7B8467;
  background: #374129 url(../images/core/content-bg.gif) no-repeat;
}

#content_text {
  width: 960px;
}

#column-left {
  float: left;
  width: 680px;
}

#column-right {
  float: right;
  width: 250px;
}

#text {
  width: 638px;
  padding: 20px;
  text-align: justify;
  border: 1px solid #8b9D6E;
  background-color: #697B4B;
}


/*----------	CoMMoN STYLeS	----------*/
a { text-decoration: underline; }
a:hover { text-decoration: none; }
h1, h2, h3, h4 {
  color: #FFF;
  display: block;
  padding: 0 0 10px 0;
  font-weight: normal;
}
h1 { 
  height: 25px;
  width: 350px;
  font-size: 2.0em;
  text-indent: -9999px;
}
h2 { font-size: 1.8em; }
h3 { font-size: 1.5em; }
h4 { font-size: 1.3em; }
strong { font-weight: bold; }
hr { border: none; border-bottom: 1px solid #8b9D6E; margin: 10px 0; }
p { margin: 0 0 20px 0; }
ul { margin: 10px 30px; list-style-type: square; }

.clear { display: block; clear: both; }
.hidden { display: none; }
.top { border-top: 1px solid #8b9D6E; text-align: right; font-size: 0.9em; margin: 10px 0; }

#mudmap { margin: 0; float: right; }
#mudmap img { border: 2px solid #bbcca0; }

#p-home h1 { background: url(../images/core/h1-welcome.gif) no-repeat; }
#p-products h1 { background: url(../images/core/h1-products.gif) no-repeat; }
#p-services h1 { background: url(../images/core/h1-services.gif) no-repeat; }
#p-online_quote h1 { background: url(../images/core/h1-online_quote.gif) no-repeat; }
#p-contact h1 { background: url(../images/core/h1-contact.gif) no-repeat; }
#p-thankyou h1 { background: url(../images/core/h1-thankyou.gif) no-repeat; }



/*----------	HeaDeR STYLeS	----------*/
#header {
  height: 200px;
}

#header .container {
  position: relative;
}

#header .container #logo {
  top: 113px;
  left: 7px;
  position: absolute;
}


/*----------	NaVIGaTIoN STYLeS	----------*/
#nav {
  top: 177px;
  left: 450px;
  height: 11px;
  position: absolute;
}

#nav ul { list-style-type: none; margin: 0; }
#nav ul li { display: block; float: left; margin: 0 12px; _margin: 0 10px; /* IE 6 fixed */ }
#nav ul li a { float: left; overflow: hidden; height: 11px; text-indent: -9999px; }
#nav ul li a:hover { background-position: 0 -11px !important; }
#nav li#home a { background: url(../images/nav/home.gif) no-repeat; width: 45px; }
#nav li#products a { background: url(../images/nav/products.gif) no-repeat; width: 78px; }
#nav li#services a { background: url(../images/nav/services.gif) no-repeat; width: 69px; }
#nav li#online_quote a { background: url(../images/nav/online_quote.gif) no-repeat; width: 118px; }
#nav li#contact a { background: url(../images/nav/contact.gif) no-repeat; width: 74px; }

#p-home li#home a,
#p-products li#products a,
#p-services li#services a,
#p-online_quote li#online_quote a,
#p-contact li#contact a {
  background-position: 0 -11px !important;
}



/*----------	BaNNeR STYLeS	----------*/
#banner {
  width: 950px;
  height: 222px;
  display: block;
  overflow: hidden;
  margin: 10px 0;
  border: 5px solid #697b4c;
}



/*----------	CTa STYLeS	----------*/
ul#ctas { margin: 0; list-style-type: none; }
ul#ctas li { margin: 5px 0; }
ul#ctas li a {
  width: 250px;
  height: 100px;
  display: block;
  text-indent: -9999px;
}
ul#ctas li a:hover {
  background-position: 0 -100px !important;
}
ul#ctas li#view_products a { background: url(../images/core/cta-products.gif) no-repeat; }
ul#ctas li#get_quote a { background: url(../images/core/cta-quote.gif) no-repeat; }
ul#ctas li#contact_us a { background: url(../images/core/cta-contact.gif) no-repeat; }




/*----------	IMaGeS STYLeS	----------*/
#inner_photos {
  float: right;
  margin: 0 0 0 20px;
  clear: left;
  width: 170px;
}

#inner_photos img {
  margin: 0 0 20px 0;
  border: 2px solid #bbcca0;
}

ul.gallery {
  margin: 0;
  list-style-type: none;
}

ul.gallery li {
  float: left;
  width: 159px;
  height: 155px;
}

ul.gallery li img {
  border: 2px solid #bbcca0;
}

/*----------	FooTeR STYLeS	----------*/
#footer {
}

#footer ul#links { margin: 0; list-style-type: none; }
#footer ul#links li {display: inline; float: left; }
#footer ul#links li a {
  display: block;
  color: #8a8988;
  margin: 0 5px 0 0;
  text-decoration: none;
  background-color: #191d12;
  padding: 10px 10px 10px 10px;
}
#footer ul#links li a:hover {
  color: #FFF;
  margin: -1px 5px 0 0;
  background-color: #374129;
  padding: 11px 10px 10px 10px;
  border-bottom: 1px solid #7B8467;
}
#footer #copyright_wflogo {
  float: right;
  margin: 0 10px;
  text-align: right;
}
#footer #copyright_wflogo p {
  margin: 15px 0 10px 0;
}
#p-home li#footer-home a,
#p-products li#footer-products a,
#p-services li#footer-services a,
#p-online_quote li#footer-online_quote a,
#p-contact li#footer-contact a {
  color: #FFF !important;
  margin: -1px 5px 0 0 !important;
  background-color: #374129 !important;
  padding: 11px 10px 10px 10px !important;
  border-bottom: 1px solid #7B8467;
}