* { margin: 0; padding: 0; }

body { padding: 0 0 20px 0; background-color: #fafafa; font: 100% verdana, arial, helvetica, tahoma, sans-serif; text-align: center; color: #5A5846; }
	
#wrapper { text-align: left; width: 764px; position: relative; margin: 15px auto; padding: 0; background: white url(images/wrapper-bg.gif) 50% 0 repeat-y;  }

#accessibility-navigation, .semantic { position: absolute; top: 0; left: -999em; }
	
a { color: #F18800; }
#main a:hover { color: white; background-color: #F18800; }
a img { border: 0; }

#pageheader { background: url(images/header-bg.gif) top left repeat-x; padding: 10px 270px 8px 14px; z-index: 1;}

h1 { color: #ffffff; font: normal 140%/1.1 Arial, Helvetica, sans-serif; }

h2, p.cat { color: #F18800; font: 1.1em/1.1 Arial, Helvetica, sans-serif; margin: 10px 0 6px; text-align: left; } 
	h2#madeupnews { background: url(images/made-up-news.gif) top left no-repeat; text-indent: -999em; width: 236px; height: 32px; margin: 0; position: absolute; top: -19px; left: 0;}
	h2#otherwebsites { background: url(images/other-websites.gif) top left no-repeat; text-indent: -999em; width: 236px; height: 32px; margin: 0; position: absolute; top: -19px; left: 0;}
	h2#othereflyers { background: url(images/other-eflyers.gif) top left no-repeat; text-indent: -999em; width: 236px; height: 32px; margin: 0; position: absolute; top: -19px; left: 0; }
	h2#otherintranets { background: url(images/other-intranets.gif) top left no-repeat; text-indent: -999em; width: 236px; height: 32px; margin: 0; position: absolute; top: -19px; left: 0;}		
	h2#ourdetails { background: url(images/our-details.gif) top left no-repeat; text-indent: -999em; width: 236px; height: 32px; margin: 0; position: absolute; top: -19px; left: 0;}
	h2#on-this-page { background: url(images/on-this-page.gif) top left no-repeat; text-indent: -999em; width: 236px; height: 32px; margin: 0; position: absolute; top: -19px; left: 0;}
	h2.serviceheader, h2.newsheader, p.cat { margin: 10px 0 3px; }
h3 { color: #F18800; margin: 0 0 2px; font: 0.9em/1 Arial, Helvetica, sans-serif; }
h3 a { color: #f18800; text-decoration: none; }
h3 a:hover { color: white; }
	
li { padding: 0 0 0 12px; background: url(images/icon.gif) 0 5px no-repeat; list-style: none; }
p,ul { color: #60604b; margin: 0 0 10px; font: 0.8em/1.4 Arial, Helvetica, sans-serif; }

dt { color: #f18800; font-size: 0.9em; }
dd { font-size: 0.8em; margin: 0 0 8px; }
dd a { color: #5A5846; text-decoration: none; }
dd a:hover { color: #FFF; background-color: #F18800;}

#header { background: url(images/wrapper-top.gif) top left no-repeat; padding: 35px 32px 21px; position: relative;}
#header span { position: absolute; left: -5000px; }
#header img { border: 0; }
#header h1 { background: none; margin: 0; padding: 0; }
#header h1 a:hover { background-color: white;}
	
#getintouch { text-indent: -999em; position: absolute; top: 45px; right: 32px; background: url(images/get-in-touch.gif) top right no-repeat; width: 244px; height: 13px; }	
	
#nav { background-color: #ffb255; margin: 0 0 0 32px; width: 700px; height: 26px; }
#nav ul { background-color: #ffb255; margin: 0; }
#nav li { padding: 0; background: none; float: left; text-align: center;  font-family: Arial, Helvetica, sans-serif; }
#nav a { display: block; background: #fab972 url(images/nav-button-bg.gif) 0 100% no-repeat; text-decoration: none; color: white; border-right: 1px solid white; width: 116px; line-height: 26px;}
#nav a#contact { width: 115px; border-right: 0; }	
#nav a:hover { background-position: -480px 100%; background-color: #ffc783; }
#nav a.active { background-position: -240px 100%; background-color: #ffb255; }
#nav a.active:hover { background-position: -240px 100%; background-color: #ffb255; }

#trail { background: #ff8c00 url(images/nav-bar-bottom.gif) top left repeat-x; line-height: 25px; height: 25px; color: #FFC783; padding: 0; float: left; clear: both; width: 700px; margin-left: 32px; display: inline; border-bottom: 1px solid white; }
#trail a { text-decoration: none; color: #FFD9AF; padding: 0 12px; }
#trail a:hover { color: white; }
#trail p { margin: 0; padding: 0; line-height: 24px; color: #FFD9AF; }

#image { clear: both; width: 700px; height: 192px; padding: 20px 0 0 0; background: #fff url(images/banner-bg.gif) repeat-x 0 0; margin-left: 32px; position: relative;}
	#image p a { outline: none; }
	#image p { position: absolute; top: 20px; left: 0; }
	#image a.prev { display: block; background: url(images/prev.gif) no-repeat 0 0; position: absolute; top: 30px; right: 50px; width: 15px; height: 16px;}
	#image a.next { display: block; background: url(images/next.gif) no-repeat 0 0; position: absolute; top: 30px; right: 10px; width: 15px; height: 16px;}
	#image a.pause { display: block; background: url(images/pause.gif) no-repeat 0 0; position: absolute; top: 30px; right: 30px; width: 15px; height: 16px;}
	#image a.next:hover, #image a.prev:hover, #image a.pause:hover { background-position: 0 -16px; }
	
	span#static-image-link, span#websites-image-link, span#websites-image-link2 { background: url(/slideshow/website-design-button.gif) top left no-repeat; width:465px; height: 33px; display: block; text-indent: -999em; margin: 137px 0 0 0;}
	span#cms-image-link { background: url(/slideshow/cms-button.gif) top left no-repeat; width:222px; height: 33px; display: block; text-indent: -999em; margin: 137px 0 0 0; }
	span#ecommerce-image-link { background: url(/slideshow/ecommerce-button.gif) top left no-repeat; width:183px; height: 33px; display: block; text-indent: -999em; margin: 137px 0 0 0;  }
	span#intranet-image-link { background: url(/slideshow/intranet-button.gif) top left no-repeat; width:247px; height: 33px; display: block; text-indent: -999em; margin: 137px 0 0 0; }
	span#email-image-link { background: url(/slideshow/email-button.gif) top left no-repeat; width:225px; height: 33px; display: block; text-indent: -999em; margin: 137px 0 0 0; }	
	span#copywriting-image-link { background: url(/slideshow/copywriting-button.gif) top left no-repeat; width:170px; height: 33px; display: block; text-indent: -999em; margin: 137px 0 0 0;  }
	span#hosting-image-link { background: url(/slideshow/website-hosting-button.gif) top left no-repeat; width:140px; height: 33px; display: block; text-indent: -999em; margin: 137px 0 0 0;  }

#main { float: left; width: 700px; margin: 0 0 14px 0; margin-left: 32px; display: inline; background: #fbfbfb; border-bottom: 4px solid #f2f2f2; }
#leftcol { float: left; padding: 0 12px 20px 14px; width: 430px; display: inline;}
#rightcol { float: right; width: 236px; margin: 0 8px 10px 0; display: inline; background: url(images/boxout-bg-bottom.gif) bottom left no-repeat; padding: 14px 0 12px; position: relative;}	
#singlecol { float: left; padding: 0 12px 20px 14px; width: 674px; display: inline;}

#intro { margin: 10px 0 0; padding-bottom: 3px; background: url(images/quote-top.gif) bottom left repeat-x;}

#quotes { font-weight: bold; background: url(images/quotes-bg.gif) 0 0 no-repeat; padding: 0 34px; margin-top: 8px; font-size: 1em;}
#quotes li { background: none; font-weight: bold; }
#quotes a { text-decoration: none; }

.boxout, #contactdetails, #onthispage { padding: 10px 20px 0px; background: url(images/boxout-bg.gif) top left repeat-y; width: 196px;}

.newsitem { margin-bottom: 10px; }
.newsitem h2, .newsitem p { margin: 0; line-height: 1.3; }

a.arrow { background: url(images/round-arrow.gif) 0 -20px no-repeat; display: block; width: 20px; height: 20px; text-indent: -999em; margin: -10px 0 0 0; outline: none; float: right; }
a.arrow:hover { background-position: 0 0; }

#projects { float: right; background: white url(images/box-bg.gif) top left repeat-y; width: 234px; margin-right: 7px; display: inline; z-index: 999;}

.inlinenav { margin: 10px 0 0; padding: 0;}
.inlinenav ul { margin: 0; padding: 0;}
.inlinenav li { background: none; float: right; font-size: 1.6em; padding: 0; margin: 0 0 6px 14px; }
.inlinenav li a {text-decoration: none;}
.inlinenav li.active a { color: #353429; }  
.inlinenav li.active a:hover { color: #353429; background-color: #fbfbfb; }  

a.button { clear: both; }

a.readmore, a.backtowebsites, a.backtointranets, a.backtoeflyers, a.viewwebsites, a.viewintranets, a.vieweflyer, a.vieweflyers, a.visitsite, a.top { display: block; text-indent: -999em; outline: none; text-decoration: none; float: left; position: relative; }

a.readmore { background: url(images/read-more.gif) 0 -20px no-repeat; width: 107px; height: 20px; margin: 5px 0 0 318px; }
a.backtowebsites { background: url(images/back-to-website-list.gif) 0 -20px no-repeat; width: 194px; height: 20px; margin: 0 0 10px 0; }
a.backtointranets { background: url(images/back-to-intranets-list.gif) 0 -20px no-repeat; width: 194px; height: 20px; margin: 0 0 10px 0; }
a.backtoeflyers { background: url(images/back-to-eflyers-list.gif) 0 -20px no-repeat; width: 194px; height: 20px; margin: 0 0 10px 0; }
a.viewwebsites { background: url(images/view-websites.gif) 0 -20px no-repeat; width: 194px; height: 20px; margin: 0 0 10px 0; }
a.viewintranets { background: url(images/view-intranets.gif) 0 -20px no-repeat; width: 194px; height: 20px; margin: 0 0 10px 0; }
a.vieweflyers { background: url(images/view-eflyers.gif) 0 -20px no-repeat; width: 194px; height: 20px; margin: 0 0 10px 0; }
a.visitsite { background: url(images/visit-the-site.gif) 0 -20px no-repeat; width: 105px; height: 20px; margin: 0 0 10px 0; }
a.vieweflyer { background: url(images/view-the-eflyer.gif) 0 -20px no-repeat; width: 123px; height: 20px; margin: 0 0 10px 0; }
a.top { background: url(images/top.gif) 0 -20px no-repeat; width: 65px; height: 20px; margin: 0 0 10px 365px; }

a.backtowebsites:hover, a.readmore:hover, a.backtointranets:hover, a.backtoeflyers:hover, a.viewwebsites:hover, a.viewintranets:hover, a.vieweflyers:hover, a.visitsite:hover, a.vieweflyer:hover, a.top:hover { background-position: 0 0; }

ul.ourworkhome { margin: 14px 0 14px -14px; width: 700px; }
ul.ourworkhome li { float: left; background: none; padding: 0; text-indent: -999em;}
ul.ourworkhome li a { display: block; width: 221px; height: 115px; outline: none; }
li#websitesbutton a { background: url(images/websites.gif) 0 0 no-repeat; margin-right: 18px; }
li#intranetsbutton a { background: url(images/intranets.gif) 0 0 no-repeat; margin-right: 19px;}
li#eflyersbutton a { background: url(images/eflyers.jpg) 0 0 no-repeat; }

li#websitesbutton a:hover, li#intranetsbutton a:hover, li#eflyersbutton a:hover { background-position: 0 -115px;}

#portfolio { margin-top: 15px; }
#portfolio img { float: left; margin: 0 8px 4px 0; border: 2px solid #ccc; }

.portfolioitem { clear: both; margin: 0; border-bottom: 3px solid #f7f7f7; padding: 13px 0; }

div.portfoliopic { float: left; width: 224px; height: 106px; }
div.portfoliopic a { border: 3px solid #d7d7d7; display: block; }
div.portfoliopic a:hover { border-color: #f68f1e;}
div.portfoliopic img { display: block; }

.portfoliotext { width: 425px; float: right; }
.portfoliotext h3 { font-size: 1.2em; margin-bottom: 2px; line-height: 1.1; }
.portfoliotext p { margin: 0; } 

.clientitem { clear: both; margin: 0; border-bottom: 3px solid #f7f7f7; padding: 13px 0; }

h2#clientlist { margin-bottom: 20px; }

div.clientlogo { float: left; width: 171px; } 
div.clientlogo a { border: 3px solid #fbfbfb; display: block; }
div.clientlogo a:hover { border-color: #f68f1e;}
div.clientlogo img { display: block; }

.clienttext { width: 474px; float: right; }
.clienttext h3 { position: absolute; top: 0; left: -999em;  }
.clienttext p { margin: 0; } 

.clienttext a.readmore { margin: 5px 0 0 364px;}

.portfolionav { padding: 10px 10px 0px 20px; background: url(images/boxout-bg.gif) top left repeat-y; width: 206px; position: relative;}	
	
a.thumb { float: left; margin: 0 10px 10px 0;  border: 2px solid #f68f1e; display: block; width: 54px; height: 54px; }
a.thumb:hover { border-color: #ccc;} 	
a.thumb img { display: block; }

#ideas { clear: both; margin: 0 14px 11px; border: 8px solid #f2f2f2; border-width: 0 8px 8px; background-color: white; width: 656px; }
#ideas h2#some-ideas { background: #f2f2f2 url(images/some-ideas-for-your-website.gif) 0 8px no-repeat; height: 23px; text-indent: -999em; margin: 0; padding: 8px 0; width: 656px; }
#ideas h3 { font: normal 0.9em/1.1 Verdana, Arial, Helvetica, sans-serif; margin: 0; border-bottom: 6px solid #f2f2f2; padding: 6px 0; margin: 0 0 1px;}
#ideas .ideaitem { float: left; width: 195px; margin: 5px 0 0 18px; display: inline; padding-bottom: 10px;}
#ideas .ideaitem img { margin: 0 0 8px; }
#ideas p { margin: 0 0 2px; font: normal 0.8em/1.2 Verdana, Arial, Helvetica, sans-serif; }

#whatwedo { clear: both; margin: 30px 14px 20px; }
#whatwedo h2 { background: url(images/what-we-can-do-for-you.gif) top left no-repeat; width: 207px; height: 23px; text-indent: -999em; }
#whatwedo p { font-size: 0.85em; padding: 0; line-height: 1.3em; }
#whatwedo a { margin-right: 12px; color: #5A5846; text-decoration: none; }
#whatwedo a:hover { color: #f18800; background-color: #fbfbfb; }
#whatwedo span { display: none; }

#onthispage h2 { padding: 4px 0 0 13px; font-size: 1em; margin: 0;}
#onthispage ul { padding: 6px 0 0; }
#onthispage li { margin: 0 0 3px 0; padding: 0 0 0 15px; background: url(images/orange-arrow.gif) 0 4px no-repeat; }
#onthispage a { color: #6a6a57; text-decoration: none; }
#onthispage a:hover { color: white; background-color: #6a6a57; }

.service { margin: 16px 0 0; }

p.author { color: #F18800; text-transform: uppercase; font-style: italic; }

#double { background-color: #273D6A; float: left; padding: 0 20px 80px; width: 425px; }
#double img { border: 1px solid #F18800; background-color: white; padding: 2px;  margin: 22px 0; }

#gallery { float: left; }
#gallery img { margin: 22px 10px 1px 9px; } 	
#gallery a:hover img { border-color: white; background-color: #F18800; }
#gallery a:hover { background-color: #273D6A; }

#localnav { float: left; width: 200px; margin: 15px 0 0 15px; display: inline; }
#localnav h2 { color: #60604b; line-height: 0.9; margin: 5px 0 10px; }
#localnav li { padding: 0; background: none; font-size: 1.1em; line-height: 0.9; margin: 0 0 8px; }
#localnav a { color: #60604b; text-decoration: none; }
#localnav a:hover { color: white; background-color: #60604b; }
#localnav li.current_page_item a { color: #f18800; font-weight: bold; }
#localnav li.current_page_item a:hover { color: #f18800; background-color: #fbfbfb; }

#bigrightcol { float: right; width: 450px; margin: 15px 15px 0 0; display: inline; }
.clientlogolarge { border-bottom: 3px solid #f18800; padding-bottom: 2px; margin-bottom: 10px;}
#bigrightcol .clientlogolarge img { float: none; margin: 0;}

h2#clienttitle { position: absolute; left: -999em; }
#bigrightcol img { float: left; margin: 0 8px 4px 0; }

.newspageitem { width: 674px; clear: both; margin: 8px 0 0; border-bottom: 6px solid #f7f7f7; padding-bottom: 8px; }
.newsitemmeta { float: left; float: left; display: inline; margin: 0 20px 0 0; }
.newsitemdate { border-top: 5px solid #f1f1f1; width: 132px; padding: 2px 0 8px 0; font-size: 70%;  }
.newsitemtext { float: right; width: 506px;}
span.day { margin: 0;}
span.month { }
p.cat { margin-bottom: 8px;}

/* Footer */
	
#footer { clear: both; width: 700px; background: url(images/wrapper-bottom.gif) bottom left no-repeat; padding: 0 32px 26px;}
#footer a { text-decoration: none; color: #5A5846; padding: 0 8px; }
#footer p { width: 340px; color: #5A5846; margin: 0; }
#footer p span.small { font-size: 0.8em; color: #b0ae99; }
#footer a.noborder { padding-left: 0; }
#footer a:hover { color: #F18800; background-color: white; }
		
p.right { margin: 0; padding: 0; float: right; text-align: right; }

div.pages { margin: 0 0 22px 22px; }	
div.pages a {color: white; margin-right: 5px; padding: 1px 4px; border: 1px solid #F18800; text-decoration:none; }	
div.pages a:hover { color: white; background-color: #5A5846; border-color: white; }
	
p.visit { margin-top: 20px; }
p.visit a { text-decoration:none; }

/* form formatting */

form { margin: 22px 0 6px 0; }
fieldset { width: 430px; }
label, input, textarea, select { display: block; width: 234px; float: left; margin-bottom: 10px; font: 0.8em/1.1 arial, helvetica, verdana, sans-serif; padding: 3px; }
input, textarea, select { border: 2px solid #e8e8e8; color: #353429; background-color: #fff; }
input.error, textarea.error { border: 2px solid #f18800; }
label { text-align: left; padding: 3px 10px 0 0; width: 145px; font-family: arial, sans-serif; }
br { clear: left; }
input#sub { display: inline; margin: 0px 0 20px 342px; width: 56px; height: 28px; padding: 0; background: url(images/send.gif); text-indent: -999em; border: 0;}
option { padding: 1px 3px; }

.c2 { padding: 10px; background-color: white; }

#validationMessage p { color: #f18800; }

ul.sitemap { margin-top: 10px; }
ul.sitemap ul, ul.sitemap ul ul, ul.sitemap ul ul ul, ul.sitemap ul ul ul ul { margin: 0 0 0 14px; font-size: 1em; }
ul.sitemap li { line-height: 18px; margin: 0; }
ul.sitemap a { text-decoration: none; }

input.hide { display: none; }

.thanks { margin: 10px 0 0; padding-bottom: 3px; }

/*FLOAT CLEARING*/

.cf:after {
	content:".";
	display:block;
	clear:both;
	visibility:hidden;
	height:0px;
}