/* -------------------------------------------------------------- 
	Resets default browser CSS
	http://meyerweb.com/eric/tools/css/reset/
-------------------------------------------------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline}

ol, ul {list-style:none}
blockquote, q {quotes:none}

/* remember to define focus styles! */
:focus {outline:0}

/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse:collapse;border-spacing:0}

html {overflow:scroll}

.cfct_banner {
	border:1px dotted black;
	background-color:yellow;
	padding:5px}


/* -------------------------------------------------------------- 
   typography
-------------------------------------------------------------- */
body {
	font-size:62.5%; 
	/*font-family: Trebuchet MS, Arial, Helvetica, Verdana, sans-serif;  */
	font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
	line-height:1.5;
	letter-spacing:.03em;	
	color:#333; 
}

/*p, blockquote {font-family: Lucida Sans Unicode, Lucida Grande, Arial, Helvetica, Verdana, sans-serif}*/

p, blockquote {font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;}

h2, h3, h4, h5, h6, p, ul, ol, img {margin:10px 20px 5px 20px}

h2 {font-size:1.4em}
h3 {font-size:1.3em; letter-spacing: 0}
h4 {font-size:1.2em; letter-spacing: 0}
h5 {font-size:1.1em}
h6 {font-size:1em}
p, ol, ul, dl, form, table {font-size:1.1em}
ol, ul, dl {margin-left:40px}

img {vertical-align:bottom}
p img, p>img {float:left; margin-left:0 !important;}

ul {list-style-type:disc}
ol {list-style-type:decimal}
li {margin-bottom:5px}
dt {font-weight:bold}

