* {margin:0; padding:0;}

/*-------clear fix-------*/
  .box {

  }
  .floated {
    float: left;
    background: #f00;
    width: 100px;
    height: 100px;
    border: 1px solid #f0f;
  }
      
  * html .clearfix {
    height: 1%; /* IE5-6 */
  }
  .clearfix {
    display: inline-block; /* IE7xhtml*/
  }
  html[xmlns] .clearfix { /* O */
    display: block;  
  }
  .clearfix:after { /* FF, O, etc. */
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
  }
/*-------end clear fix-------*/

.more {
color:#611D64;
}

strong.purple {
color:#5A245D;
}

body {
height:100%;
background:#280B29 url(../images/bg.jpg) top center no-repeat;
color:#000;  
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:130%;
}

h1 {
font-size:18px;
padding:0 0 10px 0;
font-weight:lighter;
}
h2 {
font-size:15px;
padding:8px 0 0 0;
color:#fff;
font-weight:bold;
}

h3 {
font-size:18px;
padding:2px 0 15px 0;
font-weight:lighter;
font-family:Arial;
}
h4 {
font-size:11px;
padding:2px 0 0 0;
font-weight:bold;
color:#5A245D;
}

ul {
margin:0 0 0 15px;
}

ul.plus {
margin:0;
font-weight:bold;
}

ul.plus li {
list-style-type:none;
background:url(../images/plus.jpg) 0 7px no-repeat;
padding:1px 0 1px 15px;
}

img {
margin:0;
padding:0;
}
p {
padding:8px 0 12px 0;
}
a {
text-decoration:none;
color:#651E68;
}
a img {
border:none;
}

dl {
padding:10px 0 0 0;
margin-bottom:20px;
}

dt {
font-weight:bold;
}

dd {
margin-bottom:10px;
}

#centerColumn { 	
margin:5px auto 0 auto;
width:955px;
padding:0;
text-align:left;
vertical-align: middle;	
}

#top {
background:url(../images/top.jpg) repeat-x;
height:4px;
}
#bottom {
background:url(../images/bottom.jpg) no-repeat;
height:10px;
}

#navbar {
height:60px;
background:#fff url(../images/nav.jpg) no-repeat;
}

#navbar ul {
list-style:none;
margin:0 0 0 15px;
}

#navbar li {
margin:0;
list-style:none;
display:inline;

}

#navbar li a {
margin:0 0 0 0;
width:104px;
color:#232020;
text-decoration:none;
padding:23px 0px 22px 0;
display:block;
float:left;
text-align:left;
font-family:arial;
font-size:14px;
border-right:1px solid #D8D8D8;
font-weight:bold;
text-align:center;
}


#navbar li a:hover {
color:#fff;
background:#561A59 url(../images/nav-on.jpg) repeat-x;
}

#homepage li.home a, #aboutpage li.about a, #servicespage li.services a, #gallerypage li.gallery a, #contactpage li.contact a {
background:#561A59 url(../images/nav-on.jpg) repeat-x;
cursor:default;
color:#fff;
}

.headerwrap {
height:114px;
}

.headerwrap .contact {
float:right;
width:250px;
color:#fff;
text-align:right;
padding:5px 0 10px;
}

#header {
padding:18px 0 0 15px;
width:288px;
height:72px;
float:left;
}
#header h1 {
margin:0;
color:#000;
width:288px;
height:72px;
padding:0;
}

#header h1 a {
text-indent:-999999px;
display:block;
width:288px;
height:72px;
background: url(../images/logo.jpg) no-repeat;
overflow:hidden;
}

#banner-top {
background:url(../images/banner-top.jpg) no-repeat;
height:122px;

}

#flashwrapper {
padding:30px;
}
#flashblock {
width:563px;
height:227px;
float:left;
background:url(../images/flash.jpg) no-repeat;
}
#ourclients {
width:304px;
float:left;
padding:0 0 0 1px;
color:#fff;
}
#ourclients p {
padding:0 0 0 0;
}

.greenbox {
width:254px;
background:url(../images/greenbox.jpg) no-repeat;
padding:10px 36px 0 14px;
height:99px;
}
.yellowbox {
width:254px;
background:url(../images/yellowbox.jpg) no-repeat;
padding:10px 36px 0 14px;
height:99px;
}

.contentwrap {
background:#fff;
}
#maincontent {
padding:0 0 30px 0;
}

.col1 {
width:415px;
float:left;
height:100%;
padding:0 30px 0 30px;
}

.col2 {
width:200px;
float:left;
padding:0 30px 0 10px;
}

.col3 {
width:200px;
float:left;
padding:0 30px 0 10px;
}



.cola {
width:430px;
float:left;
margin:0 10px 0 30px;
display:inline;
}

.colb {
width:290px;
float:left;
margin:0 5px 0 10px;
display:inline;
}

.colc {
width:430px;
float:right;
margin:0 20px 0 0;
display:inline;
}


.cold {
width:220px;
float:left;
display:inline;
margin:0 30px 0 30px;
}

