/* ----------------------------------------------

  Project:  Little Furry / Start Here Portfolio
  Version:  1.0

  Author:   P. R. May (http://www.iamhovercraft.com)  

  Gray:     #939598 
  dGray:    #666
  Cyan:     #00adee
  Yellow:   #fff1a3   

----------------------------------------------- */


/* ----------------------------------------------  
  Typography
----------------------------------------------- */  
body, button, textarea {
	color: #939598;
	font: 13px/17px "Courier New", Courier, monospace; }

/*  Anchors  */
a {
	color: #939598;
	text-decoration: none; }
	a:hover {
		color: #00adee; }
	a:active {
		color: #00adee; }

/* Headers */
h1, h2, h3, h4, h5, h6 {
	color: #00adee;
	font-size: 15px; }

/*  Line Breaks  */
p, ul, ol, dl {
	margin-bottom: 17px; }

/*  Formating  */
em {
	font-style: italic; }

strong {
	font-weight: bold; }

del {
	text-decoration: line-through; }

sub, sup {
	font-size: 8px; }

sub {
	line-height: 8px;
	/* vertical-align: sub; */  }

sup {
	line-height: 8px;
/* 	vertical-align: super;   */  }

pre {
	background: #EEE;
	border: 1px solid #ccc;
	font: normal 9px/10px "Monaco", monospace;
	margin-bottom: 10px;
	padding: 10px;
	white-space: pre-wrap; } 

.positive {
	color: green; }

.negative {
	color: red; } 



/* ----------------------------------------------  
  Document Structure (global elements and layout)
----------------------------------------------- */  
html { 
	height: 100%; }
body { 
	padding: 35px 0 0 25px;
	width: 990px; }
#page { 
	width: 960px; }
/* Header */
#header { 
	height: 64px;
	margin: 0 0 64px 0;
	padding: 0 0 0 5px;
	position: relative;
	text-transform: lowercase; }

#header h2, #header h4 { 
	color: #666;
	font-weight: normal; } 

#siteHeader { /* Logo */ 
	float: left;
	margin: 32px 30px 0 0; }
	#siteHeader a {
		background: url(/assets/css/littleFuryLogo.png) no-repeat 0 0;
		display: block;
		float: left;
		height: 37px;
		text-indent: -9999px;
		width: 178px }
		

#tagline { /* Tageline */ 
	font-size: 17px;
	left: 5px;
	letter-spacing: 1px;
	position: absolute;
	top: 1px; }

#contactInfo, #contactInfo h4 { /* contact info */  
	color: #333;
	float: right;
	font-size: 15px;
	letter-spacing: 1px;
	line-height: 23px;
	width: 320px; }
	#contactInfo p {  
		margin: 0; }
	#contactInfo a { 
		color: #333; }
		
  /* #contactInfo .address { 
	clear: both;
	display: block; } */

/* ----------------------------------------------  
  Home Page (Splash)
----------------------------------------------- */
#homePage { 
	padding: 0;
	width: 99%; }
	#splash {
		margin: 0 auto;
		width: 525px;  }
	#splash p { 
		color: #666;
		font-size: 20px;
		line-height: 30px; }
	#splash a {
		border-bottom: 1px solid #00adee; 
		color: #00adee;
		font-size: 20px;
		padding: 0 0 3px 0; }
		#splash a:hover { 
			border-color: #9b9c9f; }
 
    #lagniappe { 
		bottom: 0;
		position: absolute;
		right: 50px; }

/* ----------------------------------------------  
  Work Page / Process Page
----------------------------------------------- */  
#workPage #primaryContent, #workPage #slideShow, 
#processPage #primaryContent, #processPage #slideShow  { 
	float: left;
	height: auto!important;
	height: 550px;
	min-height: 550px;
	position: relative;
	width: 620px; }

#workPage .slide, #processPage .slide { 
	background: #FFF;
	height:530px;
	width: 580px; }

#workPage .slideNav, #processPage .slideNav { 
	top: 255px;
	width: 620px; }
/* ----------------------------------------------  
  About Page
----------------------------------------------- */  
#aboutPage #primaryContent { 
	margin: 0 auto 40px auto;
	width: 620px; }
