/*global reset*/
span, h1, h2, h3, h4, h5, h6, p, blockquote,
a, font, img, tt, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, tbody, tfoot, 
thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-family: inherit;
	vertical-align: baseline;
}
ul {
	list-style-type:none;
}

/*Clearfix*/
.header:after, #footer:after, .websiteGroup:after, form:after, .expandable:after, .button:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
/*debug*/

/* Basic styles */
html, * {
	font-family:Georgia, "Times New Roman", Times, serif;
	margin:auto;
	padding:0;
}
body {
	text-align:left !important;
	font-size:62.5%;
	margin:auto;
	width:100%;
	width:1000px;
}
.accessibility, span.accessibility {
	position:absolute;
	left:-9999px;
} 
p {
	color:#000;
	font-size:1.4em;
}
a {
	color:#000;
}
/*header*/
#wrapper {
	padding-top:30px;
	margin-top:5px;
}
.header {
	border-top:3px solid #000;
}
h1.logo, a.logo {
	float:left;
	margin: 2px 0 0 30px;
	padding:0;
	height:37px;
}
ul.nav {
	font-size:2.4em;
	float:right;
	text-aling:right;
	margin-right:10px;
}
ul.nav li {
	float:left;
	padding:5px 20px;
}
ul.nav li a {
	color:#000;
	text-decoration:none;
}

