body {
	margin: 0px;
}

a img {
	border: none;
}

#wrapper {
	width: 990px;
	margin: 0px auto;
	background-color: #fff;
}

/* ---------- HEADER ---------- */

#header {
	background-color: #fff;
	height: 115px;
	position: relative;
}

#header img#logo {
	margin: 33px 0px 0px 30px;
}

#header #slogan {
	margin: 7px 0px 0px 30px;
	color: #999;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 14px;
}

#header #nav {
	position: absolute;
	top: 39px;
	left: 213px;
	height: 25px;
	width: 768px;
	padding: 10px 0px 0px 10px;
	background-image: url(../images/bg-nav.gif);
	background-repeat: no-repeat;
}

#header #nav ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

#header #nav li {
	float: left;
}

#header #nav ul li a:hover, 
body.home #header #nav ul li a#home, 
body.about-us #header #nav ul li a#about-us, 
body.our-work #header #nav ul li a#our-work, 
body.our-process #header #nav ul li a#our-process, 
body.services #header #nav ul li a#services, 
body.faqs #header #nav ul li a#faqs, 
body.databases #header #nav ul li a#databases, 
body.pricing #header #nav ul li a#pricing, 
body.contact-us #header #nav ul li a#contact-us {
	color: #003333;
}

#header #nav ul li a {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 14px;
	color: #6e91a3	;
	text-decoration: none;
	margin: 0px 32px 0px 0px;
}

/* ---------- HOMEPAGE ---------- */

#feature {
	clear: both;
	background-image: url(../images/bg-feature.gif);
	/* height: 300px; */
	height: 356px;
	padding: 15px 15px 15px 15px;
}

#feature #movie {
	float: left;
	width: 572px;
	/* height: 300px; */
	height: 340px;
	padding-top: 16px;
	background-color: #063d49;
	text-align:center;
}

#feature #cta {
	margin: 0px 0px 0px 587px;
}

#feature #cta #see-work {
	/* height: 167px; */
	height: 220px;
	padding: 15px;
	margin-bottom: 15px;
}

#feature #cta #see-work-mask {
	width: 340px;
	height: 167px;
	overflow: hidden;
	position: absolute;
}

#feature #cta #see-work-box {
	width: 340px;
	height: 167px;
	overflow: hidden;
	position: relative;
}

#feature #cta #see-work div.case-study {
	float: left;
	width: 340px;
	height: 167px;
}

#feature #cta #see-work strong {
	font-size: 16px;
	font-weight: normal;
}

#feature #cta #see-work img {
	float: left;
	margin: 0px 10px 0px 0px;
}

#feature #cta #see-work p {
	margin: 8px 0px 8px 0px;
	line-height: 15px;
}

#feature #cta #see-process {
	height: 56px;
	padding: 35px 15px 0px 15px;
}

#feature #cta #see-work, #feature #cta #see-process {
	background-color: #e7e7e7;
	color: #999999;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 12px;
}

#feature #cta #see-work a, #feature #cta #see-process a {
	color: #6e91a3;
	text-decoration: none;
	font-weight: bold;
}

#feature #cta #see-work h2, #feature #cta #see-process h2 {
	font-family: Trebuchet MS, Verdana, Helvetica, Arial, sans-serif;
	color: #6e91a3;
	margin: 0px 0px 10px 0px;
	text-transform: lowercase;
	font-weight: bold;
	font-size: 18px;
}

#thirds {
	clear: both;
}

#thirds #left, #thirds #middle, #thirds #right {
	height: 450px;
	margin: 0px 0px 3px 0px;
}

#thirds h2 {
	margin: 0px;
	color: #669999;
	font-weight: bold;
	font-family: Trebuchet MS, Verdana, Helvetica, Arial, sans-serif;
	font-size: 16px;
	padding: 20px 0px 17px 15px;
	background-color: #fff;
}

#thirds h3 {
	margin: 0px 15px 4px 15px;
	color: #003333;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-weight: bold;
	font-size: 12px;
}

#thirds a {
	color: #003333;
	text-decoration: underline;
}

#thirds a:hover {
	text-decoration: none;
}

#thirds p {
	margin: 0px 15px 15px 15px;
	color: #666666;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 12px;
	line-height: 16px;
}

#thirds #left {
	float: left;
	width: 325px;
	border-right: solid 2px #eaeaea;
	background-color: #eaeaea;
	color: #666666;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 12px;
}

#thirds #left #sample {
	padding: 15px;
}

#thirds #left #sample form input, #thirds #left #sample form select {
	display: block;
	border-style: none;
	padding: 3px;
	color: #666;
	width: 200px;
}

#thirds #left #sample form input.button {
	width: auto;
	padding: 0px;
}

