/*FORMAT*/
*{
margin:0px;
padding:0;
border:0
}

html,body{
height:100%;
margin:0;
padding:0;
}

body{
position:relative;
background:#322f27 url(../img/horiz.gif) repeat-x;
font:16.25px tahoma;
color:#fff;
text-align:center;
}

.vert{
float:left;
height:50%;
margin-top:-348px;/* half vertical height*/
width:100%;
}

.last{margin-top:-250px}

.content{
position:relative;
margin:0 auto;
width:681px;
height:431px;
padding:7px;
background:#fff;
color:#414142;
text-align:left;
clear:both
}

#lcol{float:left}

#rcol{float:right}

p{margin-bottom:10px}

h1,h2,h3{margin-bottom:10px}

.center{text-align:center}

/*FORMS*/
input,textarea{
font-family:tahoma;
font-size:12px;
color:#232100
}

label{
height:10px;
display:block;
margin-bottom:20px;
font-size:15.25px;
color:#fefefe
}

.txt,textarea{
height:15px;
padding:5px;
margin-bottom:10px;
}

/*TOP*/
#top{
position:relative;
height:130px;
width:1000px;
text-align:left;
margin:0 auto
}

#top p{
left:827px;
width:240px;
font-size:15px
}

/*FOOTER*/
#foot{
width:697px;
height:10px;
margin:0 auto;
font-size:10.4px;
color:#aaa;
text-align:center
}

#resources{
padding:10px;
text-align:left;
background:#28251e;
border-top:1px solid #4f5052
}

#base a{
font-size:12px;
text-decoration:underline
}

#referral{
position:fixed;
left:0;
bottom:0;
width:165px;
height:165px;
background:url(../img/referral.gif)
}

/*HOMEPAGE*/
.home{
background:url(../img/logo-lg.png) no-repeat 91px 191px;
font-size:18.25px
}

#design{
position:absolute;
left:269px;
top:151px;
width:42px;
height:43px;
background:url(../img/design.png) no-repeat
}

.home ul{
position:absolute;
left:78px;
bottom:147px
}

.home li{
display:inline;
float:left;
width:70px;
text-align:center
}

/*FEEDBACK PAGE*/
#feedback-form{
width:661px;
height:411px;
padding:10px;
background:#4d681e
}

#feedback-form .txt,#feedback-form textarea{width:651px}

#feedback-form textarea{height:244px}

#send-feedback{margin-left:4px}

/*CONTACT / CONTACTED*/
.address #lcol p{
width:237px;
margin-left:15px;
line-height:19px
}

.address #lcol h1{
width:269px;
height:35px;
display:block;
margin-bottom:10px;
line-height:35px;
background:#322f27;
font-size:15px;
font-weight:bold;
text-align:center;
color:#fff
}

.address #lcol img{margin:0 0 15px 15px}

.contacted #rcol{
width:290px;
margin:110px 72px 0 0
}

.contacted #rcol p{font-size:13.5px}

.contacted #rcol h1{
font-size:19.5px;
color:#55791f
}

.contacted #rcol h2{
font-size:19.5px;
color:#414142
}

.contacted #rcol h3{
font-size:18px;
font-weight:normal;
color:#55791f
}

#contact-form{
width:380px;
height:411px;
padding:10px;
background:#691054
}

#contact-form .txt,#contact-form textarea{width:370px}

#contact-form textarea{height:179px}

#send-contact{
width:375px;
height:50px;
margin-left:3px;
background:url(../img/send-contact.png);
text-indent:-9999px;
color:transparent;
text-transform:capitalize
}

#send-contact:hover{background:url(../img/send-contact.png) 0 50px}

/*WHAT PAGE*/
.what{font-size:13.5px}

.what #lcol{
width:145px;
padding-left:10px;
line-height:18px
}

.what #lcol h1,.what #lcol h2{
margin:5px 0 4px 0;
font-size:16px;
color:#414142
}

.what #lcol li{list-style:none}

.what #rcol{
height:438px;
padding:7px 0 0 8px;
margin-top:-7px;
border-left:1px solid #322f27
}

#nav li:hover,.green{
font-weight:bold;
color:#55791f
}

#loader{
position:relative;
width:502px;
height:354px;
background:#333333 url(../img/load.gif) center no-repeat
}

#scroll{
position:relative;
width:502px;
height:439px;
overflow:hidden
}

#scroll div{
display:block;
width:502px;
height:439px;
position:absolute;
background-repeat:no-repeat
}

#scroll span{
position:absolute;
top:376px;
left:2px
}

#item-1{background:url(../img/tree-work.jpg)}
#item-2{left:502px}
#item-3{left:1004px}
#item-4{left:1506px}
#item-5{left:2008px}
#item-6{left:2510px}
#item-7{left:3012px}
#item-8{left:3514px}
#item-9{left:4016px}
#item-10{left:4518px}
#item-11{left:5020px}
#item-12{left:5522px}
#item-13{left:6024px}
#item-14{left:6526px}

#scroll .green{font-size:16.5px}

#treat-me-please,#tmp-website,#oulton-park,#willans,#cool-drinks,#city-maintenence,#dean-court,#arch-technik,#yorkshire-lawn,#real-hair,#the-wardrobe,#menu-magazine,#do-yours{display:none}

