/* CSS Document */

body {
	text-align:center;
	margin: 0px;
	padding: 0px;
}

.index {background:url(../media-2009/body-bg-new.jpg) top repeat-x;}
.portfolio {background:url(../media-2009/portfolio-bg.jpg) top repeat-x;}

.sub {background:url(../media-2009/body-bg-sub.jpg) top repeat-x;}

#container {
	width: 940px;
	margin: 0px auto;
	text-align: left;
}

#telephone {width: 960px; margin: padding: 0px;}

#header {
	width: 940px;
}

#menu {
	width: 204px;
	height: 27px;
	float: right;
}

#navigation {
	width: 600px;
	float: right;
	margin-top: 46px;
}

ul#nav{z-index: 1000;}

#logo {
	width: 340px;
	float: left;
	margin:0px; padding: 0px;
}

#five-star {width: 140px; float: left; margin: 4px 15px 0px 0px;}

#page-heading {width: 940px; float:left; height: 80px;}
#page-title {width: 800px; float: left; height: 80px;}
#quote {width: 140px; float:right; height: 80px;}

#intro {
	width: 940px;
	float:left;
}

#content {float: left;width: 940px; margin-top: 20px;}
.row-container {float: left;width: 940px; margin-bottom: 10px;}

.column-text {
	width: 300px;
	padding: 0px;
	margin-top: 10px;
	text-align:left;
}

.double-column-text {
	width: 600px;
	float: left;
	margin-top: 18px;
	text-align:left;
}

#full-width {
	width: 960px;
	float: left;
	margin: 0px;
	padding: 0px;
	text-align:left;
}

#rightcolsecondary {
	width: 300px;
	float: right;
	padding: 0px 0px 0px 0px;
	margin-top: 10px;
}

.inset-image {
	width: 96px;
	float: left;
	padding: 20px 15px 20px 0px;
}

#doublecol {
	width: 630px;
	float: left;
}

#action {float:left;width: 940px; height: 55px; margin-bottom: 20px;}

#leftcol {
	width: 620px;
	float: left;
	padding: 0px;
	margin: 0px;
}

#leftcolhome {
	width: 620px;
	float: left;
	padding: 10px 0 0 0;
	margin: 0px;
}

#picfloat{
	width: 220px;
	float: left;
	padding: 0px;
	margin-right: 10px;
}

#left, .left {
	width: 300px;
	float: left;
	padding: 0px;
	margin: 0px;
}

#centre, .centre {
	width: 300px;
	float: left;
	padding: 0px;
	margin-left: 20px;
}

#centrecol {
	width: 320px;
	float: left;
	padding: 0px;
	margin: 0px;
}

#rightcol {
	width: 300px;
	float: left;
	padding: 0px;
	margin-left: 20px;
}

#right, .right {
	width: 300px;
	float: left;
	padding: 0px;
	margin-left: 20px;
}

.portfolio-thumb {margin-bottom:10px;}
.new-portfolio-thumb {margin-bottom:10px; padding: 5px; border: solid 1px #999;}

#tweet, #rss {width: 80px;float:left;}
#rss {margin-top: 5px;}

#footer {
	width: 930px;
	float: left;
	text-align: left;
	margin-top: 20px;
	padding: 10px 15px 15px 0px;
	border-top: solid 1px #E0E0E0;
}

#footer p {
	font: normal 0.7em/1.5em lucida grande, arial, helvetica, sans-serif;
	color:#666;
	background-color: transparent;
}



#home-logo {
	width: 340px;
	height: 82px;
	position: relative;
	}
#home-logo span {
	background: url(../media-2009/logo.jpg) no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
	}

#graphic-design-title {
  display: block; 
  width: 800px;
  height: 80px;
  background-image:url(../media-2009/title-graphic-design.jpg);
}

#graphic-design-title span {  
  display: block;
  width: 0;
  height: 0;
  overflow: hidden;
}

#web-design-title {
  display: block; 
  width: 800px;
  height: 80px;
  background-image:url(../media-2009/title-web-design.jpg);
}

#web-design-title span {  
  display: block;
  width: 0;
  height: 0;
  overflow: hidden;
}

#marketing-title {
  display: block; 
  width: 800px;
  height: 80px;
  background-image:url(../media-2009/title-marketing.jpg);
}

#marketing-title span {  
  display: block;
  width: 0;
  height: 0;
  overflow: hidden;
}

#work-title {
	width: 800px;
	height: 80px;
	position: relative;
	}
#work-title span {
	background: url(../media-2009/work.jpg) no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
	}
	
