html{top:0; padding:0; margin:0;}
body{background:#4e472e; color:#f0ebda; font-family:georgia, Sans-Serif; font-size:small; top:0; padding:0; margin:0;}
h1{font-size:180%;}
h2{font-size:160%;}
h3{font-size:140%;}
h4{font-size:120%;}
h5{font-size:110%;}
h1, h2, h3, h4, h5{ margin:1em 0 .25em;}
p{line-height:1.4em; margin:.5em 0;font-size:90%;}
address{line-height:1.25em; margin:.75em 0; font-style:normal;font-size:90%;}
ul li{line-height:1.25em; margin:.2em 0 ;font-size:90%;}
a{color:#f0ebda;}
a:hover{color:#cdc742;}
ul li a{ text-decoration:none; }
blockquote{ line-height:1.25em; font-style:italic; margin:1em;font-size:90%;}
.green{color:#cdc742;}
input, textarea{ background:#96907a; border:0; padding:5px; margin:3px; color:#fff; font-family:georgia, Sans-Serif;}
table tr td{ vertical-align: middle;}

/*layout*/
.inner{ width:952px; margin:0 auto; padding:0;}

#header{background:url('../i/headerbg.gif') repeat-x 0 0; height:174px; margin:0; padding:0;}
h1{background:url('../i/logo.gif') no-repeat 0 0; height:174px; width:311px; text-indent:-9999px; margin:0; padding:0; float:left;}
#nav{float:right;}
#nav{width: 401px;	height: 93px;	border: 0;	padding: 0;	margin: 13px 0 0 0;	text-align:center;text-indent: -9999px;}	
#nav ul{width: 401px;	height: 93px;	background: url('../i/nav.gif');	margin: 0;	padding: 0;	position: relative;	top:0;}	
#nav ul li{margin: 0;	padding: 0;	position: absolute;	top: 0;	list-style-type: none; background:none;}	
#nav ul li, #nav a{height: 93px;	display: block;}
#nav ul li a{text-indent: -9999px; 	text-decoration: none; border:0;}
#mn1 {left: 0px; width: 56px;}
#mn2 {left: 62px; width: 115px;}
#mn3 {left: 183px; width: 116px;}
#mn4 {left: 305px; width: 96px;}
/* rollovers */
#tabs_first:hover,#tabs_first.hover{background: url('../i/nav.gif') no-repeat -0px -93px; border:0; cursor:pointer;}
#tabs_second:hover,#tabs_second.hover{background: url('../i/nav.gif') no-repeat -62px -93px; border:0; cursor:pointer;}
#tabs_third:hover,#tabs_third.hover{background: url('../i/nav.gif') no-repeat -183px -93px; border:0; cursor:pointer;}
#tabs_fourth:hover,#tabs_fourth.hover{background: url('../i/nav.gif') no-repeat -305px -93px; border:0; cursor:pointer;}

/* selected page */
body#home #mn1{background:  url('../i/nav.gif') no-repeat -0px -186px;}
body#website-design #mn2{background:  url('../i/nav.gif') no-repeat -62px -186px;}
body#portfolio #mn3{background:  url('../i/nav.gif') no-repeat -183px -186px;}
body#contact-us #mn4{background:  url('../i/nav.gif') no-repeat -305px -186px;}

#main-content{ background:#6b6243; margin:0; padding:14px 0;}
#main-content .inner #mainbox{background: #544d33 url('../i/boxbtm.gif') no-repeat 0 bottom; width:952px; padding:  0 0 49px 0; margin:0 auto 20px; float:left;}
#main-content .inner #mainbox #mainboxinner{ background: url('../i/boxtop.gif') no-repeat 0 0; width:898px;  padding:35px; float:left;}
#main-content .inner #mainbox #mainboxcontent{ float:left;  width:500px;}
#main-content .inner #mainbox #mainboxcontent h2{background:url('../i/hometitle.gif') no-repeat 0 0; height:109px; width:457px; text-indent:-9999px; margin:10px 0 20px 0; padding:0;  }
#main-content .inner #mainbox #mainboxcontent #listdiv{margin-top:25px;}
#main-content .inner #mainbox img{ float:right; width:258px; height:365px;  margin:30px 50px 0 0;}
#main-content .inner #mainbox ul {  margin:14px 0 0 0; padding:0;}
#main-content .inner #mainbox ul li{ padding: 10px 0 10px 34px; margin:0; font-style: italic; list-style-type:none; color:#a29c2c; font-weight:bold;}
#main-content .inner #mainbox .bg1{ background:#464029 url('../i/tick.png') no-repeat 6px 6px;}
#main-content .inner #mainbox .bg2{ background:#4d462e url('../i/tick.png') no-repeat 6px 6px;}


#sub-content{background:#6b6243; margin:30px 19px; float:left; }
#sub-content .left{ width:625px; float:left;}
#sub-content p, #sub-content ul, #sub-content blockquote{ margin-left:16px;}
#sub-content #clients{float:left;width:286px;}
#sub-content #clients h3{background:url('../i/whatclientssay.gif') no-repeat 0 0; height:51px; width:276px; text-indent:-9999px; margin:0 0 10px 0; padding:0;  }
#sub-content #wedo{float:right;width:286px;}
#sub-content #wedo h3{background:url('../i/whatwedo.gif') no-repeat 0 0; height:51px; width:244px; text-indent:-9999px;  margin:0 0 10px 0; padding:0;  }
#sub-content #intouch{float:right;width:286px;}
#sub-content #intouch h3{background:url('../i/getintouch.gif') no-repeat 0 0; height:51px; width:244px; text-indent:-9999px;  margin:0 0 10px 0; padding:0;  }
#sub-content ul {padding: 0;list-style-type:none;}
#sub-content ul li{background:url('../i/bullet.png') no-repeat 0 50%; padding: 0 0 0 14px;list-style-type:none;}

p#visitportfolio{padding-top:10px;}

/* our work div */
#havedone{margin:50px 0;clear:both; padding:0; }
#havedone p{ margin-left:33px; clear:both;}
#havedone h3{background:url('../i/whatdone.gif') no-repeat 0 0; height:61px; width:914px; text-indent:-9999px;  margin:0 0 10px 0; padding:0;  }

#havedone ul{padding-left:33px; margin:0;}
#havedone li{list-style:none;float:left;background: #fff url(../i/whatdonebg.gif) no-repeat 0 0;margin:15px 55px 15px 0;	padding: 5px 7px 8px 5px; width:247px;	position: relative;}
#havedone li.last{margin-right:0;}
#havedone li a {display: block;	position: relative;	overflow: hidden;	height: 107px;	width: 226px;	padding: 16px;	color: #544d33;	font: 1.92em/1.2 "Avenir LT Std", Avenir, Helvetica, Arial, sans-serif;text-decoration:none;}
#havedone li a:focus, #our_work li a:hover {text-decoration: none; }
#havedone li img{position: absolute;top: 0;	left: 0;height: 139px;	width: 247px;border: 0;}

/*footer*/
#footer{  color:#c8c1a9;margin:0 auto;clear:both; padding:20px 0; text-align:left;  background:url('../i/footerbg.gif') repeat-x 0 0;}
#ifooter{ margin:30px 19px; float:left; }
#footer .left{ width:625px;  float:left; margin-left:18px;}
#footer p, #footer table, #footer address{ margin-left:16px;}
#footer #about{float:left;width:266px; }
#footer #ques{float:right;width:286px; }
#footer #contact{float:right;width:306px; }
#footer #fnav{ clear:both; margin:20px 0; text-align:center; border-top:solid 1px #6b6243; padding:10px 0;  background:url('../i/footerimg.gif') no-repeat right 20px; height:50px; }
#footer #fnav a{ text-decoration:none}
#footer h4{ font-weight:normal;font-size:140%; color:#f0ebda;width:276px;margin:0 0 10px 16px; padding:0; }


#lnkJoin{margin-left:196px; margin-top:5px; margin-bottom:10px;}
#lnkAsk{margin-left:189px; margin-top:5px; margin-bottom:10px;}





/*home*/
#home #main-content .inner #mainbox ul {  margin:0 0 20px 0;}
#home input, #home textarea{margin:1px;}

/*website-design*/
#website-design #main-content .inner #mainbox #mainboxcontent h2{background:url('../i/titlewebdesign.gif') no-repeat 0 0; height:55px; width:572px; text-indent:-9999px; margin:10px 0 20px 0; padding:0;  }
#website-design #main-content .inner #mainbox img{ float:right; width:250px; height:254px;  margin:30px 20px 0;}

#website-design #main-content .inner #mainbox #wedo{float:LEFT;width:250px; margin:16px 0;}
#website-design #main-content .inner #mainbox #wedo h3{background:url('../i/webdesignwedo.gif') no-repeat 0 0; width:60px; height:18px; text-indent:-9999px;  margin:0 0 10px 0; padding:0;  }
#website-design #main-content .inner #mainbox #wealsodo{width:250px; margin:14px 0; float:right;}
#website-design #main-content .inner #mainbox #wealsodo h3{background:url('../i/webdesignalsodo.gif') no-repeat 0 0; width:148px; height:18px; text-indent:-9999px;  margin:0 0 10px 0; padding:0;  }
#website-design #main-content .inner #mainbox ul {  margin:16px 0 0 0;}
#website-design #main-content .inner #mainbox ul li{ padding: 0 0 0 14px; margin:6px 0; font-style: italic;background:url('../i/bulletgreen.png') no-repeat 0 4px; }

#website-design #sub-content p{ margin-left:0;}
#website-design #sub-content .gap{margin-top:20px;}
#website-design #website-package{clear:both; padding:20px;float:left; width:850px;}
#website-design #website-package h3{background:url('../i/titleallinone.gif') no-repeat 0 0; width:368px; height:58px; text-indent:-9999px;  margin:0 0 10px 0; padding:0;  }
#website-design #bespoke-web-design{background:#61583b; float:left;padding:20px; margin:20px 0; width:850px;}
#website-design #bespoke-web-design h3{background:url('../i/titlebespoke.gif') no-repeat 0 0; width:368px; height:58px; text-indent:-9999px;  margin:0 0 10px 0; padding:0;  }
#website-design #ecommerce{ padding:20px;float:left; margin:20px 0; width:850px;}
#website-design #ecommerce h3{background:url('../i/titleecommerce.gif') no-repeat 0 0; width:368px; height:58px; text-indent:-9999px;  margin:0 0 10px 0; padding:0;  }
#website-design #website-hosting{background:#61583b; float:left; padding:20px; margin:20px 0; width:850px;}
#website-design #website-hosting h3{background:url('../i/titlehosting.gif') no-repeat 0 0; width:368px; height:58px; text-indent:-9999px;  margin:0 0 10px 0; padding:0;  }
#website-design #domain-names{ padding:20px;float:left; margin:20px 0; width:850px;}
#website-design #domain-names h3{background:url('../i/titledomainnames.gif') no-repeat 0 0; width:368px; height:58px; text-indent:-9999px;  margin:0 0 10px 0; padding:0;  }
#website-design #search-engine-optimisation{background:#61583b; float:left; padding:20px; margin:20px 0; width:850px;}
#website-design #search-engine-optimisation h3{background:url('../i/titleseo.gif') no-repeat 0 0; width:368px; height:58px; text-indent:-9999px;  margin:0 0 10px 0; padding:0;  }
#website-design #logo-design{ padding:20px;float:left; margin:20px 0; width:850px;}
#website-design #logo-design h3{background:url('../i/titlelogodesign.gif') no-repeat 0 0; width:368px; height:58px; text-indent:-9999px;  margin:0 0 10px 0; padding:0;  }

#website-design #sub-content .left{ float:left; width:500px; margin:0 20px 0 0;}
#website-design #sub-content .right{ float:right; width:300px;background:url('../i/quote.gif') no-repeat 0 0; }
#website-design #sub-content .alt{ float:right; width:300px;background:url('../i/quote2.gif') no-repeat 0 0; }
#website-design #sub-content .right blockquote{color:#cdc742;}
#website-design #sub-content .alt blockquote{color:#cdc742;}
#website-design #sub-content .left a{background:url('../i/bulletgreen.png') no-repeat 0 4px; padding: 0 0 0 12px; display:block;}
#website-design #sub-content blockquote{ margin-left:0; margin-top:6px;}
#website-design h4#alsodo {clear:both;background:url('../i/titlealsodo.gif') no-repeat 0 0; height:61px; width:914px; text-indent:-9999px;  margin:30px 0 10px 0; padding:0;  }


/*portfolio*/
#portfolio #main-content .inner #mainbox #mainboxcontent h2{background:url('../i/titleExamples.gif') no-repeat 0 0; height:49px; width:614px; text-indent:-9999px; margin:10px 0 20px 0; padding:0;  }
#portfolio #main-content .inner #mainbox img{ float:right; width:235px; height:251px;  margin:30px 20px 0;}

#portfolio #main-content .inner #mainbox #wedo{float:LEFT;width:250px; margin:16px 0;}
#portfolio #main-content .inner #mainbox #wedo h3{background:url('../i/webdesignwedo.gif') no-repeat 0 0; width:60px; height:18px; text-indent:-9999px;  margin:0 0 10px 0; padding:0;  }
#portfolio #main-content .inner #mainbox ul {  margin:16px 0 0 0;}
#portfolio #main-content .inner #mainbox ul li{ padding: 0 0 0 14px; margin:6px 0; font-style: italic;background:url('../i/bulletgreen.png') no-repeat 0 4px; }


#portfolio #sub-content .left{ float:left; width:580px; margin:0 20px 0 0;}
#portfolio #sub-content .right{ float:right; width:250px;}
#portfolio #sub-content .normal{ float:left;padding:20px; margin:20px 0;}
#portfolio #sub-content .alt{background:#61583b; float:left;padding:20px; margin:20px 0;}

#portfolio #sub-content a{background:url('../i/bulletgreen.png') no-repeat 0 4px; padding: 0 0 0 12px; display:block;}
#portfolio #sub-content .logoimg{border:none;}

#portfolio #sub-content a.imglink {border:solid 5px #f0ebda; background:none;padding:0; width:244px;}
#portfolio #sub-content a.imglink:hover{border:solid 5px #cdc742;}


#portfolio #sub-content h3, #portfolio #sub-content h4 {clear:both; margin:20px 0 10px;}
#portfolio #sub-content h3#allinone{background:url('../i/all-in-one-websites.gif') no-repeat 0 0; height:61px; width:914px; text-indent:-9999px;  margin:30px 0 10px 0; padding:0;  }
#portfolio #sub-content h3#bespoke{background:url('../i/bespoke-websites.gif') no-repeat 0 0; height:61px; width:914px; text-indent:-9999px;  margin:30px 0 10px 0; padding:0;  }
#portfolio #sub-content h3#ecommerce{background:url('../i/ecommerce-websites.gif') no-repeat 0 0; height:61px; width:914px; text-indent:-9999px;  margin:30px 0 10px 0; padding:0;  }
#portfolio #sub-content h3#logos{background:url('../i/logodesign.gif') no-repeat 0 0; height:61px; width:914px; text-indent:-9999px;  margin:30px 0 10px 0; padding:0;  }

#portfolio #sub-content h4#l2m{background:url('../i/titleL2MC.gif') no-repeat 0 0; height:51px; width:318px; text-indent:-9999px;  margin:0 0 10px 0; padding:0;  }
#portfolio #sub-content h4#ecp{background:url('../i/titleecp.gif') no-repeat 0 0; height:51px; width:224px; text-indent:-9999px;  margin:0 0 10px 0; padding:0;  }
#portfolio #sub-content h4#tsp{background:url('../i/titleTMCF.gif') no-repeat 0 0; height:51px; width:318px; text-indent:-9999px; margin:0 0 10px 0; padding:0;  }
#portfolio #sub-content h4#fci{background:url('../i/titlefci.gif') no-repeat 0 0; height:51px; width:238px; text-indent:-9999px;  margin:0 0 10px 0; padding:0;  }
#portfolio #sub-content h4#cps{background:url('../i/titlecps.gif') no-repeat 0 0; height:51px; width:238px; text-indent:-9999px;  margin:0 0 10px 0; padding:0;  }
#portfolio #sub-content h4#ths{background:url('../i/titleths.gif') no-repeat 0 0; height:51px; width:194px; text-indent:-9999px;  margin:0 0 10px 0; padding:0;  }
#portfolio #sub-content h4#pgg{background:url('../i/titlePGG.gif') no-repeat 0 0; height:51px; width:255px; text-indent:-9999px;  margin:0 0 10px 0; padding:0;  }

#portfolio #sub-content h4#gd{background:url('../i/titleGD.gif') no-repeat 0 0; height:51px; width:255px; text-indent:-9999px;  margin:0 0 10px 0; padding:0;  }
#portfolio #sub-content h4#ec{background:url('../i/titleEC.gif') no-repeat 0 0; height:51px; width:255px; text-indent:-9999px;  margin:0 0 10px 0; padding:0;  }
#portfolio #sub-content h4#gdc{background:url('../i/titleGDC.gif') no-repeat 0 0; height:51px; width:280px; text-indent:-9999px;  margin:0 0 10px 0; padding:0;  }
#portfolio #sub-content h4#ccb{background:url('../i/titleCCB.gif') no-repeat 0 0; height:51px; width:255px; text-indent:-9999px;  margin:0 0 10px 0; padding:0;  }



/* contact us */
#contact-us #main-content .inner #mainbox #mainboxcontent h2{background:url('../i/titleContact.gif') no-repeat 0 0; height:49px; width:614px; text-indent:-9999px; margin:10px 0 20px 0; padding:0;  }
#contact-us #main-content .inner #mainbox img{ float:right; width:208px; height:163px;  margin:30px 20px 0;}

#contact-us #sub-content .left{ float:left; width:625px; }
#contact-us #sub-content #phone{float:left;width:286px;}
#contact-us #sub-content #phone h3{background:url('../i/ContactPhone.gif') no-repeat 0 0; height:51px; width:224px; text-indent:-9999px; margin:0 0 10px 0; padding:0;  }
#contact-us #sub-content #post{float:right;width:286px;}
#contact-us #sub-content #post h3{background:url('../i/ContactPost.gif') no-repeat 0 0; height:51px; width:224px; text-indent:-9999px;  margin:0 0 10px 0; padding:0;  }
#contact-us #sub-content #phone #tel{ font-size:large; font-weight:bold;}
#contact-us #sub-content #email{float:right;width:270px;}
#contact-us #sub-content #email h3{background:url('../i/ContactEmail.gif') no-repeat 0 0; height:51px; width:193px; text-indent:-9999px;  margin:0 0 10px 0; padding:0;  }

#contact-us .inner h3#enq{ clear:both;background:url('../i/enquirytitle.gif') no-repeat 0 0; height:61px; width:914px; text-indent:-9999px;  margin:30px 0 10px 0; padding:0;}
#contact-us .inner table.enqTable{margin:20px auto; width:600px; }

#lnkSend1{margin-left:650px; margin-bottom:10px;}

.send{background:url('../i/btnSend.gif') no-repeat 0 0;width:52px; height:25px; display: block; 	top: 0; text-indent:-9999px;}
.sendRO{background:url('../i/btnSend.gif') no-repeat 0 -25px;width:52px; height:25px; display: block; 	top: 0; text-indent:-9999px;}

.send2{background:url('../i/btnSend.gif') no-repeat 0 0;width:52px; height:25px; display: block; 	top: 0; text-indent:-9999px; margin-top:4px;}
.send2RO{background:url('../i/btnSend.gif') no-repeat 0 -25px;width:52px; height:25px; display: block; 	top: 0; text-indent:-9999px; margin-top:4px;}

.sendBig{background:url('../i/btnSendBig.gif') no-repeat 0 0;width:90px; height:68px; display: block; 	top: 0; text-indent:-9999px;}
.sendBigRO{background:url('../i/btnSendBig.gif') no-repeat 0 -68px;width:90px; height:68px; display: block; 	top: 0; text-indent:-9999px;}

.join{background:url('../i/btnJoin.gif') no-repeat 0 0;width:52px; height:25px; display: block; 	top: 0; text-indent:-9999px;}
.joinRO{background:url('../i/btnJoin.gif') no-repeat 0 -25px;width:52px; height:25px; display: block; 	top: 0; text-indent:-9999px;}


/* get rid of outlines the browser creates around clicked links */
a:focus{outline:none}