
/* --- General Formatting --- */
* {
	margin: 0;
	padding: 0;
}
body {
	font: normal 12px/1.4em arial,helvetica,sans-serif;
	background: #f2f0ed;
}
/* Home page */
#horizon {
	background-color:transparent;
	left:0;
	min-width:900px;
	position:absolute;
	text-align:center;
	top:50%;
	width:100%;
	margin-top: -190px;
}
#wrapper {
	position: relative;
	text-align: center;
	width: 900px;
	margin: 0px auto;
}
#logo-home { 
	width:379px;
	height:380px;
	display:block;
	text-align:right;
	margin: 0 auto;
	outline:none;
}
#logo-home img { 
	border:none;
	clear:right;
	outline:none;
}


p, address, ul, ol, li, dt, dd, td, th, span, blockquote {
	color: #555;
}
th, b, strong {
	font-weight: bold;
}
i, em, cite {
	font-style: italic;
}
sup, sub {
	font-size: 75%;
}


/* Links */
a {
	text-decoration: none;
	color: #36BA00;
	outline: none;
}
a:hover, a:active {
	text-decoration: underline;
}
a.cd-credit {
	color: #95dbe8;
}

/* Paragraphs */
p {
	margin: 0 0 16px;
}
blockquote {
	margin: 0 20px 16px;
	padding: 0;
	font-style: italic;
	text-align: justify;
}
blockquote .byline {
	font-weight: bold;
	font-style: normal;
	margin: 0 0 0 25px;
}
.align-center {
	text-align: center;
}
.align-right {
	text-align: right;
}

/* Images */
a img {
	border-style: none;
}
img.left {
	float: left;
	margin: 0 10px 10px 0;
}
img.right {
	float: right;
	margin: 0 0 10px 10px;
}
/* Lists */
ul, ol {
	margin: 0 0 10px 20px;
}
li {
	margin: 8px 0;
	list-style: url(/site_images/bullet_dbl_arrows.gif);
}
p + ul {
	margin-top: -11px;
}

/* Floating */
.float-left {
	float: left;
}
.float-right {
	float: right;
}

/* Headings */
h1, h2, h3, h4, h5 {
	color: #000;
	font-family: "Myriad Pro Condensed", sans-serif;
	line-height: 1.15em;
	padding: 0 0 .5em 0;
}
h1 {
	clear: both;
	font-size: 18px;
	font-weight: normal;
	margin: 0 0 20px 0;
	padding: 0 0 10px 0;
	color: #ff4a00;
	border-bottom: 1px solid #e0d9c8;
}
h1 span {
	color: #555;
}
#section-index h1 {
	display: none;
}
h2 {
	font-size: 18px;
	font-weight: normal;
	padding: 0 0 10px 0;
	color: #ff4a00;
}
h2 a {
	color: #ff4a00;
}
h3 {
	font-size: 18px;
	padding: 0 0 3px 0;
	color: #f39c6e;
}
h4 {
	font-size: 14px;
	margin: 0 0 5px;
}
h5 {
	font-size: 12px;
	margin: 0 0 5px;
}

