html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}



/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

.clear { clear: both; }




body{
	margin:0;
  	color:#d8d8d8;
	font:15px Arial, Helvetica, sans-serif;
	background:url("../images/bg-main.jpg") fixed center no-repeat #030303;
	min-width:1000px;
}
a:active
{
  outline: none;
}

img{border-style:none;}
a{	color:#8b919c;
text-decoration:none; outline: none;}
a:hover{color:#586274; text-decoration:underline; outline: none;}
a:focus, a:active, input:focus, textarea:focus {
	outline:none !important
}
a:hover {
	cursor:pointer !important
}
input,
textarea,
select{
	font:100% arial,sans-serif;
	vertical-align:middle;
}
form,fieldset{
	margin:0;
	padding:0;
	border-style:none;
}
.wrapper {
	width:1000px;
	overflow:hidden;
	margin:27px auto 0;
	background-color: #000;
}
.contactwrapper {
	width:1000px;
	overflow:hidden;
	margin:27px auto 0;
	overflow:hidden;
	background:url(../images/bg-content.jpg) no-repeat 100% 600px;
	background-color: #000;

}
.serviceswrapper {
	width:1000px;
	overflow:hidden;
	margin:27px auto 0;
	overflow:hidden;
	background:url(../images/bg-content.jpg) no-repeat 100% 560px;
	background-color: #000;

}
.header {
	overflow:hidden;
	background:url(../images/bg-header.png) no-repeat;
	height:105px;
}
.header h1 {
	margin:0;
}
.header a.logo {
	margin:20px 0 0 60px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../images/bg-logo.png) no-repeat;
	width:559px;
	height:55px;
	cursor:pointer;
	display:block;
}
#nav {
	overflow:hidden;
	background:url(../images/bg-nav.jpg) no-repeat;
	height:41px;
	margin:0 0 3px;
}
#nav ul {
	float:right;
	margin:0 25px 0 0;
	display:inline;
	overflow:hidden;
	height:41px;
	padding:0;
	list-style:none;
}
#nav ul li {
	height:41px;
	float:left;
}
#nav ul li a {
	overflow:hidden;
	height:41px;
	float:left;
	background:url(../images/bg-nav-list.jpg) no-repeat;
	text-indent:-9999px;
}
#nav ul li a.home {
	width:98px;
}
#nav ul li.mousedown a.home {
	background-position:0 -41px !important;
}
#nav ul li a.homeactive {
	background-position:0 -41px !important;
}
#nav ul li a.home:hover {
	background-position:0 -82px;
}
#nav ul li a.services {
	width:112px;
	background-position:-98px 0;
}
#nav ul li.mousedown a.services {
	background-position:-98px -41px !important;
}
#nav ul li a.services:hover {
	background-position:-98px -82px;
}
#nav ul li a.work {
	width:95px;
	background-position:-210px 0;
}
#nav ul li.mousedown a.work {
	background-position:-210px -41px !important;
}
#nav ul li a.work:hover {
	background-position:-210px -82px;
}
#nav ul li a.blog {
	width:88px;
	background-position:-305px 0;
}
#nav ul li.mousedown a.blog {
	background-position:-305px -41px !important;
}
#nav ul li a.blog:hover {
	background-position:-305px -82px;
}
#nav ul li a.contact {
	width:113px;
	background-position:-393px 0;
}
#nav ul li.mousedown a.contact {
	background-position:-393px -41px !important;
}
#nav ul li a.contact:hover {
	background-position:-393px -82px;
}
.feature-block {
	height:401px;
	overflow:hidden;
	margin:0 0 5px;
	position:relative;
}
.feature-content {
	width:948px;
	height:355px;
	overflow:hidden;
	background:url(../images/bg-feature-content.png);
	border:1px solid #2a313c;
	margin:22px 0 0 25px;
}