a {color:#4e565e; text-decoration:none}
a:hover {color:#fbb040}


strong {font-weight:bold}
em {font-style:italic}
hr {display:none}

/* -------------------------------------------------------------- 
 Some default classes
-------------------------------------------------------------- */
.small {font-size:.8em}
.large {font-size:1.2em; line-height:2.5em; margin-bottom:1.25em}
.top {margin-top:0; padding-top:0}
.bottom {margin-bottom:0; padding-bottom:0}
.first {margin-top:15px}
.clear {clear:both}
.padding {padding:10px 0}
.sub {font-size:50%}
.left {float:left;position:relative}
.right {float:right;position:relative}
.center {text-align:center}
.hide {
	position:absolute;
	left:-9990px;
	top:0px;
	width:1px;
	height:1px;
	overflow:hidden}
.divider {
	border-bottom:1px solid #eeeeee;
	height:1px;
	clear:both;
	margin:15px 0 15px 0}
p.divider {
	margin:10px 20px}
.column {
	float:left;
	width:50%}


/* --------------------------------------------------------------  
	=Layout 
-------------------------------------------------------------- */
body {
	background:#e8e8e8;
	/*background: #e8e8e8 url(http://192.168.0.6:8888/devserver.png);*/}	

.container {
	width:1000px;
	margin:0 auto;
	overflow:hidden;
	position:relative;
	z-index: 0;}

.content {	
	width:730px;

}

.maincontent {
	width:730px;
	float:none;
	display:block;
	padding:12px 0;
	margin-left:135px;
	background:#fff;
	height:562px;
	/* 	min-height:690px;
	padding-bottom:70px; */
}

.innerContent {
	width:706px;
	height:400px;
	margin:0 12px 12px 12px;
	overflow:hidden;
	background-color:#acb1b8}

#thumbnailWrapper {
	width:706px;
	height:349px;
	overflow:hidden}

.dottedHR {
	width:605px;
	height:5px;
	margin:0 50px;
	background:url(../images/dotsOnGray.png) repeat-x}

/* =header 
-------------------------------------------------------------- */
.header {
	position:relative;
	display:block;
	margin:0;
	width:100%;
	z-index: 10}
	
.header h2.question {
	padding:15px 0 10px 0;
	margin: 0;
	text-transform:none;
	font-size:3.6em;
	letter-spacing: -.02em;
	color:#f4a139;
	text-align:center;
	height:52px;
	overflow:hidden;
	font-weight: normal}
	
.logo {
	position:absolute;
	top:600px;
	left:175px;
	z-index:1000}
	
.logo a{
	display: block;
	width: 167px;
	height: 36px;
}
	
.logo img {margin:0}

.logo.bottom {
	position:static;
	margin:23px 40px 15px 40px}

/* =nav 
-------------------------------------------------------------- */
.nav {
	position:absolute;
	bottom:-129px;
	left:39px;
	height:66px; 
	width:82px;
	margin:0; 
	z-index:100}

.nav li {
	position:relative;
	display:block;
	height:22px;
	list-style-type:none;
	margin:0}

.nav li a {color:white}

.nav li a {
	display:block;
	width:82px;
	height:22px; 
	background:url(../images/sprites.png) no-repeat; 
	text-indent:-9999px; 
	overflow:hidden; 
	font-size:1%}
	
li#work a {background-position:0 -22px}
li#pov a {background-position:0 -44px}
li#contact a {background-position:0 -88px}

li#process a:hover, li#process.current a {background-position:-82px 0}
li#work a:hover, li#work.current a {background-position:-82px -22px}
li#pov a:hover, li#pov.current a {background-position:-82px -44px}

li#login a:hover, li#login.current a {background-position:-110px -66px}
li#contact a:hover, li#contact.current a {background-position:-110px -88px}


/* utility nav */

.utilitynav {
	position:absolute;
	left:880px;
	width:110px}

.utilitynav li a {
	width:110px;
	background:url(../images/sprites.png) 0 -66px no-repeat; 
}



/* subnav */

ul.subnav {
	display:block;
	text-align:right;
	text-transform:uppercase;
	height:23px}


ul.subnav li {
	list-style-type:none;
	display:inline}

ul.subnav li a {
	color:#fff;
	margin-right:6px;
	padding-right:6px;
	letter-spacing:.1em;
	border-right:1px solid #fff}

ul.subnav li.last a {
	border:none}

ul.subnav li a:hover, ul.subnav li.current a {
	color:#4e565e}

#workContent ul.subnav, .page ul.subnav, .scroll ul.subnav {
	margin:27px 21px 0 0}




/* =footer
-------------------------------------------------------------- */

.footer {
	clear:both;
	padding-top:5px;
	margin-left: 135px;
	margin-right: 135px;
	text-transform:uppercase;
	letter-spacing:.05em;}

.footer h6 {
	float:left;	
	color:#999;
	margin:0;
	line-height:40px}
	
.footer h6#facebook {
	float: right;
	margin: 0;}

.footer h6 a {
	color:#4b5264}

.footer h6 a:hover {
	color:#fbb040}



/* -------------------------------------------------------------- 
 =forms
-------------------------------------------------------------- */
form fieldset {margin:10px 20px 10px 20px}

form fieldset.submit {margin-top:0}

form ol {margin:0}

form li {
	margin-bottom:5px; 
	list-style:none}

form p {margin:0}

.label {display:block}

input.text, select, textarea {
	border:1px solid #c7c7c7;
	color:#888888}

input.text, .select, .textarea {width:200px}
input.largetext, .largeselect, .largetextarea {width:250px}
input.mediumtext, .mediumselect, .mediumtextarea {width:150px}
input.smalltext, .smallselect {width:100px}

.textarea {height:50px}

input.button {padding:0}

form .options {
	width:30%;
	margin-left:30px;
	overflow:hidden}

form .options li {
	float:left;
	margin-right:10px;
	display:inline}

.checkbox, .radio {margin:0 0 -2px 0}

label.checkboxlabel, label.radiolabel {
	display:inline;
	margin-right:0}

/* -------------------------------------------------------------- 
 =tables
-------------------------------------------------------------- */
table {
	margin:10px 20px;
	text-align:center;
	width:95%}

caption {
	font-size:.9em;
	padding-bottom:5px;
	margin:10px 0px;
	font-weight:bold;
	font-family:Georgia, "Times New Roman", Times, serif;
	text-align:left;
	color:#666}

th {
	font-size:1.2em;
	padding:5px;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc}

td {
	line-height:normal;
	padding:5px}

.heading {
	text-align:left}

tr.alt td {
	background:#CCCCCC}

/* -------------------------------------------------------------- 
	=Elements 
-------------------------------------------------------------- */
.box {
	border:1px solid #ededd5;
	margin-bottom:3px}

/* -------------------------------------------------------------- 
	=workContent
-------------------------------------------------------------- */

#workContent .workSubHead {
	position:relative;
	z-index: 0;
	clear:both;
	display:block;
	float:left;
	width: 640px;
	margin:10px 30px 7px 26px;
	height:20px;
	background:url(../images/dotsOnGray.png) center left repeat-x;
	}

#workContent h3 {
	position:absolute;
	top:0px;
	left:0px;
	margin:0; 
	padding-right:5px;
	font-size:13px;
	font-weight:normal;
	text-transform:uppercase;
	color:#4E565E;
	background-color:#acb1b8}

.thumbnails img {
	margin:0;
	padding:0}

.thumbnails, #workContent .thumbnails {
	list-style-type:none;
	clear:both;
	margin:0 0 0 19px}


.thumbnails li a {
	float:left;
	display:block;
	margin-right:2px;
	padding:6px;
	width:115px;
	height:100px}

.thumbnails li a:hover {
	background-color:#fbb040;
	text-decoration:none}

.thumbnails li span {
	display:block;
	font-size:1em;
	line-height:1.3em;
	font-weight:normal;
	margin-top:5px;
	letter-spacing:.05em;
	color:#4c5264;

}

#workContent .thumbnails li span {
	color:#fff}

#workContent .thumbnails li a:hover span {
	color:#4c5264}


/* -------------------------------------------------------------- 
	=workContent/ AuxNav
-------------------------------------------------------------- */

#workAuxNav {
	width:56px;
	margin:0 auto}

#workAuxNav .section {
	position: relative;
	display:block;
	clear:both;
	border-top:1px solid #92a0ad;	
	border-bottom:1px solid transparent;
	margin:0 0 0 1px;
	padding:4px 0 0 0;}

#workAuxNav .section span {
	position: relative;
	display:block;
	float:left;
	width:9px;
	height:6px;
	border-right:1px solid #fff;
	border-bottom:4px solid #fff;
	border-left:1px solid #fff;
	margin:0;
	padding:0;
	background-color:#92a0ad}

#workAuxNav  a {
	clear:both;
	display:block;
	cursor:pointer;
	cursor:hand;
	margin: 0;
	padding: 0;}

#workAuxNav a:hover .section span, #workAuxNav a:active .section span {
	background-color:#555;
	cursor:pointer;
	cursor:hand}

	


/* -------------------------------------------------------------- 
	=portfolio
-------------------------------------------------------------- */

#portfolio {
	width: 706px;
	height: 400px;
}

