/*----------
	The Spray Shop - CSS Document 
----------*/

@import url("reset.css");

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

#wrap { background: url(../images/core/wrap.gif) no-repeat 50% 0; }

#container { width: 900px; margin: 0 auto; font-size: 1.1em; }

#content { margin: 0 0 20px 0;}

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

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


#text-top {
  width: 615px;
  height: 36px;
  display: block;
  padding: 17px 0 0 35px;
  background: url(../images/core/text-bg-top.gif) no-repeat;
}

#text {
  width: 650px;
  min-height: 449px;
  background: url(../images/core/text-bg.gif) repeat-y;
}

/* for IE */
/*\*/
* html div#text {
	height: 410px;
}
/**/


#text-bottom {
  width: 650px;
  height: 6px;
  display: block;
  background: url(../images/core/text-bg-bottom.gif) no-repeat;
}



/*----------	CoMMoN STYLeS	----------*/
a { color: #8dc63f; text-decoration: none; }
a:hover { text-decoration: underline; }
h1, h2, h3, h4 { color: #ffffff; font-size: normal; }

h1 { font-weight: bold;
     margin-left: 35px;
	 margin-top: 15px;}
h2 { font-size: 1.6em; }
h3 { font-size: 1.4em; }
h4 { font-size: 1.2em; }
strong { font-weight: bold; }
hr { border: none; border-bottom: 1px solid #2F2F2F; margin: 10px 0; }
p { margin: 20px 35px; }
ul { margin: 10px 65px; }
ul li {
  padding: 3px 0 3px 30px;
  background: url(../images/core/icon-tick.gif) no-repeat 0 4px;
}

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


#mudmap { margin: 65px 35px 10px 10px; float: right; }
#p-services h1 { background: url(../images/core/h1-services.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 { width: 900px; height: 165px; position: relative; }
#header #logo { top: 22px; left: 12px; position: absolute; }


/*----------	NaVIGaTIoN STYLeS	----------*/
#nav { top: 116px; left: 654px; height: 16px; position: absolute; }
#nav ul { margin: 0; }
#nav ul li { padding: 0; background: none; display: inline; float: left; margin: 0 10px 0 0; }
#nav ul li a { display: block; text-indent: -9999px; height: 16px; }
#nav ul li a:hover { background-position: 0 -16px !important; }
#nav li#home a { background: url(../images/nav/home.gif) no-repeat; width: 55px; }
#nav li#services a { background: url(../images/nav/services.gif) no-repeat; width: 78px; }
#nav li#contact a { background: url(../images/nav/contact.gif) no-repeat; width: 70px; margin: 0; }

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



/*----------	BaNNeR STYLeS	----------*/
#banner {
  width: 630px;
  height: 230px;
  padding: 10px;
  margin: 0 0 10px 0;
  background: url(../images/core/banner-bg.gif) no-repeat;
}

#banner #slideshow {
  width: 630px;
  height: 230px;
  display: block;
  overflow: hidden;
}

/*----------	CTa STYLeS	----------*/
#ctas p { margin: 0; }
#cta-services {
  width: 240px;
  font-size: 1.1em;
  margin: 0 0 10px 0;
  background: url(../images/core/cta-bg.gif) repeat-y;
}
#cta-services ul { margin: 0; padding: 12px 0 29px 30px; }
#cta-services-top {
  width: 240px;
  height: 53px;
  display: block;
  background: url(../images/core/cta-services-bg-top.gif) no-repeat;
}
#cta-services-bottom {
  width: 240px;
  height: 35px;
  display: block;
  position: relative;
  background: url(../images/core/cta-services-bg-bottom.gif) no-repeat;
}
#cta-services-bottom a {
  position: absolute;
  width: 95px;
  height: 12px;
  top: 10px;
  left: 118px;
  text-indent: -9999px;
}

#cta-address {
  width: 210px;
  height: 67px;
  padding: 48px 0 0 30px;
  margin: 0 0 10px 0;
  font-size: 1.1em;
  background: url(../images/core/cta-address.gif) no-repeat;
}

#cta-email {
  width: 212px;
  height: 28px;
  padding: 62px 0 0 28px;
  margin: 0 0 10px 0;
  background: url(../images/core/cta-email.gif) no-repeat;
}
#cta-email a { color: #FFFFFF; text-indent: -9999px; }

#cta-online {
  width: 240px;
  text-align: center;
  background: url(../images/core/cta-bg.gif) repeat-y;
}
#cta-online p { text-align: left; width: 184px; margin: 0 auto 15px auto; }
#cta-online-top {
  width: 240px;
  height: 9px;
  padding: 5px 0;
  display: block;
  background: url(../images/core/cta-online-bg-top.gif) no-repeat;
}
#cta-online-bottom {
  width: 240px;
  height: 9px;
  display: block;
  background: url(../images/core/cta-online-bg-bottom.gif) no-repeat;
}



/*----------	FooTeR STYLeS	----------*/
#footer-bg {
  font-size: 1.0em;
  color: #767676;
  height: 65px;
  padding: 15px 0 0 0;
  background: #232323 url(../images/core/footer-bg.gif) repeat-x;
}
#footer { width: 830px; margin: 0 auto; padding: 0 35px; }
#footer p { margin: 0; }
#footer #wflogo { float: right; margin: 0; }