/*  
Author: john peacock
Last revision: 1/7/10
*/

/*
GLOBALS
*/
body {
	margin:0;
    padding:0;
	height:100%;
	color:#151515;
	min-width:999px;
	background:#FFF;
	/* font:13px Times,Georgia,serif; */
	font:12px Arial,Helvetica,"trebuchet MS",sans-serif;
	color: #282828;
}
body, img, h1, h2, h3, h4, h5, ul, ol, li, form, blockquote {
	margin: 0px;
	padding: 0px;
}
html, body, #shell {
	/* height:100%; */
}
body > #shell {
	/*
height: auto; 
	min-height: 100%;
*/
}
#content {
	/*
height: auto; 
	min-height: 100%;
*/
	background: #FFF;
	padding-bottom: 20px;
}
#footer {
	position: relative;
	margin-top: -20px;
	height: 20px;
	clear:both;
}
div {
	line-height: 19px;
}
h2 {
	font-size: 18px;
	font-family: 'Oxygen', sans-serif;
	font-weight: 400;
	padding-bottom: 4px;
	color: #282828;
	margin:0px 0px 2px 0px;
}
h2 a {
	color:#1395d8;
	text-decoration: none;
}
h2 a:hover {
	color:#0179a5;
	text-decoration: none;
}
h3 {
	font-size: 13px;
	font-weight: bold;
	color: #000;
}
h3 a {
	color:#282828;
	text-decoration: none;
}
h3 a:hover {
	color:#0179a5;
	text-decoration: none;
}
p {
	line-height: 19px;
	padding-bottom:15px;	
}
ul, ol {
	list-style: none;
}
a {
	color: #0179a5;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
blockquote, q{
	font:13px Arial;
	font-style:italic;
	line-height: 24px;
	padding:20px 25px 20px 25px;
	margin-bottom: 15px;
	background-color:#f7f6f4;
	border-top: dotted 1px #939391;
	border-bottom: dotted 1px #939391;
}
blockquote p{
	margin:0px;
	padding:0px;
}
hr {
	border: none;
	height: 1px;
	margin: 4px 0 8px 0;
	/* border-bottom:1px #009fdf dotted; */
	border-bottom:1px #e4e4e4 solid;
}
.spacer1px {
	height: 1px;
	margin: 0 0 1px 0;
}
.spacer3px {
	height: 1px;
	margin: 0 0 3px 0;
}



#kilo-modal {
	position: absolute;
	width: 400px;
}
#kilo-modal h1 {
	text-transform: uppercase;
	font-size: 18px;
	padding-bottom: 10px;
	border-bottom: 1px dotted #999;
	margin-bottom: 10px;
}
#kilo-modal hr {
	border-bottom: 1px dotted #999;
	height: 1px;
	margin-bottom: 15px;
}
#kilo-modal .close {
	position: absolute;
	right: 10px;
	top: 10px;
}
#fade {
	display: none;
	background: #000; 
	position: fixed; left: 0; top: 0; 
	z-index: 10;
	width: 100%; height: 100%;
	opacity: .80;
	z-index: 9999;
}
.popup{
	display: none;
	background: #fff;
	padding: 20px;
	padding-bottom: 5px; 	
	border: 5px solid #ddd;
	float: left;
	position: fixed;
	top: 50%; left: 50%;
	z-index: 99999;
	-webkit-box-shadow: 0px 0px 5px #000;
	-moz-box-shadow: 0px 0px 5px #000;
	box-shadow: 0px 0px 5px #000;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

/*--Making IE6 Understand Fixed Positioning--*/
*html #fade {
	position: absolute;
}

