/*----------
	G & S Welding - CSS Document 
----------*/

@import url("reset.css");

/*----------	LaYoUT STYLeS	----------*/
body {
  color: #5d5c5c;
  background: #970101;
	font: 62.5%/2.0em Verdana, Arial, Helvetica, sans-serif;
}

.container {
  width: 925px;
  margin: 0 auto;
  font-size: 1.2em;
}

#content {
  padding: 34px 0;
  background: #FFFFFF;
}

#column-left {
  float: left;
  width: 162px;
  padding: 0 0 0 8px;
}

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

#text {
  width: 660px;
}




/*----------	CoMMoN STYLeS	----------*/
a { color: #FF0000; text-decoration: underline; }
a:hover { text-decoration: none; }
h1, h2, h3, h4 {
  color: #000000;
  font-weight: normal;
  text-transform: uppercase;
}
h1 { font-size: 1.6em; text-indent: -9999px; height: 14px; display: block; margin-bottom: 20px; }
h2 { font-size: 1.4em; }
h3 { font-size: 1.2em; }
h4 { font-size: 1.1em; }
strong { font-weight: bold; }
p { margin: 15px 0; }
ul { margin: 10px 30px; list-style-type: square; }

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

#mudmap { margin: 20px 0; float: right; font-size: 0.9em; }
#mini-gallery { float: right; margin: 10px; width: 150px; }
#mini-gallery img { margin: 5px 0;}

#p-home h1 { background: url(../images/core/title-home.gif) no-repeat; width: 312px; }
#p-products h1 { background: url(../images/core/title-products.gif) no-repeat; width: 312px; }
#p-services h1 { background: url(../images/core/title-services.gif) no-repeat; width: 312px; }
#p-hire h1 { background: url(../images/core/title-hire.gif) no-repeat; width: 312px; }
#p-spares h1 { background: url(../images/core/title-spares.gif) no-repeat; width: 312px; }
#p-contact h1 { background: url(../images/core/title-contact.gif) no-repeat; width: 312px; }
#p-thankyou h1 { background: url(../images/core/title-thankyou.gif) no-repeat; width: 312px; }

/*------------ Specific Content -------------- */

div.photo img {
	border: 1px solid #ccc;
	padding: 1px;
}

ul#companies {
	list-style: none;
	margin-top: 40px;
}
ul#companies li {
	margin-bottom: 10px;
}
#gallery a.thickbox img{
	border: 2px solid #ccc;
}
#gallery a.thickbox:hover img{
	border: 2px solid #970101;
}

/*----------	HeaDeR STYLeS	----------*/
#header {
  height: 100px;
  background: #f2f2f2;
}

#header .container { position: relative; }
#header #logo { position: absolute; top: 24px; left: 0; }



/*----------	NaVIGaTIoN STYLeS	----------*/
#nav { position: absolute; top: 58px; left: 257px; }
#nav ul { list-style-type: none; margin: 0; }
#nav ul li { display: inline; float: left; }
#nav ul li a { display: block; height: 32px; text-indent: -9999px; }
#nav ul li a:hover { background-position: 0 -32px !important; }
#nav li#home a { background: url(../images/nav/home_profile.gif) no-repeat; width: 133px; }
#nav li#products a { background: url(../images/nav/products.gif) no-repeat; width: 122px; }
#nav li#services a { background: url(../images/nav/services.gif) no-repeat; width: 101px; }
#nav li#hire a { background: url(../images/nav/hire.gif) no-repeat; width: 78px; }
#nav li#spares a { background: url(../images/nav/spares.gif) no-repeat; width: 82px; }
#nav li#contact a { background: url(../images/nav/contact.gif) no-repeat; width: 112px; }

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



/*----------	BaNNeR STYLeS	----------*/
#banner {
  height: 210px;
  padding: 10px 0 0 0;
  background: #292B2C;
}

#banner .container {
  width: 925px;
  height: 200px;
  display: block;
  position: relative;
  overflow: hidden;
}

#banner .container #clickhere {
  position: absolute;
  top: 127px;
  left: 692px;
  z-index: 999;
	display: none;
}

#banner .container #clickhere a {
  width: 201px;
  height: 31px;
  display: block;
  text-indent: -9999px;
  background: url(../images/core/clickhere.gif) no-repeat;
}

#banner .container #clickhere a:hover {
  background-position: 0 -31px !important;
}



/*----------	DeTaILs STYLeS	----------*/
#details { color: #000; }
#details h2 {
  text-indent: -9999px;
  height: 14px;
  width: 145px;
  display: block;
  background: url(../images/core/title-details.gif) no-repeat;
}



/*----------	PRoDUCTS PaGe STYLeS	----------*/
ul#products-list { margin: 0; list-style-type: none; }
ul#products-list li { display: block; border-bottom: 1px solid #292B2C; padding: 10px 0 0 0; }
ul#products-list li h3 { margin: 8px 0 0 0; }
ul#products-list li .photo { float: left; margin: 10px 10px 10px 0; }
ul#products-list li.last { border: none; }



/*----------	GaLLeRY STYLeS	----------*/
ul#gallery { margin: 0 30px; list-style-type: none; }
ul#gallery li { display: block; float: left; width: 150px; height: 150px; margin: 5px; }
ul#gallery li img {	
	border: 1px solid #ccc;
}




/*----------	FooTeR STYLeS	----------*/
#footer {
  color: #FFF;
  font-size: 0.9em;
  padding: 10px 0 10px 0;
  background: url(../images/core/footer-bg.gif) repeat-x;
}
#footer a { text-decoration: none; color: #e55c5c; }
#footer a:hover { text-decoration: underline; }
#footer p { margin: 10px 0 0 0; }
#footer #links { color: #e55c5c; margin: 0 0 0 20px; }
#footer #wflogo { float: right; }