body {
	background:#000 url(../img/bodybg.png) repeat-x 0 0;
	color:#bfbfbf;
	line-height: 1.5;
}
.hidden {
	display:none;
	visibility:hidden;
	border:none;
}
strong {
	color:#fff !important;
}
input,textarea,body {
	font-family:'lucida grande',"lucida sans regular",tahoma,helvetica,arial,sans-serif;
	font-size:11px;
}

h1 {
	font-size: 21px;
}
h1.arrow {
    color: #FFFFFF;
	font-size: 24px;
	margin: 0 0 13px 17px;
	padding: 8px 0 0 37px;
	background: url(/lib/img/arrowlarge.png) no-repeat left 12px;
}
h1.arrowblack {
	background-image: url(/lib/img/arrowlargeblack.png);
}
h2 {
	font-size: 18px;
	color:#fff;
}
h3 {
	font-size: 13px;
	color:#fff;
}
a span {
	display:none;
}
span.strike {
	text-decoration:line-through;
}
sup {
	font-size: 5px;
	vertical-align: super;
}
div.wrapper {
	width: 100%;
	overflow:hidden;
	clear: both;
}
.largetext,p.largetext {
	font-size: 13px !important;
}
/**FANCY STUFF**/
a.fancy,#comments p.date a.fancy,a.fancyjs,#comments p.date a.fancyjs {
	display: inline-block;
	width: auto;
	line-height:1;
	overflow:visible;
}
.largetext a.fancy,.largetext a.fancyjs {
	line-height: 12px;
}
a.fancy,#comments p.date a.fancy,a.fancyjs,#comments p.date a.fancyjs,a.fancyreturn {
	color: #0cd;
	border-bottom: 1px solid #04454b;
}
a.fancy:hover {
	border-bottom-color: #4C7080 !important;
	color:#97e0ff !important;
}
h3 a.fancy,h2 a.fancy,h3 a.fancyjs,h2 a.fancyjs {
	border: none;
	line-height: 1.5;
	color: #fff2b5;
}
a.fancy:visited,a.fancyjs:visited {
		color:#bc65ff;
		border-bottom-color:#402356;
}
h3 a.fancy:visited,h2 a.fancy:visited, div.button a.fancy, div.button a.fancy:visited,
h3 a.fancyjs:visited,h2 a.fancyjs:visited, div.button a.fancyjs, div.button a.fancyjs:visited {
	color: #fff2b5;
}
input.fancyhover {
	color:#97e0ff !important;
}
/**END FANCY STUFF**/

h3 a,h2 a {
	padding-left:0px;
	display:block;
	font-size: 13px;
	font-weight: normal;
}

div.button {
	border: 2px solid #232323;
	background:url(../img/buttonbg.png) repeat-x;
}
div.button a {
	border-bottom: none;
	display: block;
	padding: 4px 32px 4px 9px;
	font-size: 11px;
	line-height:10px !important;
}
div.button span, div.button div.bcontainer {
	display:block;
	background: url(../img/arrow.png) right no-repeat;
	width: 100%;
	height:22px;
}
div.button div.bcontainer {
	display:block;
	background: url(../img/arrow.png) right no-repeat;
	width: 95%;
	height:22px;
}
div.button span.speechbubble {
	background: url(/lib/img/speechgrey.png) no-repeat 7px 5px !important;
}
div.button span.speechbubble a {
	padding-left:25px;
}
div.button input {
	margin: 1px 0 0 0;
}
div.button input:hover {
	cursor: pointer;
}

/**************
 * ED GAIN GIVES ME NIGHTMARES
 **************/
div.buttonwrapper {
	position:relative;
}
div.transparent {
	position:relative;
	padding: 3px 0;
	overflow:hidden;
}
div.transparent .inner {
	margin: 0 3px;
}
div.transparent .bg {
	background:url(/lib/img/85pc000000.png);
	width: 100%;
	height: 100%;
	position:relative;
}
.contactbg {
	background: url(/lib/img/contactbk.png) no-repeat;
}
div.transparent .left, div.transparent .right, div.transparent .top, div.transparent .bottom {
	background:url(../img/5pcffffff.png);
	position:absolute;
}
div.transparent .left, div.transparent .right {
	width: 3px;
	height: 100%;
	top: 3px;
}
div.transparent .top, div.transparent .bottom {
	height: 3px;
	overflow: hidden;
	width: 100%;
	left: 0;
}
div.transparent .top {
	top: 0;
}
div.transparent .right {
	right: 0;
}
div.transparent .bottom {
	bottom: 0;
	left: 3px;
	width: 332px;
}
div.transparent .left {
	left: 0px;
}
/**************
 * ED GAIN GIVES ME NIGHTMARES
 **************/
