@charset "utf-8";

/* CSS Document - LocalLondon Group - South London Plasterers : Jiggystar, Jan 2010 */
/* Learn it yourself and write your own.... :) */

body
{
  background:       #333;
  font:             normal 62.5% Arial, Helvetica, sans-serif;
  color:            #FFF;
  text-align:       center;
  }
  
div#wrapper
{
  width:            980px;
  margin:           0 auto;
  text-align:       left;
  }
  
div.frame
{
  float:            left;
  width:            980px;
  }
  
a
{
  text-decoration:  none;
  color:            #444;
  }

a.skiplink, .ui-tabs, .ui-tabs-hide 
{
  display:          none;
  }

img
{
  display:          block;
  }
  
  
/* HEADER                                                                                       HEADER ::
--------------------------------------------------------------------------------------------------------- */

div#header
{
  margin:           5px 0 0;
  }
  
div#header h1 a, div#header h2 a
{
  float:            left;
  width:            314px;
  height:           40px;
  text-indent:      -9999px;
  background:       #333 url("imgs/london-plasterers.jpg") no-repeat 0 0;
  }
  
div#header h3 a
{
  float:            right;
  width:            272px;
  height:           40px;
  text-indent:      -9999px;
  background:       #333 url("imgs/get-a-plastering-quote.jpg") no-repeat 0 0;
  }

div.advert
{
  float:            left;
  width:            980px;
  height:           110px;
  margin:           16px 0  0;
  }
  

/* NAVIGATION                                                                               NAVIGATION ::
--------------------------------------------------------------------------------------------------------- */

ul
{
  list-style:		none;
  padding:			0;
}

ul#nav, ul#nav li, ul#nav a
{
  float:            left;
  }
  
ul#nav
{
  font:             normal 120.5% Arial, Helvetica, sans-serif;
  clear:            left;
  width:            980px;
  margin:           5px 0 0;
  background:       transparent url("imgs/nav-bg.jpg") repeat-x 0 0;
  }
  
ul#nav a
{
  margin-left: 		24px;
  padding:          13px 34px 13px 0px;
  text-transform:   uppercase;
  background:       transparent url("imgs/nav_link_bg.jpg") no-repeat top right;
  
  }
  

ul#nav a:hover,
body#home li#navHome a,
body#services li#navServices a,
body#references li#navReferences a,
body#archive li#navArchive a,
body#jobs li#navJobs a,
body#contact li#navContact a
{
  color:            #AE4A2F;
  }
  

  
  
/* CONTENT                                                                                     CONTENT ::
--------------------------------------------------------------------------------------------------------- */

div#content
{
  position:         relative;
  width:            976px;
  min-height:       578px;
  height:           auto !important;
  height:           578px;
  border:           2px solid #E0E0D4;
  background-color: #272625;
  overflow:         hidden;
  }
  
  
body#contact div#content
{
  min-height:       705px;
  height:           auto !important;
  height:           705px;
  }
  
  
/* OVERLAYS                                                                                   OVERLAYS ::
--------------------------------------------------------------------------------------------------------- */
div.overlay
{
  position:         absolute;
  z-index:          20;
  top:              9px;
  right:            9px;
  width:            240px;
  height:           180px;
  background-color: #3C3D38;
  }
  
div.middle
{
  top:              194px;
  height:           185px;
  }
  
div.bottom
{
  top:              384px;
  height:           185px;
  }
  
div.overlay h2 a, div.overlay h2
{
  margin:           0px;
  }  
  
div.overlay h2, div.overlay h2 a
{
  float:            left;
  display:          inline;
  width:            202px;
  height:           40px;
  margin:           8px 0px 8px 8px;
  text-indent:      -9999px;
  background-color:    #3C3D38;
  background-repeat:   no-repeat;
  background-position: 0 30px 0 30px;
  }  
  
div.overlay h2.references a
{
  width:            141px;
  height:           40px;
  background-image: url("imgs/t-references.jpg");
  
  }  
  
div.overlay h2.quote a
{
  width:            206px;
  height:           40px;
  background-image: url("imgs/t-get-a-quote.jpg");
  }  
  
div.overlay p
{
  clear:            left;
  margin:           10px 20px 5px 15px;
  line-height:      1.4em;
  font-size:        1.2em;
  color:            #999;
  }
  
div.overlay p ins
{
  text-decoration:  underline;
  }
  
div.overlay p a
{
  color:            #FFF;
  text-decoration:  underline;
  }
  
div.overlay ul, div.overlay li, form, fieldset
{
  float:            left;
  width:            210px;
  }
  
div.overlay ul, div.overlay form
{
  position:         relative;
  display:          inline;
  margin:           0 15px 0 15px;
  }

