html, body, table, ul, li, a h2, h3,h4,p {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    vertical-align: baseline;
    background: transparent;
}
body {
    font:100% Verdana,dejavusans,Arial,helvetica;
    /*background:#fff url("/images/bg.png") repeat-x;*/
    line-height: 1.2em;
    color:#3a3c3d;
}
img {
    border:none;

}
sup { vertical-align:top; font-size:0.6em }

h2,h3,h4 {
    font-weight:bold;
    color:#3a3c3d;
}
h2 {
    font-size:16px;
}
h3 {
    font-size:15px;
}
h4 {
    font-size:12px;
}
h5 {
    font-size:1.4em;
}
ul {
    list-style-position:inside;
    list-style-type:none;
}

a {text-decoration:none}
a:link {color:#2472ff}
a:visited {color:#2472ff}
a:active {color:#2472ff}
a:hover {text-decoration:underline;}

#footer a {
    color:#fff;
}

.no-border
{
    border:0 none;
}
.clear {
    clear:both;
}
ul
{
    list-style-image:url('/images/point.gif');
    float:left;
    padding:10px 15px;
}
input[type="submit"]:hover
{
    cursor:pointer;
}
input[type="text"], textarea
{
    border: 1px solid #a4a4a4;
}
.container {
    width:1024px;
    margin:0 auto;
}
#main
{
    font-size:80%;
}
#header {
    height:600px;
    background:#fff url('/images/header-bg.png') repeat-x left center;
}
.img-header {
    height:600px;
    background-repeat:no-repeat;
    width:1024px;
    margin:0 auto;
}
/*headers*/
.home
{
    background-image:url('/images/home.png');
}
.accreditations
{
    background-image:url('/images/accreditations.png');
}
.roofing
{
    background-image:url('/images/roofing.png');
}
.family
{
    background-image:url('/images/family.png');
}
.scaffolding
{
    background-image:url('/images/scaffolding.png');
}
.reports
{
    background-image:url('/images/reports.png');
}
.estimates
{
    background-image:url('/images/estimates.png');
}
.guarantees
{
    background-image:url('/images/guarantees.png');
}
.contactus
{
    background-image:url('/images/contactus.png');
}
.ourwork
{
    background-image:url('/images/ourwork.png');
}
.img-header.testimonialform
{
    background-image:url('/images/ourwork.png');
}
/*.accreditations
{
    background-image:url('/images/accreditations.jpg');
}*/
/***/
#logo {
    float:left;
}
/* menu */
#menu {
    float:right;
    margin:20px 0 0;
}
.menu-name {
    position:relative;
}


#menu .menu-name{
    float:left;
}
#menu .menu-name .list{
    position:absolute;
    top:20px;
    width:160px;
    background: transparent url('/images/dropbox-bottom.png') no-repeat bottom left;
    display: none;
    padding:0 0 24px 0;
}
#menu .menu-name .list-ul{
    display:block;
    background: transparent url('/images/dropbox-top.png') no-repeat top left;
    width:130px;
    padding: 30px 10px 0 20px;
}
.list a{
    display:block;
    color:#000;
    font-weight: bold;
}
.regular th h3 {
    text-align:left;
}

.menu-item{
    width:70px;
    height:26px;
    background: transparent url('/images/menu.png') no-repeat top left;
    display:block;
}
.menu-home{
    background-position:-15px 0px;
}
.menu-home:hover, .menu-home.selected{
    background-position:-15px -26px;
}
.menu-family{
    background-position:-95px 0;
}
.menu-family:hover, .menu-family.selected{
    background-position:-95px -26px;
}
.menu-scaffolding{
    background-position:-170px 0;
    width:120px;
}
.menu-scaffolding:hover, .menu-scaffolding.selected{
    background-position:-170px -26px;
}
.menu-roofing{
    background-position:-290px 0;
    width:80px;
}
.menu-roofing:hover, .menu-roofing.selected{
    background-position:-290px -26px;
}
.menu-ourwork{
    background-position:-380px 0;
    width:100px;
}
.menu-ourwork:hover, .menu-ourwork.selected{
    background-position:-380px -26px;
}
.menu-contactus{
    background-position:-480px 0;
    width:110px;
}
.menu-contactus:hover, .menu-contactus.selected{
    background-position:-480px -26px;
}
/****/
.left-center-text
{
    padding:50px 0 0 50px;
    width:120px;
}
.left-center-long
{
    padding:50px 0 0 50px;
    width:200px;
}


