html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
html { overflow-y: scroll }
/* remember to define focus styles! */
:focus {outline: 0;}
body {line-height: 1; font-size: 62.5%; font-family:arial, Helvetica, Sans-Serif; color: #636466; background:#FFF; }
ol, ul {list-style: none;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: separate; border-spacing: 0;}
caption, th, td { text-align: left; font-weight: normal;}
blockquote:before, blockquote:after,
q:before, q:after { content: "";}
blockquote, q { quotes: "" "";}

*{padding:0px;margin:0px;font-family:arial, Helvetica, Sans-Serif;font-size:medium;color: #636466;}
img{border:0px;}
a { text-decoration: none }

#wrapper { margin: 0 auto; width: 979px;  }
#innerwrap { float: left; width: 979px; }

#header { float: left; width: 979px; min-height: 121px; height: auto !important; height: 121px; }
    #logo { float: left; width: 234px }
        #logo img { float: left }
     #getintouch { float: right; width: 705px; padding: 10px 30px 34px 0; text-align: right; font-size: 1.2em; line-height: 1.2em; background: url(../images/touch-bg.jpg) no-repeat top right }
        #getintouch strong { font-weight: bold; color: #f89d35 }
        #getintouch strong.git { font-weight: bold; letter-spacing: 2px; font-size: 11px; padding-right: 8px; color: #636466 }
     #nav { float: right; width: 729px; padding: 27px 16px 4px 0; text-align: right; font-size: 1.1em; line-height: 1.2em; position: relative; left: 13px }
     #nav ul { float: right; width: 729px; text-align: right }
     #nav li { display: inline; height: 33px  }
     #nav a { display: inline; height: 33px; line-height: 33px; padding: 12px 13px; background: url(../images/nav-sep.gif) no-repeat right 1px; margin-right: -1px }
     #nav a:hover, #nav .on { background: #ffc82e; color: #FFF;  }

     #nav .last a { background: none  }
     #nav .last a:hover, #nav .last .on { background: #ffc82e; color: #FFF;  }

#home { float: left; width: 979px; }
    #home #frame { float: left; width: 931px; height: 207px; overflow: hidden; background: url(../images/home-frame.gif) no-repeat top left; padding: 24px }
    #home #frame div { float: left; width: 931px; height: 149px; color: #FFF; padding: 58px 0 0 0; cursor: pointer }
        #home #frame #frameinner { float: left; width: 931px; height: 207px; padding: 0; overflow: hidden }
        #home #frame #commercial { background: url(../images/commercial.jpg) }
        #home #frame #domestic { background: url(../images/domestic.jpg) }
        #home #frame #spring { background: url(../images/spring.jpg) }
        #home #frame #movingon { background: url(../images/movingon.jpg) }
        #home #frame #afterparty { background: url(../images/afterparty.jpg) }
        #home #frame #afterbuilders { background: url(../images/afterbuilders.jpg) }

        #home #frame .section1 { float: left; width: 183px; height: 71px; color: #FFF; padding: 20px 0 0 27px; font-size: 1em; text-transform: uppercase; line-height: 2.9em; font-weight: bold }
        #home #frame .section1 span { font-size: 2.5em; text-transform: none; color: #FFF; font-weight: normal }
        #home #frame .section2 { float: left; width: 261px; height: 73px; color: #FFF; padding: 18px 16px 0 26px; font-size: 1.5em; font-weight: bold; line-height: 1.2em }
        #home #frame .section3 { float: left; width: 54px; height: 52px; color: #FFF; padding: 39px 0 0 0; font-size: 1.1em; font-weight: bold; line-height: 1.2em }
        #home #frame .section3 a { color: #FFF }
      
    #introtext { float: left; width: 502px; padding: 14px 68px 14px 15px }
        #introtext h1 { font-weight: bold; font-size: 1.5em; line-height: 1.2em }
        #introtext h2 { font-weight: normal; font-size: 1.5em;  line-height: 1.2em; margin-bottom: 13px }
        #introtext p { font-size: 1.1em; margin-bottom: 14px; line-height: 1.3em }
    #right { float: left; width: 379px; padding: 7px 0 7px 0 }
        #right h2 { font-weight: normal; font-size: 1.5em;  line-height: 1.2em; margin-bottom: 6px; clear: both }
    #clientsframe { float: left; width: 379px; height: 79px; }
    #clients, #services { float: left; width: 379px; border-top: solid 1px #e1dfd9; margin-bottom: 12px; position:relative; }
        #services img { float: left }
         .ui-tabs-panel{width:379px; height:66px;background:#FFF; position:relative; overflow:hidden; }
        .ui-tabs-hide{ display:none; }

    #services { margin-bottom: 0 }

#main { float: left; width: 979px; }
    #main #frame { float: left; width: 940px; height: 101px; overflow: hidden; background: url(../images/secondlevel-frame.gif) no-repeat top left; padding: 24px 15px 15px 24px }
    #main #frame #title { float: left; width: 905px; height: 57px; background: url(../images/second-level-banner.jpg) no-repeat top left; padding: 34px 0 0 26px }
    #main #frame #title h1 { font-size: 2.5em; font-weight: normal; color: #FFF; line-height: 25px }

    #text { float: left; width: 587px; padding: 15px 125px 14px 15px; min-height: 230px; height: auto!important; height: 230px }
    #text.areas { float: left; width: 472px; padding: 15px 30px 14px 15px; min-height: 230px; height: auto!important; height: 230px }
    
        #text h1 { font-weight: bold; font-size: 1.5em; line-height: 1.2em; margin-bottom: 38px }
        #text h2 { font-weight: normal; font-size: 1.5em;  line-height: 1.2em; margin-bottom: 13px }
        #text p { font-size: 1.1em; margin-bottom: 14px; line-height: 1.3em }
        #text ul { font-size: 1.1em; margin-bottom: 14px; line-height: 1.3em; list-style-type: disc; }
        #text li { list-style-type: disc; margin-left: 15px }
        #text .errortext { font-size: 1.1em; margin-bottom: 14px; line-height: 1.3em; color: red; font-weight: bold }
        #text .errortext li {color: red }
        
        #contactform { float: left; width: 237px }
        #contactform h1 { font-weight: bold; font-size: 1.5em; line-height: 1.2em; margin-bottom: 38px }
        #contactform h2 { font-weight: normal; font-size: 1.5em;  line-height: 1.2em; margin-bottom: 13px }
        #contactform label { font-size: 1.1em; margin-bottom: 5px; line-height: 1.3em; font-weight: bold; float: left; clear: left; }
        #contactform input { font-family: arial; font-size: 1.1em; margin-bottom: 14px; line-height: 1.3em; float: left; clear: left; width: 250px; padding: 3px }
        #contactform .button { width: auto }
        #contactform textarea { font-family: arial; font-size: 1.1em; margin-bottom: 14px; line-height: 1.3em; float: left; clear: left; width: 400px; height: 200px; padding: 3px  }
        #text strong { font-weight: bold }
        #text em { font-style: italic }
    #pic { float: left; width: 237px; padding: 0; margin-top: 16px }

    #map { float: left; width: 447px; padding: 0 0 15px 0; margin-top: 16px }
    
#footer { float: left; width: 979px; border-top: solid 1px #e1dfd9; color: #77787b; font-size: 1em; line-height: 1.1em; padding: 7px 0 }
    #fleft { float: left; width: 400px; }
    #fright { float: left; width: 579px; text-align: right }