#thirds #middle {
	float: left;
	width: 349px;
	border-right: solid 2px #eaeaea;
}

#thirds #middle a.right {
	float: right;
	font-family: Trebuchet MS, Verdana, Helvetica, Arial, sans-serif;
	font-size: 11px;
	margin: 25px 10px 0px 0px;
	color: #669999;
}

#thirds #right {
	float: left;
	width: 312px;
}

#thirds #right h2 {
	margin: 0px;
	color: #669999;
	font-weight: bold;
	font-family: Trebuchet MS, Verdana, Helvetica, Arial, sans-serif;
	font-size: 16px;
	padding: 20px 0px 10px 15px;
	background-color: #fff;
}

#thirds #right p {
	margin: 0px 15px 15px 15px;
	color: #666666;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 13px;
	line-height: 17px;
}

#thirds #right #top {
	/*
	border-bottom: solid 2px #eaeaea;
	*/
}

#thirds #right #bottom {

}

/* ---------- CONTENT ---------- */

#content {
	border-bottom: solid 2px #eaeaea;
	padding: 0px 15px 15px 15px;
	color: #666;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 13px;
	line-height: 18px;
	overflow: auto;
}

#content h1 {
	font-family: Trebuchet MS, Verdana, Helvetica, Arial, sans-serif;
	margin: 0px 0px 5px 0px;
	color: #669999;
	font-weight: normal;
	font-size: 20px;
}

#content h2 {
	font-family: Trebuchet MS, Verdana, Helvetica, Arial, sans-serif;
	margin: 0px 0px 5px 0px;
	color: #333;
	font-weight: normal;
	font-size: 17px;
}

#content h3 {
	font-family: Trebuchet MS, Verdana, Helvetica, Arial, sans-serif;
	margin: 0px 0px 5px 0px;
	color: #669999;
	border-bottom: dotted 1px #669999;
	font-weight: normal;
	font-size: 14px;
}

#content p, #content ul, #content ol {
	margin: 0px 0px 15px 0px;
}

#content a {
	color: #003333;
	text-decoration: underline;
}

#content a:hover {
	text-decoration: none;
}

#content ul h2 {
	margin: 10px 0px 0px 0px;
}

/* ---------- FOOTER ---------- */

#footer {
	clear: both;
	background-color: #063d49;
	height: 27px;
	padding: 10px 0px 0px 30px;
}

#footer ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

#footer li {
	float: left;
}

#footer ul li a {
	font-family: arial;
	font-size: 13px;
	color: #fff;
	text-decoration: none;
	margin: 0px 35px 0px 0px;
}

#footer ul li a:hover {
	border-bottom: dotted 1px #fff;
}

#legal {
	text-align: right;
	font-family: arial;
	font-size: 11px;
	padding: 10px;
	color: #999;
}

#legal a {
	float: left;
	color: #669999;
	text-decoration: none;
}

#legal a:hover {
	text-decoration: underline;
}

/* ---------- 2-COLUMN PAGES ---------- */

#content #col1, #content #col2 {
	margin: 15px 0px 0px 0px;
}

#content #col1 {
	margin-right: 350px;
}

#content #col2 {
	float: right;
	width: 300px;
}

/* ---------- PAGES ---------- */

body.our-work table#our-work {
	margin: 0px auto;
}

body.our-work table#our-work td {
	text-align: center;
	padding: 10px;
}

body.our-work table#our-work td a img {
	border: solid 5px #669999;
}

body.our-work table#our-work td a:hover img {
	border: solid 5px #c0c0c0;
}

#content table.database {
	width: 100%;
}

#content table.database tr th {
	text-align: left;
	padding: 10px 0px 0px 0px;
}

#content table.database tr td {
	padding: 3px;
}

#content table.database tr:hover {
	background-color: #EAEAEA;
	color: #000;
}

body.contact-us #content form label {
	display: block;
	width: 150px;
	float: left;
	text-align: right;
	margin: 0px 10px 0px 0px;
}

body.contact-us #content form input, body.contact-us #content form textarea {
	border: solid 1px #999;
	padding: 3px;
	color: #666;
	width: 200px;
	font-size: 12px;
}

body.contact-us #content form textarea {
	width: 400px;
	height: 150px;
}

body.contact-us #content form input.button {
	border-style: none;
	width: auto;
	margin: 0px 0px 0px 160px;
}

body.case-study #content iframe {
	float: right;
	border-style: none;
	padding: 0px;
	margin: 0px 0px 0px 20px;
}

/* ---------- CLASSES ---------- */

img.right {
	float: right;
	margin: 0px 0px 5px 5px;
}

img.left {
	float: left;
	margin: 0px 5px 5px 0px;
}

.center {
	text-align: center;
}

.red {
	color: #f00;
}