/*
Theme Name: Saatchila
Theme URI: http://wordpress.org/
Description: Saatchila website
Author: Luke Grannis
Author URI: http://saatchila.com/
*/

/*
COLORS

orange text: 	#fe5f10 
black text: 	#555555
*/

@charset "utf-8";

/* GLOBAL ELEMENTS*/
html {
	height:100%;
}

a {
	color:#fe5f10;
	font-weight:bold;
	text-decoration:none;
	font-size:12px;
}

a:hover {
	color:#555;
}

object {
	border:0px;
}

body {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 13px;
	color: #555555;
	margin:0px;
	padding:0px;
	height:100%;
	font-weight:normal;
	line-height: 1.5em;
}

h3 {
	font-weight:bold;
	font-size: 12px;
}

.error {
	color:#F00;
	font-weight:bold;
}

/*
img.small {
	width:285px;
	height:159px;
	border:none;
	border-width:0px;
}
*/

img.small {
	padding:1px;
	width:285px;
	height:159px;
	background-color:#CCC;
/*	border:none;
*/}

img.small:hover {
	width:285px;
	height:159px;
/*	border:none;
*/	background:#F60;
}

img.cs {
	padding:1px;
	width:285px;
	height:295px;
	background:#CCC;
}

img.cs:hover {
	width:285px;
	height:295px;
	background:#F60;
}

img.rollover-image  {
	padding:1px;
	border:none;
	background:#CCC;
}

img.rollover-image:hover {
	border:none;
	background:#F60;
}

.centered {
	left:50%;
	margin-left:-475px;
	width: 950px;
}

.holder {
	position:absolute;
	top:45px;
	padding: 0px;
	z-index:2;
	min-height:550px;
	height:auto;
}


.hidden {
	visibility:hidden;
}

.spacer {
	float:left;
	clear:left;
	width:100%;
	height:auto;
}

.inline-block {
	position:relative;
	width:100%;
	height:auto;
	border:none;
	float:left;
	clear:left;
	overflow:visible;
}


.left-column {
	width:330px;
	height:100%;
	float:left;
}

.right-column {
	width:620px;
	float:left;
}

/* section header */

.section-header {
	width:100%;
	height:30px;
	top:0px;
	left:0px;
	border-bottom:1px;
	border-bottom-color:#959595;
	border-bottom-style:solid;
	margin-bottom:21px;
}

.header-text {
	position:relative;
	float:left;
}

.header-link {
	position:relative;
	float:right;
	top:10px;
}

/* anchor tags */

a.work {
	color:#555555;
	text-decoration:none;
}

a.work:hover {
	color:#fe5f10;
}
/* header */

#header {
	top:45px;
	z-index:101;
	position:absolute;
	height:auto;
}

#header-address {
	top:0px;
	right:0px;
	width:135px;
	height:auto;
	position:absolute;
	font-size:11px;
	line-height:1.25em;
}

#flash-main-nav {
	position:absolute;
	height:15px;
	width:300px;
	top:34px;
	left:0px;
}

#flash-main-nav-home {
	position:absolute;
	height:15px;
	width:300px;
	/*top:34px*/;
	left:0px;
}

#sslaLogo{
	border:none;
}

.flash-decoration {
	position:relative;
	float:left;
	width:300px;
	height:400px;
}


/* footer */

#footer {
	float:left;
	clear:left;
	width: 950px;
	height:auto;
	margin-top:25px;
	padding-top:15px;
	padding-bottom:15px;
	border-top:1px;
	border-top-color:#959595;
	border-top-style:solid;
	text-align:right;
	/*font-weight:bold;*/
}

/* 3 column system */
.column {
	display:block;
	position:relative;
	height:auto;
	float:left;
	height:100%;
}

.column-text {
	top:-15px;
}

.column-1 {
	float:left;
	width:286px;
	margin-right:47px;
}
.column-2 {
	float:left;
	width:286px;
}
.column-3 {
	width:286px;
	float:right;
}

/* HOME PAGE */
#flash-home-centerpiece {
	position:relative;
	z-index:100;
	width:950px;
	height:360px;
	float:left;
	clear:left;
}