#portfolio ul, #portfolio  li, #portfolio li img, #workContent ul, #workContent  li, #workContent li img {
	list-style-type:none;
	margin:0;
	padding:0}

#portfolioFooter {
	margin:0 24px;
	height:25px;
	background:url(../images/dots.png) repeat-x 0 5px; 
}

.arrow {
	display:block;
	float:left;
	width 21px;
	height:10px;
	background: #fff url(../images/sprites.png) no-repeat -178px -24px; 
	margin:0px;
	border:1px solid #fff}

.arrow span, .arrow a {
	display:block;
	float:left;
	width:21px;
	height:10px;
	text-indent:-9999px;
	font-size:1%;	
}

.next {
	background-position:-199px -24px}

#portfolioFooter {
	position: relative;
}

#portfolioFooter .desc a {
	display:block;
	float:left;
	width:11px;
	height:6px;
	text-indent:-9999px;
	font-size:1%;
	overflow:hidden; 
	cursor:pointer;
	cursor:hand;		
	background-color:#fcb040;
	border:3px solid #fff}


#portfolioFooter h4, #portfolioFooter h5 {
	display: inline;
	background-color:#fff;
	font-size:1.2em;
	font-weight:normal;
	letter-spacing:.05em;
	color:#999;
	margin:-3px 0 0 0;
	padding:0 12px}

#portfolioNav {
	float: none;
	position: absolute;
	width: 63px;
	top: 0;
	left: 308px}
	

#portfolio ul li a {
	position: relative;
	z-index: 0;
}
	
