*, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, table, th, td {
	margin:0;
	padding:0;
	}

body {
	font: 11px Arial, Helvetica, sans-serif;
	line-height: 20px;
	background: url(img/bg-grad.png) repeat-x top #10232d;
	}

a {
	text-decoration: none;
	outline: none;
	}

img {
	border: 0;
	}

ul, li {
	list-style: none;
	}

.left {
	float: left;
	}
.right {
	float: right;
	}

.clear {
	clear: both;
	}

#wrapper {
	width: 1000px;
	margin: 10px auto 40px;
	}

#head {
	width: 1000px;
	height: 195px;
	margin: 0 auto;
	background: url(img/bg-head.png) no-repeat 0 25px;
	}

#head h1 {
	margin: 45px 0px 10px 30px;
	text-indent: -9999px;
	overflow: hidden;
	float: left;
	clear: left;
	}
#head h1 a {
	display: block;
	width: 290px;
	height: 84px;
	background: url(img/bg-logo.png) no-repeat;
	}

#head ul {
	width: 980px;
	height: 50px;
	margin: 4px 10px 0;
	border: 1px solid #e4e9ed;
	border-left: 0;
	border-right: 0;
	float: right;
	clear: right;
	}

#head ul li {
	text-indent: -9999px;
	overflow: hidden;
	float: right;
	}
#head ul li a {
	display: block;
	height: 50px;
	background: url(img/bg-nav.gif) no-repeat;
	}
#head ul li a.about {
	width: 109px;
	background-position: 0 0;
	}
#head ul li a.services {
	width: 157px;
	background-position: -109px 0;
	}
#head ul li a.work {
	width: 116px;
	background-position: -266px 0;
	}
#head ul li a.contact {
	width: 108px;
	background-position: -382px 0;
	}
#head ul li a:hover {
	background-color: #f4f7f9;
	}
#head ul li a:active {
	background-color: #eff3f6;
	}

#con {
	width: 1000px;
	background: url(img/bg-con.png) repeat-y left;
	display: table;
	}

#content {
	width: 1000px;
	}

.two-col {
	display: table;
	}
.col1, .col2 {
	float: left;
	}
.col1 {
	margin: 0 40px 0 0;
	}

.box-left, .box-right {
	width: 310px;
	}
.box-left {
	margin: 20px 0 0 30px;
	}

.box-left a {
	color: #5d626a;
	border-bottom: 1px solid #c3c8ce;
	}
.box-left a:hover {
	color: #111;
	border-bottom: 1px solid #b1b5ba;
	}

.box-left ul li {
	margin: 0 0 5px;
	padding: 0 0 0 15px;
	background: url(img/bg-bullet.gif) no-repeat 0 6px;
	}

.box-left em {
	font-size: 11px;
	line-height: 14px;
	color: #b1b5ba;
	}

.box-left hr {
	height: 1px;
	margin: 10px 0 20px;
	background: #e4e9ed;
	border: none;
	}

.box-left h3.form-note {
	margin: 0 0 10px;
	font-size: 12px;
	font-weight: normal;
	line-height: 14px;
	color: #719c7a;
	}

.box-left h3.form-note-error {
	margin: 0 0 10px;
	font-size: 12px;
	font-weight: normal;
	line-height: 14px;
	color: #aa8070;
	}

.box-left input, .box-left textarea {
	display: block;
	padding: 3px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #b1b5ba;
	background: #f4f6f8;
	border: 1px solid #c3c8ce;
	}
.box-left input:focus, .box-left textarea:focus {
	color: #484D54;
	background: #fff;
	border: 1px solid #a2a6ac;
	}

.box-left input.submit {
	color: #fff;
	background: #c3c8ce;
	border: 1px solid #b1b5ba;
	cursor: pointer;
	}
.box-left input.submit:hover {
	background: #b1b5ba;
	border: 1px solid #a2a6ac;
	}

.box-right {
	margin: 20px 40px 0 0;
	}

#content h2 {
	height: 30px;
	margin-bottom: 10px;
	border-bottom: 1px solid #e4e9ed;
	text-indent: -9999px;
	overflow: hidden;
	}

#content h2.home {
	background: url(img/title-home.gif) no-repeat;
	}