/*
SHELL
*/
#navbar {
	height: 80px;
	/* border-bottom: dotted 1px #656565; */
	margin: 15px 0px 0px 0px;
}
#logo {
	background: transparent url(../img/logo-tagline.png) no-repeat scroll 0% 0%;
	width: 100px;
	height: 50px;
	text-indent: -3333px;
	border: 0;
	margin: 10px 0 0 0px;
}
#logo a {
	display: block;
	width: 100px;
	height: 50px;
	text-decoration: none;
	border: 0;
}
#header-nav {
	width: auto;
	float: right;
	padding: 30px 0px 0px 0px;
	text-align: right;
}
#header-nav ul {
	float: left;
	color: #282828;
	padding:0px;
	/* margin-right: 0px; */
}
#header-nav ul li {
	display: inline;
	padding:0px 0px 0px 65px;	
}
#header-nav ul li a {
	color:#282828;
	font-family: 'Oxygen', sans-serif;
	font-size: 15px;
	/*font: 17px Helvetica,Arial,"trebuchet MS",sans-serif;*/
	font-weight: 400;
	text-transform: uppercase;
}
#header-nav ul li a:visited {
	color: #282828;
}
#header-nav ul li a:hover {
	color: #0179a5;
	text-decoration:none;
}
#header-nav ul li a.selected {
	color: #0179a5;
}
.shadL {
	position: absolute;
	margin: 0 0 0 -8px;
	width: 8px;
	height: 250px;
	background: url(../img/shadow-left.jpg) 0 0 no-repeat;
}
.shadR {
	position: absolute;
	margin: 0 0 0 960px;
	width: 8px;
	height: 250px;
	background: url(../img/shadow-right.jpg) 0 0 no-repeat;
}
.shadLBig {
	position: absolute;
	margin: 0 0 0 -8px;
	width: 8px;
	height: 400px;
	background: url(../img/shadow-big-left.jpg) 0 0 no-repeat;
}
.shadRBig {
	position: absolute;
	margin: 0 0 0 960px;
	width: 8px;
	height: 400px;
	background: url(../img/shadow-big-right.jpg) 0 0 no-repeat;
}


/*
HOME
*/
.header-block {
	width: 945px;
	height: 250px;
	color: #FFF;
	/* border-bottom: dotted 1px #656565; */
}
.header-contact {
	width: 945px;
	height: 550px;
	color: #FFF;
	/* border-bottom: dotted 1px #656565; */
}
.header_tag {
	position: absolute;
	width: 199px;
	height: 50px;
	background: url(../img/home-tagbg.png) 0 0 no-repeat;
	margin: 190px 0 0 -18px;
	padding: 25px 0 0 16px;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 11px;
}
.header_tag a {
	margin: 0 3px 0 5px;
	color: #FFF;
}

#slider {  
    position:relative;  
    width: 960px;
    height:906px;
    padding: 0 0 10px 0;
}  
#slider ul li {  
    float:left;  
    position:absolute; 
    display: none; 
}  
#slider ul li img {  
    border:none;  
} 
#slider ul li.show {  
    z-index:500 ;
    display: block;
}

.clicktosee {
	width: 100%;
	text-align: center;
	font-size: 10px;
	font-style: italic;
	color: #009fdf;
} 


.upper {
	text-transform: uppercase;
	color: #282828;
	font-size: 12px;
	font-weight: bold;
	padding: 0 10px 0 10px;
}
#slider_data .copy {
	font-size: 11px;
}
.home-intro {
	line-height: 30px;
	font-size: 13px;
}
#latest_right .title {
	font-weight: bold;
	font-size: 11px;
	background: url(../img/arrow-grey.png) 3px 5px no-repeat;
}
#latest_right p {
	padding: 0 10px;
	color: #202020;
	font-size: 11px;
}
/*
END HOME
*/


.studio-sidebar {
	margin: 0 0 0 20px;
}





/* wide left column content */
#content_left, #content_right {
	line-height: 17px;
	padding: 0 0 20px 0;
}
#content_left {
	margin-left: 0;
	margin-right: 15px;
}

#content h2 {
	text-transform: uppercase;
}
#content_left h2, #content_right h2 {
	color: #000;
	padding: 20px 0px 3px 0px;
	text-transform: uppercase;
}
#content_left h3 {
	font-family: 'Oxygen', sans-serif;
	padding: 7px 0px 3px 0px;
	text-transform: uppercase;
}
#content_left div, #content_right div {
	margin-bottom: 6px;
}
#content_left h3 {
	padding:10px 0 9px 0;
	color: #000;
}


#content_right {
	width: 297px;
	background: #FFF;
}
.h2-padded {
	height: 26px;
	/* border-bottom: dotted 1px #009fdf; */
	border-bottom: solid 1px #e4e4e4;
	margin-bottom: 10px;
}
.h2-padded img {
	padding: 0 4px 1px 3px;
}
.recent-right {
	/* border-top: dotted 1px #656565; */
	margin: 10px 0px 0px 0px;
	padding-bottom: 12px;
}
.recent-link, .home-ul li {
	background: url(../../assets/img/link-arrow.png) 0 7px no-repeat;
	padding: 0 0 0 8px;
	font-size: 11px;
}
.side-ul {
	margin: 8px 0 10px 0;
}
.side-ul li {
	background: url(../../assets/img/link-arrow.png) 5px 8px no-repeat;
	padding: 0 0 12px 13px;
	font-size: 11px;
}