#flash-header-featuredwork {
	float:left;
}

p.home-news {
	color:#fe5f10;
	display:block;
	width:286px;
	text-align:left;
	margin: 0 0 30px 0;
	line-height: 1.25em;
}

p.home-news-title {
	font-size: 14px;
	color:#555;
	margin: 0px 0 10px 0;
}

a.home-news {
	color:#555;
	text-decoration:none;
	font-weight:bold;
}

a.home-news:hover {
	color:#fe5f10;
}

a.home-news-title {
	color:#555;
	text-decoration:none;
	font-weight:normal;
	line-height: 1.25em;
	font-size: 1em;
}

a.home-news-title:hover {
	color:#fe5f10;
}

/* WORK POST */


.left-decoration {
	position:relative;
	bottom:0px;
}

/* this is 8 px wider */
.work-post-centered {
	left:50%;
	margin-left:-475px;
	width: 966px;
}

.work-post-column {
	position:relative;
	margin:0px;
	padding:0px;
}

.work-post-left-column {
	width:322px;
	height:100%;
	float:left;
	min-height:100%;
}

#flash-quote{
	margin-top:60px;
}

#flash-quote img{
	border:none;
}	

.work-post-right-column {
	z-index:101;
	width:644px;
	float:left;
}

.work-post-right-inline-block {
	float:left;
	width:620px;
	clear:left;
	text-align:left;
	position:relative;
	overflow:visible;
	left:8px;
}

#work-post-media-holder {
	position:relative;
	float:left;
}

#work-post-thumbs {
	position:relative;
	float:left;
	left:8px;
	width:620px;
	height:108px;
	clear:left;
	overflow:hidden;
}

.work-post-thumb {
	float:left;
	margin-right:15px;
	margin-bottom:20px;
}


.work-post-thumb-last{
	margin-right:0px;
}

#flash-holder {
	position:relative;
	float:left;
	width:636px;
	height:465px;
	clear:left;
}

#case-study-image {
	position:relative;
	display:inline;
	/*left:-70px;
	top:52px;*/
	float:left;
	margin-top:4px;
	margin-right:8px;
}


.work-title-block {
	position:relative;
	display:inline;
	float:left;
	
}

/* CONTACT */

input, textarea, select {
	border:#ccc solid thin;
	background-color:#F4F4F4;
}

.required {
	color:#F00;
	font-size:1.2em;
}

#send-button {
	width:150px;
}

.contact-table {
	width:950px;
	border:0px;
}

.contact-left-column {
	width:300px;
	height:100%;
	float:left;
}

.contact-right-column {
	width:650px;
	float:left;
}

.column-contact-one {
	width:290px;
	margin-right:60px;
}

.column-contact-two {
	width:290px;
	float:right;
}

#flash-map{
	margin-top: 60px;
}
#flash-contact-form{
	margin-top: 25px;
}
/* AWARDS */
.award-column-1 {
	display:inline;
	width:286px;
	margin-right:25px;
	min-height:120px;
}
.award-column-2 {
	display:inline;
	width:286px;
	float:left;
	min-height:120px;
}

.award {
	color:#fe5f10;
}


/* FOOTER */

#address {
	/*float:right;*/
	right:0px;
	width:auto; 
	position:relative;
	font-size:11px;
}

#footer-flash-holder {
	float:right; 
	width:auto; 
	position:relative; 
	top:1px; 
}



/* NEWS */

.news-excerpt {
	float:left;
	clear:left;
	position:relative;
	height:auto;
	width:100%;
	margin-bottom:30px;
}

.news-header {
	float:left;
	clear:both;
	width:100%;
	position:relative;
	height:auto;
}

.news-header-date {
	float:left;
	display:inline;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-size:18px;
	color:#555;
	margin-right:10px;
	width:100px;
}

p.news-excerpt-content {
	position:relative;
	display:inline;
	float:left;
	left:110px;
	width:550px;
	padding:0px;
	margin-top:10px;
}

.news-header-title {
	float:left;
	display:inline;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size:18px;
	color:#fe5f10;
	text-decoration:none;
	width:100%;
	font-weight:normal;
}


