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;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}


:focus {
	outline: 0;
}


ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}


table {
	border-collapse: collapse;
	border-spacing: 0;
}body {
	background: #FFF url('../images/bg.gif') left top repeat-x;
	font: 10pt/14pt Segoe UI, 'Lucida Sans Unicode', 'Lucida Grande', Sans-Serif;
	color: #078;
}
	body.sub { background-image: url('../images/bg-sub.gif'); }

a { color: #EB0; font-weight: bold; text-decoration: none; border-bottom: 1px dotted #EB0; }
	a:hover { color: #078; }

.left { float: left; }
.right { float: right; }
.clear { clear: both; }
.overflow { overflow: hidden; }
.hidden { display: none; }
.marbot { margin-bottom: 20px; }
.readmore {
	display: block;
	width: 168px;
	height: 45px;
	background: url('../images/readmore.png') left top no-repeat;
	text-indent: -9999px;
	margin-left: -5px;
	margin-top: -5px;
	border: none;
}
	.readmore:hover { background-position: 0 -45px; }

#top {
	height: 30px;
	background: url('../images/bg-top.png') left top repeat-x;
	position: absolute;
	width: 100%;
	font-style: italic;
}
	#top a { color: #078; text-align: right; border-color: #078; }
		#top a:hover { color: #FFF; }
#pay-home {
	background: none;
	border: none;
	cursor: pointer !important;
	font: 10pt/14pt Segoe UI, 'Lucida Sans Unicode', 'Lucida Grande', Sans-Serif;
	color: #078;
	font-weight: bold;
	font-style: italic;
	border-bottom: 1px dotted #078;
	padding: 0;
	margin: 0;
}
	#pay-home:hover { color: #FFF; }
.wrap { width: 960px; margin: auto; }

#header {
	padding-top: 40px;
	height: 72px;
}
	body.sub #header { height: 105px; }

#logo {
	display: block;
	width: 365px;
	height: 62px;
	text-indent: -9999px;
	background: url('../images/logo.png') left top no-repeat;
	border: none;
}
	#logo:hover { background-position: 0 -62px; }

#nav {
	width: 517px;
	height: 18px;
	margin-top: 20px;
}
#nav li {
	display: block;
	float: left;
}
#nav li a {
	display: block;
	text-indent: -9999px;
	height: 18px;
	background-image: url('../images/nav.png');
	border: none;
}
	#nav li a#home		{ width: 67px; background-position: 0 0; }
	#nav li a#about		{ width: 93px; background-position: -67px 0; }
	#nav li a#services	{ width: 121px; background-position: -160px 0; }
	#nav li a#portfolio	{ width: 131px; background-position: -281px 0; }
	#nav li a#contact		{ width: 105px; background-position: -412px 0; }
	
	#nav li a#home:hover		{ background-position: 0 -18px; }
	#nav li a#about:hover		{ background-position: -67px -18px; }
	#nav li a#services:hover	{ background-position: -160px -18px; }
	#nav li a#portfolio:hover	{ background-position: -281px -18px; }
	#nav li a#contact:hover	{ background-position: -412px -18px; }
	
#content.sub, #footerpush {
	padding: 35px 0;
	background-image: url('../images/paper.jpg');
}
	
h1 {
	width: 317px;
	height: 64px;
	text-indent: -9999px;
	margin-top: -70px;
}
	h1#h1-home { background-image: url('../images/h1-home.png'); }
	h1#h1-about { background-image: url('../images/h1-about.png'); }
	h1#h1-services { background-image: url('../images/h1-services.png'); }
	h1#h1-portfolio { background-image: url('../images/h1-portfolio.png'); }
	h1#h1-contact { background-image: url('../images/h1-contact.png'); }

h2 { font-size: 20px; line-height: 26px; }
h3 { font-size: 18px; line-height: 22px; }



#featured {
	width: 519px;
	height: 344px;
	padding: 44px 16px 0 17px;
	background-image: url('../images/featured.gif');
}
	
#express {
	background: url('../images/express2.png') left top no-repeat;
	width: 382px;
	padding-top: 115px;
	font-size: 21px;
	line-height: 25px;
	font-weight: bold;
	color: #EB2;
}

.testimonial { margin-top: 20px; }
.sign { margin-right: 100px; text-align: right; }