#portfolio ul li span {
	position: absolute;
	margin-top: 10px;
	left: 10px;
	padding: 3px 5px;
	background-color: #f4a139;
	font-size: .9em;
	text-transform: uppercase;
}

#portfolio ul li span:hover, #portfolio ul li a:hover span {
	color: #fff;
	background-color: #4b5264;
}

.copy {
	color:#fff}

.copy h3 {
	font-size:2.2em;
	font-weight:normal;
	margin:40px 0 50px 0;
	text-align:center;
	height: 35px;
	color:#4c5264}

.copy p {
	font-size:1.3em;
	line-height:1.5em;
	margin:15px 30px}

.copy blockquote {
	font-size:1.6em;
	font-style:italic;
	margin:15px 40px}
	
.scroll .story blockquote p	{
	margin-left: 0;
	margin-right: 0;
	font-size: 1em;
}

.copy .credit {
	font-size:1.6em;
	margin:0 30px 0 0;
	display:block;
	text-align:right}

.copy .action {
	font-size:1.6em;
	text-align:right}

.copy .action a:hover {
	color:#4b5264}


.close {
	display:block;
	width: 14px;
	height:14px;
	background: url(../images/sprites.png) no-repeat -206px -34px; 
	margin:17px 0 11px 626px;
	text-indent:-9999px;
	font-size:1%;}

.close:hover {
	background-position: -206px -48px;
}

#copyWrapper {
	height:345px}

.copy .action {
	height:55px;
	margin-top:0;
	background:url(../images/dotsOnGray.png) repeat-x}

.copy .action a {
	float:right;
	display:block;
	padding:5px 0 0 0;
	font-size:.8em;
	color:#82808e;
	text-transform:uppercase}

.copy .action.actionQuestion a {
	text-transform:none}

.copy .action a span {
	display:block;
	float:left}


.copy#projectDesc {
	height:304px;
	width:650px;
	padding:0}

.copy#projectDesc h3 {
	font-weight: normal;
	font-size:2.3em;
	line-height:1.2em;
	margin:25px 20px 5px;
	text-align:center;
	color:#fff;
	width:575px}
	
#projectDesc p {
	margin-left: 60px;
	margin-right: 60px}

.tagcloud {
	text-align:right;
	float:right;
	display:block;
	margin-top:5px;
	margin-right:28px;
	color:#f4a139}

.tagcloud a {
	padding:3px 5px;
	margin:1px;
	color:#f4a139;
	text-transform:uppercase;
	letter-spacing:.1em}

.tagcloud a:hover {
	color:#fff;
	background-color:#4b5264}
	

#postNav {
	margin: 20px;
}

#postNav span {
	margin: 5px;
	padding: 5px;
}




/* -------------------------------------------------------------- 
	=processContent
-------------------------------------------------------------- */
	
#processContent h3, #studioContent h3 {
	font-weight: normal;
	margin-top: 12px;
	margin-bottom: 18px}
	
#processContent #copyWrapper, #studioContent #copyWrapper {
	height:268px}
	
#processContent p {
	font-size:1.6em;
	line-height:2em;}

#processContent ul#processList {
	list-style-type:none;
	font-size:1.8em;
	letter-spacing:2px;	
	text-transform:uppercase;
	margin:50px auto 0 auto;
	width:15.85em}

#processContent ul#processList li {
	float:left;
	border-right:2px solid #fff;
	margin-right:.5em;
	padding-right:.5em}

#processContent ul#processList li#last {
	border:none}

#processContent .dottedHR {
	clear:both}


/* -------------------------------------------------------------- 
	=pov
-------------------------------------------------------------- */

.scroll h3 {
	margin-top:12px;
	margin-bottom:18px}
	
.scroll .story h3 img {
	background-color: transparent}

/*.scroll p {
	margin:0 28px}*/

.page a:hover, .scroll a:hover {
	color: #000;
}

.scroll .maincontent, .scroll .innerContent, .scroll #copyWrapper {
	height:auto}