.feature-text {
	float:left;
	overflow:hidden;
	margin:24px 75px 0 35px;
	display:inline;
	padding:0 58px 0 0;
	width:348px;
	position:relative;
}
.feature-text h2 {
	font-size:28px;
	margin:0 0 -1px;
	color:#e9ebec;
	font-weight:normal;
	line-height:normal;
}
.clienthead h2 {
	font-size:24px;
	margin:0 0 -1px;
	color:#e9ebec;
	font-weight:normal;
	line-height:normal;
}
* html .feature-text h2 {
	margin:0 0 6px;
}
* +html .feature-text h2 {
	margin:0 0 6px;
}
.feature-text h3 {
	margin:0 0 11px;
	font:bold 16px Helvetica, Arial, Tahoma, Geneva, sans-serif;;
	color:#cdf0b0;
}
.feature-text p {
	margin:0 0 13px;
	color:#fff;
	font-size:12px;
	line-height:16px;
}
.contact-text {
	float:left;
	overflow:hidden;
	margin:24px 75px 0 35px;
	display:inline;
	padding:0 28px 0 0;
	width:498px;
	position:relative;
}
.blog-text {
	float:left;
	overflow:hidden;
	margin:24px 75px 0 35px;
	display:inline;
	padding:0 28px 0 0;
	width:498px;
	position:relative;
}
.contact-text h2 {
	font-size:28px;
	margin:0 0 -1px;
	color:#e9ebec;
	font-weight:normal;
	line-height:normal;
}
* html .contact-text h2 {
	margin:0 0 6px;
}
* +html .contact-text h2 {
	margin:0 0 6px;
}
.contact-text h3 {
	margin:0 0 11px;
	font:bold 16px Helvetica, Arial, Tahoma, Geneva, sans-serif;;
	color:#cdf0b0;
}
.contact-text p {
	margin:0 0 13px;
	color:#fff;
	font-size:12px;
	line-height:16px;
}
a.explore-lnk {
	display:block;
	padding:1px 0 1px 23px;
	background:url(../images/bg-explore-list.gif) no-repeat 0 50%;
	font:bold 16px Helvetica, Arial, Tahoma, Geneva, sans-serif;
	color:#8b919c;
	text-decoration:none;

}
a.explore-lnk:hover {
	color:#586274;
	text-decoration:none;

}
.portfolio {margin-left: 32px;}
.maingallery {
	float:left;
	width:353px;
	height:336px;
	overflow:hidden;
	margin:19px 0 0;
}
.maingallery ul {
	margin:0;
	padding:0;
	list-style:none;
	height:336px;
	overflow:hidden;
	width:353px;
}
.maingallery ul li {
	float:left;
	width:353px;
	height:336px;
	overflow:hidden;
}
ul.pager {
	position:absolute;
	left:61px;
	bottom:56px;
	padding:0;
	margin:0;
	list-style:none;
}
ul.pager li {
	float:left;
	margin:0 9px 0 0;
	display:inline;
}
ul.pager li a {
	float:left;
	height:18px;
	width:18px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../images/bg-pager.gif) no-repeat;
}
ul.pager li a.two {
	background-position:0 -18px;
}
ul.pager li a.three {
	background-position:0 -36px;
}
.servicescontent {
	min-height:380px;
	margin: 0 40px;
}
.servicescontent h5 {
	margin:0 0 5px;
	font:bold 12px Helvetica, Arial, Tahoma, Geneva, sans-serif;
	color:#686d79;
}
.servicescontent h5 a {
	margin:0 0 5px;
	font:bold 12px Helvetica, Arial, Tahoma, Geneva, sans-serif;
	color:#686d79;
}
.content {
	width:874px;
	overflow:hidden;
	background:url(../images/bg-content.jpg) no-repeat 100% 40px;
	height:300px;
	padding:4px 69px 0 65px;
}
.homecontent {
	width:874px;
	height:500px;
	overflow:hidden;
	background:url(../images/bg-content.jpg) no-repeat 100% 0px;
	padding:4px 69px 0 75px;
}
.servicesbottomcontent {
	width:874px;
	overflow:hidden;
	padding:4px 72px 0 54px;
}
.content h4 {
	margin:0 0 7px;
	font:bold 17px Helvetica, Arial, Tahoma, Geneva, sans-serif;
	color:#cdf0b0;
}
.content p {
	margin:0 0 34px;
	line-height:15px;
	font:normal 12px/15px Helvetica, Arial, Tahoma, Geneva, sans-serif;
	width:100%;
	float:left;
}
.homecontent h3 {
	margin:0 0 12px;
	font:bold 17px Helvetica, Arial, Tahoma, Geneva, sans-serif;
	color:#cdf0b0;
}
.homecontent p {
	margin:0 0 34px;
	line-height:15px;
	font:normal 15px/15px Helvetica, Arial, Tahoma, Geneva, sans-serif;
	width:100%;
	float:left;
}
.can-do-list {
	width:370px;
	overflow:hidden;
	float:left;
	margin:0 78px 0 40px;
	display:inline;
}
.can-do-list h4 {
	margin:0 0 17px;
	font:bold 22px Helvetica, Arial, Tahoma, Geneva, sans-serif;
	color:#cdf0b0;
}
.can-do-list ul {
	margin:0 0 10px 6px;
	padding:0;
	list-style:none;
}
.can-do-list ul li {
	margin:0 0 14px;
}
.can-do-list ul li a {
	padding:2px 0 2px 25px;
	background:url(../images/bg-can-do.gif) no-repeat 0 50%;
	font:bold 20px Helvetica, Arial, Tahoma, Geneva, sans-serif;
	color:#8b919c;
}
.can-do-list ul li a:hover {
	color:#586274;
	text-decoration:none;
	background:url(../images/bg-can-do-rell.gif) no-repeat 0 50%;
}

