/**************************
dcypher.co.uk
http://www.dcypher.co.uk
Default Stylesheet
**************************/

html, body{ margin: 0; padding: 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #ffffff; text-align: center; background-color: #dedede; }

p { line-height: 18px; margin: 0px; padding: 0px 0px 16px 0px; font-size: 11px; font-weight: normal; color: #ffffff; }
h1 { line-height: 17px; margin: 0px; padding: 0px 0px 14px 0px; font-size: 11px; font-weight: bold; color: #0099ff; }
h2 { line-height: 14px; margin: 0px; padding: 0px 0px 14px 0px; font-size: 11px; font-weight: normal; color: #ff0099; }
h3 { line-height: 17px; margin: 0px; padding: 0px 0px 14px 0px; font-size: 11px; font-weight: normal; color: #0099ff; }
h4 { line-height: 17px; margin: 0px; padding: 4px 0px 6px 0px; font-size: 11px; font-weight: normal; color: #000000; }

a:link { color: #D1D3D9; text-decoration: underline; }
a:visited { color: #D1D3D9; text-decoration: underline; }
a:hover {color: #ff0099; background-color:#373e44; text-decoration: underline; }
a:active { color: #ff0099; text-decoration: none; }


.testimonial { line-height: 17px; color: #FFFFFF; }
.testName { line-height: 17px; padding: 0px 0px 14px 0px; color: #d1d3d9; }

.subNavTitle {
	font-weight:bold;
	margin: 0px 0px 0px 0px;
	color: #0099ff;
	line-height: 18px;
	padding: 0px 0px 3px 0px;
}
.subNav {
	margin: 0px 0px 0px 0px;
	color: #ff0099;
	line-height: 10px;
	padding: 4px 0px 6px 12px;
}
.subNav a:link {
	color: #D1D3D9; text-decoration: none;
}
.subNav a:visited {
	color: #D1D3D9; text-decoration: none;
}
.subNav a:hover {
	color: #ff0099; text-decoration: none;
}
.subNav a:active {
	color: #000000; text-decoration: none;
}

.subNavSpacer {
	margin: 0px 0px 0px 0px;
	color: #ff0099;
	line-height: 10px;
	padding: 5px 0px 5px 0px;
}



.subNavText {
	font-size: 11px;
	margin: 0px 0px 0px 0px;
	color: #D1D3D9;
	line-height: 18px;
	padding: 4px 0px 6px 0px;
}
.subNavText a:link {
	color: #ff0099; text-decoration: none;
}
.subNavText a:visited {
	color: #ff0099; text-decoration: none;
}
.subNavText a:hover {
	color: #ff0099; text-decoration: underline;
}
.subNavText a:active {
	color: #ff0099; text-decoration: none;
}

.subNavContact {
	font-size: 11px;
	margin: 0px 0px 0px 0px;
	color: #D1D3D9;
	line-height: 10px;
	padding: 4px 0px 6px 0px;
}
.subNavContact a:link {
	color: #D1D3D9; text-decoration: none;
}
.subNavContact a:visited {
	color: #D1D3D9; text-decoration: none;
}
.subNavContact a:hover {
	color: #ff0099; text-decoration: none;
}
.subNavContact a:active {
	color: #000000; text-decoration: none;
}



.serviceLinks {
	font-size: 11px;
	margin: 0px 0px 0px 0px;
	color: #0099ff;
	line-height: 10px;
	padding: 5px 0px 5px 0px;
}
.serviceLinks a:link {
	color: #D1D3D9; text-decoration: none;
}
.serviceLinks a:visited {
	color: #D1D3D9; text-decoration: none;
}
.serviceLinks a:hover {
	color: #ff0099; text-decoration: none;
}
.serviceLinks a:active {
	color: #D1D3D9; text-decoration: none;
}




.style11 {font-size: 11px}

.blue {color: #0099ff}

.pink {color: #ff0099}


.footerText {
	font-size: 10px;
	margin: 0px 0px 0px 0px;
	color: #b2b2b2;
	line-height: 16px;
	padding: 0px 0px 0px 0px;
}
.footerText a:link {
	color: #b2b2b2; text-decoration: none;
}
.footerText a:visited {
	color: #b2b2b2; text-decoration: none;
}
.footerText a:hover {
	color: #4b5257; text-decoration: none;
}
.footerText a:active {
	color: #b2b2b2; text-decoration: none;
}


.articleTitle {
	font-size: 11px;
	margin: 0px 0px 0px 0px;
	color: #0099ff;
	line-height: 18px;
	padding: 0px 0px 2px 0px;
}
.articleLinks {
	font-size: 11px;
	margin: 0px 0px 0px 0px;
	color: #D1D3D9;
	line-height: 18px;
	padding: 0px 0px 14px 0px;
}
.articleLinks a:link {
	color: #ff0099; text-decoration: none;
}
.articleLinks a:visited {
	color: #ff0099; text-decoration: none;
}
.articleLinks a:hover {
	color: #ff0099; text-decoration: underline;
}
.articleLinks a:active {
	color: #ff0099; text-decoration: none;
}



.lightblue {color: #00b9ef}


.black {
	color: #4b5257;
}
.services9 {
	font-size: 9px;
	color: #4b5257;
	text-align: center;
	line-height: 16px;
	padding: 0px 0px 0px 0px;
}
.services9 a:link {
	color: #4b5257; text-decoration: none;
}
.services9 a:visited {
	color: #4b5257; text-decoration: none;
}
.services9 a:hover {
	color: #8F8F91; text-decoration: none;
}
.services9 a:active {
	color: #4b5257; text-decoration: none;
}



.top {
	font-size: 9px;
	color: #8F8F91;
	text-align: right;
	line-height: 10px;
	padding: 0px 0px 0px 0px;
}
.top a:link {
	color: #8F8F91; text-decoration: none;
}
.top a:visited {
	color: #8F8F91; text-decoration: none;
}
.top a:hover {
	color: #D1D3D9; text-decoration: none;
}
.top a:active {
	color: #8F8F91; text-decoration: none;
}



.projectNav {
	font-size: 10px;
	color: #8F8F91;
	padding: 0px 0px 0px 0px;
}
.projectNav a:link {
	color: #8F8F91; text-decoration: underline;
}
.projectNav a:visited {
	color: #8F8F91; text-decoration: none;
}
.projectNav a:hover {
	color: #ff0099; text-decoration: none;
}
.projectNav a:active {
	color: #000000; text-decoration: none;
}


.portfolio {
	font-size: 11px;
	margin: 0px 0px 0px 0px;
	color: #FFFFFF;
	line-height: 16px;
	padding: 0px 0px 14px 0px;
}
.portfolioLink {
	font-size: 11px;
	margin: 0px 0px 0px 0px;
	color: #FFFFFF;
	line-height: 16px;
	padding: 0px 0px 14px 0px;
}
.portfolioLink a:link {
	color: #0099ff; text-decoration: underline;
}
.portfolioLink a:visited {
	color: #0099ff; text-decoration: none;
}
.portfolioLink a:hover {
	color: #ff0099; text-decoration: underline;
}
.portfolioLink a:active {
	color: #0099ff; text-decoration: none;
}






/* wrapper */

#wrapper {
	width: 810px;
	height: 100%;
	background-color: #FFFFFF;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
}

/* content */

#content {
	width: 750px;
	height: 100%;
	padding-top: 30px;
	padding-right: 30px;
	padding-bottom: 0px;
	padding-left: 30px;
	
}

/* header */

#header {
	background-image: url("../images/header.gif");
	background-repeat: no-repeat;
	background-color: #30373d;
	width: 750px;
	height: 104px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

/* banner */



#banner {

	background-color: #dedede;
	width: 750px;
	height: 102px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

/* nav */

#nav {
	background-color: #30373d;
	width: 750px;
	height: 21px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

/* main body */

#main {
	background-image: url("../images/mainBackground.gif");
	background-repeat:repeat-y;
	background-color: #30373d;
	width: 750px;
	height: 100%;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	overflow: auto;
}
#mainText {
	width: 460px;
	margin: 0px;
	padding-top: 40px;
	padding-right: 30px;
	padding-bottom: 30px;
	padding-left: 30px;
	float:left;
}
#mainNav {
	width: 189px;
	margin: 0px;
	padding-top: 40px;
	padding-right: 20px;
	padding-bottom: 40px;
	padding-left: 21px;
	float:left;
}

/* footer */

#navFooter {
	background-image: url("../images/navFooter.gif");
	background-repeat: no-repeat;
	background-color: #30373d;
	font-size: 10px;
	width: 730px;
	height: 23px;
	margin: 0px;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 0px;
	clear: both;
	text-align: right;
}


.navFooter a:link {
	color: #FFFFFF; text-decoration: none;
}
.navFooter a:visited {
	color: #FFFFFF; text-decoration: none;
}
.navFooter a:hover {
	color: #ff0099; text-decoration: none;
}
.navFooter a:active {
	color: #000000; text-decoration: none;
}




#contentFooter {
	background: url("../images/contentFooter.gif") no-repeat bottom;
	background-color: #30373d;
	width: 730px;
	height: 70px;
	margin: 0px;
	padding-top: 15px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
}
#footer {
	background-image: url("../images/footer.gif");
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	width: 750px;
	height: 116px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#footerDetails {

	width: 500px;
	margin: 0px;
	padding-top: 45px;
	padding-right: 40px;
	padding-bottom: 0px;
	padding-left: 0px;
	float:left;
}



/* contact form */

#contactInfo {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #FFFFFF;
	width: 100px;
	margin: 0px;
	padding-top: 23px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	float: left;
}
#contactForm {

	width: 250px;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	float: left;
}
.formstyle {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: xx-small;
	font-style: normal;
	color: #000000;
	font-weight: normal;
	text-decoration: none;
	margin-bottom: 11px;
}
.sendButton {
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
	BACKGROUND-COLOR: #dedede;
	BORDER: 1px;
	VERTICAL-ALIGN: middle;
	WIDTH: 80px;
	HEIGHT: 20px;
}
.contactText {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	margin: 0px 0px 0px 0px;
	color: #0099ff;
	line-height: 14px;
	padding: 0px 0px 24px 0px;
}
.contactBoxes {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	margin: 0px 0px 0px 0px;
	color: #FFFFFF;
	line-height: 14px;
	padding: 0px 0px 7px 0px;
}


/* site map */

.mapL1 {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	margin: 0px 0px 0px 0px;
	color: #FFFFFF;
	line-height: 19px;
	padding: 0px 0px 5px 0px;
}
.mapL1 a:link {
	color: #FFFFFF; text-decoration: none;
}
.mapL1 a:visited {
	color: #FFFFFF; text-decoration: none;
}
.mapL1 a:hover {
	color: #FF0099; text-decoration: none;
}
.mapL1 a:active {
	color: #FFFFFF; text-decoration: none;
}

.mapL2 {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	margin: 0px 0px 0px 0px;
	color: #0099ff;
	line-height: 19px;
	padding: 0px 0px 3px 40px;
}
.mapL2 a:link {
	color: #0099ff; text-decoration: none;
}
.mapL2 a:visited {
	color: #0099ff; text-decoration: none;
}
.mapL2 a:hover {
	color: #ff0099; text-decoration: none;
}
.mapL2 a:active {
	color: #0099ff; text-decoration: none;
}

.mapL3 {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	margin: 0px 0px 0px 0px;
	color: #D1D3D9;
	line-height: 19px;
	padding: 0px 0px 3px 80px;
}
.mapL3 a:link {
	color: #D1D3D9; text-decoration: none;
}
.mapL3 a:visited {
	color: #D1D3D9; text-decoration: none;
}
.mapL3 a:hover {
	color: #ff0099; text-decoration: none;
}
.mapL3 a:active {
	color: #D1D3D9; text-decoration: none;
}

/* projects */

#projects {
	margin: 0px;
	width: 460px;
	height: 100%;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 8px;
}
.projectImage {
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 20px;
	padding-bottom: 20px;
	margin: 0px;
}
.projectImageEnd {
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 20px;
	margin: 0px;
}

#recProjects {
	margin: 0px;
	width: 460px;
	height: 110px;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}
.recentProject {
	width: 160px;
	margin: 0px;
	float: left;
	text-align: left;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.recentProjectEnd {
	width: 140px;
	margin: 0px;
	float: left;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.recentProjectTitle {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	margin: 0px 0px 0px 0px;
	color: #D1D3D9;
	line-height: 16px;
	padding: 3px 0px 0px 0px;
}


/* portfolio */

#streetMagic { padding-bottom: 2em; position: relative }
#spandex, #harrisPye, #orla, #curtisSports, #elements, #rhLaw, #simplex, #zest, #littleAcorns { padding-top: 1em; padding-bottom: 2em; position: relative }





.test {
	color: #d1d3d9;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: italic;
	font-size:11px;
	line-height: 18px;
	padding: 0px 3px 16px 0px;
}

.testName {
	font-size: 11px;
	color: #0099ff;
	}