#reserved-title {
  display: block; 
  width: 800px;
  height: 80px;
  background-image: url(../holding/reserved.jpg);
}

#reserved-title span {  
  display: block;
  width: 0;
  height: 0;
  overflow: hidden;
}

#services-title {
  display: block; 
  width: 800px;
  height: 80px;
  background-image:url(../media-2009/services.jpg);
}

#services-title span {  
  display: block;
  width: 0;
  height: 0;
  overflow: hidden;
}

#webmail-title {
  display: block; 
  width: 800px;
  height: 80px;
  background-image:url(../media-2009/webmail.jpg);
}

#webmail-title span {  
  display: block;
  width: 0;
  height: 0;
  overflow: hidden;
}  

#contact-title {
  display: block; 
  width: 800px;
  height: 80px;
  background-image:url(../media-2009/contact-us.jpg);
}

#contact-title span {  
  display: block;
  width: 0;
  height: 0;
  overflow: hidden;
}

#privacy-title {
  display: block; 
  width: 800px;
  height: 80px;
  background-image:url(../media-2009/privacy.jpg);
}

#privacy-title span {  
  display: block;
  width: 0;
  height: 0;
  overflow: hidden;
}

#terms-title {
  display: block; 
  width: 800px;
  height: 80px;
  background-image:url(../media-2009/terms.jpg);
}

#terms-title span {  
  display: block;
  width: 0;
  height: 0;
  overflow: hidden;
} 

#sitemap-title {
  display: block; 
  width: 800px;
  height: 80px;
  background-image:url(../media-2009/sitemap.jpg);
}

#sitemap-title span {  
  display: block;
  width: 0;
  height: 0;
  overflow: hidden;
}

#login-title {
  display: block; 
  width: 800px;
  height: 80px;
  background-image:url(../media-2009/login.jpg);
}

#login-title span {  
  display: block;
  width: 0;
  height: 0;
  overflow: hidden;
}  

#about-title {
  display: block; 
  width: 800px;
  height: 80px;
  background-image:url(../media-2009/about-us.jpg);
}

#about-title span {  
  display: block;
  width: 0;
  height: 0;
  overflow: hidden;
}  

#quote-button {
  display: block; 
  width: 140px;
  height: 80px;
  background-image:url(../media-2009/title-quote.jpg);
}

#quote-button span {  
  display: block;
  width: 0;
  height: 0;
  overflow: hidden;
}



h1 {
	font: normal 1.3em/1.3em arial, helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
	color:#1C419B;
}

h1 a:link, h1 a:visited {color:#102151; text-decoration:none;}
h1 a:hover {color:#102151; text-decoration:underline;}

#doublecol h2 {
	font: normal 1.5em/1.2em arial, helvetica, sans-serif;
	color: #1C419B;
	background-color: transparent;
	margin: 0px;
	padding: 0px;
}

h2 {
	font: normal 1.2em/1.3em arial, helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
}

h3 {
	font: normal 1em/1.3em arial, helvetica, sans-serif;
	color: #1C419B;
	background-color: transparent;
	margin:0px;
	padding: 0px;
}

h4 {
	font: bold 0.75em/1.3em lucida grande, arial, helvetica, sans-serif;
	color: #333;
	background-color: transparent;
}

#contact h3 {margin-bottom: 15px;}

#contact h4 {padding-bottom:0; margin-bottom:0; margin-top:0px;}

#contact p {margin-top:0; padding-bottom:0px;margin-bottom:7px;}

p {
	font: normal 0.75em/1.6em lucida grande, arial, helvetica, sans-serif;
	color:#2A2A2A;
	background-color: transparent;
}

#home-intro {
	width: 960px;
	height: 194px;
	position: relative;
	}

#home-intro span {
	background: url(../media-2009/intro.jpg) no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
}

#web-design-intro {
	width: 960px;
	height: 194px;
	position: relative;
	}

#web-design-intro span {
	background: url(../media-2009/web-design-intro.jpg) no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
}

#graphic-design-intro {
	width: 960px;
	height: 194px;
	position: relative;
	}

#graphic-design-intro span {
	background: url(../media-2009/graphic-design-intro.jpg) no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
}

#marketing-intro {
	width: 960px;
	height: 194px;
	position: relative;
	}

#marketing-intro span {
	background: url(../media-2009/marketing-intro.jpg) no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
}

#about-intro {
	width: 960px;
	height: 194px;
	position: relative;
	}

