html {background: #000;}

body {padding: 0px; margin: 0px;
background: #2b2b2d url(../Pics/tile.jpg) repeat-x  bottom;
_background: #000 url();
color: #dadada;
font-family: "century gothic", trebuchet MS, arial, verdana, sans-serif !important;
}

h1, h2, h3 {font-weight: normal; font-family: "century gothic", trebuchet MS, arial, verdana, sans-serif !important;
text-align: left;}

h1 {font-size: 40px;}


#banner {
          height: 131px;
          background: #000 url(../Pics/header.jpg) no-repeat;
          padding: 0px 0px 0px 0px}

#banner img {float: right;}


#menucontainer_overall {background: #000 url(../Pics/menuback.jpg) no-repeat;
float: left;
width: 100%;
}

#menucontainer {
clear: both;
float: right;
height: 36px;
background:  trasnparent url(Pics/menuback.jpg)no-repeat;
width: 815px;
}


img {border: 0px;}


.menu {float: right;
}


.menu ul {list-style: none;
padding: 0px;
margin: 0px;
width: 100%;
}

.menu li{display: inline;
width: 80px;
height: 36px;
margin: 0px;
padding: 0px;
background: url(Pics/buttons.jpg) no-repeat;
}

ul.main {list-style: none;
padding: 0px;
margin: 0px;
}


.menu a{
display: block;
float: left;
width: 78px;
height: 36px;
margin: 0px;
padding: 0px;
padding-top: 12px;
padding-left: 22px;
color: #fff;
font-size: 16px;
text-decoration: none;
background: url(../Pics/button.jpg) no-repeat left top;
font-family: "century gothic", trebuchet MS, arial, sans-serif;
}

.menu  a:hover  {
background: url(../Pics/button_hover.jpg) no-repeat left top;
}

.contentheading {font-size: 30px;
color: white !important;}



#endbit {width: 15px;
height: 36px;
background: #000 url(../Pics/endbit.jpg) no-repeat left top;
float: left;
position: relative;
left: 15px;
z-index: 500;
} 


.footer {clear: both;
float: right;
height: 65px; 
padding-top: 10px;
padding-right: 10px;
text-align: right;
color: #646466;
font-size: 11px;
font-family: 'century gothic', trebuchet MS, arila, verdana, sans-serif;
}

#slideshow {text-align: center; margin-left: auto; margin-right: auto; width: 680px;
height: 460px;
padding-top: 10px; background: transparent;}

.body {margin-left: auto; margin-right: auto; width: 900px;
padding-top: 40px;
text-align: justify;
padding-bottom: 0px;
min-height: 440px;
font-size: 14px;}

.body a {color: #fff;}
#tagline {
padding: 0px;
margin: 0px;
height: 40px;
background: #000 url(Pics/tagtile.jpg) repeat-x;
}

#tagline img {float: right;}


#clicky {display: none;}

.prices td{padding-right: 25px;}


#rightpic {width: 370px; float: right; padding-bottom: 50px;}

#leftpic {width: 400px; float: left; padding-right: 40px;
margin-left: -30px; margin-top: 30px;}

#mosaicfront {height: 527px; 
margin: 0 auto;
width:  794px;
background: transparent url(../img/mosaic_front.png) no-repeat;
_background: transparent url(../img/mosaic.jpg) no-repeat;
}

#tagline {margin-top: 30px !important;
background: #000 url(../Pics/tagtile.jpg) repeat-x;
}

#servicespic {height: 512px;
width: 470px;
margin: 0 auto;
background: transparent url(../img/FWWeb2.png) no-repeat;
_background: transparent url(../img/FWWeb2.jpg) no-repeat;
float: left;
margin-bottom: 20px;
padding-bottom: 20px;
}

/*LOGIN*/

#com-form-login .componentheading{font-weight: normal; 
font-family: "century gothic", trebuchet MS, arial, verdana, sans-serif !important;
font-size: 30px;
padding-bottom: 15px;
text-align: left;}


/*CONTACT FORM*/

fieldset {
font-size: 14px;
line-height: 1.5em;
text-align: left;
border: 0px;}

#contactus {color: #fff;}

input{margin-top: px;}
legend{display: none;}


/**************
CLIENT AREA
****************/


.login  { margin-left: auto; margin-right: auto; width: 900px;
text-align: justify;
padding-bottom: 60px;
/*min-height: 440px;*/
font-size: 14px;}

.login h3{font-size: 30px;
color: white !important;
margin: 0px; 
margin-top: 10px;
}

.login .button {float: left; margin: 0px; }

#com-form-login img {display: none !important;}

.ckCSSinput {background-color: #fff !important;}

.addthis_toolbox {width: 880px;
margin: 0 auto;}