/* Layout */
#container {
	position: relative;
	width: 960px;
	margin: 0 auto;
	padding: 15px 0 0 0;
}
#global-contact {
	font-family: "Century Gothic", arial, sans-serif;
	font-size: 13px;
	text-align: right;
}
#global-contact span {
	margin: 0 20px;
	color: #36ba00;
}
.client-login {
	display: block;
	float: right;
	margin: -5px 0 0 20px;
}
#logo {
	outline: none;
}
#primary-menu {
	margin: 50px 0 0 0;
}
#primary-menu li {
	list-style: none;
	font-size: 14px;
	margin: 5px 0;
}
#primary-menu li.first {
}
#primary-menu li.last {
}
#primary-menu a {
	display: block;
	outline: none;
	color: #555;
}
.images-on #primary-menu a {
	width: 179px;
	height: 56px;
	background: url(/site_images/nav_primary.gif) 0 -15px no-repeat;
	text-indent: -999em;
}
.images-on #primary-menu a.about:hover {
	background-position: -176px -15px;
}
.images-on #primary-menu a.about.active {
	background-position: -351px -15px;
}
.images-on #primary-menu a.spots {
	background-position: 0 -71px;
}
.images-on #primary-menu a.spots:hover {
	background-position: -176px -71px;
}
.images-on #primary-menu a.spots.active {
	background-position: -351px -71px;
}
.images-on #primary-menu a.programs {
	background-position: 0 -126px;
}
.images-on #primary-menu a.programs:hover {
	background-position: -176px -126px;
}
.images-on #primary-menu a.programs.active {
	background-position: -351px -126px;
}
.images-on #primary-menu a.business {
	background-position: 0 -181px;
}
.images-on #primary-menu a.business:hover {
	background-position: -176px -181px;
}
.images-on #primary-menu a.business.active {
	background-position: -351px -181px;
}
.images-on #primary-menu a.pics {
	background-position: 0 -236px;
}
.images-on #primary-menu a.pics:hover {
	background-position: -176px -236px;
}
.images-on #primary-menu a.pics.active {
	background-position: -351px -236px;
}
.images-on #primary-menu a.news {
	background-position: 0 -291px;
}
.images-on #primary-menu a.news:hover {
	background-position: -176px -291px;
}
.images-on #primary-menu a.news.active {
	background-position: -351px -291px;
}
.images-on #primary-menu a.contact {
	background-position: 0 -346px;
}
.images-on #primary-menu a.contact:hover {
	background-position: -176px -346px;
}
.images-on #primary-menu a.contact.active {
	background-position: -351px -346px;
}
#secondary-menu {
	list-style: none;
}
#secondary-menu ul {
	margin: 0 0 0 7px;
	list-style: none;
}
#secondary-menu li {
	margin: 5px 0 5px 10px;
	font-family: "Lucida Grande", sans-serif;
	font-size: 11px;
}
#secondary-menu a {
	color: #797979;
}
#secondary-menu a:hover, #secondary-menu a.active {
	color: #612b25;
}
#secondary-menu li li {
	margin: 0 0 1px 0;
}
#content {
}
.columns {
	clear: both;
}
.columns:after {/* Clear after floats */
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.column {
	float: left;
}
.two-a .first {
	width: 190px;
	padding: 0 15px 0 0;
}
.two-a .second {
	width: 740px;
	margin: 128px 0 0 0;
	padding: 0 0 0 15px;
}
.three .column {
	width: 31%;
	padding: 0 1%;
}
/* Modules */
.module {
	margin: 0 0 25px 0;
}
.module.blog-list .post {
	padding: 10px 0 5px 0;
	border-bottom: 1px solid #e4dbd1;
}
.module.blog-list .post:last-child {
	border: none;
}
.module.blog-list h4, .module.blog-list h4 a {
	font: italic normal 15px/1.15em Georgia, serif;
	color: #3b3b3b;
	margin: 0 0 2px 0;
	padding: 0;
}
.module.event-list p, .module.forum-list p {
	margin: 0;
	padding: 0 0 5px 0;
}
.module.event-list p, .module.forum-list p {
	font-size: 15px;
}
.module.event-list .details, .module.forum-list .details {
	font-size: 11px;
}
.module.event-list .details .type, .module.forum-list .details .type {
	color: #b69f7e;
	font-style: italic;
}
.event-teaser {
	min-height: 100px;
	margin: 0 0 20px 0;
}
.module.about p {
	font-size: 15px;
	font-style: italic;
	font-family: Georgia, serif;
}
/* Pages */

/* Misc */
.forward, .back {
	display: block;
	padding: 3px;
	font-weight: bold;
	color: #711b04;
}
.byline {
	margin: 0 0 15px 0;
	font-size: 11px;
	color: #666666;
	display: block;
}
.byline a {
	color: #333;
}
.caption {
	display: block;
	margin: 5px 0 0 0;
	font-size: 11px;
	color: #797979;
}
.breadcrumbs li {
	float: left;
	list-style: none;
	font-size: 11px;
	color: #797979;
}
.breadcrumbs a {
	color: #797979;
}
/* Comments */
.comment {
	padding: 15px 15px 0 15px;
	margin: 0 0 8px 0;
	background: #f9e9de;
	border: 1px solid #eae3d3;
}
.commenter a, .commenter span {
	font-weight: bold;
	font-size: 18px;
	color: #711B04;
}

/* Footer */
#footer {
	clear: both;
	margin: 0 auto;
	padding: 20px 0;
	border-top: 1px solid #e0d9c8;
}
#footer p {
	font-family: "Lucida Grande", arial, sans-serif;
	font-size: 11px;
	color: #999;
}
/* Spots page */
.videoItem {
	float: left;
	display: block;
	width: 219px;
	margin: 0 10px 30px 10px;
}
.videoItem.leftItem {
	clear: left;
	margin: 0 10px 30px 0;
}
.videoItem.rightItem {
	margin: 0 0 30px 10px;
}
.videoItem:hover {
	text-decoration: none;
}
.videoItem img {
	margin: 0 0 8px 0;
	border: 3px solid #b0b0b0;
}
.videoItem:hover img, .videoItem.active img {
	border-color: #36ba00;
}
.videoItem span {
	display: block;
}
.videoItem .title {
	font-weight: bold;
	font-size: 15px;
	color: #222;
}
.videoItem:hover .title, .videoItem.active .title {
	color: #36ba00;
}
.videoItem .client {
	font-family: "Lucida Grande", sans-serif;
	font-size: 11px;
}
.pagecontent2 {
	width: 230px;
	float: right;
}
/* Photos page */
.photo-nav {
	position: absolute;
	top: 540px;
	right: 5px;
}
.galleria {
	list-style: none;
}
.galleria li {
	display: block;
	width: 100px;
	height: 100px;
	overflow: hidden;
	float: left;
	margin: 0 15px 10px 0;
	border: 2px solid #e4d0c2;
}
.galleria li.active, .galleria li.hover {
	border: 2px solid #ff0000;
}
.galleria li img.thumb {
	cursor: pointer;
	top: auto;
	left: auto;
	display: block;
	width: auto;
	height: auto;
}
* html .galleria li div span {/* MSIE bug */
	width:400px;
}
.galleria_container {
	margin: 0 auto 60px auto;
	height: 282px;
	width: 430px;
	float: right;
	text-align: left;
}
.galleria_container span.caption {
	display: block;
	margin: 5px 0 0 0;
	font: 11px/1.2em arial, sans-serif;
	text-align: center;
}
.galleria_wrapper { 
	text-align: center;
}
/* Forms */
.form-line {
	margin: 9px 0;
	clear: both;
}
input, textarea {
	padding: 6px;
	color: #555;
	border: 1px solid #a9aaa8;
	background: #dcded8;
}
input.text {
}
textarea {
	height: 100px;
}
label {
	display: block;
	float: left;
	margin: 5px 5px 0 0;
	color: #555;
}
#customform-contact .form-line {
	margin: 0 0 15px 0;
}
#customform-contact label {
	width: 140px;
}
#customform-contact label.checkbox {
	width: auto;
	display: inline;
	float: none;
}
#customform-contact input, #customform-contact textarea {
	width: 250px;
}
#customform-contact input.radio, #customform-contact input.checkbox {
	width: auto;
	border: none;
}
#customform-contact #Label7 {
	margin: 0 5px 0 0;
}
#customform-contact #submit {
	width: auto;
	margin: 0 0 0 145px;
}
.button {
	background: #ff4a00;
	color: #fff;
	border: 1px solid #fe540e;
	padding: 5px 10px;
	cursor: pointer;
}
#customform-subscribe label {
	float: right;
	width: 60px;
	font-size: 11px;
	font-family: "Lucida Grande", sans-serif;
	color: #999;
}
#section-index #customform-subscribe label {
	width: 75px;
}
#section-index #customform-subscribe input.text {
	width: 220px;
}
#comment-form {
	margin: 20px 0 0 0;
}
#comment-form fieldset {
	border: none;
}
#comment-form legend {
	font: bold 22px/1.2em "Arial Narrow", sans-serif;
	margin: 0 0 12px;
	color: #907856;
}
#comment-form label {
	float: right;
	width: 170px;
	font-size: 11px;
	font-family: "Lucida Grande", sans-serif;
	color: #999;
}
#comment-form .email label {
	margin: 0 5px 0 0;
	line-height: 1.25em;
}
#comment-form input.text, #comment-form textarea {
	width: 250px;
}
#comment-form .hint {
	display: block;
	width: 250px;
	text-align: right;
}
.required {
	margin: 0 0 0 10px;
	color: #6b2102;
}
.hint {
	font-size: 11px;
	color: #999;
	font-family: "Lucida Grande", sans-serif;
}
label .required {
	margin: 0;
}
.error-line {
	background: #D7B6B6;
}
.error {
	padding: 0 0 0 10px;
	color: #740000;
}