.client-link {
	width:370px;
	overflow:hidden;
	float:left;
	margin:0 78px 0 20px;
	display:inline;
}
.client-link h4 {
	margin:0 0 17px;
	font:bold 22px Helvetica, Arial, Tahoma, Geneva, sans-serif;
	color:#cdf0b0;
}
.client-link ul {
	margin:0 0 10px 6px;
	padding:0;
	list-style:none;
}
.client-link ul li {
	margin:0 0 14px;
}
.client-link ul li a {
	padding:2px 0 2px 25px;
	background:url(../images/bg-can-do.gif) no-repeat 0 50%;
	font:bold 20px Helvetica, Arial, Tahoma, Geneva, sans-serif;
	color:#8b919c;
}
.client-link ul li a:hover {
	color:#586274;
	text-decoration:none;
	background:url(../images/bg-can-do-rell.gif) no-repeat 0 50%;
}


.town-link {
	width:370px;
	overflow:hidden;
	float:left;
	margin:0 78px 0 20px;
	display:inline;
}
.town-link h4 {
	margin:0 0 17px;
	font:bold 22px Helvetica, Arial, Tahoma, Geneva, sans-serif;
	color:#cdf0b0;
}
.town-link ul {
	margin:0 0 10px 6px;
	padding:0;
	list-style:none;
}
.town-link ul li {
	margin:0 0 5px;
}
.town-link ul li a {
	padding:2px 0 2px 25px;
	background:url(../images/bg-can-do.gif) no-repeat 0 50%;
	font:bold 20px Helvetica, Arial, Tahoma, Geneva, sans-serif;
	color:#8b919c;
}
.town-link ul li a:hover {
	color:#586274;
	text-decoration:none;
	background:url(../images/bg-can-do-rell.gif) no-repeat 0 50%;
}