a.news-header-title {
	float:left;
	display:inline;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size:18px;
	color:#fe5f10;
	text-decoration:none;
	width:500px;
	font-weight:normal;
}

a.news-header-title:hover {
	color:#555;
}

.news-date {
	position:relative;
	width:100%;
	height:auto;
	border:none;
	float:left;
	clear:left;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	color:#999;
}

/* DISCLAIMER */

/* Modal Overlay style for Overlay class */
#modal-overlay {
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 1000001;
	background: #ffffff;  
}

#modal-overlay.modal {
	filter:alpha(opacity=80);
	opacity:0.8;
}

#model-layer h2, #med-layer-box h2, .quickOverlay h2 {
	font-size: 11px;
	font-weight: bold;
	padding: 12px 0 10px 10px;
	top: 0px;
	left: 0px;
	text-align: left;
	background: none;
	height: auto;
	width: auto;
	display: block
}


.overlay-corner-top {
	height: 3px;
	margin-right: 3px;
	font-size: 1px;
	background: url(../img/global/overlay_corner_topleft.gif) no-repeat;
	position: relative;
}

.overlay-corner-topright {
	background: url(../img/global/overlay_corner_topright.gif);
	height: 3px;
	margin-right: -3px;
	_margin: 0px -4px 0px 0px;
	position: absolute;
	right: 0pt;
	top: 0pt;
	width: 3px;
	font-size: 1px;
}

.overlay-corner-bottom {
	background: url(../img/global/overlay_corner_bottomleft.gif) no-repeat;
	bottom: 0px;
	height: 3px;
	margin-right: 3px;
	font-size: 1px;
	position: relative;
}

.overlay-corner-bottomright {
	background: url(../img/global/overlay_corner_bottomright.gif) no-repeat scroll right bottom;
	bottom: 0px;
	height: 3px;
	font-size: 1px;
	margin-right: -3px;
	_margin: 0px -4px -1px 0px;
	position: absolute;
	right: 0px;
	width: 3px;
}

#disclaimers-ajax { display: block; }

.disclaimer-text {
	color: #000; 
	font-family: Arial, Helvetica, sans-serif; 
	font-size:11px;
	text-align: left;
	padding-bottom: 12px;
}

.disclaimer-text .bluetooth li {
    text-align: left;
}

/*
h2.disclaimer {
	display: block;
	position: static;
	font-size: 14px;
	font-weight: bold;
	height: 14px;
	text-align: left;
	padding: 0px 0px 8px 0px;
}
*/

h2.disclaimer {
	display: block;
	position: static;
	font-size: 4px;
	font-weight: bold;
	height: 14px;
	text-align: left;
	padding: 0px 0px 0px 0px;
}

span.disclaimer {
	font-weight: bold;
	color: #000;
}

.disclaimer-box-content {
	position: relative;
	background-image:url(images/disclaimer-bg.gif);
	width:451px;
	height:259px;
}

.disclaimer-body {
	position:relative;
	padding:40px;
	color:#fe5f10;
	font-size:1em;
}

.disclaimer-overlay-div {
	position:relative;
	width:500px;
	margin:10px 0 10px 140px;
}

.disclaimer-accept {
	border:0px;
	position:relative;
	float:left;
	width:140px;
	top:0px;
}

.disclaimer-reject {
	border:0px;
	width:140px;
	position:relative;
	float:right;
	/*margin-left:50px;*/
	top:0px;
}

.disclaimer-buttons {
	position:relative;
	width:100%;
	height:auto;
	padding-top:15px;
	padding-bottom:15px;
	float:left;
}

.disclaimer-conditions {
	position:relative;
	width:100%;
	height:auto;
	clear:left;
	float:left;
}

.disclaimer-overlay-close {
    position: absolute;
	top: 4px;
	right: 6px;
	display:block;
	margin:0;
	height:31px;
	width: 30px;
	z-index:1000;
}

.clear {
	clear: both;
}

#webcam {
	background:url(images/webcam-bg.gif);
	width:285px;
	height:214px;
}

#webcam-title {
	position:relative;
	top:-15px;
}

#flash-webcam {
	position:relative;
	top:3px;
	left:3px;
}