/* ----------------------------------------------  
  Navigation
----------------------------------------------- */  
/*  Primary Navigation (in #header)  */
#primaryNavigation { 
	float:left;
	margin: 49px 40px 0 0;
	width: 374px; }
	#primaryNavigation li { 
		float:left;
		margin: 0 24px 0 0; } 
		#primaryNavigation li.end { 
			margin-right: 0; }
		#primaryNavigation li a { 
			color: #999;
			display: block;
			float: left;
			font-size: 14px;
			font-weight: bold;
			height: 20px; }
			#primaryNavigation li a:hover { 
				border-bottom: 2px solid #CCC; }
			#primaryNavigation li a.current { 
				color: #666;
				border-bottom: 2px solid #00adee; }
/*
		#primaryNavigation li a { 
			background: url(/assets/css/primaryNavigationSprite.png) no-repeat 0 0;
			display: block;
			height: 15px;
			text-indent: -9999px; }
			#primaryNavigation li a:hover, #primaryNavigation li a.current { 
				border-bottom: 2px solid #00adee; }
		#primaryNavigation #workBu {
			background-position: 0 0;
			width: 77px; }
		#primaryNavigation #storeBu { 
			background-position: -77px 0;
			width: 75px; }
		#primaryNavigation #aboutBu {
			background-position: -152px 0;
			width: 64px; }   
		#primaryNavigation #processBu {
			background-position: -216px 0;
			width: 86px; }  */


/*  Secondary Navigation (in #page)  */
#secondaryNavigation { 
	float: left;
	line-height: 20px;
	margin-right: 60px;
	width: 263px; }
	#secondaryNavigation a, #secondaryNavigation h3 { 
		padding: 0 0 0 5px; }
	#secondaryNavigation h3 { 
		font-size:;
		text-transform: lowercase; }
	#secondaryNavigation a { 
		display: inline-block;
		margin: 0;
		padding-top: 1px;
		width: 260px; } 
		#secondaryNavigation a:hover, #secondaryNavigation a.current { 
			background: #00adee;
			color: #FFF; }

/* ---------------------------------------------- 
  Store Page
----------------------------------------------- */  
#storePage #siteHeader { 
	margin-right: 57px; }
#storePage #siteHeader a { 
	background: url(/assets/css/startHereLogo.png) no-repeat 0 0;
	width: 190px; }
#storePage #primaryNavigation { 
	width: auto; }

/* ---------------------------------------------- 
  Misc Components
----------------------------------------------- */ 
#slideShow.loading { 
	 background: url(/assets/css/loader.gif) no-repeat 50% 50%; }
	#slideShow.loading .slide { 
		display: none; }
/*  Slide Show  */
.slide {
	margin: 0 auto;
	overflow: hidden;
	position: relative;
	z-index: 10; }
.slide img { 
	cursor: pointer; }
.slideNav { /*  Slide Navigation (Arrows) (generated by screen.js)  */  
	height: 20px;
	position: absolute;
	z-index: 1; }
	.slideNav a {
		background: url(/assets/css/arrowSprite.png) no-repeat 0 0;
		display: block;
		height: 20px;
		text-indent: -9999px;
		width: 17px; }  
	.slideNav li.prev {
		float: left;}
		.slideNav li.prev a {
			background-position: 0 0; }
			.slideNav li.prev a:hover {
				background-position: 0 -20px; }
	.slideNav li.next {
		float: right;}
		.slideNav li.next a {
			background-position: -17px 0; } 
			.slideNav li.next a:hover {
				background-position: -17px -20px; }
           
.slidePager { /*  Slide Pager Numbers (generated by screen.js)  */   
	float: right;
	margin: 0;
	padding: 0 72px 0 0; } 
	.slidePager li { 
		display: inline;
		letter-spacing: 4px; }
		.slidePager li a { 
			color: #666; }
			.slidePager li a:hover, .slidePager li a.activeSlide { 
				color: #00adee; }

/*  Project Info (post it) */
#projectInfo { 
	background: #fff1a3;
	display: none;
	height: auto!important;
	height: 208px;
	min-height: 208px;
	padding: 27px 17px 17px 17px;
	position: absolute;
	width: 217px;
	z-index: 30; }
	#projectInfo .close {/*  Close Button (generated by screen.js)  */  
		background: url(/assets/css/closeBu.png) no-repeat 0 0;
		display: block;
		height: 26px;
		position: absolute;
		right: 17px;
		bottom: 17px;
		text-indent: -9999px;
		width: 26px; }
		#projectInfo .close:hover { 
			background-position: 0 -26px; }

