/*==================================*/
/*    Author: Lane Roberts          */
/*    Company: Corporate 3 Design   */
/*    Date: May 4, 2009             */
/*==================================*/

/*==================================*/
/*---------- PAGE/GENERAL ----------*/
/*==================================*/
* {
	margin: 0;
	padding: 0;
}
html {
	width: 100%;
	height: 100%;
	margin-bottom:1px;
}
body {
	width: 100%;
	height: 100%;
	font-family:"Arial", Helvetica, sans-serif;
	font-size: 100%;
	line-height: 100%;
	background:url(../images/main/bg_body.png) repeat-x top center;
	margin-bottom:1px;
}
.clear {
	clear:both;
}
.nomargin {
	margin:0;
	padding:0;
}
/* Change colors and options for your default on links */
a:link {
	color: #333;
	text-decoration: none;
}
a:visited {
	color: #999;
	text-decoration: none;
}
a:hover {
	text-decoration: none;
	color: #003768;
}
a:active {
	text-decoration: none;
	outline:none;
}
a:focus {
	outline:none
}
img {
	border: 0;
}
img[align=left] {
	float:left;
	padding: 0 1em .5em 0;
}
h1, h2, h3, h4, h5, h6 {
	font-family: "ff-dagny-web-pro-1","ff-dagny-web-pro-2", Helvetica, Arial, sans-serif;
	font-weight:300;
	color:#00355f;
	padding:1em 0 .5em 0;
	line-height:130%;
	clear:both;
}
h2 {
	padding:0 0 0 0;
	font-size:35px;
	text-transform:none;
	font-weight:250;
}
h3 {
	text-transform:none;
	font-size:26px;
}
h3#twitter {
	background:url(../images/main/recentTweets.png) no-repeat 0 0;
	text-indent:-3000em;
	width:155px;
	height:50px;
	padding:0;
	margin:0;
}
h4 {
	color:#7e7a77;
	font-size:21px;
	line-height:180%;
	padding-top:0;
}
h5 {
	font-size:1.2em;
	font-weight:normal;
	padding-bottom:0;
}
h6 {
	font-size:1em;
	font-style:normal;
	padding:0;
}
h6 + h6 {
	padding-bottom:.5em;
}
h6 a:link, h6 a:visited {
	color:#003768;
	text-decoration:none;
}
h6 a:hover {
	color:#95a0a9;
}
.right {
	float:right;
}
.left {
	float:left;
}
p, ul, dl {
	color:#6e6e6e;
	line-height:180%;
	font-size:.8em;
}
ul {
	margin:0 0 0 2em;
}
p + p {
	padding-top:2ex;
}
#wrapper {
	/* Wraps around the content */
	width:925px;
	margin:0 auto;
	padding:0px;
	position:relative;
}
* html #wrapper {
	height:100%;
}
strong {
	color:#00355f;
	font-weight:normal;
}
/*==================================*/
/*------------ HEADER --------------*/
/*==================================*/