.portfoliospacer {width:100%; height:100px;}
.rants-block {
	float:left;
	width:315px;
	overflow:hidden;
}
.rants-block h4 {
	font:bold 18px Helvetica, Arial, Tahoma, Geneva, sans-serif;
	margin:0 0 4px;
	color:#cdf0b0;
}
.rants-block h4.latest-head {
	font:bold 18px Helvetica, Arial, Tahoma, Geneva, sans-serif;
	margin:21px 0 11px;
	color:#cdf0b0;
	width:100%;
	float:left;
}
.rants-block p {
	font:normal 12px/19px Helvetica, Arial, Tahoma, Geneva, sans-serif;
	margin:0 0 20px;
	color:#fff;
}
.rants-block a.more {
	font:bold 12px/19px Helvetica, Arial, Tahoma, Geneva, sans-serif;
	padding:4px 10px 0 0;
	background:url(../images/arrowicon.png) no-repeat 100% 70%;
	color:#559fc8;
	white-space:nowrap;
	position:relative;
}
.rants-block ul {
	margin:0;
	padding:0;
	list-style:none;
	width:100%;
	overflow:hidden;
}
.rants-block ul li {
	margin:0 21px 0 0;
	float:left;
	display:inline;
}
.rants-block ul li img {
	float:left;
	border:2px solid #cdf0b0;
}
.whatwedid h4 {
	font:bold 18px Helvetica, Arial, Tahoma, Geneva, sans-serif;
	margin:0 0 4px;
	color:#cdf0b0;
}
.whatwedid ul {font-size: 12px;margin-left: 15px; line-height: 18px; color:#8B919C;}
.whatwedid li {list-style-type: square;}

.contacttext-block {
	float:right;
	margin-top:158px;
	width:295px;
	overflow:hidden;
}
.contacttext-block h4 {
	font:bold 18px Helvetica, Arial, Tahoma, Geneva, sans-serif;
	margin:0 0 0px;
	color:#cdf0b0;
}
.contactform {
	float: right;
	width: 400px;
}
.contacttext-block h4.latest-head {
	font:bold 18px Helvetica, Arial, Tahoma, Geneva, sans-serif;
	margin:21px 0 11px;
	color:#cdf0b0;
	width:100%;
	float:left;
}
.contacttext-block h4.bluecontact-head {
	font:bold 18px Helvetica, Arial, Tahoma, Geneva, sans-serif;
	margin:5px 0 5px;
	color:#559fc8;
	width:100%;
	float:left;
}
.contacttext-block h4.graycontact-head {
	font:bold 18px Helvetica, Arial, Tahoma, Geneva, sans-serif;
	margin:5px 0 5px;
	color:#3e434f;
	width:100%;
	float:left;
}
.contacttext-block p {
	font:normal 12px/19px Helvetica, Arial, Tahoma, Geneva, sans-serif;
	margin:0 0 0px;
	color:#fff;
}
.contacttext-block a.more {
	font:bold 12px/19px Helvetica, Arial, Tahoma, Geneva, sans-serif;
	padding:0 20px 0 0;
	background:url(../images/bg-more-lnk.gif) no-repeat 100% 70%;
	color:#559fc8;
	white-space:nowrap;
	position:relative;
}
.contacttext-block ul {
	margin:0;
	padding:0;
	list-style:none;
	width:100%;
	overflow:hidden;
}
.contacttext-block ul li {
	margin:0 21px 0 0;
	float:left;
	display:inline;
}
.contacttext-block ul li img {
	float:left;
	border:2px solid #cdf0b0;
}
.contacttext-block a.footer-logo {
	display:block;
	margin:0 0 10px;
	background:url(../images/bg-footer-logo.png) no-repeat;
	width:209px;
	height:16px;
	text-indent:-9999px;
	overflow:hidden;
	cursor:pointer;
}
.btm-nav {
	width:932px;
	overflow:hidden;
	margin:0 auto 32px;
	padding:55px 0 0;
}
.btm-nav ul {
	margin:0 0 0 26px;
	padding:0;
	list-style:none;
}
.btm-nav ul li {
	float:left;
	margin:0 29px 0 0;
	display:inline;
}
.btm-nav ul li a {
	font:normal 11px Helvetica, Arial, Tahoma, Geneva, sans-serif;
	color:#8b919c;
}
.btm-nav ul li a:hover {
	color:#cdf0b0;
	text-decoration:none;
}
.footer-wrapper {
	overflow:hidden;
	margin:0 auto;
	background:url(../images/bg-footer.png) no-repeat 50% 0;
	height:200px;
}
.footer-content {
	width:932px;
	overflow:hidden;
	margin:0 auto;
	position:relative;
}
.footer-contacts {
	float:left;
	width:300px;
	overflow:hidden;
	margin:0 0 0 26px;
	display:inline;
}
.footer-contacts a.footer-logo {
	display:block;
	margin:0 0 15px;
	background:url(../images/bg-footer-logo.png) no-repeat;
	width:209px;
	height:16px;
	text-indent:-9999px;
	overflow:hidden;
	cursor:pointer;
}
.footer-contacts address {
	display:block;
	font-style:normal;
}
.footer-contacts address span {
	display:block;
	color:#8b919c;
	font-size:10px;
	line-height:13px;
}
.footer-contacts address span em {
	color:#fff;
	font-style:normal;
}
.footer-contacts address span a {
	color:#cdf0b0;
}
.copy {
	float:right;
	overflow:hidden;
	width:200px;
	margin:0px 24px 0 0;
	display:inline;
}
ul.social-list {
	float:right;
	margin:0 0 0px;
	padding:0;
	list-style:none;
}
* html ul.social-list {
	margin:0 0 23px;
}
* +html ul.social-list {
	margin:0 0 23px;
}
ul.social-list li {
	float:left;
	margin:0 0 0 9px;
	display:inline;
}
ul.social-list li a {
	display:block;
}
.copy p {
	margin:0;
	line-height:11px;
	text-align:right;
	width:100%;
	overflow:hidden;
	color:#8b919c;
	font-size:10px;
	float:left;
}
ul.copy-lnk {
	margin:0;
	padding:0;
	list-style:none;
	float:right;
}
ul.copy-lnk li {
	padding:0 0px 0 5px;
	background:url(../images/bg-copy-lnk.gif) no-repeat 0 65%;
	float:left;
}
ul.copy-lnk li:first-child {
	padding-left:0;
	background:none;
}
ul.copy-lnk li a {
	color:#cdf0b0;
	font-size:10px;
}
a.footer-logo2 {
	position:absolute;
	left:481px;
	top:32px;
	background:url(../images/bg-footer-logo2.gif) no-repeat;
	width:42px;
	height:19px;
	text-indent:-9999px;
	overflow:hidden;
}
/* SIFR */
.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}
.sIFR-replaced {
	visibility: visible !important;
}
span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}


