/* @override http://clients.tierratechnology.com/spin/css/style.css */

/*
Theme Name: Spin
Theme URI: 
Description:Default Spin theme.
Version: 1
Author: Tierra Interactive
Author URI: http://www.tierrainteractive.com/
Tags: This theme was designed by Dianna Jacobsen and built by Francisco Santiago.
*/

/* @group Resets */
/* Thanks to Eric Meyer */
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,
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-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

a{
	color: #00209f;
}
a:hover{
	color: #1b32fa;
}
/* @end */

/* @group General Layout */
body {
	font: 62.5% Verdana, Lucida, sans-serif;/* 62.5% resets default pixel size from 16 to 10; easier to work in base 10 */
	text-align: left;
}
#main {
	width: 950px;
	margin:  0 auto;
	padding: 0 10px;
}

#header{
	margin: 12px 0 6px 19px;
	padding:  0px;
	
}
#header #logo{
	float: left;
}
#header:after{
	content: ""; 
	display: block; 
	height: 0; 
	clear: both;
}

.pagination a{
	font-size: 1.5em;
	text-decoration: none;
}
.pagination a.active{
	color: #a6adbb;
}

/* @group Main Nav */

#main-nav {
	margin: 0 0 0 291px;
	padding: 103px 0 0 0;
	background: #fff url(../images/bg-main-nav.png) no-repeat 0 40px;
}
#main-nav ul {
	margin: 0;
	list-style-type: none;
}

#main-nav li {
	float: left;
	margin:  0 1px 0 0;
}
#main-nav a {
	display: block;
	width: 100px;
	height: 15px;
	text-decoration: none;
	color: #9099AA;
	font-size: 1.2em;
	text-transform: uppercase;
	position: relative;
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: 0 0;
}
#main-nav a span {
	position: absolute;
	left: -999px;
}
#main-nav #nav-home {
	background-image: url(../images/nav-home.png);
	width: 67px;
}
#main-nav #nav-about {
	background-image: url(../images/nav-about.png);
	width: 97px;
}
#main-nav #nav-results {
	background-image: url(../images/nav-results.png);
	width: 90px;
}
#main-nav #nav-team {
	background-image: url(../images/nav-team.png);
	width: 70px;
}
#main-nav #nav-clients {
	background-image: url(../images/nav-clients.png);
	width: 90px;
}
#main-nav #nav-services {
	background-image: url(../images/nav-services.png);
	width: 95px;
}
#main-nav #nav-contact {
	background-image: url(../images/nav-contact.png);
	width: 100px;
}

#main-nav a:hover {
	background-position: 0 -30px;
}
#main-nav a.active {
	background-position: 0 -30px;
}
#nav-team.active_clickable{
	background-position: 0 -30px;
	cursor: pointer;
}

/* @end */

/* @group Footer */
#footer{
	clear: both;
	border-top: 1px solid #D6DBE1;
	margin: 47px 0 50px 0px;
	padding: 19px 0 0 0;
}
#footer p{
	font: normal 1em/1 Verdana, "Lucida Grande", Lucida,  sans-serif;
	color: #BCC0C6;
}


/* @end */
/* @end */

/* @group Common Classes */
.flush {
	margin: 0;
	padding: 0;
}
.left{
	float:  left;
}
.right{
	float: right;
}
ul.dotted_list{
	list-style-type: disc
}
.cleared {
	zoom: 1;
}

.cleared:after {
	content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
/* @end */

/* @group Page Specifics  */

/* @group Results */
.collumn-wrapper{
	width: 421px;
}
.client-result-wrapper{
	margin: 0 0 30px;
}
.client-result-wrapper h2{
	

}
.client-result-wrapper h2 a{
	color: #9099aa;
	text-decoration: underline;
}

.client-result-wrapper p.logos{
	text-align: left;
	vertical-align: text-t;
	
}
.client-result-wrapper p.logos img{
	margin: 0 10px 10px 0;
	border:  1px solid #9099aa;
}

.alcatraz, .outdoor-fest{
	height: 140px;
}

.half-moon{
	height: 250px;
}
div.clips {
	text-align: center;
}
div.clips-pagination{
	font-size: 1.3em;
	margin: 30px;
	text-align: center;
	text-transform: uppercase;
}

.details {
	float: left;
	width: 282px;
	margin-right: 20px;
}

.image {
	float: left;
	width: 575px;
}

.image img {
	border:  1px solid #9099aa;
}

#content-box-body .nav {
	font-size: 1.2em;
}

.nav a {
	text-decoration: none;
}
/* @end */

/* @group Team */
.team-row-wrapper{
	margin: 0 0 10px 350px
}
.team-wrapper { 
	height: 160px; 
	width: 240px;
}
#content-box-body p.team-name{
	margin:  0 0 0 110px;
	padding: 62px 0 0 0;
}
.team-image{
	margin: 0 20px 0 0;
}

/* @end */

/* @group My Group */



/* @end */

/* @group Secondary */
#content-box-top{
	width: 952px;
	margin: 0px 12px 0 0px;
	padding:14px 0 0 0;
	background: #fff url(../images/bg-content-box-top.png) no-repeat center top;
}
#content-box-body{
	height: inherit;
	padding: 18px 33px;
	background: #fff url(../images/bg-content-box-body.png) repeat-y center top;
	height: 100%;
}
#content-box-body:after {
	content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    
}
#content-box-body h2{
	font: bold 2.2em/1  Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif;
	letter-spacing: 1px;
	color: #8490A5;
	margin-bottom: 20px;
}
#content-box-body h3{
	font: bold 1.5em/1.4 Verdana,"Lucida Grande", Lucida,  sans-serif;
	color:#0055A5;
	margin-bottom: 18px;
	}