#header {
	height:130px;
	background:url(../images/main/header-sprite.png) no-repeat 0 -300px;
	position:relative;
}
#header h1 {
	display:block;
	position:absolute;
	width:120px;
	height:115px;
	top:0;
	left:5px;
	margin:0;
	padding:0;
}
#header h1 a {
	position:relative;
	display:block;
	width:100%;
	height:100%;
	text-indent:-3000em;
	overflow:hidden;
}
ul#nav {
	list-style:none;
	position:absolute;
	top:0;
	margin:0;
}
ul#nav li {
	list-style:none;
	display:inline;
}
ul#nav li a {
	display:block;
	position:absolute;
	top:0;
	left:150px;
	width:75px;
	height:75px;
	text-indent:-3000em;
	overflow:hidden;
}
ul#nav li.about a {
}
ul#nav li.about a:hover, .about ul#nav li.about a {
	background:url(../images/main/header-sprite.png) no-repeat -150px 0;
}
ul#nav li.work a {
	left:225px;
	width:100px;
}
ul#nav li.work a:hover, .work ul#nav li.work a {
	background:url(../images/main/header-sprite.png) no-repeat -225px 0;
}
ul#nav li.contact a {
	left:325px;
	width:95px;
}
ul#nav li.contact a:hover, .contact ul#nav li.contact a {
	background:url(../images/main/header-sprite.png) no-repeat -325px 0;
}
ul#nav li.enews a {
	left:493px;
	width:59px;
}
ul#nav li.enews a:hover, .enews ul#nav li.enews a {
	background:url(../images/main/header-sprite.png) no-repeat -493px 0;
}
ul#nav li.blog a {
	left:555px;
	width:58px;
}
ul#nav li.blog a:hover, .blog ul#nav li.blog a {
	background:url(../images/main/header-sprite.png) no-repeat -555px 0;
}
ul#nav li.twitter a {
	left:615px;
	width:59px;
}
ul#nav li.twitter a:hover, .twitter ul#nav li.twitter a {
	background:url(../images/main/header-sprite.png) no-repeat -615px 0;
}
ul#nav li.facebook a {
	left:674px;
	width:59px;
}
ul#nav li.facebook a:hover, .facebook ul#nav li.facebook a {
	background:url(../images/main/header-sprite.png) no-repeat -674px 0;
}
div#quickcontact {
	float:right;
	text-align:right;
	color:#ffffff;
	font-size:.75em;
	line-height:180%;
}
div#quickcontact span {
	font-size:1.8em;
}

/*==================================*/
/*--------- SECOND NAV -------------*/
/*==================================*/


ul#secondnav {
	list-style:none;
	position:absolute;
	top:0;
	margin:0;
}
ul#secondnav li {
	list-style:none;
	display:inline;
}
ul#secondnav li a {
	display:block;
	position:absolute;
	top:75px;
	left:0;
	width:40px;
	height:25px;
	text-indent:-3000em;
	overflow:hidden;
}
ul#secondnav li.bios a {
	background:url(../images/main/header-sprite.png) no-repeat -185px -75px;
	left:185px;
}
ul#secondnav li.bios a:hover, .bios ul#secondnav li.bios a {
	height:50px;
}

ul#secondnav li.studio a {
	background:url(../images/main/header-sprite.png) no-repeat -245px -75px;
	left:245px;
	width:55px;
}
ul#secondnav li.studio a:hover, .studio ul#secondnav li.studio a {
	height:50px;
}

ul#secondnav li.news a {
	background:url(../images/main/header-sprite.png) no-repeat -315px -75px;
	left:315px;
	width:50px;
}
ul#secondnav li.news a:hover, .news ul#secondnav li.news a {
	height:50px;
}


ul#secondnav li.identity a {
	background:url(../images/main/header-sprite.png) no-repeat -270px -125px;
	left:270px;
	width:70px
}
ul#secondnav li.identity a:hover,  ul#secondnav li.active a {
	height:50px;
}

ul#secondnav li.print a {
	background:url(../images/main/header-sprite.png) no-repeat -350px -125px;
	left:350px;
	width:45px;
}
ul#secondnav li.print a:hover, .print ul#secondnav li.print a {
	height:50px;
}

ul#secondnav li.web a {
	background:url(../images/main/header-sprite.png) no-repeat -410px -125px;
	left:410px;
	width:45px;
}
ul#secondnav li.web a:hover, .web ul#secondnav li.web a {
	height:50px;
}


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

a#back {
	display:block;
	width:60px;
	height:24px;
	background:url(../images/main/btn_back.png) 0 0 no-repeat;
	text-indent:-3000em;
	overflow:hidden;
	margin:1em 0 0 -5px ;
	
}
a#back:hover {
	background-position:0 -25px;
}
#content {
	padding:10px 0 0 10px;
	position:relative;
}
.column {
	width:425px;
	float:left;
	position:relative;
}
.column.right {
	float:right;
	padding-left:20px
}

.cycle {
	width:660px;
	text-align:center;
	position:relative;
}
.js .cycle {
	height:450px;
}
.cycle * {
	padding:0 !important;
	margin:0 !important;
}