#about-intro span {
	background: url(../media-2009/about-us-intro.jpg) no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
}

#privacy-intro {
	width: 960px;
	height: 194px;
	position: relative;
	}

#privacy-intro span {
	background: url(../media-2009/privacy-intro.jpg) no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
}

#terms-intro {
	width: 960px;
	height: 194px;
	position: relative;
	}

#terms-intro span {
	background: url(../media-2009/terms-intro.jpg) no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
}

#sitemap-intro {
	width: 960px;
	height: 194px;
	position: relative;
	}

#sitemap-intro span {
	background: url(../media-2009/sitemap-intro.jpg) no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
}

#work-intro {
	width: 960px;
	height: 194px;
	position: relative;
	}

#work-intro span {
	background: url(../media-2009/work-intro.jpg) no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
}



#contact-intro {
	width: 960px;
	height: 194px;
	position: relative;
	}

#contact-intro span {
	background: url(../media-2009/contact-us-intro.jpg) no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
}

#find-intro {
	width: 960px;
	height: 194px;
	position: relative;
	}

#find-intro span {
	background: url(../media-2009/find-intro.jpg) no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
}

#blog-intro {
	width: 960px;
	height: 194px;
	position: relative;
	}

#blog-intro span {
	background: url(../media-2009/blog-intro.jpg) no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
}

#work {
	width: 960px;
	height: 74px;
	position: relative;
	}

#work span {
	background: url(../media-2009/title-work.jpg) no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
}

#our-portfolio {
	display: block; 
	width: 960px;
	height: 50px;
	background-image: url(../media-2009/our-portfolio.jpg);
	padding: 0px;
	margin: 0px;
	}
	
#our-portfolio span {
	display: block;
	width: 0;
	height: 0;
	overflow: hidden;
}

#web-design {
	display: block; 
	width: 320px;
	height: 50px;
	background-image: url(../media-2009/web-design.jpg);
	padding: 0px;
	margin: 0px;
	}
	
#web-design span {
	display: block;
	width: 0;
	height: 0;
	overflow: hidden;
}

#marketing {
	display: block; 
	width: 320px;
	height: 50px;
	background-image: url(../media-2009/marketing.jpg);
	padding: 0px;
	margin: 0px;
	}
	
#marketing span {
	display: block;
	width: 0;
	height: 0;
	overflow: hidden;
}

.class1 a:link, .class1 a:visited {
	color:#1C419B;
	background-color: transparent;
	text-decoration:underline;
}

.class1 a:hover {
	color:#000;
	background-color: transparent;
	text-decoration: none;
}

.class2 a:link, .class2 a:visited {
	color:#333;
	background-color: transparent;
	text-decoration:underline;
}

.class2 a:hover {
	color:#000;
	background-color: transparent;
	text-decoration: none;
}

.class3 a:link, .class3 a:visited {
	color:#333;
	background-color: transparent;
	text-decoration:none;
}

.class3 a:hover {
	color:#000;
	background-color: transparent;
	text-decoration: none;
}

.clients-say {
	padding-bottom: 20px;
}

.clients-say-pad-top {
	padding: 20px 0 20px 0;
}

.client-name {padding-top: 10px;}

blockquote {
	background: transparent url(../media-2009/quote.jpg) left top no-repeat;
	margin: 0px;
	padding: 0px 0px 0px 0px;
}

blockquote p {
	font: normal 0.75em/1.5em lucida grande, Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
}

blockquote div {
  padding: 0 30px;
  background: transparent url(../media-2009/quote.jpg) right bottom no-repeat;
}

.staff {width: 112px; float: left; margin-right: 20px;}
.staff img {padding: 5px; border: solid 1px #999;margin-bottom: 10px;}

/*blockquote {
	font: bold 1em/1.3em Arial, Helvetica, sans-serif;
	background: url(../media-2009/speech-bg.jpg) center no-repeat;
	background: transparent url(../media-2009/quote.jpg) left top no-repeat;
	margin: 0px;
	padding: 10px 15px 15px 15px;
	border: dashed 1px #999;
	background: #d3e3fc;
}

blockquote p {
	margin: 0px;
	padding: 5px 0px 0px 0px;
}

blockquote div {
	width: 60px;
	float: left;
	padding: 0;
	margin-right: 10px;
}*/

.sidebar-title {padding: 35px 0 5px 0;}
.blog-title {padding: 35px 0 5px 0; border-top: solid 1px #999;}
#twitter-link {font: normal 0.75em/1.6em lucida grande, arial, helvetica, sans-serif; color:#333;background-color: transparent; padding-bottom: 15px;}

#twitter_update_list a:link, #twitter_update_list a:visited, #blog_update_list a:link, #blog_update_list a:visited {
	color:#1C419B;
	background-color: transparent;
	text-decoration:underline;
}

#twitter_update_list a:hover, #blog_update_list a:hover {
	color:#000;
	background-color: transparent;
	text-decoration: none;
}