#content h2.about {
	background: url(img/title-about.gif) no-repeat;
	}
#content h2.services {
	background: url(img/title-services.gif) no-repeat;
	}
#content h2.work {
	background: url(img/title-work.gif) no-repeat;
	}
#content h2.contact {
	background: url(img/title-contact.gif) no-repeat;
	}
#content h2.adidas {
	background: url(img/title-adidas.gif) no-repeat;
	}
#content h2.panera {
	background: url(img/title-panera.gif) no-repeat;
	}
#content h2.rei {
	background: url(img/title-rei.gif) no-repeat;
	}
#content h2.starbucks {
	background: url(img/title-starbucks.gif) no-repeat;
	}
#content h2.eddiebauer {
	background: url(img/title-eddiebauer.gif) no-repeat;
	}
#content h2.northface {
	background: url(img/title-northface.gif) no-repeat;
	}
#content h2.nike {
	background: url(img/title-nike.gif) no-repeat;
	}
#content h2.nike-6 {
	background: url(img/title-nike-6.gif) no-repeat;
	}
#content h2.stella {
	background: url(img/title-stella.gif) no-repeat;
	}
#content h2.nordstrom {
	background: url(img/title-nordstrom.gif) no-repeat;
	}
#content h2.columbia {
	background: url(img/title-columbia.gif) no-repeat;
	}

#content h3 {
	margin-bottom: 5px;
	color: #484D54;
	}

#content p {
	margin-bottom: 10px;
	letter-spacing: .5px;
	color: #484d54;
	}

#content ul li {
	color: #484d54;
	}

#slide {
	width: 630px;
	height: 445px;
	margin: 1px 9px 0 0;
	position: relative;
	float: right;
	}

.cover {
	width: 45px;
	height: 445px;
	background: url(img/cover.png) no-repeat;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9999;
	}

.content-work ul {
	width: 960px;
	padding: 20px 0 0 30px;
	}

/* tooltip */

#tooltip{
	display: none;
	padding: 5px 10px;
	font-size: 14px;
	color: #fff;
	background: #222;
	position: absolute;
	}

#tooltip em {
	font-size: 10px;
	font-style: normal;
	color: #ccc;
	}

.content-client {
	width: 940px;
	}

.content-client .gallery {
	width: 580px;
	margin: 20px 0 20px 30px;
	}




#foot {
	width: 1000px;
	height: 75px;
	background: url(img/bg-foot.png) no-repeat bottom;
	}

#foot ul.footer-logos {
	height: 30px;
	margin: 18px 0 0 30px;
	}

#foot ul.footer-logos li {
	margin: 0 20px 0 0;
	text-indent: -9999px;
	overflow: hidden;
	float: left;
	}

#foot ul.footer-logos li a {
	display: block;
	height: 30px;
	background: url(img/bg-footer-logos.gif) no-repeat;
	filter: alpha(opacity=40);
	-moz-opacity: .4;
	-khtml-opacity: .4;
	opacity: .4;
	}
#foot ul.footer-logos li a:hover {
	filter: alpha(opacity=80);
	-moz-opacity: .8;
	-khtml-opacity: .8;
	opacity: .8;
	}

#foot ul.footer-logos li.adidas a {
	width: 40px;
	background-position: 0 0;
	}
#foot ul.footer-logos li.panera a {
	width: 56px;
	background-position: -40px 0;
	}
#foot ul.footer-logos li.rei a {
	width: 50px;
	background-position: -95px 0;
	}
#foot ul.footer-logos li.starbucks a {
	width: 32px;
	background-position: -145px 0;
	}
#foot ul.footer-logos li.eddiebauer a {
	width: 93px;
	background-position: -177px 0;
	}
#foot ul.footer-logos li.northface a {
	width: 50px;
	background-position: -272px 0;
	}
#foot ul.footer-logos li.nike a {
	width: 50px;
	background-position: -322px 0;
	}
#foot ul.footer-logos li.nordstrom a {
	width: 66px;
	background-position: -375px 0;
	}
#foot ul.footer-logos li.columbia a {
	width: 82px;
	background-position: -442px 0;
	}

#foot p.right {
	margin: 15px 30px 0 0;
	color: #83888c;
	}