/*page specific colours*/
.home em, .home a:hover, .home a:active, .home strong {
	color:#11b6eb;
}
.services em, .services a:hover, .services a:active, .services strong {
	color:#0f4dbc;
}
.work em, .work a:hover, .work a:active, .work strong {
	color:#ff6e00;
}
.about em, .about a:hover, .about a:active, .about strong {
	color:#b50767;
}
.contact em, .contact a:hover, .contact a:active, .contact strong {
	color:#74ae00;
}
.home a.readMore:hover {
	background:#11b6eb;
	color:#000;
}
.services a.readMore:hover {
	background:#0f4dbc;
	color:#fff;
}
.work a.readMore:hover {
	background:#ff6e00;
	color:#fff;
}
.about a.readMore:hover {
	background:#b50767;
	color:#fff;
}
.contact a.readMore:hover {
	background:#74ae00;
	color:#000;
}
.home .featuredProject a.img:hover {
	border:2px solid #11b6eb;
}
/* selected navigation */
.home .selected {
	color:#11b6eb;
}
.services .selected {
	color:#0f4dbc;
}
.work .selected {
	color:#ff6e00;
}
.about .selected {
	color:#b50767;
}
.contact .selected {
	color:#74ae00;
}
/* Selection colours */
.home ::selection {
	background: #11b6eb; /* Safari */
	color:#000;
}
.home ::-moz-selection {
	background: #11b6eb; /* Firefox */
	color:#000;
}
.home em::selection {
	color:#fff;
}
.home em::-moz-selection {
	color:#fff;
}
.services ::selection {
	background: #0f4dbc; /* Safari */
	color:#fff;
}
.services ::-moz-selection {
	background: #0f4dbc; /* Firefox */
	color:#fff;
}
.services em::selection {
	color:#000;
}
.services em::-moz-selection {
	color:#000;
}
.work ::selection {
	background: #ff6e00; /* Safari */
	color:#000;
}
.work ::-moz-selection {
	background: #ff6e00; /* Firefox */
	color:#000;
}
.work em::selection {
	color:#fff;
}
.work em::-moz-selection {
	color:#fff;
}
.about ::selection {
	background: #b50767; /* Safari */
	color:#fff;
}
.about ::-moz-selection {
	background: #b50767; /* Firefox */
	color:#fff;
}
.about em::selection {
	color:#000;
}
.about em::-moz-selection {
	color:#000;
}
.contact ::selection {
	background: #74ae00; /* Safari */
	color:#fff;
}
.contact ::-moz-selection {
	background: #74ae00; /* Firefox */
	color:#fff;
}
.contact em::selection {
	color:#000;
}
.contact em::-moz-selection {
	color:#000;
}
/* navigation colours */
a.services:hover, a.services:active, a.services:focus {
	color:#0f4dbc;
}
a.work:hover, a.work:active, a.work:focus {
	color:#ff6e00;
}
a.about:hover, a.about:active, a.about:focus {
	color:#b50767;
}
a.contact:hover, a.contact:active, a.contact:focus {
	color:#74ae00;
}
/* owl */
.home #wrapper {
	background:transparent url("../img/owl-home.gif") no-repeat top right;
}
.services #wrapper {
	background:transparent url("../img/owl-services.gif") no-repeat top right;
}
.work #wrapper {
	background:transparent url("../img/owl-work.gif") no-repeat top right;
}
.about #wrapper {
	background:transparent url("../img/owl-about.gif") no-repeat top right;
}
.contact #wrapper {
	background:transparent url("../img/owl-contact.gif") no-repeat top right;
}
/*twitter colours */
.home .twitter {
	background:transparent url("../img/bg_quote-home.gif") no-repeat top left;
}
.services .twitter {
	background:transparent url("../img/bg_quote-services.gif") no-repeat top left;
}
.work .twitter {
	background:transparent url("../img/bg_quote-work.gif") no-repeat top left;
}
.about .twitter {
	background:transparent url("../img/bg_quote-about.gif") no-repeat top left;
}
.contact .twitter {
	background:transparent url("../img/bg_quote-contact.gif") no-repeat top left;
}
/*content*/
.home h2, .services h1, .work h1, .about h1, .contact h1 {
	border-bottom:3px dotted #000;
	border-top:3px dotted #000;
	clear:both;
	font-size:3.0em;
	line-ehight:4.8em;
	padding:37px 230px 37px 110px;
}
p.intro{
	border-top:2px solid #000;
	border-bottom:2px solid #000;
	clear:both;
	font-size:1.8em;
	line-height:1.3em;
	float:right;
	margin:25px 30px 0 20px;
	padding:13px 2px;
	text-align: justify; 
	text-justify: newspaper;
	width:296px;
}
.featuredProject {
	float:right;
	margin:25px 0 0 20px;
	width:300px;
}
.featuredProject p {
	font-size:1.4em;
	margin-bottom:20px;
	padding:9px 0 1px 0;
}
.featuredProject h3 {
	font-size:1.6em;
	padding:10px 2px 0 2px;
}
a.readMore {
	font-size:1.2em;
	width:105px;
	background:#000;
	color:#fff;
	margin-top:20px;
	text-decoration:none;
	padding:5px 10px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
a.readMore:hover {
	background:#74ae00;
	color:#000;
}
.featuredProject a.img {
	border:2px solid #000;
	display:block;
}
h3 {
	text-transform:uppercase;
}
/*footer*/
#footer {
	border-top:3px solid #000;
	clear:both;
	float:left;
	margin:25px 0 40px 0;
	padding:25px 30px 0 30px;
	width:940px;
}
.signature {
	float:left;
	width:240px;
}
#footer em {
	font-weight:normal;
	font-style:normal;
}
.contactDetails {
	float:left;
	width:240px;
}
#footer .signature p, #footer .contactDetails p {
	font-size:1.1em;
	line-height:1.2em;
}
.twitter {
	float:right;
	width:300px;
	padding:0 0 0 40px;
	color:#333;
}
.twitter p {
	font-size:1.4em;
}
.twitter p a {
	color:#666;
	text-decoration:none;
	margin-top:0;
	display:inline;
}
.twitter a {
	margin-top:5px;
	display:block;
}
/*services specific styles */
.services p {
	font-size:1.6em;
	padding-left:30px;
	clear:both;
}
p#services1 {
	padding:10px 430px 10px 30px;
	line-height:1.4em;
	background:url("../img/services1.jpg") no-repeat scroll 630px center transparent;
}
p#services2 {
	padding:10px 30px 10px 430px;
	line-height:1.4em;
	background:url("../img/services2.jpg") no-repeat scroll 10px top transparent;
}
.websiteGroup {
	float:left;
	width:300px;
	margin:0 0 20px 20px;
}
.expandable .websiteGroup p {
	padding:2px;
}
.websiteGroup img {
	border:2px solid #000;
	margin-bottom:10px;
}
.expandable {
	margin:20px 10px;
	padding-top:30px;
}
.expandable p {
	clear:both;
	padding-left:20px;
}
.services a.button {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background:#000 url("../img/plus.png") no-repeat 4px center;
	color:#fff;
	display:block;
	padding:5px 5px 5px 15px;
	text-decoration:none;
	font-size:1.2em;
	margin:0 30px 30px 0;
	text-align:center;
	min-width:120px;
	float:right;
	cursor:pointer;
}
.services a.minus {
	background:#000 url("../img/minus.png") no-repeat 4px center;
}
.services a.button:hover, .services a.button:active, .services a.button:focus {
	background:#0f4dbc url("../img/plus.png") no-repeat 4px center;
}
.services a.minus:hover, .services a.minus:active, .services a.minus:focus {
	background:#0f4dbc url("../img/minus.png") no-repeat 4px center;
}
.services h2 {
	font-size:2em;
	padding-bottom:10px;
	text-transform:none;
	
}
.services #footer p {
	padding-left:0;
}
/* contact specific styles */
.contactForm {
	background:#74ae00;
	font-size:1.6em;
	margin:30px;
	width:30em;
	padding:30px;
	float:left;
}
form {
	margin:0 auto;
	margin:0 30px;
}
label {
	display:block;
	margin-top:10px;
}
input {
	min-width:30em;
	padding:10px;
}
textarea {
	min-width:25em;
	min-height:200px;
	padding:10px;
	margin-bottom:30px;
}
input[type=submit] {
	background:#000;
	min-width:5em;
	padding:5px;
	cursor:pointer;
	color:#fff;
	border:none;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	text-align:center;
	float:right;
}
.furtherContact p {
	font-size:1.6em;
}
.furtherContact em {
	margin-top:15px;
	display:block;
}
.contact h3, .contact h4 {
	font-size:2em;
	text-transform:none;
	color:#74ae00;
	margin:30px 0 15px 0;
}
/* about specific styles */
#linda, #chris {
	width:50%;
	float:left;
	margin-top:20px;
}
#linda p, #chris p {
	margin-bottom:10px;
}
#linda img, #chris img {
	float:left;
	width:140x;
	height:140px;
	margin:10px 20px 10px 0;
	border:5px solid #B50767;
}
#linda ul, #chris ul {
	font-size:1.6em;
	margin-bottom:15px;
}
#linda h2, #chris h2 {
	color:#B50767;
	font-size:2em;
	line-height:2em;
}