ul.hover_block { display: block; overflow: hidden; height: 1%; padding-bottom: 15px; }
			
		ul.hover_block li, ul.hover_block2 li {
			list-style:none;
			float:left;
			padding: 10px;
			width:300px; position: relative;
			margin-right: 20px; }

		ul.hover_block li a, ul.hover_block2 li a {
			display: block;
			position: relative;
			overflow: hidden;
			height: 150px;
			width: 268px;
			padding: 16px;
			color: #000;
			font: 1.6em/1.3 Helvetica, Arial, sans-serif;
		}

		ul.hover_block li a, ul.hover_block2 li a { text-decoration: none; }

		ul.hover_block li img, ul.hover_block2 li img {
			position: absolute;
			top: 0;
			left: 0;
			border: 0;
		}

/*Services Content*/
#servicescreative {
	width: 500px;
	height:220px;

}
#creativebg {
		background:#000000 url(../images/creativeservicesbg.jpg) no-repeat top right;

}
#devbg {
		background:#000000 url(../images/developmentbg.jpg) no-repeat top right;
}
#hostingbg {
		background:#000000 url(../images/hostingbg.jpg) no-repeat top right;
}
#emailbg {
		background:#000000 url(../images/emailbg.png) no-repeat top right;
}
#servicesdevelopment {
	width: 380px;
	height:170px;
}
#serviceshosting {
	width: 420px;
	height:220px;
}
#servicesemail {
	width: 420px;
	height:230px;
}
.servicesgreen {color: #cdf0b0}

label{
	font-size: 13px;
	font-weight: bold;
}

input,
select,
textarea{
	background: #000;
	border: 1px solid;
	padding: 3px 5px;
	color:#fff;
}

textarea{ height: 175px; }

select,
.button input,
.checkbox input{ width: auto; }

fieldset.button{ text-align: right; }

	.checkbox input{ 
		background: transparent;
		border: 0;
		vertical-align: middle; 
	}

/*
---------------- GENERAL FORM
-------------------------------------------------------- */
#contactform{ margin: 20px 0 0px; width: 440px; float: left }

	fieldset{
		border:0;
		padding-left: 0px;
		float: left
	}

	#contactform label{ color: #cdf0b0; }
	.fieldname{ color: #cdf0b0; font-size: 13px; font-weight: bold}

		#contactform input {
			background:#ffffff url(../images/commentbg.gif) repeat-x 0 0;
			border: 1px solid #4d555f;
			color: #fff;
			font-size: 16px; 
			margin-top: 3px;
			overflow: hidden;
			padding: 6px;
			width: 400px;
		}

		#contactform textarea{
			background:#020303 url(../images/textareabg.gif) repeat-x 0 0;
			border: 1px solid #4d555f;
			color: #ffffff;
			font-size: 18px; 
			margin-top: 3px;
			overflow: hidden;
			padding: 6px 6px 0 6px;
			width: 400px;
			height:169px;
		}
			#contactform.comment-form input,
			#contactform.comment-form textarea{ width: 420px; }

			#contactform input{ margin-bottom: 0px; }

#contactform.comment-form{
	margin: 20px 0;
}
	input#submit-query{ 
		background-color: transparent;
		border: none;
		height: 32px;
		margin: 20px 0 60px 0;
		padding: 0;
		width: 115px;
	}
		#contactform.comment-form input#submit-comment{ margin: 30px 0 0 0; }		