#navwrapper {
	width:100%;
	height:85px;
	overflow:visible;
	background: url(../img/navbg.png) repeat-x top center;
	position:fixed;
	top: 0;
	left: 0;
	z-index:9999;
}
#navshadow {
	background: url(../img/navshadow.png) repeat-x;
}
#nav,#main,#footer,#maincontnent {
	width:760px;
	margin:0 auto;
}
#nav {
	padding: 0 24px 0 10px;
	width: 726px;
	height: 85px;
}
#nav ul {
	float:left;
	margin:0 0 0 0;
}
#nav li {
	float:left;
	position:relative;
	padding-bottom: 6px;
	overflow: hidden;
	height:70px;
	margin:0 2px 0 0;
}
#nav li a {
	padding: 53px 0 3px;
	display:block;
	margin-top:-75px;
	text-align: center;
}
#nav li div {
	width: 0;
	height: 70px;
}

li#digitaldesign a {
	width: 122px;
}
li#webdevelopment a {
	width: 150px;
}
li#portfolio a {
	width: 89px;
}
li#company a {
	width: 91px;
}
li#getintouch a {
	width: 112px;
}

li#digitaldesign.current {
	background:url(../img/digitaldesignkeyline.png) no-repeat bottom center;
}
li#webdevelopment.current {
	background:url(../img/webdevelopmentkeyline.png) no-repeat bottom center;
}
li#portfolio.current {
	background:url(../img/portfoliokeyline.png) no-repeat bottom center;
}
li#getintouch.current {
	background:url(../img/getintouchkeyline.png) no-repeat bottom center;
}
li#company.current {
	background:url(../img/companykeyline.png) no-repeat bottom center;
}
div.do1 {
	float:right;
	width:58px;
	height:37px;
	margin:17px 0 0 0;
	position:relative;
}
div.do1 a {
	display:block;
	height:100%;
	width:100%;
	background:url(../img/do1.png);
}
#breadcrumb {
	background:#1c1c1c;
	width: 726px;
	margin: 16px auto 13px;
	padding: 3px 0 0 14px;
	overflow:auto;
	font-size: 9px;
	color:#808080;
	height: 16px;
}
#breadcrumb a {
	line-height: 2em;
	padding-bottom: 5px;
	color:#bfbfbf;
}
#breadcrumb li {
	overflow: visible;
}
a.bchover {
	color:#fff;
}
#breadcrumb div, #breadcrumb ul {
	float:left;
}
#breadcrumb div {
	
}
#breadcrumb ul {
	overflow:hidden;
	margin: 0 0 0 7px;
}
#breadcrumb li {
	float:left;
	margin: 0 7px 0 0;
}
#breadcrumb a {
	padding-top: 2px;
	line-height: 9px;
	border-bottom:none;
	color:#bfbfbf;
}
#main {
	background: #171717;
}
#content {
	padding-top: 70px;
	position:relative;
}
#sideshadowr,#sideshadowl {
	position: absolute;
	width: 14px;
	height: 400px;
	top: 71px;
}
#sideshadowl {
	left: -14px;
	background: url(../img/sideshadowl.png) repeat-y;
}
#sideshadowr {
	right: -14px;
	background: url(../img/sideshadowr.png) repeat-y;
}
p.date {
	font-size: 9px;
	color:#808080;
	border-bottom: none;
}
#footer {
	background:#0f0f0f;
	overflow:hidden;
	padding:0;
}
#snav {
	overflow:hidden;
	padding: 0;
	margin: 11px 0 14px 0;
	width:100%;
	min-height: 73px;
}
#footer li {
	float:left;
	text-align:center;
	line-height: 1.2;
}
#footer ul ul {
	margin:2px 0 0 0;
}
#footer li li {
	float:none;
	display:block;
	text-align:left;
	padding:0 0 0 9px;
	background:url(../img/smallbullet.png) no-repeat 2px 4px;
	line-height: 9px;
}
li.smallbullet {
	background:url(../img/smallbullet.png) no-repeat 2px 6px;
}
li.normalbullet {
	background: url(../img/normalbullet.png) no-repeat 0px 6px;
	padding-left: 10px;
}
#footer li.home {
	width:79px;
	padding-left: 1px;
}
#footer li.digitaldesign {
	width:111px;
}
#footer li.webdevelopment {
	width:133px;
	text-align:left;
	padding-left:30px;
}
#footer li.portfolio {
	width:81px;
	padding-left: 2px;
	text-align:left;
}
#footer li.getintouch {
	width:83px;
	padding-left: 24px;
}
#footer li.company {
	width:57px;
	text-align:left;
	padding-left: 10px;
}
#footer li.legal {
	width:125px;
}
#footer a {
	font-size:9px;
	color:#808080;
	border-bottom: none;
	line-height: 12px !important;
}
#footer a.pcurrent {
	color:#fff;
}
#footer a.current,a.yellow,a.yellow:visited {
	color:#fff2b5;
}
#strap {
	clear:both;
	width:100%;
	padding:6px 27px;
	background:#080808;
	overflow:hidden;
	line-height: 1.7;
}
#strap p {
	color:#404040;
	font-size:9px;
	margin-right:423px;
}
#css {
	margin-right:8px;
}
#strap p, #strap img {
	float:left;
}
form {
	
}
form ul {
	width: 375px;
}
form.seo ul {
	margin-top: 12px;
	width: 309px;
}
form li {
	overflow:hidden;
	line-height:16px;
	margin: 0 0 10px 0;
}
form input,form textarea {
	background:#000;
	border:1px solid #292929;
	width: 278px;
	float:left;
	color:#fff;
	height: 14px;

}
form.seo input {
	width: 260px;
}
form textarea {
	height: 100px;
}
form label {
	display:block;
	width: 82px;
	float:left;
	padding: 0 8px 0 0;
	margin: 2px 5px 0 0;
	text-align:right;
}
label.seo {
	width: 30px !important;
}
input.file {
	background:none;
	border:none;
}
input.button {
	background:#151515 url(/lib/img/arrowbutton.png) no-repeat center right !important;
	padding: 0 0 3px 6px;
	height: 25px;
	color:#fff2b5;
	font-size:11px;
	border-width:2px !important;
}
.seobtn {
	height: 22px !important;
}
form li.required label {
	margin: 0 2px 0 0;
	border-right: 3px solid #630F0F;
}