.cycle p {
	text-align:center;
}
.cycle p img {
	display:block;
}
ul#slidenav {
	list-style:none;
	position:absolute;
	/*margin:10px 0 0 10px;*/
	margin:0;
	padding:0 0 0 10px;
	top:0;
	left:0;
	z-index:500;
	line-height:100%;
	font-size:1.5em;
	background:#333333;
	opacity:0.8;														/*for standards browsers*/
}
ul#slidenav li {
	list-style:none;
	display:block;
	float:left;
	padding:5px;
}

ul#slidenav li a {
	display:inline;
	padding:4px;
	color:#eeeeee;
}
ul#slidenav li a.activeSlide {
	color:#FF9;
}
.about.studio .column,
.work.print .column,
.work.identity .column,
.work.web .column {
	width:695px;
	background:url(../images/main/separator-vert.png) no-repeat right top;
	min-height : 450px;
}
.about.studio .column.right,
.work.print .column.right,
.work.identity .column.right,
.work.web .column.right{
	width:200px;
	background-image:none;
}
.columns {
	padding-left:15px;
	padding-top:15px;
}
.columns .column {
	background-image:none !important;
}
.columns .column * {
	padding:0 1em 0 0;
}
.columns .column h6 {
	color:#666666;
}
.columns .column p {
	color:#003768;
}


ul.recentwork, ul.biolist {
	margin:0;
	margin-left:-5px;
	list-style:none;
	position:relative;
	width:100%;
	height:175px;
}

ul.recentwork li, ul.biolist li {
	display:block;
	list-style:none;
	float:left;
	margin:5px;
	position:relative;
	line-height:100%;
	height:65px;
	width:130px;
	overflow:hidden;
}
ul.biolist li {
	width:95px;
	height:95px;
}

ul.recentwork li span, ul.biolist li span {
	display:block;
	position:absolute;
	background:url(../images/main/frame.png) no-repeat 0 0;
	z-index:50;
	top:0;
	left:0;
	width:130px;
	height:65px;
}
ul.biolist li span {
	background-image:url(../images/main/frame_square.png);
	width:95px;
	height:95px;
}
ul.portfolio {
	list-style:none;
	line-height:130%;
	margin:0;
}
ul.portfolio li {
	list-style:none;
	display:inline;
	margin-right:.3em;
}

ul.worklist {
	margin:0;
	list-style:none;
}

ul.worklist li {
	list-style:none;
	
}
ul.worklist li.active a {
	color:#003768;
}

ul#twitter_update_list {
	margin:0;
	padding:0;
	list-style:none;
}
ul#twitter_update_list li {
	margin:0;
	padding:0;
	list-style:none;
	color:#cccccc;
	font-size:.8em;
	line-height:140%;
	padding:1em 0;
	border-top:1px dashed #cccccc;
}
ul#twitter_update_list li:first-child {
	border:none;
}
ul#twitter_update_list li span {
	color:#00355F;
	font-size:1.2em;
	
}
#twitter-link {
		
}

h1#referral_header {
	width:476px;
	height:117px;
	background:url(../images/main/referal-headline.png) no-repeat 0 0;
	text-indent:-3000em;
	overflow:hidden;
	padding:0;
	margin:0;
}
a#toForm {
	display:block;
	width:260px;
	height:50px;
	background:url(../images/main/referal-btn.png) no-repeat 0 0;
	text-indent:-3000em;
	overflow:hidden;
	position:relative;
	left:160px;
	margin-top:40px;
	margin-bottom:27px;
}

a#toForm:hover {
	background-position:0 -60px;
}
a#referral-program {
	display:block;
	margin-top:15px;
	width:365px;
	height:110px;
	background:url(../images/main/referral_sprite.png) no-repeat 0 0;
	text-indent:-3000em;
	overflow:hidden;
}
a#referral-program:hover {
	background-position:0 -115px;
}

/*==================================*/
/*------------- FORMS --------------*/
/*==================================*/

form dt {
	padding-top:1em;
}

form dd input, form dd textarea {
	width:280px;
}

form label.error {
	display:block;
	width:120px;
	float:right;
	line-height:120%;
	color:#00345D;
}

#submit {
	display:block;
	border:none;
	width:100px;
	height:33px;
	background:url(/images/main/btn_submit.png) no-repeat 0 0;
	text-indent:-3000em;
	overflow:hidden;
	cursor:pointer;
}