/*WHO TESTIMONIALS HOW PAGES*/
#background{
width:100%;
height:100%;
background:#fff url(../img/who-bg.gif) repeat-x;
}

#background h1,#background h2,#background h3{color:#fefefe}

#base{
position:absolute;
left:30px;
bottom:20px;
width:630px;
color:#fefefe;
}

/*WHO PAGE*/
.who-page p{line-height:19px}

.who-page #lcol{
width:280px;
padding-left:38px
}

.who-page h1{
display:block;
height:70px;
padding:10px 0 0 38px;
font-weight:normal
}

.who-page #lcol h2{
font-size:18px;
color:#414142;
margin:20px 0
}

.who-page h2 span,.who-page p span{color:#cf8a01}

.who-page #rcol{
width:240px;
height:190px;
padding:20px;
margin-right:40px;
background:url(../img/story.png);
color:#fefefe;
line-height:19px
}

.who-page #base{padding-left:15px}

/*TESTIMONIALS PAGE*/
.testimonials #background{background:#fff url(../img/testimonials-bg.gif) repeat-x}

.testimonials #lcol{
width:260px;
padding-left:38px
}

.testimonials #lcol p,.testimonials #rcol p{
line-height:19px;
margin-bottom:30px
}

.testimonials h1{
display:block;
height:88px;
padding:10px 0 0 38px;
font-size:22.5px;
font-weight:normal
}

.testimonials h1 strong{font-size:32.5px}

.testimonials #rcol{
width:350px;
margin-right:25px
}

.client{color:#cf8a01}

.testimonials #lcol span,.testimonials #rcol span{
width:170px;
margin-left:70px;
display:block;
font-size:11px;
font-weight:bold;
line-height:15px
}

.testimonials #rcol span{
width:140px;
margin-left:200px
}

/*HOW PAGE*/
.how #background{background:url(../img/how-bg.gif) repeat-x}

.how #lcol{
width:190px;
padding-left:23px
}

.how #lcol,.how #rcol{font-size:14px}

.how h1{
display:block;
height:60px;
padding:10px 0 0 23px;
font-weight:normal
}

.how #lcol strong,.how #rcol strong{color:#005e53}

.how #lcol h1,.how #rcol h2,.how #rcol h3{
display:inline;
padding:0;
font-size:19.5px;
font-weight:bold;
color:#005e53
}

.how p{
margin:12px 0;
line-height:18px;
}

.how #rcol p{margin:10px 0}

.how #rcol{
width:450px;
margin-right:10px
}

.how #rcol h2{font-size:16.5px}

#new-maximpact{width:230px}

#standard{
float:right;
width:200px;
font-size:13px
}

#standard ul{margin:5px 0 0 14px}

#now{
font-size:19.5px;
font-weight:bold;
text-decoration:underline
}

/*LINKS*/
a,#top a{
color:#fefefe;
text-decoration:none;
outline:none
}

#logo,#contact,#who,#what,#how,#contact,#top p{
position:absolute;
top:27px;
bottom:27px
}

#logo{
left:0px;
width:249px;
height:76px;
display:block;
background:url(../img/logo-sm.png)
}

#who,#what,#how{
width:160px;
height:73px;
padding-top:6px;
text-align:center;
font-size:15px;
font-weight:bold
}

#top span{
position:absolute;
top:29px;
left:7px;
width:132px;
height:38px;
padding:3px 7px;
display:block;
text-align:left;
font-size:12.5px;
font-weight:normal
}

#who{
left:282px;
background:#cf8a00
}

#what{
left:452px;
background:#78a22e
}

#how{
left:622px;
background:#00a897
}

#who span{background:#9b6801}
#what span{background:#5a7b25}
#how span{background:#007f75}

#contact{
left:792px;
width:26px;
height:82px;
background:url(../img/contact.png)
}

#contact:hover{background:url(../img/contact.png) 26px 0}

#logo:hover,#foot a:hover,#resources a:hover,.txt:hover,textarea:hover{opacity:.8}

#who:hover{background:#ae7607}
#what:hover{background:#68892c}
#how:hover{background:#088e7f}

.home a:hover{font-weight:bold}

#ora:hover{color:#cf8a01}
#gre:hover{color:#78a22f}
#blu:hover{color:#007f76}
#pur:hover{color:#a51984}

#who-next,#testimonials-next,#what-next,#how-next{
position:absolute;
bottom:-19px;
right:-16px;
width:49px;
height:49px;
display:block;
background:url(../img/who-next.gif)
}

#testimonials-next{background:url(../img/testimonials-next.gif)}
#what-next{background:url(../img/what-next.gif)}
#how-next{background:url(../img/how-next.gif)}

#who-next:hover{background:url(../img/who-next.gif) 0 49px}
#testimonials-next:hover{background:url(../img/testimonials-next.gif) 0 49px}
#what-next:hover{background:url(../img/what-next.gif) 0 49px}
#how-next:hover{background:url(../img/how-next.gif) 0 49px}

#foot a{color:#ccc}

#resources a{color:#fefefe}

#feedback{
position:fixed;
right:0;
top:195px;
width:29px;
height:87px;
background:url(../img/feedback.png)
}

#feedback:hover{background:url(../img/feedback.png) 29px 0}

/*FIXES*/
.clear{clear:both}