.scroll .dottedHR {
	padding:10px 0;
	margin:0;
	clear:both;
	width:100%;
	background:#acb1b8 url(../images/dotsOnGray650.png) no-repeat center center}

.scroll .story {
	margin: 0 40px 40px 40px;
	clear:both}

.scroll .story.excerpt, .scroll .story.bio {
	margin:0}
	
.scroll .story.excerpt .image {
	padding: 6px}

.scroll .story.excerpt img, .scroll .story.body img {
	background-color: transparent;
	margin:0}

.scroll .story h4 {
	font-size: 1.4em;
	color:#fff;
	margin:20px 0 10px 20px}

.scroll .story h5 {
	clear: both;
	margin:0 20px}

.scroll .storyContent p {
	margin-bottom:20px}

.scroll .excerpt:hover {
	background-color:#4e565e;	
	cursor:pointer;
	cursor:hand}

.scroll .excerpt .storyContent {
	margin:10px 8px 10px 10px;
	font-size: 1.2em;
	float:right;
	width:473px;
	height: 9.25em;}

.scroll .excerpt .storyContent h4 {
	font-size: 1.1em;
	margin:0;	
	padding:0;
	text-align:left}
	
.scroll .excerpt .storyContent h5 {
	font-size: .8em;
	margin-left: 0;
}
	
.scroll .excerpt .storyContent h4 img {
	margin-left: -6px;
}


.scroll .story.excerpt p {
	font-size: 1.3em;
	margin-top: 5px;
}

.scroll .storyContent h4 a {
	color:#fff}

.scroll .storyContent p {
	margin:5px 20px;
	font-size:1.2em}

.scroll .image {
	float:left;
	background-color:#fff;
	margin:10px 5px 0 28px}

.scroll .maincontent img {
	margin:15px 20px;}
	
.scroll .logo img {margin:0}

.scroll blockquote img {
	margin-left:0;
	margin-right:0}	
	
.scroll .story.excerpt h4 img {
	padding: 6px}
	
.alignright {
	float: right;
}

.alignleft {
	float: left;
}	

h5.byline {
	margin: 0;
	padding-bottom: 10px;
	text-transform:uppercase;
	font-size:.9em}
	
h5#caption a {
	display: block;
	color: #4B5264;
	padding-right: 18px;
	margin-right: -18px;
	background:url(../images/sprites.png) top right no-repeat; 	
	background-position: 100% -221px;
}

h5#caption a:hover {
	color: #F4A139;
	background-position: 100% -244px; 	
}

.scroll a.more, .moreNav {
	float:right;
	color:#fff;
	margin:5px 20px 10px 20px}

.moreNav {
	text-align: right;
	width: 200px;
}

.moreNav #previous {
	padding-right:10px}


.scroll a:hover.more, .moreNav a:hover {
	color:#4b5264}


.moreNav a {
	color:#fff}


.scroll h4.author, 
.scroll h4.date, .scroll h5 a {
	font-size: 1.1em;
	color:#4e565e;
	text-transform:uppercase;
	font-weight: normal;
}

.scroll h5 a {
	font-size: 1em;
}

.scroll h4.author {
	letter-spacing:0.1em;
	padding-right: 7px;
	margin-top: -7px;
	margin-left: 20px;
	margin-right: 4px;
	font-style: italic;
	text-transform: none;
}

.scroll h4.author a {
	color: #fff;
	font-weight: bold;
	font-style: normal;
}

.scroll h4.author a:hover {color:#000000}

.scroll h5 a {
	letter-spacing:0.1em;
}




.scroll .copy blockquote {
	font-size:1.3em;
	font-style:italic;
	padding:0;
	margin: 10px 20px}
	

.scroll object {
	margin: 20px}
	
.scroll p object {
	margin: 20px 0}
	
.scroll .story p.vid_caption {
	margin-top: 5px;
	font-size: 1em}




/* bio */

.scroll .story.bio {
	margin-bottom:10px}
	
.scroll .story.bio .image {
	margin-top:15px;
}
	
.scroll .story.bio .storyContent {
	margin: 10px 0;
	float: right;
	width: 490px;
}

.scroll .story.bio img {
	margin: 0;
	padding: 6px;
	background-color:transparent}

.scroll .bio h4, .scroll .bio h5 {
	display:inline;
	line-height:2.1em}
	

.scroll .bio h4 {
	margin: 0 10px 0 20px}

.scroll .bio h5 {
	margin-left:0;
	font-style:italic;
	font-weight:normal}

.scroll .bio a.more {
	float:none;
	display:block;
	text-align:right}

.scroll .bio h5.memberships {
	display:block;
	font-style:normal;
	font-size:.9em;
	text-transform:uppercase;
	margin:10px 20px 0 20px}

.scroll .bio h5.one-liner {
	font-style: normal;
	font-size: 1.3em;
	margin: 15px 20px;
}

.scroll .story p {
	margin:15px 20px}
	


/* -------------------------------------------------------------- 
	=home
-------------------------------------------------------------- */



#home .innerContent {
	position:relative;
	z-index: 0;
	background-color:#fbb040}

#home #top {
	margin-top:20px}

#home #bottom {
	margin-top:280px}
	
.thumbnails li {
	display: inline;
}

#home .thumbnails li a .title {
	display:none}