#submit:hover {
	background-position: 0 -33px;
}
textarea {
	font-family:"Arial", Helvetica, sans-serif;
	font-size:.9em;
}

/*** Calendar **********************/
div.calendar { position: relative; }

.calendar table {
cursor:pointer;
border:1px solid #ccc;
font-size: 11px;
color: #000;
background: #fff;
font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
}

.calendar .button { 
text-align: center;    
padding: 2px;          
}

.calendar .nav {
background:#f5f5f5;
}

.calendar thead .title { 
font-weight: bold;      
text-align: center;
background: #dedede;
color: #000;
padding: 2px 0 3px 0;
}

.calendar thead .headrow { 
background: #f5f5f5;
color: #444;
font-weight:bold;
}

.calendar thead .daynames { 
background: #fff;
color:#333;
font-weight:bold;
}

.calendar thead .name { 
border-bottom: 1px dotted #ccc;
padding: 2px;
text-align: center;
color: #000;
}

.calendar thead .weekend { 
color: #666;
}

.calendar thead .hilite { 
background-color: #444;
color: #fff;
padding: 1px;
}

.calendar thead .active { 
background-color: #d12f19;
color:#fff;
padding: 2px 0px 0px 2px;
}


.calendar tbody .day { 
width:1.8em;
color: #222;
text-align: right;
padding: 2px 2px 2px 2px;
}
.calendar tbody .day.othermonth {
font-size: 80%;
color: #bbb;
}
.calendar tbody .day.othermonth.oweekend {
color: #fbb;
}

.calendar table .wn {
padding: 2px 2px 2px 2px;
border-right: 1px solid #000;
background: #666;
}

.calendar tbody .rowhilite td {
background: #FFF1AF;
}

.calendar tbody .rowhilite td.wn {
background: #FFF1AF;
}

.calendar tbody td.hilite { 
padding: 1px 1px 1px 1px;
background:#444 !important;
color:#fff !important;
}

.calendar tbody td.active { 
color:#fff;
background: #529214 !important;
padding: 2px 2px 0px 2px;
}

.calendar tbody td.selected { 
font-weight: bold;
border: 1px solid #888;
padding: 1px 1px 1px 1px;
background: #f5f5f5 !important;
color: #222 !important;
}

.calendar tbody td.weekend { 
color: #666;
}

.calendar tbody td.today { 
font-weight: bold;
color: #529214;
background:#D9EFC2;
}

.calendar tbody .disabled { color: #999; }

.calendar tbody .emptycell { 
visibility: hidden;
}

.calendar tbody .emptyrow { 
display: none;
}

.calendar tfoot .footrow { 
text-align: center;
background: #556;
color: #fff;
}

.calendar tfoot .ttip { 
background: #222;
color: #fff;
font-size:10px;
border-top: 1px solid #dedede;
padding: 3px;
}

.calendar tfoot .hilite { 
background: #aaf;
border: 1px solid #04f;
color: #000;
padding: 1px;
}

.calendar tfoot .active { 
background: #77c;
padding: 2px 0px 0px 2px;
}

.calendar .combo {
position: absolute;
display: none;
top: 0px;
left: 0px;
width: 4em;
border: 1px solid #ccc;
background: #f5f5f5;
color: #222;
font-size: 90%;
z-index: 100;
}

.calendar .combo .label,
.calendar .combo .label-IEfix {
text-align: center;
padding: 1px;
}

.calendar .combo .label-IEfix {
width: 4em;
}

.calendar .combo .hilite {
background: #444;
color:#fff;
}

.calendar .combo .active {
border-top: 1px solid #999;
border-bottom: 1px solid #999;
background: #dedede;
font-weight: bold;
}



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


#footer {
	clear:both;
	width:100%;
	margin:20px 0 0 0 ;
	padding:20px 0 20px 0;
	text-align:center;
	border-top:1px solid #dadada;
	background:url(../images/main/separator-carat.png) no-repeat top center;
}

#footer p {
	color:#00355f;
	font-weight:bold;
	font-size:.7em;
}