.work-header {
	height: 10px;
	border-top: dotted 1px #009fdf;
	margin-bottom: 5px;
}


.work-headline {
	/* border-top: 1px dotted #009fdf; */
	border-top: 1px solid #e4e4e4;
	padding: 8px 0 4px 0;
	font-size: 26px;
	line-height: 40px;
}
.work-padded {
	padding: 50px 0 10px 0;
}
.bigpost {
	
	padding: 10px 0 10px 0;
	border-bottom: 1px solid #e4e4e4;
}


.post {
	float: left;
	width: 299px;
	position: relative;
	padding: 20px 0px 0px 0px;
	margin-right: 30px;
	display: block;
	min-height: 410px;
	border-bottom: 1px solid #e5e5e5;
	margin-top: 0px;
}
.post-detail {
	min-height: 280px;
}
.postend {
	margin-right: 0px;
	margin-left: 0px;
}



.post img, .archive img {
	border: 1px solid #f4f4f4;
}
.post .title, .post .title a:link, .post .title a:visited,
.archive .title, .archive .title a:link, .archive .title a:visited {
	color: #282828;
	padding: 10px 5px 0 5px;
	font-weight: 700;
	text-transform: uppercase;
	text-decoration: none;
	line-height: 15px;
}
.post a:hover,
.archive a:hover {
	text-decoration: none;
}
.post a:hover p.title,
.archive a:hover p.title {
	color: #666666;
}
.post .date,
.archive .date {
	color: #999999;
	padding: 0 5px 0 5px;
	margin-top: 2px;
	font-weight: 700;
	font-size: 10px;
	line-height:14px;
}
.post .copy,
.archive .copy {
	padding: 0 3px 0 5px;
	font-size: 11px;
	line-height: 16px;
}
.post .link,
.archive .link {
	margin-left: 5px;
	padding: 5px 5px 14px 6px;
	font-weight: 600;
	font-size: 11px;
	background: url(../../assets/img/link-arrow.png) 0 12px no-repeat;
	/* text-transform: uppercase; */
}
.archive {
	float: left;
	width: 202px;
	/* background: #999999; */
	position: relative;
	display: block;
	min-height: 400px;
	border-bottom: 1px solid #e4e4e4;
	margin-top: 0px;
}
.archleft {
	padding: 20px 0px 0px 0px;
	margin-right: 50px;
}
.arch {
	padding: 20px 0px 0px 0px;
	margin-right: 0px;
	margin-left: 0px;
}
.noborder {
	border: none;
}
.work-content h2 {
	background: url(../../assets/img/center-scroll.png) 425px 0px no-repeat;
}

/* footer */
#footer {
	/* background: #1395d8; */
	/* border-top: dotted 1px #009fdf; */
	border-top: solid 1px #e4e4e4;
	padding: 10px 0 10px 0;
	font-size: 11px;
}
.footer-right {
	float: right;
	text-align: right;
}



.hidden { display: none; }

/* twitter feed */
.tweet-feed{word-wrap:break-word; /* Internet Explorer 5.5+*/padding:10px 10px 0px 0}
.twitterPost{font-size:11px; line-height:1.4em; /* border-bottom:1px #009fdf dotted; */border-bottom:1px #e4e4e4 solid; padding:7px 8px 12px 8px}
.twitterFollow{font-size:11px; line-height:1.4em; padding:7px 8px 12px 8px}
.twitterPost a:link, twitterFollow a:link {color:#2e5e70}
.twitDate{color:#95917f; font-size:11px; font-style:italic; line-height:2em}
.twitterPost a:link, 
.twitterPost a:visited,
.twitterFollow a:link,
.twitterFollow a:visited {color:#2e5e70; text-decoration:underline}
.twitterPost a:hover,
.twitterFollow a:hover {color:#0179a5}

button{border:0 none; cursor:pointer; padding:0 10px 0 0; text-align:center; height:21px; line-height:30px; width:auto; font-weight:bold}
button.rounded{background:transparent url(../img/tagline-cta.png) no-repeat scroll right top; clear:left; text-transform:uppercase; font-weight:bold; font-size:0.8em; font-family:Arial}
button span{text-transform:uppercase; display:block; padding:0 8px 0 10px; position:relative; white-space:nowrap; height:21px; line-height:21px}
button.rounded span{background:#009fdf; color:#FFF}
button.rounded:hover span{/* text-decoration:underline; */color:#e9e9e9}
button::-moz-focus-inner{border:none}