#twitter_update_list, #blog_update_list {margin: 0px; padding: 0px 0px 0px 20px;}

#twitter_update_list li, #blog_update_list li{
	font: normal 0.75em/1.5em lucida grande, arial, helvetica, sans-serif;
	color: #1C419B;
	background-color: transparent;
	list-style-type:square;
	list-style-position:outside;
	padding: 0px 0px 10px 0px;
	margin: 0px;
}

.standardlist li{
	font: normal 0.75em/1.5em lucida grande, arial, helvetica, sans-serif;
	color: #1C419B;
	background-color: transparent;
	list-style-type:square;
	list-style-position:inside;
}

.orderedlist {
	padding-bottom: 0px;
	margin-bottom: 0px;
}

.orderedlist li{
	font: normal 0.75em/1.5em lucida grande, arial, helvetica, sans-serif;
	color: #333;
	background-color: transparent;
	list-style-type:lower-alpha;
	list-style-position:inside;
	padding-bottom: 5px;
}

.grey {
	color:#333;
	background-color: transparent;
}

form {
	padding: 0px;
	margin: 0 0 10px 0;
}
input.field {width: 90%; color:#2A2A2A; background-color: transparent; border: none; font: normal 1em/1.3em lucida grande, Arial, Helvetica, sans-serif; border-bottom: solid 1px #2A2A2A;}
textarea {width: 90%; color:#2A2A2A; background-color: transparent; border: solid 1px #2A2A2A; padding: 3px; font: normal 1em/1.3em  lucida grande, Arial, Helvetica, sans-serif;}
input.check {margin-right: 5px;}
.enquiry-pad {padding: 10px 0px 10px 0px;}

#contact_form {
	font: normal 0.8em/1.2em lucida grande, arial, Helvetica, sans-serif;
	padding: 0px;
	margin: 0px;
	background-color: transparent;
	color: #2A2A2A;
}
.client-logo {
	width: 320px;
	padding: 5px 0px 5px 0px;
	border-bottom: solid 1px #CCC;
}

.thumb-row {
	width: 600px;
	margin: 15px 0px 25px 0px;
	padding: 0px 0px 0px 0px;
}

.thumb-left {
	width: 190px;
	float: left;
}

.thumb-col {
	width: 190px;
	float: left;
	margin-left: 15px;
}

dt {
	font: bold 0.7em/1.2em lucida grande, arial, helvetica, sans-serif;
	color:#333;
	background-color: transparent;
	padding-bottom: 3px;
	border-bottom: dotted 1px #CCC;
}

dd {
	font: normal 0.7em/1.2em lucida grande, arial, helvetica, sans-serif;
	color:#333;
	background-color: transparent;
	padding: 3px 0px 15px 0px;
	margin: 0;
}

.logopadleft{
	margin-left: 20px;
}

#service-list {
	width: 230px;
	float: right;
	margin-left: 20px;
	background-color: transparent;
	padding: 0px;
	
}

#services {
	font: normal 0.75em/1.2em lucida grande, arial, helvetica, sans-serif;
	color:#333;
	background-color: transparent;
	list-style-position:inside;
	padding: 0px;
	border-top: solid 1px #d3e3fc;
}

#services li {
	padding: 8px 0px 10px 0px;
	border-bottom: solid 1px #d3e3fc;
	list-style-image:url(../media-2009/arrow.gif);
}

.client-thumb {
	float:left;
	width: 300px;
	margin: 17px 25px 20px 0px;
}

/*SERVICES LIST NAV*/
#services-navlist {font: normal 0.8em/1.2em lucida grande, arial, helvetica, sans-serif; padding: 0; margin: 0; width: 300px; }
#services-navlist li {list-style: none; margin: 0; padding: 0.5em; border-bottom: 1px solid #E6E6E6; }
#services-navlist li a { text-decoration: none; color: #333;}
#services-navlist li a:hover { text-decoration: none; color:#1C41A3;}

#valid {width: 500px; float: left; margin-bottom: 15px;}
#valid img {padding-left: 10px;}
#fsb {width: 60px; float: left; margin: 10px 15px 30px 0px;}