#contactform input:focus {
	border:1px solid #cdf0b0;
	background:#020303 url(../images/commentselectbg.gif) repeat-x 0 0;

}
#contactform textarea:focus {
	border:1px solid #cdf0b0;
	background:#020303 url(../images/textareabgover.gif) repeat-x 0 0;

}
#submit {
	background: url(../images/submit.gif) no-repeat;
	height: 30px;
	width: 90px;
	border: none;
}
#submit:hover {
	background: url(../images/submit.gif) 0 -30px no-repeat;
}
.bm10{
	padding:0 0 10px 0;
}

.bm10 input,
.bm10 select {
	border: 2px solid #CFCFCF;
  padding: 2px;
  width: 152px;
}

.bm10 select {
  width: 159px;
}

.bm10 textarea{
	border: 2px solid #CFCFCF;
  padding: 2px;
  background: #F4F4F4;
}
.tm20{
	padding:20px 0 0 0
}
.error {
  padding-left: 5px;
  color: #EF374D!important;
}

input.error{
  border: 1px solid #EF374D!important;
}

.error_holder {
  display: inline;
}


.ghglink {
	position:relative;
	display:block;
	height: 155px;
	width: 260px;
	background:url(../images/ghg_thumbrollover.jpg) 0 0 no-repeat;
}
.ghglink * {
	display: none;
}
.ghglink span.hover {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	height: 155px;
	width: 260px;
	background:url(../images/ghg_thumbrollover.jpg) 0 -155px no-repeat;
}
.mirolink {
	position:relative;
	display:block;
	height: 155px;
	width: 260px;
	background:url(../images/miro_thumbrollover.jpg) 0 0 no-repeat;
}
.mirolink * {
	display: none;
}
.mirolink span.hover {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	height: 155px;
	width: 260px;
	background:url(../images/miro_thumbrollover.jpg) 0 -155px no-repeat;
}
.parklink {
	position:relative;
	display:block;
	height: 155px;
	width: 260px;
	background:url(../images/park_thumbrollover.jpg) 0 0 no-repeat;
}
.parklink * {
	display: none;
}
.parklink span.hover {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	height: 155px;
	width: 260px;
	background:url(../images/park_thumbrollover.jpg) 0 -155px no-repeat;
}
.owenlink {
	position:relative;
	display:block;
	height: 155px;
	width: 260px;
	background:url(../images/owen_thumbrollover.jpg) 0 0 no-repeat;
}
.owenlink * {
	display: none;
}
.owenlink span.hover {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	height: 155px;
	width: 260px;
	background:url(../images/owen_thumbrollover.jpg) 0 -155px no-repeat;
}
.firelink {
	position:relative;
	display:block;
	height: 155px;
	width: 260px;
	background:url(../images/fire_thumbrollover.jpg) 0 0 no-repeat;
}
.firelink * {
	display: none;
}
.firelink span.hover {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	height: 155px;
	width: 260px;
	background:url(../images/fire_thumbrollover.jpg) 0 -155px no-repeat;
	
}
.balancelink {
	position:relative;
	display:block;
	height: 155px;
	width: 260px;
	background:url(../images/bwr_thumbrollover.jpg) 0 0 no-repeat;
}
.balancelink * {
	display: none;
}
.balancelink span.hover {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	height: 155px;
	width: 260px;
	background:url(../images/bwr_thumbrollover.jpg) 0 -155px no-repeat;
	
}
.chclink {
	position:relative;
	display:block;
	height: 155px;
	width: 260px;
	background:url(../images/chc_thumbrollover.jpg) 0 0 no-repeat;
}
.chclink * {
	display: none;
}
.chclink span.hover {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	height: 155px;
	width: 260px;
	background:url(../images/chc_thumbrollover.jpg) 0 -155px no-repeat;
	
}
.whitsonlink {
	position:relative;
	display:block;
	height: 155px;
	width: 260px;
	background:url(../images/robley_thumbrollover.jpg) 0 0 no-repeat;
}
.whitsonlink * {
	display: none;
}
.whitsonlink span.hover {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	height: 155px;
	width: 260px;
	background:url(../images/robley_thumbrollover.jpg) 0 -155px no-repeat;
	
}
.portfoliodetailgallery {height:380px; margin-left: 70px;}
.clientdesc {display: inline-block; width: 590px; padding-left: 70px; float:left; color:#bcb7b7; font-size: 12px; line-height: 26px; margin-bottom: 15px;}

.whatwedid {display: inline-block; width: 274px; float:right}

















/* Homepage Slider */
#slider1 {
    width: 886px; /* important to be same as image width */
    height: 339px; /* important to be same as image height */
    position: relative; /* important */
	overflow: hidden; /* important */
	margin: 28px 0 0 57px;
}