#namehover { 
	width:413px; display:block;
	height:40px;
	float:right;
	text-align:center;
}

#carton { 
	float:right;
	list-style-type:none;
	margin:10px 0 10px 20px;
	padding:0;
	width:413px;
	height:332px;
}

#carton li, #carton li a { 
	text-indent:-9999px;
	position:absolute;
	display:block;
	cursor:pointer;
}


#carton .erin { 
top:131px; left:0; 
width:152px; height:204px;
background:url(/site_images/carton_sprite.jpg) 0 -131px;
}
#carton .erin:hover { 
background:url(/site_images/carton_sprite.jpg) 0 -463px;
}
#carton .clients { 
top:131px; left:152px; 
width:124px; height:204px;
background:url(/site_images/carton_sprite.jpg) -152px -131px;
}
#carton .clients:hover { 
background:url(/site_images/carton_sprite.jpg) -152px -463px;
}
#carton .sarah { 
top:131px; left:276px; 
width:137px; height:204px;
background:url(/site_images/carton_sprite.jpg) -276px -131px;
}
#carton .sarah:hover { 
background:url(/site_images/carton_sprite.jpg) -276px -463px;
}







#carton .editors { 
top:0px; left:0; 
width:152px; height:131px;
background:url(/site_images/carton_sprite.jpg) 0 0px;
}
#carton .editors:hover { 
background:url(/site_images/carton_sprite.jpg) 0 -332px;
}
#carton .crew { 
top:0px; left:152px; 
width:124px; height:131px;
background:url(/site_images/carton_sprite.jpg) -152px -0px;
}
#carton .crew:hover { 
background:url(/site_images/carton_sprite.jpg) -152px -332px;
}
#carton .managers { 
top:0px; left:276px; 
width:137px; height:131px;
background:url(/site_images/carton_sprite.jpg) -276px -0px;
}
#carton .managers:hover { 
background:url(/site_images/carton_sprite.jpg) -276px -332px;
}






#clients img { 
margin-right:30px; margin-bottom:10px; 
}