.cole {
width:195px;
float:left;
display:inline;
margin:0;
}

.colf {
width:436px;
float:right;
display:inline;
margin:0 30px 0 0;
}


.cola ul, .colb ul, .colc ul {
margin:0;
list-style-type:none;
}

.cola ul li, .colb ul li, .colc ul li {
background:url(../images/plus.gif) 0 6px no-repeat;
padding:2px 0 2px 15px;
}



.tabletwocol {
margin:0 0 20px 0;
}

.tabletwocol .tablecol1 {
width:250px;
}

.tabletwocol .tablecol2 {

}


.tablethreecol {
margin:0 0 20px 0;
}

.tablethreecol .tablecol1 {
width:170px;
}

.tablethreecol .tablecol2 {
width:80px;
}



#box1 p, #box2 p {
padding:10px 10px 0 15px;
}
#box1 img, #box2 img {
float:left;
width:173px;
padding:10px 10px 0 10px;
}
#mainheading {
height:32px;
background:#000;
}

#box1 {
padding:0 0 20px 0;
}
#box2 {
padding:0 0 20px 0;
}

.blackbox {
width:266px;
height:22px;
background:url(../images/blackbox.jpg) no-repeat;
}

#block2 {
width:302px;
float:left;
margin:0 0 0 1px;
padding:0 0 7px 0;
display:inline;
background:#272727 url(../images/rightboxBG.jpg) repeat-x;
}
.sideheading {
height:32px;
background:#CD9309;
border-bottom:1px solid #fff;
}
#block2 p, #block2 dl, #block2 ul {
padding:10px 10px 0 10px;
color:#fff;
}


#col2 {
width:330px;
float:left;
padding:5px 20px 0 10px;
}
#col3 {
width:220px;
float:left;
padding:5px 0 0 0;
}
#col3 ul, #col2 ul {
list-style:none;
margin:0;
}
#col3 li, #col2 li {
background:url(../images/tick.jpg) no-repeat;
padding:0 0 0 20px;
}
.pic2 {
background:url(../images/pic2.jpg) no-repeat;
padding:167px 0 0 5px;
margin:20px 0 0 0;
}
.pic5 {
background:url(../images/pic5.jpg) no-repeat;
padding:167px 0 0 5px;
margin:20px 0 0 0;
}
.pic6 {
background:url(../images/pic6.jpg) no-repeat;
padding:167px 0 0 5px;
margin:20px 0 0 0;
}

.col4 {
width:268px;
float:left;
padding:0 0 0 10px;
}
.whitebox {
width:268px;
height:27px;
background:url(../images/whitebox.jpg) no-repeat;
color:#000;
}
.whitebox h4 {
color:#000;
padding:5px 0 0 8px;
}


.clear {
clear:both;
}
.button {
margin:10px 0 10px 0;
}
.margin {
padding:20px 0 0 0;
clear:both;
}
.italic {
font-size:12px;
font-style:italic;
}
.left {
float:left;
}
.right {
float:right;
}

.gallerythumb {
padding:10px 0 0 9px;
}

.finishes {
display:inline;
float:left;
padding:0 30px 0 0;
}

#pictureheading {
height:32px;
background:#CD9309;
}
#thumbheading {
height:32px;
background:#000;
border-right:1px solid #fff;
border-bottom:1px solid #fff;
}
#block3 {
width:312px;
float:left;
margin:0 0 0 1px;
display:inline;
background:#272727 url(../images/rightboxBG.jpg) repeat-x;
color:#fff;
height:570px;
}
#block4 {
width:585px;
float:left;
background:#EEEDED;
height:570px;
}

/*gallery*/
.thumbcol {
width:87px;
float:left;
background:url(../images/thumbcol.jpg) no-repeat;
padding:0 2px 0 0;
}
#thumbnails {
width:290px;
float:left;
padding:0 0 40px 20px;
}
#thumbnails h4 {
font-size:9px;
padding:0 2px;
color:#000;
}
#description {
margin:0 0 0 35px;
display:inline;
float:left;
}

#description img {
padding:3px;
border:1px solid #000;
}

#desctxt {
color:#000;
padding:0 0 0 10px;
}
.jcarousel-skin-tango {
width:90px;
float:left;
}
/*end gallery*/

#footer {
position:relative;
clear:both;
bottom:0;
padding:0;
height:40px;
line-height:2em;
font-size:1.1em;
background:url(../images/footer.jpg) no-repeat;
color:#fff;
margin:3px auto;
width:955px;
}

#footer p {
padding:5px 15px 0 15px;
}

#mbl a {
color:#fff;
}
#sitemap a {
color:#fff;
}
#mbl {
width:240px;
float:right;
margin:0 auto;
color:#fff;
}
#sitemap {
width:560px;
float:left;
text-align:left;
color:#fff;
}
#footertext {
margin:0 auto;
width:955px;
text-align:left;
}


.stockists {
padding:25px;
text-align:center;
}

.stockists img {
padding:3px 7px;
}

.promotions {
text-align:center;
}

.promotions h4 {
font-size:14px;
}