#content-box-body h4{
	font: bold 1.8em/1  Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif;
	color: #00209f;
	margin-bottom: 13px;
}
#content-box-body p{
	font: normal 1.4em/1.4 Verdana,"Lucida Grande", Lucida,  sans-serif;
	color: #777F8F;
	margin-bottom: 17px;
}
#content-box-body .back a{
	font-weight: bold;
	text-decoration: none;
}
#content-box-body ul{
	margin: 0 60px 20px 20px;
	font: normal 1.4em/1.4 Verdana,"Lucida Grande", Lucida,  sans-serif;
	color: #777F8F;
}

#content-box-body #clients ul {
	margin-right: 0;
}

#content-box-body .team-members {
	list-style-type: none;
	margin: 0;
	font-size: 1.6em;
}
#content-box-body .team-members li a{
	text-decoration: none;
}

#content-box-body .coverage {
	margin: 0;
	width: 578px;
	font-size: 1.3em;
}

.coverage li {
	float: left;
	text-align: center;
	border: 1px solid #8490a5;
	background: #EDF5FA;
	width: 180px;
	padding: 10px 0;
	margin: 0 10px 15px 0;
}

.coverage a {
	text-decoration: none;
}

#content-box-body .team-members li {
	margin-bottom: 5px;
}

#content-box-bottom{
	background: #fff url(../images/bg-content-box-bottom.png) no-repeat center top;
	height: 20px;
}
#image-display{
	width: 274px;
	background: url(../images/sidebar-background.png) no-repeat left bottom;
	float: left;
	margin: 0 33px 23px 0; 
}
#image-display.right{
	float: right;
	margin: 0 0 23px 33px;
}

#image-display img {
	display: block;
}

#image-display p.caption{
	margin: 0 0 14px;
	padding: 10px 20px 5px 20px;
	text-align: center;
	color: #00209f;
	font-weight: bold;
	font-family: Verdana,"Lucida Grande", Lucida,  sans-serif;
	font-size: 1.3em;
}

.content#clients{
	margin-left: 320px;
}
/* @end */

/* @group Home */

#rotator {
	height: 306px;
	position: relative;
	margin: 0 0 20px;
	clear: both;
}

#rotator img {
	position: absolute;
	top: 0px;
	left: 0px;
}

.montage {
	float: left;
}

#public-relations-box-top{
	float: right;
	width: 604px;
	margin: 0 0 40px;
	padding: 23px 0 0;
	background: #fff url(../images/bg-public-relations-box-top.png) no-repeat left top;
}
#public-relations-box-body{
	padding: 0 30px 15px;
	min-height: 158px;
	height: auto !important;
	height: 158px;
	background: #fff url(../images/bg-public-relations-box-body.png) repeat-y left top;
}
#public-relations-box-body h2{
	font: normal 2.2em/1  Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif;
	letter-spacing: 1px;
	color: #8490a5;
	margin-bottom: 22px;
}
#public-relations-box-body h3{
	font: bold 1.5em/1 Verdana,"Lucida Grande", Lucida,  sans-serif;
	color:#0055a5;
	margin-bottom: 22px;
}
#public-relations-box-body p{
	font: normal 1.4em/1.4 Verdana,"Lucida Grande", Lucida,  sans-serif;
	color: #777f8f;
	
}
#public-relations-box-bottom{
	background: #fff url(../images/bg-public-relations-box-bottom.png) no-repeat left top;
	height: 20px;
}

#results-box-top{
	width: 322px;
	height: 177px;
	margin: 18px 13px 0 0px;
	padding: 16px 0 0 0;
	background: #fff url(../images/bg-results-box-top.png) no-repeat center top;
}
#results-box-body{
	height: inherit;
	padding: 0 0;
	background: #fff url(../images/bg-results-box-body.png) repeat-y center top;
}
#results-box-body h2{
	padding:3px 0 0 15px;
	font: normal 1.9em/1  Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif;
	background:#fff url(../images/bg-results-box-h2.png) repeat-x 0 0;
	letter-spacing: 1px;
	color: #fff;
	margin-bottom: 20px;
	border-left: 1px solid #d6dbe1;
	border-right: 1px solid #c3c8d0;
	
}
#results-box-body h3{
	font: bold 1.3em/1.3 Verdana,"Lucida Grande", Lucida,  sans-serif;
	color:#00209F;
	padding: 0px 30px 0 15px;
	margin-bottom: 0px;
}
#results-box-body p{
	padding: 2px 30px 0 15px;
	font: normal 1.8em/1.4 Verdana,"Lucida Grande", Lucida,  sans-serif;
	color: #4A4D56;
}
#results-box-body p a{
	color: #4A4D56;
	font-style: italic;
	font-weight: bold;
	text-decoration: underline;
}
#results-box-body p a:hover{
	color: #8490a5;
	font-style: italic;
	font-weight: bold;
	text-decoration: underline;
}
#results-box-bottom{
	background: #fff url(../images/bg-results-box-bottom.png) no-repeat center top;
	height: 20px;
}


/* @end */



/* @end */