div.overlay li
{
  padding:          0 0 4px;
  font-size:        1.1em;
  color:            #999;
  }

div.overlay fieldset li
{
  padding:          0 0 6px;
  }

div.overlay li a
{
  margin-left:      2px;
  color:            #CCC;
  }

div.overlay li a ins
{
  text-decoration:  underline;
  }

label
{
  float:            left;
  width:            54px;
  padding:          5px 0 4px;
  background-color: #999;
  text-transform:   uppercase;
  text-align:       center;
  color:            #333;
  }

input, textarea
{
  float:            left;
  width:            155px;
  w\idth:           147px;
  padding:          4px;
  background-color: #ffcc33;
  border-left:      1px solid #333;
  font-size:        1.1em;
  }

button
{
  float:            right;
  padding:          3px 12px;
  background-color: #993300;
  text-transform:   uppercase;
  cursor:           pointer;
  }

label, input, textarea, button
{
  font-family:      Arial, Helvetica, sans-serif;
  }
  
  

/* PRIMARY                                                                                     PRIMARY ::
--------------------------------------------------------------------------------------------------------- */

div#primary
{
  float:            left;
  width:            713px;
  border:           1px solid #272625;
  border-width:     9px 0 9px 9px;
  background-color: #3A3A38;
  min-height:       560px;
  height:           auto !important;
  height:           560px;
  }
  
div.reference
{
  float:			left;
  width:            660px;
  border:           1px solid #E0E0D4;
  background-color: #272625;
  min-height:       50px;
  padding:          10px;
  margin:           15px 0 0 0;
  }  
  
div.work-archive
{
  float:			left;
  width:            150px;
  border:           1px solid #E0E0D4;
  background-color: #272625;
  min-height:       50px;
  padding:          10px;
  margin:           0px 0 15px 15px;
  }    
  
div.heading, div.article
{
  float:            left;
  display:          inline;
  width:            661px;
  height:           31px;
  margin:           15px 0 0 15px;
  }  
  
ul.overview, div.article
{
  height:           auto;
  padding:          0 0 10px;
  }
ul.margin
{
  border-bottom:    40px solid #3A3A38;
  }
  
div.article
{
  position:            relative;
  margin-top:          38px;
  background-position: center 26px;
  }  
  
div.heading h1
{
  float:            left;
  display:          inline;
  height:           50px;
  margin:           0 0 0 0px;
  text-indent:      -9999px;
  
  background-color:    transparent;
  background-repeat:   no-repeat;
  background-position: 0 0;
  }  
  
div.heading .home
{
  width:            460px;
  background-image: url("imgs/heading-home.gif");
  }
  
div.heading .services
{
  width:            367px;
  background-image: url("imgs/heading-services.gif");
  }  
  
div.heading .references
{
  width:            284px;
  background-image: url("imgs/heading-references.gif");
  }  
  
div.heading .workarchive
{
  width:            315px;
  background-image: url("imgs/heading-workarchive.gif");
  }   
  
div.heading .jobs
{
  width:            368px;
  background-image: url("imgs/heading-jobs.gif");
  }     
  
div.heading .contact
{
  width:            456px;
  background-image: url("imgs/heading-contact.gif");
  }     
  
div.heading .partners
{
  width:            456px;
  background-image: url("imgs/heading-partners.gif");
  }  
  
div.heading .links
{
  width:            170px;
  background-image: url("imgs/heading-links.gif");
  }    
  
div.heading .error404
{
  width:            107px;
  background-image: url("imgs/heading-error404.gif");
  }  
  
div.copy
{
  float:            left;
  display:          inline;
  width:            661px;
  font:             normal 130.5% Arial, Helvetica, sans-serif;
  color:			#EDEEE0;
  height:           auto;
  padding:          0 0 0 15px;
  }  
  
div.copy p
{
	color:            #ccc;
	text-align: left;
  } 
  
div.copy p a
{
  color:            #fff;
  text-decoration:  underline;
  }
  
div.copy a
{
  color:            #fff;
  text-decoration:  underline;
  }    

div.copy p a:hover
{
  color:            #DDD;
  }  
  
  

/* FOOTER                                                                                       FOOTER ::
--------------------------------------------------------------------------------------------------------- */

div#footer
{
  position:         relative;
  margin-right:     -3px;
  height:           100px;
  }
  
div#footer p, div#footer a
{
  color:            #999;
  }
  
div#footer p
{
  margin:           15px 0 0 10px;
  }
  
div#footer span
{
  margin:           0 5px 0 0;
  }
  
div#footer a
{
  margin:           0 5px;
  }
  
div#footer a:hover
{
  color:            #AE4A2F;
  }