input.submit {
	width: 135px !important;
	line-height:16px !important;
	text-align: left;
	float:right !important;
}

hr {
	background:#232323;
	border:none;
	margin: 0;
	padding: 0;
	height: 1px;
	width: 100%;
}
div.quote {
	background:url(/lib/img/quoteopen.png) no-repeat 1px 1px;
	padding-left: 21px;
}
div.quote span,div.quote div.text {
	background: url(/lib/img/quoteclose.png) no-repeat;
	background-position: right bottom;
	height: 1px;
	padding: 0 21px 2px 0;
	display:inline;
}
div.quote div.by {
	border-left: 2px solid #333232;
	position:relative;
	height: 21px;
	margin-top: 7px;
}
div.quote p.name,div.quote p.title {
	font-size: 9px;
	line-height: 10px;
	padding: 0;
	margin: 0;
	position:absolute;
	left: 6px;
}
div.quote p.name {
	top: -1px;
}
div.quote p.title {
	color:#808080;
	bottom: 0px;
}

div.speechbox {
	background:#1c1c1c;
	position:relative;
	padding: 17px 0 27px 11px;
}
div.speechbox div.text {
	color:#e1e0e0;
}
div.speechbox .footer {
	width: 20px;
	height: 20px;
	background:url(/lib/img/speechboxbottom.png) no-repeat left top;
	position:absolute;
	bottom: -20px;
	left: 60px;
}
div.bodytext p,div.bodytext ul,div.bodytext h2,li.bodytext p,li.bodytext ul,li.bodytext h2 {
	margin-bottom:9px;
}
div.bodytext ul {
	margin-bottom: 15px;
}
div.bodytext li {
	padding-left: 15px !important;
	margin-bottom: 5px !important;
	background: url(/lib/img/normalbullet.png) no-repeat 6px 7px !important;
}

div.blackbox {
	overflow: hidden;
}
div.blackbox .button {
	margin-top: -20px;
	float: right;
	margin-right: 15px;
}
div.blackbox .content {
	background:#000;
	border: 3px solid #232323;
	padding-bottom: 10px;
}

#submitseo {
	border: 0 !important;
	width: 120px !important;
	background: none;
	background-position: 0 0 !important;
	color: #FFF2B5;
	padding-top: 2px;
}

#submitbtn {
	background-position: 0 0 !important;
}

/*sticky footer!*/
html, body {
	height:100%;
}
#main {
	min-height: 100%;
	height:auto !important;
	height:100%;
	margin:0 auto -125px; /* the bottom margin is the negative value of the footer's height */
}
#footer,#push {
	height:125px; /* .push must be the same height as .footer */
}
#footer {
	height: 125px;
}
noscript {
	position:absolute;
}

/* No float style */

.nofloat {
	display: block;
	clear: both;
	visibility: hidden;
	height: 0px;
	font-size: 0;
	line-height: 0px;
	content: ".";
	border: none;
	margin: 0;
	padding: 0;
}