/*----------
	ABS Mobile Welding - CSS Document 
----------*/

@import url("reset.css");

/*----------	LaYoUT STYLeS	----------*/
body {
  color: #000000;
	font: 62.5%/1.8em Verdana, Arial, Helvetica, sans-serif;
	background: #000 url(../images/core/bg.jpg) no-repeat 50% 0;
}

#container {
  font-size: 1.2em;
  width: 960px;
  margin: 0 auto;
}

#content {
  width: 940px;
  padding: 10px;
  background-color: #FFFFFF
}

#nav-banner {
  width: 940px;
}


#content-text {
  width: 940px;
  margin: 10px 0 0 0;
  background: url(../images/core/content-text-bg.gif) repeat-y;
}

#text {
  width: 696px;
  float: right;
}


/*----------	CoMMoN STYLeS	----------*/
a { color: #000; text-decoration: underline; }
a:hover { text-decoration: none; }
h1, h2 {
  color: #ffffff;
  padding: 10px;
  font-weight: normal;
}
h1 { font-size: 1.7em; }
h2 { font-size: 1.5em; }
h3 { font-size: 1.3em; }
h4 { font-size: 1.1em; }
strong { font-weight: bold; }
hr { border: none; border-bottom: 1px solid #0068AA; margin: 10px 0; }
p { margin: 15px; }
ul { margin: 10px 30px; list-style-type: square; }


/*----------	H1 STYLeS	----------*/
h1 { text-indent: -9999px; width: 696px; height: 41px; display: block; padding: 0; }
#p-home h1 { background: url(../images/core/h1-home.gif) no-repeat; }
#p-company_profile h1 { background: url(../images/core/h1-company_profile.gif) no-repeat; }
#p-mobile_welding h1 { background: url(../images/core/h1-mobile_welding.gif) no-repeat; }
#p-fabrications h1 { background: url(../images/core/h1-fabrications.gif) no-repeat; }
#p-home_builders h1 { background: url(../images/core/h1-home_builders.gif) no-repeat; }
#p-commercial_building h1 { background: url(../images/core/h1-commercial_building.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: 132px; width: 960px; position: relative; }
#header #logo { position: absolute; top:24px; left: 10px; }
#header #cta-phone { position: absolute; top: 62px; left: 645px; }


/*----------	NaVIGaTIoN STYLeS	----------*/
#nav {
  width: 233px;
  height: 227px;
  float: left;
  display: block;
  padding: 17px 0 0 0;
  background: url(../images/core/nav-bg.gif) no-repeat;
}
#nav ul { list-style-type: none; margin: 0; }
#nav ul li { display: inline; }
#nav ul li a { display: block; height: 30px; width: 233px; text-indent: -9999px; }
#nav ul li a:hover { background-position: -233px 0 !important; }
#nav li#home a { background: url(../images/nav/home.gif) no-repeat; }
#nav li#company_profile a { background: url(../images/nav/company_profile.gif) no-repeat; }
#nav li#mobile_welding a { background: url(../images/nav/mobile_welding.gif) no-repeat; }
#nav li#fabrications a { background: url(../images/nav/fabrications.gif) no-repeat; }
#nav li#home_builders a { background: url(../images/nav/home_builders.gif) no-repeat; }
#nav li#commercial_building a { background: url(../images/nav/commercial_building.gif) no-repeat; }
#nav li#contact a { background: url(../images/nav/contact.gif) no-repeat; }

#p-home li#home a,
#p-company_profile li#company_profile a,
#p-mobile_welding li#mobile_welding a, 
#p-fabrications li#fabrications a,
#p-home_builders li#home_builders a,
#p-commercial_building li#commercial_building a,
#p-contact li#contact a {
  background-position: -233px 0 !important;
}


/*----------	BaNNeR STYLeS	----------*/
#banner {
  width: 696px;
  height: 244px;
  float: right;
}

/*#banner #banner-buttons {
  width: 696px;
  height: 41px;
  position: absolute;
  top: 203px;
  left: 0;
  display: block;
  background: url(../images/core/banner-buttons.gif) no-repeat;
}
#banner #banner-buttons #previous a {
  width: 70px;
  height: 10px;
  position: absolute;
  top: 15px;
  left: 15px;
  border: 1px solid red;
}
#banner #banner-buttons #next a {
  width: 45px;
  height: 10px;
  position: absolute;
  top: 15px;
  left: 640px;
  border: 1px solid red;
}*/


/*----------	CTa STYLeS	----------*/
#ctas { width: 233px; float: left; }

#cta-mobile {
  width: 198px;
  height: 72px;
  display: block;
  padding: 100px 0 0 38px;
  background: #FFF url(../images/core/cta.gif) no-repeat;
}
#cta-mobile a { color: #FFF; }

#cta-contact h2 {
  width: 233px;
  height: 41px;
  padding: 0;
  text-indent: -9999px;
  background: url(../images/core/cta-contact.gif) no-repeat;
}
#cta-contact p { margin: 15px 10px; }


/*----------	MuDMaP STYLeS	----------*/
#mudmap { margin: 20px 20px 0 0; float: right; }
#mudmap img { border: 1px solid #575756; }
#mudmap a { font-size: 0.9em; margin: 0 0 0 5px; }


/*----------	GaLLeRY STYLeS	----------*/
ul#gallery { margin: 10px; list-style-type: none; width: 100px; float: right; }


/*----------	FooTeR STYLeS	----------*/
#footer { color: #fefefe; text-align: center; }
#footer a { text-decoration: none; color: #fefefe; }
#footer a:hover { text-decoration: underline; }
#footer #copyright { font-size: 0.7em; }