.postIt {/*  Post It Button (generated by screen.js)  */ 
	background: url(/assets/css/info.png) no-repeat 0 0;
	display: block;
	height: 41px;
	position: absolute;
	right: 72px;
	top: 0;
	text-indent: -9999px;
	width: 34px;
	z-index: 30; }

/* ---------------------------------------------- 
  Hacks and Utilities
----------------------------------------------- */    
.west { 
	float: left; }
.east { 
	float: right; }
/*  Clear Fix  */
.clear:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0; }

.clear {
	display: inline-block; }

html[xmlns] .clear {
	display: block; }

* html .clear {
	height: 1%; }    

/*  Cufon Flicker Fix  */
#tagline, #contactInfo, #splash, #primaryNavigation { 
	visibility: hidden; }
	.cufon-ready #tagline, .cufon-ready #contactInfo, .cufon-ready #splash, .cufon-ready #primaryNavigation { 
		visibility: visible; }   
		
		
/* ---------------------------------------------- 
  Process Page, Project Inquiry, Menu Edits
----------------------------------------------- */

#primaryNavigation {
	width:650px;
	margin-right:20px;
}

#contactInfo{width:330px;}

#contactInfo h4 {
	float:left;
	width: 90px;
}

#contactInfo .address{
	float:left;
}

#contactInfo {
	position:absolute;
	right:0px;
	top:0px;
}

#SlideshowCaption {
	margin:0px 0 30px;
	padding:0 0 0px 0;
	height:160px;
	overflow:hidden;
}
#SlideshowCaption .caption {
	padding:0 0 20px 0;
}
#SlideshowCaption .caption_title{
	color:#fff;
	background:#00afeb;
	padding:0 5px;
	margin:0 0 5px 0;
	width:253px;
}


#secondaryNavigation li.process_overview {
	margin:0 0 15px 0;
}
#secondaryNavigation a.case-title {
	margin:0 0 15px 0;
}

.form-label{
    width:150px !important;
	font-family: "Courier New", Courier, monospace;
	font-size: 13px;
	color:#939598;
}
.form-label-left{
    width:150px !important;
	font-family: "Courier New", Courier, monospace;
	font-size: 13px;
	color:#939598;
}
.form-line{
    padding:10px;
}
.form-label-right{
    width:150px !important;
}
.form-all{
	float:left;
    width:550px;
	font-family: "Courier New", Courier, monospace;
    color: #939598 !important;
    font-size:13px;
}
.form .form-input {
	display:block;
}
.form label.nowrap {
	width:350px !important;
}
.form .form-checkbox-item {
	margin:5px 0 0 10px;
}
.form input {
	border:0;
	background:#e7e7e8;
	font-family: "Courier New", Courier, monospace;
	font-size:1.0em;
	color:#000;
}
.form input.form-textbox  {
	height:14px;
	width:250px;
	padding:5px;
}
.form textarea {
	border:0;
	background:#e7e7e8;
	width:405px;
	padding:5px;
	color:#000;
}
.form-line#id_4 {
	padding-bottom:0;
}
.form-submit-button {
	float:left;
	width:80px !important;
	height:28px;
	border:0;
	text-indent:-9999px;
	cursor: pointer;
	background:url(/images_dep/button-submit.gif) no-repeat 0 0;
}
#label_4 {
	padding:0 3px;
}
.form label.error {
	float: right;
	width: 375px;
	color:#db4242;
	font-size:1em;
	margin:6px 0 0 0;
}

.form #cid_7 label.error {
	float:left;
	margin:0;
}

.form .form-checkbox-item {
	font-family: "Courier New", Courier, monospace;
	font-size:1.1em;
}

.form #cid_8 label.error, .form #cid_9 label.error {
	float:left;
	width:400px;
	margin:6px 0 0 0;
}

#Process_PDF {
	float:left;
	margin:10px 0 20px 90px;
}
#Process_PDF a:hover{
	background:none;
	color:#939598;
}
.ClearAll {clear:both;}