#home .thumbnails li a .subhead {
	text-transform:none;
	font-size:3.2em;
	letter-spacing:0em;
	color:#f4a139;;
	text-align:center;
	height:47px;
	overflow:hidden;
	display:none}

#home .thumbnails li a {
	margin-right:7px}

#home .thumbnails li a:hover {
	background-color:#ffecd3;
	text-decoration:none}

#home .thumbnails li a:hover .title {
	display:block}


#home .logo {
	top:242px;
	left:381px;
	z-index:1000}

.lowerContent {
	margin:0 12px}


.lowerContent .story {	
	padding-left: 10px;
	padding-right: 10px;
	font-size: 1.2em;
	position:relative;
	z-index: 0;
	width:215px;
	height:12.5em;	
	float:left}

.lowerContent .story h4 {
	margin-left: 0;
	margin-top: 5px;
	font-weight:normal;
	font-size:1.1em;
	height: 2.7em;
	width: 190px}

.lowerContent .story h4 a {
	color:#369}

.lowerContent h5.caption {
	position: relative;
	margin-left: 0;
	font-size: .9em;
	position:absolute;
	left: 10px;
	bottom:0;
	width:195px;
	background:url(../images/dots.png) repeat-x;
	padding-top:5px;
	text-align:left}

.lowerContent .story:hover {
	background-color:#e8e8e8;	
	cursor:pointer;
	cursor:hand}


/* -------------------------------------------------------------- 
	=contact
-------------------------------------------------------------- */

#contactPage p { 
	margin:0;
	height: 400px;}
	
img.studio {
	margin:0px 0 14px 12px}

#contactPage .maincontent {
	position:relative;
	z-index: 0;}


#contactPage h3 a, #contactPage h4, #contactPage ul, #contactPage .email a {
	text-indent:-9999px;
	font-size:1%;
	overflow:hidden; 
}

#contactPage .maincontent ul {
	display:none}

#contactPage h3 a {
	position:absolute;
	top:369px;
	right:62px;
	width:182px;
	height:14px;
	cursor:pointer;
	cursor:hand;		
	background:url(../images/sprites.png) no-repeat 0 -191px; 	
}

#contactPage h3 a:hover {
	background-position:0 -205px}

#contactPage h4 {
	margin:18px 0 0 40px;
	width:143px;
	height:53px;
	cursor:pointer;
	cursor:hand;		
	background:url(../images/sprites.png) no-repeat 0 -110px; 	
}

#contactPage .email {
	margin:8px 0 0 40px}

#contactPage .email a {
	display:block;
	width:125px;
	height:14px;
	cursor:pointer;
	cursor:hand;		
	background:url(../images/sprites.png) no-repeat 0 -163px; 	
	margin:0}

#contactPage .email a:hover {
	background-position:0 -177px}

#contactPage .map {
	margin: -75px 0 0 225px;
	width: 50px;
	height: 40px;
	background-color: #f4a139}

#contactPage .map a, #contactPage .map img {
	margin: 0}
	
#contactPage .map a:hover {
	filter:alpha(opacity=65);
	-moz-opacity:.65;
	opacity:.65;
}

.logo img {margin:0}	


/* -------------------------------------------------------------- 
	=slideViewer
-------------------------------------------------------------- */