#abouttext {
	font-size: 22px;
	line-height: 26px;
	font-weight: bold;
	width: 500px;
}

#people { width: 440px; }
.person {
	overflow: hidden;
	height: 200px;
	margin-bottom: 20px;
	margin-right: 20px;
	border: 5px solid #EB2;
}
.person { width: 200px; }
	.person em { display: block; margin-bottom: 10px; }
	.person a { color: #000; }
		.person a:hover { color: #333; }
	.person img { display: block; position: relative; z-index: 10; }
	.person.last { margin-right: 0; }
	.desc {
		font-size: 12px;
		line-height: 16px;
		height: 240px;
		padding: 5px;
		color: #FFF;
		background: url('../images/people-bg.png') center top repeat;
		margin-top: -50px;
		position: relative;
		z-index: 50;
	}
	

.service {
	height: 85px;
	padding-left: 100px;
}
	.service#social { background: url('../images/service-social.png') left top no-repeat; }
	.service#web { background: url('../images/service-web.png') left top no-repeat; }
	.service#identity { background: url('../images/service-identity.png') left top no-repeat; }
	.service#app { background: url('../images/service-app.png') left top no-repeat; }
	.service#myspace { background: url('../images/service-myspace.png') left top no-repeat; }
	.service#seo { background: url('../images/service-seo.png') left top no-repeat; }
	.service#store { background: url('../images/service-store.png') left top no-repeat; }
	.service#hosting { background: url('../images/service-hostin	g.png') left top no-repeat; }
	.service#cms { background: url('../images/service-cms.png') left top no-repeat; }
	.service#smartphone { background: url('../images/service-smartphone.png') left top no-repeat; }
	.service#apparel { background: url('../images/service-apparel.png') left top no-repeat; }
	.service#merch { background: url('../images/service-merch.png') left top no-repeat; }
	.service#signs { background: url('../images/service-signs.png') left top no-repeat; }


#projects { width: 980px; }
.project {
	overflow: hidden;
	margin-bottom: 50px;
}
.project img {
	display: block;
	border: 5px solid #EB2;
	margin-right: 20px;
}

.visit {
	display: block;
	text-indent: -9999px;
	width: 100px;
	height: 25px;
	background-image: url('../images/visit.png');
	border: none;
	margin: -3px 20px -22px 0;
}
	.visit:hover { background-position: 0 -25px; }


	

#pay {
	width: 221px;
	height: 30px;
	border: none;
	background-image: url('../images/pay.png');
	background-color: transparent;
	text-indent: -9999px;
	cursor: pointer !important;
}
	#pay:hover { background-position: 0 -30px; }
#contactright {
	width: 673px;
	overflow: hidden;
	height: 700px;
	margin-bottom: -700px;
}

#contactinfo {
	display: block;
	width: 225px;
	margin-top: 40px;
}
label {
	display: block;
	font-size: 20px;
	font-weight: bold;
	height: 25px;
}
	.input {
		font: 10pt/14pt Segoe UI, 'Lucida Sans Unicode', 'Lucida Grande', Sans-Serif;
		color: #078;
		width: 250px;
		padding: 5px;
		height: 20px;
		border: 3px solid #EB2;
		-moz-border-radius: 3px;
		margin-bottom: 20px;
	}
		textarea.input {
			width: 700px;
			height: 200px;
		}
			select.input { height: 36px; width: 266px; }
			.submit {
				width: 125px;
				height: 45px;
				background: transparent url('../images/submit.png') left top no-repeat;
				text-indent: -9999px;
				line-height: 0;
				border: none;
			}
				.submit:hover { background-position: 0 -45px; cursor: pointer; }
			
			

.highslide-html { color: #078; padding: 20px; }


html, body, #container { height: 100%; }
body > #container {height: auto; min-height: 100%;}
#footerpush { overflow: auto; padding-bottom: 169px; }
#footer { position: relative; margin-top: -169px; height: 134px; padding-top: 35px; clear:both; }

#footer {
	background: transparent url('../images/footer.gif') left bottom repeat-x;
	font-size: 7.5pt;
	line-height: 12pt;
	text-align: center;
	color: #078;
}
	#footer a { color: #078; border-color: #078; }
		#footer a:hover { color: #FFF; }