#slider1Content, #slider2Content {
    width: 886px;
    position: absolute;
	top: 0;
	margin-left: 0;
}
#slider1Content a:hover {text-decoration: none}
.slider1Image, .slider2Image {
    float: left;
    position: relative;
	display: none;
}


.slider1Image span, .slider2Image span {
    position: absolute;
	font: 10px/15px Arial, Helvetica, sans-serif;
    padding: 15px 13px 10px 10px;
    width: 865px;
    background-color: #000;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
	-khtml-opacity: 0.7;
    opacity: 0.7;
    color: #fff;
    display: none;
}
.clear {
	clear: both;
}
.slider1Image span strong, .slider2Image span strong {
    font-size: 14px;
}
.top {
	top: 0;
	left: 0;
}
.bottom {
	bottom: 0;
    left: 0;
    padding: 10px;
}
.left {
	top: 0;
    left: 0;
	width: 240px !important;
	height: 322px;
	padding: 20px !important;
}
.right {
	right: 0;
	top: 0;
	width: 190px !important;
	height: 322px;
	padding: 20px !important;
}
.clientname {margin: 0; padding: 0;}



* html .galleria li div span{width:200px} 
.caption{font-style:italic;color:#887;}
.demo{position:relative; width:850px;padding-top:10px;}
.gallery_demo{width:250px;margin:0;}
.gallery_demo li div{left:40px}
.gallery_demo li div .caption{font:italic 0.7em/1.4 georgia,serif;}
.gallery_demo li{width:155px;height:100px;border:2px solid #1d1f21;margin: 0 2px 2px 0;}
.gallery_demo li.hover{border-color:#24221e;}
.gallery_demo li.active{border-style:solid;border-color:#cdf0b0;}

#main_image{height:335px;width:590px;
	text-align: center;
	float:left;
	border:2px solid #1d1f21;
}
#main_image img{margin-top:0px; margin-bottom:10px; }
.rightside{width:195px; height:335px; float: right; text-align: right; margin-left:-18px;}
.nav{padding-top:15px;clear:both;font:80% 'helvetica neue',sans-serif;letter-spacing:3px;text-transform:uppercase;}
 

.galleria{list-style:none;width:250px}
.galleria li{display:block;width:155px;height:100px;overflow:hidden;float:left;margin:0 5px 13px 0}
.galleria li a{display:none}
.galleria li div{position:absolute;display:none;top:0;left:180px}
.galleria li div img{cursor:pointer}
.galleria li.active div img,.galleria li.active div{display:block}
.galleria li img.thumb{cursor:pointer;top:0;left:0;display:block;width:auto;height:auto; margin-left: 0px;}
.galleria li .caption{display:block;padding-top:.5em}
.galleria_main div{display:none;}
.galleria_main div.active{display:block;}
* html .galleria li div span{width:400px} /* MSIE bug */



h3{ margin: 10px 10px 0 10px; color:#FFF; font:18pt Arial, sans-serif; letter-spacing:-1px; font-weight: bold;  }
			
			.boxgrid{ 
				width: 260px; 
				height: 155px; 
				margin:25px; 
				float:left; 
				background:#161613; 
				border: solid 1px #525660; 
				overflow: hidden; 
				position: relative; 
			}
				.boxgrid img{ 
					position: absolute; 
					top: 0; 
					left: 0; 
					border: 0; 
				}
				.boxgrid p{ 
					padding: 0 10px; 
					color:#afafaf; 
					font-weight:bold; 
					font:9pt "Lucida Grande", Arial, sans-serif; 
				}
				
			.boxcaption{ 
				float: left; 
				position: absolute; 
				background: #000; 
				height: 100px; 
				width: 100%; 
				opacity: .8; 
				/* For IE 5-7 */
				filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
				/* For IE 8 */
				-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
 			}
 				.captionfull .boxcaption {
 					top: 165px;
 					left: 0;
 				}
 				.caption .boxcaption {
 					top: 220px;
 					left: 0;
 				}
.directorylink {font-size: 10px; color: #2c3544; display: inline-block; margin:37px 0 0 65px}
.directorylink a{color: #2c3544;}