/*preload classes*/ 
.svw {width:50px; height:20px; background:#fff} 
.svw ul {position:relative; left:-999em} 
 
/*core classes*/ 
.stripViewer { 
	position: relative;
	overflow:hidden;  
} 
.stripViewer ul {/* this is your UL of images */ 
	position:relative; 
	left:0; 
	top:0; 
	width:1%; 
	list-style-type:none; 
} 
.stripViewer ul li { 
	float:left; 
} 


.stripTransmitter {
	overflow:auto; 
	width:1%; 
	background-color:white;
	margin:0 auto;
	text-align:center} 

.stripTransmitter ul {
	display:block;
	margin:0; 
	padding:0; 
	position:relative; 
	list-style-type:none; 
} 
.stripTransmitter ul li {
	float:left; 
	margin:0; 
} 
.stripTransmitter a {
	display:block; 
	height:12px;
	width:12px;
	margin:0;
	background:url(../images/sprites.png) no-repeat -208px 0;
	text-indent:-9999px; 
	overflow:hidden; 
	font-size:1%; 
	cursor:pointer;
	cursor:hand} 

.stripTransmitter a:hover, .stripTransmitter li a.current {
	background-position:-208px -12px} 

 
/*tooltips formatting*/ 
#tooltip {
	background:#fff; 
	color:#000; 
	opacity:0.85; 
	border:5px solid #dedede; 
} 
#tooltip h3 { 
	font:normal 10px Verdana;  
	margin:0;  
	padding:6px 2px;  
	border:0; 
}

.ldrgif {
	display: block;
	margin:191px 0 0 344px}


/* -------------------------------------------------------------- 
	=thickbox
-------------------------------------------------------------- */


#TB_window {
	position:absolute;
	background:#fbb040;
	z-index:102;
	color:#000000;
	display:none;
	text-align:left;
	top:290px;
	left:50%;
	width: 650px;
	height: 346px;
	filter:alpha(opacity=95);
	-moz-opacity:0.90;
	opacity:0.95}

* html #TB_window {/* ie6 hack */
position:absolute;
margin-top:expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px')}


#TB_window iframe {
	overflow:hidden}



#TB_load{
	position:fixed;
	display:none;
	height:13px;
	width:208px;
	z-index:103;
	top:50%;
	left:50%;
	margin:-6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

* html #TB_load {/* ie6 hack */
position:absolute;
margin-top:expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px')}


/* -------------------------------------------------------------- 
	=jScrollPane scrollbar replacement
	
http://www.kelvinluck.com/assets/jquery/jScrollPane/jScrollPane.html
-------------------------------------------------------------- */


.jScrollPaneContainer {
	position:relative;
	overflow:hidden;
	z-index:1}

.jScrollPaneTrack {
	position:absolute;
	cursor:pointer;
	right:0;
	top:0;
	height:100%;
	background:#aaa;
	background:url(../images/scrollBackground.png) top center repeat-y; padding:3px}

.jScrollPaneDrag {
	position:absolute;
	cursor:pointer;
	overflow:hidden;
	background:url(../images/scrollDrag.png) center center no-repeat}
 
 
#workContent .jScrollPaneTrack, .page .jScrollPaneTrack {
	background:url(../images/scrollBackgroundGray.png) top center repeat-y; padding:3px}
#workContent .jScrollPaneDrag, .page .jScrollPaneDrag {
	background:url(../images/scrollDragGray.png) center center no-repeat}




/* -------------------------------------------------------------- 
	=portfolioButtons
-------------------------------------------------------------- */

#portfolioButtons {
	position: absolute;
	top: 79px;
	left: 107px;
	z-index: 1000;	
}

#portfolioButtons .arrow {
	position: absolute;
	top: 180px;
	left: -18px;
	height: 39px;
	width: 39px;
	background: none;
	border: none;
}

#portfolioButtons .next {
	left: 685px;
}


#portfolioButtons .arrow a {
	display: block;
	height: 39px;
	width: 39px;
	background: transparent url(../images/portfolioButtons.png) no-repeat 10px 10px;

}



#portfolioButtons .prev a:hover { background-position: 10px -19px}

#portfolioButtons .next a 		{ background-position: -19px 10px}
#portfolioButtons .next a:hover { background-position: -19px -19px}


.woot {
	border: 10px solid green;
}