#bottom {
    padding:20px 0;
    background-color: #c0c0c0;
    color:#fff;
}
#bottom span.left{
    display:block;
    float:left;
}
#bottom span.right {
    display:block;
    float:right;
}
#bottom span.right img{
    vertical-align: middle;
}
#bottom .container {
    height:31px;
    line-height: 31px;
}
#bottom a {
    color:#fff;
}
#content
{
    padding:30px 0;
    margin-top:-90px;
}
.parag, #content p  {
    padding: 20px 0;
}
#box-container {
    padding:40px;
}
.ourwor-box {
    /*width:120px;*/
    float:left;
    padding:0 20px;
}
.ourwor-box h4{
    font-size:1.4em;
}
.category-box, #gallery {
    padding:25px 40px;
}
.category-item {
    float:left;
    font-size:90%;
    width:115px;
}
.category-item h3 {
    padding:0 0 20px;
}
.category-item a{
    color:#000;
}
.category-item a:visited{
    color:grey;
}
.roofing-item {
    float:left;
    width:32%;
}
#form-content {
    float:right;
    width:40%;
}
#form-content .contact {
    width:90%;
    margin-top: 95px;
}

.contacts-table {
    width:100%;
}
.line {
    clear: left;
}
.button {
    background: transparent url(/images/btn-send.gif) no-repeat top left;
    height: 28px;
    width: 89px;
    line-height:28px;
    font-weight: bold;
    border: none;
}
.button:hover {
    background-position: 0px -28px;
}
.button-click {
    background: transparent url(/images/home-btn.gif) no-repeat top left;
    height: 60px;
    width: 344px;
    line-height:28px;
    font-weight: bold;
    border: none;
    display: block;
}

.test-link .button-testimonial {
    margin: 15px 0 0 102px;
}
a.button-testimonial {
    background: transparent url(/images/testimonial-btn.png) no-repeat top left;
    height: 31px;
    width:202px;
    line-height:31px;
    display: block;
    text-decoration: none;
}
.button-testimonial:hover {
       background: transparent url(/images/testimonial-btn-hover.png) no-repeat top left;

}

.button-click:hover {
    background-position: 0px -60px;
}
.contact input[type="text"], .contact textarea
{
    padding:5px 0;
    font-size: 1.2em;
}
.ourworkview table img , #gallery img {
    border:1px solid #D5D5D5;
    padding:6px;
    background-color:#FFFFFF;
}
#gallery img {
    padding:2px;
}
a.title {
    color: #000;
}
a.title:hover {
    text-decoration: none;
}

#client-testimonial {
    width:600px;
}
.form-table {
    width:960px;
    font-size:1.0em;
}

.td-question {
    width:45%;
    vertical-align:top;
    border-left:1px solid #cccccc;
    border-right:none;
    border-top:1px solid #cccccc;
    border-bottom:1px solid #cccccc;
    padding:10px 0 10px 10px;
    background-color:#fcfcfc;
}

.form-table p {
    font-weight:bold;
    text-align:justify;
    padding:0px!important;
    margin-right:20px;
}

.td-input {
    width:55%;
    vertical-align:top;
    border-left:none;
    border-right:1px solid #cccccc;
    border-top:1px solid #cccccc;
    border-bottom:1px solid #cccccc;
    padding:10px 10px 10px 0;
    background-color:#fcfcfc;
}

.table-inner {
    width:100%;
    font-size:inherit;
}

#testimonial-list .testimonial {
    background:url("/images/quote.png") no-repeat scroll left top;
    float: left;
    width: 410px;
    margin: 15px;
    padding: 10px;
}

#testimonial-list .testimonial p {
    font: 1.0em Georgia,Times,Times New Roman, serif;
    text-align: justify;
    font-style:italic;
    margin: 0;
}

#testimonial-list .testimonial p.name {
    text-align: right;
    font-style:regular;
    margin: 0;
}

#testimonial-list.test-ourwork .testimonial{
    width: 600px;
    float: none;
    margin: 0 auto;
}
