/*
Theme Name: uxable
Theme URI: http://www.uxable.com
Description: Default uxable theme.
Version: 2.0
Author: Piero Ardizone
Author URI: http://www.uxable.com
Tags:
*/




/*-------------------------------------
START - GLOBAL 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,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
	border:0;
	outline:0;
	font-weight:inherit;
	font-style:inherit;
	vertical-align:baseline;
	margin:0;
	padding:0;
	}
/*-------------------------------------
GLOBAL SETTINGS
---------------------------------------*/
body {
	background: #e3e3e3;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #463B39;
	font-family:avenir-light, Arial, Helvetica, sans-serif;
	}
/*-------------------------------------
COMMON FORMATTING
---------------------------------------*/
h1,h2,h3,h4,h5,h6 {
	font-weight:100;
	margin:0;
	padding:0;
	font-family:avenir-roman, Arial, Helvetica, sans-serif;
	text-align:left;
	}
h1 {
	font-size:24px;
	}
h2 {
	font-size:22px;
	}
h3 {
	font-size:20px;
	}
h4 {
	font-size:18px;
	}
h5 {
	font-size:16px;
	}
h6 {
	font-size:14px;
	}
p,ul,ol {
	font-size:14px;
	font-weight:100;
	line-height:20px;
	text-align:left;
	
	}
ul,ol {
	list-style:none;
	}
blockquote {
	margin:22px 40px;
	padding:0;
	}
dl {
	padding:0;
}
dt {
	padding:0;
}
dd {
	padding:0;
}
img {
	border:0;
	}
sup {
	position:relative;
	bottom:5px;
	vertical-align:baseline;
	}
sub {
	position:relative;
	bottom:-3px;
	vertical-align:baseline;
	}
acronym,abbr {
	cursor:help;
	letter-spacing:1px;
	border-bottom:1px dashed;
	}
	
/*-------------------------------------
LINKS
---------------------------------------*/
a,a:visited {
	text-decoration:none;
	color:#463B39;
	}
a:hover {
	text-decoration:underline;
	}
h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover {
	text-decoration:underline;
	}
label {
	cursor:pointer;
	}
/*-------------------------------------
FOCUS STYLES
---------------------------------------*/
:focus {
	outline:0;
	}
/*-------------------------------------
TABLES
---------------------------------------*/
table {
	border:0;
	margin:0;
	padding:0;
	}
/* tables still need cellspacing=0 in the markup */
table th tr td {
	text-align:left;
	font-weight:400;
	border-collapse:separate;
	border-spacing:0;
	padding:0;
	}
caption {
	text-align:left;
	font-weight:400;
	}
	
fieldset {
	display:inline;
	border:none;
	border-collapse:collapse;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	}
/*-------------------------------------
IE ALERT
---------------------------------------*/
#alert {
  background-color: yellow;
  border: 5px solid red;
  color: red;
  font-size: 1.25em;
  font-weight: bold;
  }
#alert p {
  margin: 1em 40px;
  font-family:Arial, Helvetica, sans-serif;
  }
#alert a {
	text-decoration:underline;
	}
/*-------------------------------------
FONT FAMLIES
---------------------------------------*/
@font-face {
  font-family: 'avenir-light';
  src: url('fonts/avenir-light-webfont.eot');
  src: local('☺'),
         url('fonts/avenir-light-webfont.woff') format('woff'), url('fonts/avenir-light-webfont.ttf') format('truetype');
}
@font-face {
  font-family: 'avenir-lightoblique';
  src: url('fonts/avenir-lightoblique-webfont.eot');
  src: local('☺'),
         url('fonts/avenir-lightoblique-webfont.woff') format('woff'), url('fonts/avenir-lightoblique-webfont.ttf') format('truetype');
}
@font-face {
  font-family: 'avenir-medium';
  src: url('fonts/avenir-medium-webfont.eot');
  src: local('☺'),
         url('fonts/avenir-medium-webfont.woff') format('woff'), url('fonts/avenir-medium-webfont.ttf') format('truetype');
}
@font-face {
  font-family: 'avenir-mediumoblique';
  src: url('fonts/avenir-mediumoblique-webfont.eot');
  src: local('☺'),
         url('fonts/avenir-mediumoblique-webfont.woff') format('woff'), url('fonts/avenir-mediumoblique-webfont.ttf') format('truetype');
}
@font-face {
  font-family: 'avenir-book';
  src: url('fonts/avenir-book-webfont.eot');
  src: local('☺'),
         url('fonts/avenir-book-webfont.woff') format('woff'), url('fonts/avenir-book-webfont.ttf') format('truetype');
}
@font-face {
  font-family: 'avenir-bookoblique';
  src: url('fonts/avenir-bookoblique-webfont.eot');
  src: local('☺'),
         url('fonts/avenir-bookoblique-webfont.woff') format('woff'), url('fonts/avenir-bookoblique-webfont.ttf') format('truetype');
}
@font-face {
  font-family: 'avenir-roman';
  src: url('fonts/avenir-roman-webfont.eot');
  src: local('☺'),
         url('fonts/avenir-roman-webfont.woff') format('woff'), url('fonts/avenir-roman-webfont.ttf') format('truetype');
}
@font-face {
  font-family: 'avenir-romanoblique';
  src: url('fonts/avenir-romanoblique-webfont.eot');
  src: local('☺'),
         url('fonts/avenir-romanoblique-webfont.woff') format('woff'), url('fonts/avenir-romanoblique-webfont.ttf') format('truetype');
}
@font-face {
  font-family: 'avenir-heavy';
  src: url('fonts/avenir-heavy-webfont.eot');
  src: local('☺'),
         url('fonts/avenir-heavy-webfont.woff') format('woff'), url('fonts/avenir-heavy-webfont.ttf') format('truetype');
}
@font-face {
  font-family: 'avenir-heavyoblique';
  src: url('fonts/avenir-heavyoblique-webfont.eot');
  src: local('☺'),
         url('fonts/avenir-heavyoblique-webfont.woff') format('woff'), url('fonts/avenir-heavyoblique-webfont.ttf') format('truetype');
}
@font-face {
  font-family: 'avenir-black';
  src: url('fonts/avenir-black-webfont.eot');
  src: local('☺'),
         url('fonts/avenir-black-webfont.woff') format('woff'), url('fonts/avenir-black-webfont.ttf') format('truetype');
}
@font-face {
  font-family: 'avenir-blackoblique';
  src: url('fonts/avenir-blackoblique-webfont.eot');
  src: local('☺'),
         url('fonts/avenir-blackoblique-webfont.woff') format('woff'), url('fonts/avenir-blackoblique-webfont.ttf') format('truetype');
}
/*-------------------------------------
START - USEFUL OPACITY STYLES
---------------------------------------*/
.opacity0  { opacity: 0;   filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);  zoom:1; }
.opacity1  { opacity: 0.1; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=10); zoom:1; }
.opacity2  { opacity: 0.2; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=20); zoom:1; }
.opacity3  { opacity: 0.3; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=30); zoom:1; }
.opacity4  { opacity: 0.4; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=40); zoom:1; }
.opacity5  { opacity: 0.5; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50); zoom:1; }
.opacity6  { opacity: 0.6; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60); zoom:1; }
.opacity7  { opacity: 0.7; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70); zoom:1; }
.opacity8  { opacity: 0.8; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80); zoom:1; }
.opacity9  { opacity: 0.9; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90); zoom:1; }

/*-------------------------------------
START - NAV SLIDE STYLES
---------------------------------------*/
a#home, a#about, a#porfolio, a#contact {
	display:block;
}

/*-------------------------------------
NAVIGATON STYLES
---------------------------------------*/
ul#nav {
	position:fixed;
	left:0px;
	z-index: 10000; /*nav*/
	width:100%;
	height:70px;
	text-align:center;
	background:url(images/nav_bg.png) repeat-x;
	list-style:none;
	margin:0px 0px 0px 0px;
	font-size:14px;
}
	ul#nav li {
		display:inline;
		list-style:none;
		float:left;
	}
	#nav h1 {
		margin: 0px;
		padding: 0px;
		text-align:center;
		font-size:12px;
	}
	ul#nav li a {
		text-decoration:none;
		color:#fff;
		height:47px;
		display:block;
		padding:13px 0px 0px 0px;
		font-family:avenir-light, Arial, Helvetica, sans-serif;
	}
	#nav a:hover {
		background:url(images/nav_button_on.gif) no-repeat;
		color:#463B39;
	}
	li#nav_logo a {
		background:url(images/nav_logo.gif) no-repeat;
		height:40px;
		width:115px;
		margin:0px 0px 0px 35px;
	}
	li#nav_logo a:hover {
		background:url(images/nav_logo.gif) no-repeat;
	}
	li#nav_logo em {
		background: url(images/tip_logo_bubble.png) no-repeat;
		width: 501px;
		height: 71px;
		position: absolute;
		top: 70px;
		left: 30px;
		text-align: center;
		text-indent: -9999px;display: none;
	}
	li#nav_home a {
		background:url(images/nav_home.gif) no-repeat;
		height:40px;
		width:83px;
		text-indent:-9000px;
	}
	li#nav_home a:hover {
		background:url(images/nav_home_hover.gif) no-repeat;
	}
	li#nav_about a {
		background:url(images/nav_bg_btn.gif) repeat-x;
		height:40px;
		width:109px;
	}
	li#nav_about a:hover {
		background:url(images/nav_about.gif) no-repeat;
	}
	li#nav_about a.active {
		background:url(images/nav_about.gif) no-repeat;
		color:#463B39;
	}
	li#nav_portfolio a {
		background:url(images/nav_bg_btn.gif) repeat-x;
		height:40px;
		width:140px;
	}
	li#nav_portfolio a:hover {
		background:url(images/nav_portfolio.gif) no-repeat;
	}
	li#nav_portfolio a.active {
		background:url(images/nav_portfolio.gif) no-repeat;
		color:#463B39;
	}
	li#nav_services a {
		background:url(images/nav_bg_btn.gif) repeat-x;
		height:40px;
		width:140px;
	}
	li#nav_services a:hover {
		background:url(images/nav_services.gif) no-repeat;
	}
	li#nav_services a.active {
		background:url(images/nav_services.gif) no-repeat;
		color:#463B39;
	}
	li#nav_blog a {
		background:url(images/nav_bg_btn.gif) repeat-x;
		height:40px;
		width:106px;
	}
	li#nav_blog a:hover {
		background:url(images/nav_blog.gif) no-repeat;
	}
	li#nav_blog a.active {
		background:url(images/nav_blog.gif) no-repeat;
		color:#463B39;
	}
	li#nav_contact a {
		background:url(images/nav_bg_btn.gif) repeat-x;
		height:40px;
		width:127px;
	}
	li#nav_contact a:hover {
		background:url(images/nav_contact.gif) no-repeat;
	}
	li#nav_contact a.active {
		background:url(images/nav_contact.gif) no-repeat;
		color:#463B39;
	}
	li#nav_logo, li#nav_facebook, li#nav_twitter, li#nav_linkedin, li#nav_rss, li#nav_email {
		text-indent:-9000px;
	}
	li#nav_facebook a {
		background:url(images/nav_facebook.gif) no-repeat;
		width:58px;
	}
	li#nav_facebook a:hover {
		background:url(images/nav_facebook_on.gif) no-repeat;
	}
	li#nav_facebook em {
		background: url(images/tip_facebook_bubble.png) no-repeat;
		width: 100px;
		height: 49px;
		position: absolute;
		top: 70px;
		left: 834px;
		text-align: center;
		text-indent: -9999px;display: none;
	}
	li#nav_twitter a {
		background:url(images/nav_twitter.gif) no-repeat;
		width:38px;
	}
	li#nav_twitter a:hover {
		background:url(images/nav_twitter_on.gif) no-repeat;
	}
	li#nav_twitter em {
		background: url(images/tip_twitter_bubble.png) no-repeat;
		width: 100px;
		height: 49px;
		position: absolute;
		top: 70px;
		left: 874px;
		text-align: center;
		text-indent: -9999px;display: none;
	}
	li#nav_linkedin a {
		background:url(images/nav_linkedin.gif) no-repeat;
		width:38px;
	}
	li#nav_linkedin a:hover {
		background:url(images/nav_linkedin_on.gif) no-repeat;
	}
	li#nav_linkedin em {
		background: url(images/tip_linkedin_bubble.png) no-repeat;
		width: 100px;
		height: 49px;
		position: absolute;
		top: 70px;
		left: 914px;
		text-align: center;
		text-indent: -9999px;display: none;
	}
	li#nav_rss a {
		background:url(images/nav_rss.gif) no-repeat;
		width:38px;
	}
	li#nav_rss a:hover {
		background:url(images/nav_rss_on.gif) no-repeat;
	}
	li#nav_rss em {
		background: url(images/tip_rss_bubble.png) no-repeat;
		width: 100px;
		height: 49px;
		position: absolute;
		top: 70px;
		left: 954px;
		text-align: center;
		text-indent: -9999px;display: none;
	}
	li#nav_email a {
		background:url(images/nav_email.gif) no-repeat;
		width:45px;
	}
	li#nav_email a:hover {
		background:url(images/nav_email_on.gif) no-repeat;
	}
	li#nav_email em {
		background: url(images/tip_email_bubble.png) no-repeat;
		width: 100px;
		height: 49px;
		position: absolute;
		top: 70px;
		left: 984px;
		text-align: center;
		text-indent: -9999px;display: none;
	}
/*-------------------------------------
START - SITEWIDE STYLES
---------------------------------------*/
.headerbump {
	width:100%;
	height:75px;
	margin:0;
	padding:0;
} 
#nav, #content,.section{
	padding:0;
	margin:0;
	list-style:none;
}
div#content{
	overflow:hidden;
	width:100%;
	position:relative;
	height:auto;
	float:left;
}
	ul.section{
		width:12000px;
		position:relative;
	}
		ul.section li.page {
			position:relative;
			float:left;
			width: 1020px; 
			background: #e3e3e3;
			padding:0px 800px 0px 35px;
		}
			.page h2  {
				position:absolute;
				margin:-15px 0px 0px -30px;
				color:#e3e3e3;
				opacity: 0.1;
				font-size:38px;
				font-family:avenir-roman;
			}
			#contact_page .maincontent h2, #services .maincontent h2, #about .maincontent h2  {
				opacity: 0.6;
			}
			#about .maincontent h2  {
				margin-top:-45px;
			}
				#about .maincontent {
				padding-top:50px;
			}
			
			#lower_leftblock h2  {
				margin:-17px 0px 0px -10px;
				color:#e3e3e3;
				font-size:48px;
				opacity:0.2;
				font-family:avenir-roman;
			}
/*-------------------------------------
START - GLOBAL CONTENT BLOCK STYLES
---------------------------------------*/
div.maincontent {
	float:left;
	width:646px;
	height:716px;
	background:#fff;
	padding:20px;
	margin-bottom:50px;
}
div.maincontent h4 {
	padding:0px;
	margin:0px;
}
div.side_block1 {
	float:right;
	width:207px;
	height:auto;
	background:#fff;
	padding:0px 10px 10px 10px;
}
div.side_block2 {
	float:right;
	width:285px;
	height:715px;
	background:#4197A3;
	margin:0px 0px 20px 0px;
	color:#fff;
	padding:20px;
	border:1px solid #fff;
}
div.side_block3 {
	float:right;
	width:285px;
	height:auto;
	overflow:hidden;
	background:#463A39;
	margin:0px 0px 20px 0px;
	color:#fff;
	padding:20px;
	border:1px solid #fff;
}
#friendfeed.widget .feed {
	height:707px;
	width:285px;!important
	padding-right:0px;!important
}
#friendfeed.widget .body {
	width:285px;!important
	padding-right:0px;!important
}
#friendfeed.widget a {
	font-family:avenir-light, Arial, Helvetica, sans-serif;
}
/*-------------------------------------
START - HOME PAGE STYLES
---------------------------------------*/

/*-------------------------------------
START FEATURED WORK
---------------------------------------*/
div#slider {
	position:relative;
	float:left;
	width:640px;
	height:356px;
	margin:0px 7px 0px 0px;
	border:1px solid #fff;
	overflow:hidden;
}
	#slider ul, #slider li,
	#slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider2 {
		margin-top:1em;
		}
	#slider li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:642px;
		height:358px;
		overflow:hidden; 
		}	
	#prevBtn, #slider1prev{ 
		display:block;
		width:27px;
		height:358px;
		position:absolute;
		left:36px;
		top:75px;
		z-index:1001; /* Front Page Slider Button */
		}
	#prevBtn a, #slider1prev a{  
		display:block;
		position:relative;
		width:27px;
		height:358px;
		background:url(images/slider_btn_prev_off.png) no-repeat 0 0;	
		}	
	#prevBtn a:hover, #slider1prev a:hover{  
		background:url(images/slider_btn_prev.png) no-repeat 0 0;	
		}	
	#nextBtn, #slider1next { 
		display:block;
		width:27px;
		height:358px;
		position:absolute;
		left:649px;
		top:75px;
		z-index:1001; /* Front Page Slider Button */
		}	
	#nextBtn a, #slider1next a {  
		display:block;
		position:relative;
		width:27px;
		height:358px;
		background:url(images/slider_btn_next_off.png) no-repeat 0 0;
		background-position: right;
		}	
	#nextBtn a:hover, #slider1next a:hover {  
		background:url(images/slider_btn_next.png) no-repeat 0 0;
		background-position: right;
		}	
	/* numeric controls */	
	ol#controls{
		padding:0;
		height:28px;
		margin:-30px 0px 0px 30px;
		}
	ol#controls li{
		margin:0 10px 0 0; 
		padding:0;
		float:left;
		list-style:none;
		height:28px;
		line-height:28px;
		}
	ol#controls li a{
		float:left;
		height:28px;
		line-height:28px;
		border:1px solid #ccc;
		background:#DAF3F8;
		color:#555;
		padding:0 10px;
		text-decoration:none;
		}
	ol#controls li.current a{
		background:#5DC9E1;
		color:#fff;
		}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
	/* image replacement */
	.graphic, #prevBtn, #nextBtn, #slider1prev, #slider1next{
		margin:0;
		padding:0;
		display:block;
		overflow:hidden;
		text-indent:-8000px;
		}
/* FEATURED CAPTION MOUSE_OVER */
ul#featured {
}
	ul#featured li {
		display:inline;
		float:left
	}
	ul#featured .boxgrid{ 
		width:640px;
		height:356px;
		float:left; 
		background:#161613; 
		position: relative;
		background:#333 no-repeat;
	}
	ul#featured .boxcaption{
		float: left; 
		position: absolute; 
		height: 140px; 
		width: 600px;
		padding:20px;
		background-color:#000;
	}
	ul#featured .boxcaption_wrap {
		z-index:1002; /* Featured Items Mouseover Slide-Up Box WRAP */
	}
	ul#featured .captionfull .boxcaption {
		top: 356px;
		left: 0;
		z-index:1000; /* Featured Items Mouseover Slide-Up Box */
		/* Fallback Color For IE 6 and 7(Only works in shorthand, so background-color would not work) */
		background: rgb(0,0,0);
		background: rgba(0,0,0, 0.8);
		-ms-filter:"alpha(opacity=80)"; /* IE8 */
		filter:alpha(opacity=80); /* IE6/IE7 */	
	}
	ul#featured .boxgrid img{ 
		width:640px;
		height:356px;
		position: absolute; 
		top: 0; 
		left: 0; 
		border: 0; 
	}
	ul#featured .boxcaption a {
		color:#fff;
		font-weight:100;
		font-family: avenir-light, Arial, Helvetica, sans-serif;
	}
	ul#featured .boxcaption h3{
		position:relative; /* FIXES TRANSPARENCY INHERITANCE */
		float:left;
		width:100%;
		color:#fff;
		font-size:14px;
	}
	ul#featured .boxgrid p{ 
		position:relative; /* FIXES TRANSPARENCY INHERITANCE */
		color:#999;
		margin-bottom:10px;
		font-size:12px;
	}
	ul#featured .boxcaption ul {
		list-style:none;
	}
	ul#featured .boxcaption ul li {
		width:23px;
		height:23px;
		float:left;
		margin:0px 2px 0px 0px;
	}
	ul#featured .boxcaption ul li a {
		position:relative; /* FIXES TRANSPARENCY INHERITANCE */
		text-indent:-9000px;
		width:23px;
		height:23px;
	}
/*-------------------------------------
START - SECOND ROW BLOCKS STYLES
---------------------------------------*/
#lower_leftblock {
	width:600px;
	height:138px;
	margin:7px 7px 50px 0px;
	padding:20px;
	float:left;
	background:#4197A3;
	border:1px solid #fff;
}
/*-------------------------------------
START - JCAROUSEL TEXTSCROLL - FRONT PAGE
---------------------------------------*/
/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container {
    position: relative;
}

.jcarousel-clip {padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width:600px;
    height:auto;
	list-style-image:url(images/icon_page_16x20.gif);
	border-bottom:1px dotted #fff;
}
/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next, .jcarousel-prev {
    display: none;
}
	/** CUSTOM **/
.jcarousel-container-vertical {
    width: 100%;
    height: 130px;
	margin-top:10px;
}

.jcarousel-clip-vertical {
    top: 0px;
    width:600px;
    height: 130px;
    z-index: 20;
}
#twitfeed li,
.jcarousel-item-vertical,
.jcarousel-item-placeholder-vertical {
    width:600px;
    height: auto;
}
.jcarousel-item h3 {
    margin: 0;
    font-size: 14px;
	color:#fff !important;
	font-family:avenir-roman;
}
.jcarousel-item p {
    margin: 0;
    font-size: 12px;
	color:#fff !important;
	opacity: 0.8;
	display:none; /* STOPS Duplicate Text issue */
}
.jcarousel-item a {
	color:#fff;
	display:block;
	width:100%;
	height:100%;
	padding:5px 0px 5px;
}
.jcarousel-item a:hover {
	background:rgba(0,0,0, 0.2);
	text-decoration:none;
}
.jcarousel-next-vertical {
    position: absolute;
    top: 133px;
    left: 301px;
    width: 319px;
    height: 15px;
    cursor: pointer;
    background: url(images/home_feed_down_on.gif) no-repeat center;
}
.jcarousel-next-disabled-vertical {
    cursor: default;
    opacity: .5;
    filter: alpha(opacity=50);
}
.jcarousel-prev-vertical {
    position: absolute;
    top: 133px;
    left: -20px;
    width: 319px;
    height: 15px;
    cursor: pointer;
    background: url(images/home_feed_up_on.gif) no-repeat center;
}
.jcarousel-prev-disabled-vertical {
    cursor: default;
    opacity: .5;
    filter: alpha(opacity=50);
}
#twitfeed .loading {
    background: transparent url(images/txtscroll_loading.gif) 50% 50% no-repeat;
}
/* START HOME PAGE SIDEBAR */
#home #sidebar_right {
	float: right; /* since this element is floated, a width must be given */
	width: 370px; 
	height: 545px;
	background:#8DC46C;
}
#home #accordion_home {
	border-right:1px solid #fff;
	border-left:1px solid #fff;
}
#accordion_home h3 {
	font-size:16px;
	border-top:1px solid #fff;
	padding:5px 10px;
}
#accordion_home div {
}
.accordion_home_arrow_closed {
	display:block;
	float:left;
	width:12px;
	height:12px;
	margin:3px 5px 0px 0px;
	background:url(images/accordion_home_arrow_closed.png) no-repeat;
	}
.accordion_home_arrow_open {
	display:block;
	float:left;
	width:12px;
	height:12px;
	margin:3px 5px 0px 0px;
	background:url(images/accordion_home_arrow_open.png) no-repeat;
	}
#accordion_home p {
	font-size:14px;
	color:#fff;
	padding:10px 20px 0px 27px;
}
#accordion_home h3 a {
	color:#fff;
}
ul.services_list{
	list-style-position:outside;
	font-size:12px;
	padding:0px 20px 0px 27px;
}
ul.services_list li {
	background:url(images/icon_checkmark.png) center left no-repeat;
	list-style-position:outside;
	padding:0px 0px 0px 20px;
	margin:0px 0px 0px 0px;
	color:#fff;
}

/*-------------------------------------
START - TOOLTIPS
---------------------------------------*/
ul.service_icons li a {
	display:block;
	width:23px;
	height:23px;
}
.darkTip						{ width: auto; }
.darkTip .content				{ width: auto; padding: 10px; border: 6px solid #303030; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #505050; color: #fff; font-size:12px; }
.darkTip .bottom				{ height: 14px; background: url(images/tooltip-notch-dark.png) top center no-repeat; }

.lightTip						{ width: auto; }
.lightTip .content				{ width: auto; padding: 10px; border: 6px solid #e2e2e2; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #ffffff; color: #020202; font-size:12px; }
.lightTip .bottom				{ height: 14px; background: url(images/tooltip-notch-white.png) top center no-repeat; }
/*-------------------------------------
START CTA BUTTONS
---------------------------------------*/
#accordion_home ul.cta_block {
	width:227px;
	list-style:none;
	text-indent:-9000px;
	margin:10px 0px 0px 17px;
}
#accordion_home ul.cta_block a {
	border-bottom:none;
}

ul.cta_block {
	width:227px;
	list-style:none;
	text-indent:-9000px;
	margin:10px 0px 0px 0px;
}
li.cta_rss a{
	width:227px;
	height:25px;
	background:url(images/home_cta_rss.gif) no-repeat;
	display:block;
	border-bottom:1px solid #fff;
}
li.cta_rss a:hover{
	background:url(images/home_cta_rss_on.gif) no-repeat;
}
li.cta_email a{
	width:227px;
	height:25px;
	background:url(images/home_cta_email.gif) no-repeat;
	display:block;
	border-bottom:1px solid #fff;
}
li.cta_email a:hover{
	background:url(images/home_cta_email_on.gif) no-repeat;
}
li.cta_resume a{
	width:227px;
	height:25px;
	background:url(images/home_cta_resume.gif) no-repeat;
	display:block;
	border-bottom:1px solid #fff;
}
li.cta_resume a:hover{
	background:url(images/home_cta_resume_on.gif) no-repeat;
}
li.cta_portfolio a{
	width:227px;
	height:25px;
	background:url(images/home_cta_portfolio.gif) no-repeat;
	display:block;
	border-bottom:1px solid #fff;
}
li.cta_portfolio a:hover{
	background:url(images/home_cta_portfolio_on.gif) no-repeat;
}
/*-------------------------------------
START - ABOUT PAGE
---------------------------------------*/
#about p {
	font-size:14px;
	margin:0px 0px 30px 0px;
	line-height:20px;
}
div#aboutslides_frame {
	float:left;
	width:217px;
	height:190px;
	margin:0px 10px 10px 0px;
	padding:5px;
	border:1px solid #463B39;
}
div#aboutslides {
	float:left;
	width:217px;
	height:190px;
}
#about .maincontent {
	width:726px;
	height:718px;
}

/*********************
ABOUT - SIDE BAR
**********************/
#box_services, #box_apps, #box_skills, #box_cms {
	width:197px;
	background:#463A39;
	padding:20px;
	float:right;
	margin:0px 0px 10px 0px;
	color:#fff;
	border:1px solid #fff;
}
#box_services ul, #box_apps ul, #box_skills ul, #box_cms ul {
	float:left;
	width:100%;
	margin-top:20px;
}
#box_services ul{
	list-style-position:outside;
	font-size:12px;
	padding:0px 0px 0px 0px;
}
#box_services ul li {
	background:url(images/icon_checkmark_wht.gif) center left no-repeat;
	list-style-position:outside;
	padding:3px 0px 3px 20px;
	color:#fff;
}
#box_skills ul, box_services ul, box_cms ul{
	list-style-position:outside;
}
#box_skills ul li, #box_cms ul li {
	background:url(images/icon_checkmark_wht.gif) center left no-repeat;
	list-style-position:outside;
	padding:3px 0px 3px 20px;
	margin:0px 0px 0px 0px;
	color:#fff;
	line-height:15px;
	font-size:12px;
}
#box_apps ul li {
	display:inline;
	float:left;
	margin:5px 10px 5px 0px;
	text-indent:-9000px;
}
#box_apps #illustrator {
	width:30px;
	height:30px;
	background:url(images/about_apps_ai.jpg) no-repeat;
}
#box_apps #photoshop {
	width:30px;
	height:30px;
	background:url(images/about_apps_ps.jpg) no-repeat;
}
#box_apps #dreamweaver {
	width:30px;
	height:30px;
	background:url(images/about_apps_dw.jpg) no-repeat;
}
#box_apps #fireworks {
	width:30px;
	height:30px;
	background:url(images/about_apps_fw.jpg) no-repeat;
}
#box_apps #flash {
	width:30px;
	height:30px;
	background:url(images/about_apps_fl.jpg) no-repeat;
}
#box_apps #bridge {
	width:30px;
	height:30px;
	background:url(images/about_apps_br.jpg) no-repeat;
}
#box_apps #indesign {
	width:30px;
	height:30px;
	background:url(images/about_apps_id.jpg) no-repeat;
}
#box_apps #lightroom {
	width:30px;
	height:30px;
	background:url(images/about_apps_lr.jpg) no-repeat;
}
#box_apps #word {
	width:30px;
	height:30px;
	background:url(images/about_apps_wd.jpg) no-repeat;
}
#box_apps #excel {
	width:30px;
	height:30px;
	background:url(images/about_apps_ex.jpg) no-repeat;
}
#box_apps #powerpoint {
	width:30px;
	height:30px;
	background:url(images/about_apps_pt.jpg) no-repeat;
}
#box_apps #visio {
	width:30px;
	height:30px;
	background:url(images/about_apps_vs.jpg) no-repeat;
}
#box_apps #omnigraffle {
	width:35px;
	height:35px;
	background:url(images/about_apps_og.jpg) no-repeat;
}
#box_apps #omnioutliner {
	width:35px;
	height:35px;
	background:url(images/about_apps_oo.jpg) no-repeat;
}
#box_apps #coda {
	width:30px;
	height:30px;
	background:url(images/about_apps_coda.jpg) no-repeat;
}
#box_apps #cssedit {
	width:35px;
	height:35px;
	background:url(images/about_apps_cssedit.jpg) no-repeat;
}
#about ul.cta_block {
	float:left;
	width:100%;
	height:25px;
	list-style:none;
	text-indent:-9000px;
	margin:0px 0px 0px 0px;
	background:#8DC46C;
}
#about ul.cta_block li {
	float:left;
	display:inline;
	list-style:none;
	text-indent:-9000px;
}
#about li#cta_rss a{
	width:215px;
	height:25px;
	background:url(images/home_cta_rss.gif) no-repeat;
	display:block;
	border-bottom:1px solid #fff;
	margin:0px 1px 1px 0px;
}
#about li#cta_rss a:hover{
	background:url(images/about_cta_rss_on.gif) no-repeat;
}
#about li#cta_email a{
	width:215px;
	height:25px;
	background:url(images/home_cta_email.gif) no-repeat;
	display:block;
	border-bottom:1px solid #fff;
	margin:0px 1px 1px 0px;
}
#about li#cta_email a:hover{
	background:url(images/about_cta_email_on.gif) no-repeat;
}
#about li#cta_resume a{
	width:215px;
	height:25px;
	background:url(images/home_cta_resume.gif) no-repeat;
	display:block;
	border-bottom:1px solid #fff;
	margin:0px 1px 1px 0px;
}
#about li#cta_resume a:hover{
	background:url(images/about_cta_resume_on.gif) no-repeat;
}
#about li#cta_portfolio a{
	width:215px;
	height:25px;
	background:url(images/home_cta_portfolio.gif) no-repeat;
	display:block;
	margin:0px 1px 1px 0px;
}
#about li#cta_portfolio a:hover{
	background:url(images/about_cta_portfolio_on.gif) no-repeat;
}

/*-------------------------------------
START - SERVICES STYLES
---------------------------------------*/
div#services {
}
#accordion_wrap {
	position:relative;
	float:left;
	height:680px;
}
div #accordion_services {
	width:646px;
	margin-top:40px;
	}
.services_box {
	margin: 0px 0px 0px 0px;
	padding: 0px 20px 0px 0px;
	font-size: 14px;
}
.accordion_services_arrow_closed {
	display:block;
	float:left;
	width:12px;
	height:12px;
	margin:3px 5px 0px 0px;
	background:url(images/accordion_services_arrow_closed.png) no-repeat;
	}
.accordion_services_arrow_open {
	display:block;
	float:left;
	width:12px;
	height:12px;
	margin:3px 5px 0px 0px;
	background:url(images/accordion_services_arrow_open.png) no-repeat;
	}
div.services_box h4 {
	font-family:avenir-light;
	font-size:16px;
	color:#463B39;
	margin:20px 0px 0px 0px;
}
div.services_box ul li {
	list-style:disc inside;
}
h3#services_ux, h3#services_identity, h3#services_design, h3#services_development, h3#services_seo, h3#services_social {
	width:596px;
	height:30px;
	padding:20px 0px 0px 50px;
	font-size:18px;
}
h3#services_identity {
	background:url(images/services_identity.gif) top left no-repeat;
}
h3#services_ux {
	background:url(images/services_ux.gif) top left no-repeat;
}
h3#services_design {
	background:url(images/services_design.gif) top left no-repeat;
}
h3#services_development {
	background:url(images/services_development.gif) top left no-repeat;
}
h3#services_seo {
	background:url(images/services_seo.gif) top left no-repeat;
}
h3#services_social {
	background:url(images/services_social.gif) top left no-repeat;
}
/*-------------------------------------
START - PORTFOLIO STYLES
---------------------------------------*/
#portfolio div.maincontent {
	height:auto;
	margin-bottom:0px;
	background:#8DC46C;
	color:#fff;
	overflow:auto;
}
#portfolio p {
	padding:0px 0px 10px 0px;
	line-height:20px;
}
/*-------------------------------------
START - TABBED CONTENT
---------------------------------------*/
.tabbed_content {
	background-color: #fff;
	width: 686px;
	float:left;
}

.tabs {
	height: 30px;
	position: relative;
	background:#8DC46C;
}

.tabs .moving_bg {
	padding: 0px;
	background:url(images/tabbed_down.gif) bottom left no-repeat #8DC46C;
	position: absolute;
	width: 125px;
	height:30px;
	left: 0;
}

.tabs .tab_item {
	display: block;
	float: left;
	padding: 7px 0px 0px 0px;
	width: 125px;
	color:#666;
	text-align: center;
	position: relative;
	cursor: pointer;
	font-size:14px;
}
.tabs .tab_item.active {
	color:#fff;
	}

.tabbed_content .slide_content {
	overflow: hidden;
	background-color: #fff;
	padding: 20px 0px 20px 0px;
	position: relative;
	width: 686px;
}

.tabslider {
	width: 5000px;
}

.tabslider ul {
	float: left;
	width: 686px;
	margin: 0px;
	padding: 0px;
}

.tabslider ul a {
	color: #ffffff;
	text-decoration: none;
}

.tabslider ul a:hover {
	color: #aaaaaa;
}

.tabslider ul li {
	padding-bottom: 7px;
}
/*-------------------------------------
START - PORTFOLIO GRID
---------------------------------------*/
ul.foliogrid {
}
ul.foliogrid li {
	display:inline;
	float:left
}
.boxgrid ul {
	width:100%;
}
ul.foliogrid .boxgrid{ 
	width: 190px; 
	height: 163px; 
	margin:25px 0px 0px 25px; 
	float:left; 
	background:#161613; 
	border: solid 2px #453c33; 
	overflow: hidden; 
	position: relative;
	background:#333 no-repeat;
}
ul.foliogrid .boxgrid img{ 
	width:190px;
	height:170px;
	position: absolute; 
	top: 0; 
	left: 0; 
	border: 0; 
}
ul.foliogrid .boxgrid p{ 
	padding: 0 10px; 
	color:#afafaf; 
	font-weight:bold; 
	font:10pt "Lucida Grande", Arial, sans-serif; 
}
ul.foliogrid .boxcaption{ 
	float: left; 
	position: absolute; 
	height: 80px; 
	width: 180px;
	padding:5px;
	background-color:#000;
}

ul.foliogrid .captionfull .boxcaption {
	top: 170px;
	left: 0;
}
ul.foliogrid .boxcaption a {
	color:#fff;
	font-size:14px;
	font-weight:100;
	font-family: avenir-light, Arial, Helvetica, sans-serif;
}
ul.foliogrid .boxcaption h3{
	color:#fff;
	font-size:14px;
	height:14px;
}
ul.foliogrid .boxcaption span.links a {
	font-size:12px;
	color:#999;
}
ul.foliogrid .boxcaption span.links a:hover {
	text-decoration:underline;
	color:#fff;
}
ul.foliogrid .boxcaption ul {
	list-style:none;
}
ul.foliogrid .boxcaption ul li {
	text-indent:-9000px;
	width:23px;
	height:23px;
	float:left;
	margin:0px 2px 0px 0px;
}
li.icon_folio_ux {
	background:url(images/icon_folio_ux.png) no-repeat;
}
li.icon_folio_design {
	background:url(images/icon_folio_design.png) no-repeat;
}
li.icon_folio_identity {
	background:url(images/icon_folio_identity.png) no-repeat;
}
li.icon_folio_dev {
	background:url(images/icon_folio_dev.png) no-repeat;
}
li.icon_folio_seo {
	background:url(images/icon_folio_seo.png) no-repeat;
}
li.icon_folio_social {
	background:url(images/icon_folio_soc.png) no-repeat;
}
li.icon_folio_identity {
	background:url(images/icon_folio_identity.png) no-repeat;
}
.boxcaption p{
	float:left;
	font-size:12px;
	line-height:12px;
}
.caption .boxcaption {
	top: 140px;
	left: 0;
 				}
/*-------------------------------------
START - FANCYBOX STYLES
---------------------------------------*/
#fancy_wrap {text-align:left;} /* IE Fix */

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	height: 40px;
	width: 40px;
	margin-top: -20px;
	margin-left: -20px;
	cursor: pointer;
	overflow: hidden;
	z-index: 1104; /* FANCYBOX LOADING */
	display: none;
}

* html #fancybox-loading {	/* IE6 */
	position: absolute;
	margin-top: 0;
}

#fancybox-loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background-image: url('images/fancybox.png');
}

#fancybox-overlay {
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: #000;
	z-index: 1100; /* FANCYBOX OVERLAY */
	display: none;
}

* html #fancybox-overlay {	/* IE6 */
	position: absolute;
	width: 100%;
}

#fancybox-tmp {
	padding: 0;
	margin: 0;
	border: 0;
	overflow: auto;
	display: none;
}

#fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	padding: 20px;
	z-index: 3050; /* FANCYBOX WRAP */
	display: none;
}

#fancybox-outer {
	position: relative;
	width: 100%;
	height: 100%;
	background: #FFF;
}

#fancybox-inner {
	position: absolute;
	top: 0;
	left: 0;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: 0;
	outline: none;
	overflow: hidden;
}

#fancybox-hide-sel-frame {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
}

#fancybox-close {
	position: absolute;
	top: -15px;
	right: -15px;
	width: 30px;
	height: 30px;
	background-image: url('images/fancybox.png');
	background-position: -40px 0px;
	cursor: pointer;
	z-index: 1103; /* FANCYBOX CLOSE */
	display: none;
}

#fancybox_error {
	color: #444;
	font: normal 12px/20px Arial;
	padding: 7px;
	margin: 0;
}

#fancybox-content {
	height: auto;
	width: auto;
	padding: 0;
	margin: 0;
}

#fancybox-img {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	border: none;
	outline: none;
	line-height: 0;
	vertical-align: top;
	-ms-interpolation-mode: bicubic;
}

#fancybox-frame {
	position: relative;
	width: 100%;
	height: 100%;
	border: none;
	display: block;
}

#fancybox-title {
	position: absolute;
	bottom: 0;
	left: 0;
	font-family: Arial;
	font-size: 12px;
	z-index: 1102; /* FANCYBOX TITLE */
}

.fancybox-title-inside {
	padding: 10px 0;
	text-align: center;
	color: #333;
}

.fancybox-title-outside {
	padding-top: 5px;
	color: #FFF;
	text-align: center;
	font-weight: bold;
}

.fancybox-title-over {
	color: #FFF;
	text-align: left;
}

#fancybox-title-over {
	padding: 10px;
	background-image: url('images/fancy_title_over.png');
	display: block;
}

#fancybox-title-wrap {
	display: inline-block;
}

#fancybox-title-wrap span {
	height: 32px;
	float: left;
}

#fancybox-title-left {
	padding-left: 15px;
	background-image: url('images/fancybox.png');
	background-position: -40px -90px;
	background-repeat: no-repeat;
}

#fancybox-title-main {
	font-weight: bold;
	line-height: 29px;
	background-image: url('images/fancybox-x.png');
	background-position: 0px -40px;
	color: #FFF;
}

#fancybox-title-right {
	padding-left: 15px;
	background-image: url('images/fancybox.png');
	background-position: -55px -90px;
	background-repeat: no-repeat;
}

#fancybox-left, #fancybox-right {
	position: absolute;
	bottom: 0px;
	height: 100%;
	width: 35%;
	cursor: pointer;
	outline: none;
	background-image: url('images/blank.gif');
	z-index: 1102; /* FANCYBOX LEFT RIGHT BUTTONS */
	display: none;
}

#fancybox-left {
	left: 0px;
}

#fancybox-right {
	right: 0px;
}

#fancybox-left-ico, #fancybox-right-ico {
	position: absolute;
	top: 50%;
	left: -9999px;
	width: 30px;
	height: 30px;
	margin-top: -15px;
	cursor: pointer;
	z-index: 1102; /* FANCYBOX LEFT RIGHT BUTTONS */
	display: block;
}

#fancybox-left-ico {
	background-image: url('images/fancybox.png');
	background-position: -40px -30px;
}

#fancybox-right-ico {
	background-image: url('images/fancybox.png');
	background-position: -40px -60px;
}

#fancybox-left:hover, #fancybox-right:hover {
	visibility: visible;    /* IE6 */
}

#fancybox-left:hover span {
	left: 20px;
}

#fancybox-right:hover span {
	left: auto;
	right: 20px;
}

.fancy-bg {
	position: absolute;
	padding: 0;
	margin: 0;
	border: 0;
	width: 20px;
	height: 20px;
	z-index: 1001; /* FANCYBOX BG */
}

#fancy-bg-n {
	top: -20px;
	left: 0;
	width: 100%;
	background-image: url('images/fancybox-x.png');
}

#fancy-bg-ne {
	top: -20px;
	right: -20px;
	background-image: url('images/fancybox.png');
	background-position: -40px -162px;
}

#fancy-bg-e {
	top: 0;
	right: -20px;
	height: 100%;
	background-image: url('images/fancybox-y.png');
	background-position: -20px 0px;
}

#fancy-bg-se {
	bottom: -20px;
	right: -20px;
	background-image: url('images/fancybox.png');
	background-position: -40px -182px; 
}

#fancy-bg-s {
	bottom: -20px;
	left: 0;
	width: 100%;
	background-image: url('images/fancybox-x.png');
	background-position: 0px -20px;
}

#fancy-bg-sw {
	bottom: -20px;
	left: -20px;
	background-image: url('images/fancybox.png');
	background-position: -40px -142px;
}

#fancy-bg-w {
	top: 0;
	left: -20px;
	height: 100%;
	background-image: url('images/fancybox-y.png');
}

#fancy-bg-nw {
	top: -20px;
	left: -20px;
	background-image: url('images/fancybox.png');
	background-position: -40px -122px;
}

/* IE */
#fancybox-loading.fancybox-ie div	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancy_loading.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-close		{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancy_close.png', sizingMethod='scale'); }

.fancybox-ie #fancybox-title-over	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancy_title_over.png', sizingMethod='scale'); zoom: 1; }
.fancybox-ie #fancybox-title-left	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancy_title_left.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-title-main	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancy_title_main.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-title-right	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancy_title_right.png', sizingMethod='scale'); }

.fancybox-ie #fancybox-left-ico		{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancy_nav_left.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-right-ico	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancy_nav_right.png', sizingMethod='scale'); }

.fancybox-ie .fancy-bg { background: transparent !important; }

.fancybox-ie #fancy-bg-n	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancy_shadow_n.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-ne	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancy_shadow_ne.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-e	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancy_shadow_e.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-se	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancy_shadow_se.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-s	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancy_shadow_s.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-sw	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancy_shadow_sw.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-w	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancy_shadow_w.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-nw	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancy_shadow_nw.png', sizingMethod='scale'); }
/*-------------------------------------
START - FRIENDFEED WIDGET & STYLES
---------------------------------------*/
#friendfeed.widget, #friendfeed.widget div, #friendfeed.widget span, #friendfeed.widget a, #friendfeed.widget img, #friendfeed.widget table, #friendfeed.widget tr, #friendfeed.widget td {
	background-color:transparent !important;
	color:#fff !important;
	border:none !important;
	padding-left:0px !important;
}

#friendfeed {
}
#friendfeed .widget {
}
#friendfeed .logo img { 
display: none;
} 
#friendfeed .feed {
}
#friendfeed.widget .entry {
	border-bottom:1px dotted #fff !important;
}
#friendfeed .feed .entry .text {
	font-size:16px !important;
}
#friendfeed .feed .entry .text a {
}
#friendfeed .body {
}
#friendfeed .feed .entry .comments { 
display: none;
} 
#friendfeed .feed .entry .comments .comment .quote { 
background: none;
}
#friendfeed .feed .entry .likes {
background: none;
} 
#friendfeed .feed .entry .info, #friendfeed .feed .entry .info a {
color:rgba(255, 255, 255, 0.4) !important;
} 
#friendfeed .feed .entry .media img {
border: 0;
} 
#friendfeed .picture {
display: none;
} 
#friendfeed .name a {
font-size: 8pt;
} 
#friendfeed .services {
margin-top: 10px;
} 
#friendfeed .stats {
clear: none;
} 
#friendfeed.widget .bottom {
	display:none;
	background-color:transparent !important;
	color:#fff !important;
}
/*-------------------------------------
START - CONTACT STYLES
---------------------------------------*/
div#contact_form {
	float:left;
	width:400px;
	background:#8DC46C;
	color:#fff;
	padding:20px;
	margin:10px 7px 0px 0px;
}
div#contact_form a {
	color:#fff;
	font-size:22px;
}
/* CONTACTABLE */
#contactable {
	background-image:url(images/contactable-tab.png);
	color:#FFFFFF;
	cursor:pointer;
	height:158px;
	right:0;
	overflow:hidden;
	position:fixed;
	*position:absolute;
	text-indent:-100000px;
	top:202px;
	*margin-top:10px;
	width:28px;
	z-index:10000; /* CONTACTABLE */
}
#contactForm {
	background-color:#463B39;
	border:2px solid #FFFFFF;
	color:#FFFFFF;
	height:450px;
	right:0;
	margin-right:-400px;
	*margin-right:-434px;
	margin-top:-160px;
	overflow:hidden;
	padding-left:30px;
	position:fixed;
	top:250px;
	width:360px;
	*width:394px;
	z-index:99; /* CONTACTABLE FORM */
	
	-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-topleft: 10px;
	
    -webkit-border-bottom-left-radius: 10px;
    -webkit-border-top-left-radius: 10px;
	
    -khtml-border-radius-bottomleft: 10px;
    -khtml-border-radius-topleft: 10px;
	
    border-bottom-left-radius: 10px;
    border-top-left-radius: 10px;
}
form#contactForm input, textarea {
	background:#FFFFFF none repeat scroll 0 0;
	outline-style:none;
	outline-width:medium;
	width:325px;
	padding:5px;
	border:1px solid #dfdfdf;
	font-size:1em;
	margin-bottom:10px;
}
form#contactForm .submit {
	background: #8DC46C none repeat scroll 0 0;
	outline-style:none;
	outline-width:medium;
	width:338px;
	padding:5px;
	outline-color:-moz-use-text-color;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size:1em;
	cursor:pointer;
	color:#FFF;
	text-transform:uppercase;
	font-weight:bolder;
	margin-top:10px;
}
form#contactForm p {
	width:325px;
	font-size:0.9em;
}
form#contactForm .disclaimer {
	*margin-left:20px;
	margin-bottom:10px;
}
#contactForm .red {
	color:	#F5410F;
}
#overlay {
	background-color:#666666;
	display:none;
	height:100%;
	left:0;
	margin:0;
	padding:0;
	position:absolute;
	top:0;
	width:100%;
	z-index:0; /* CONTACTABLE OVERLAY */
} 
.error { background-color: #EDBE9C; }
#name.error { background-color: #EDBE9C; } 
#email.error { background-color: #EDBE9C; }
#comment.error { background-color: #EDBE9C; }

form#contactForm label{
	*margin-left:20px;
}
form#contactForm #loading {
	background: url(images/contactable-loader.gif) no-repeat;
	width:55px;
	height:55px;
	margin: 100px auto;
	display:none;
}
#callback {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size:1.1em;
	color: #FFF;
	width:325px;
	margin: 100px auto;	
	display:none;
}
.holder {
	margin:0 auto;
	*margin-left:20px;
	padding-top:20px;	
}

/* SIMPLE MODAL CONTACT FORM */
/* Overlay */
#contact-overlay {background-color:#000; cursor:wait;}

/* Container */
#contact-container {font: 16px/22px 'Trebuchet MS', Verdana, Arial; text-align:left; width:450px;}
#contact-container .contact-content {background-color:#333; color:#ddd; height:40px;}
#contact-container h1 {color:#8DC46C; font-size:20px; line-height:20px; margin:0; padding:0 0 6px 12px; text-align:left;}
#contact-container .contact-loading {background:url(images/contact-modal-loading.gif) no-repeat; height:55px; margin:-14px 0 0 190px; padding:0; position:absolute; width:54px; z-index:8000;}
#contact-container .contact-message {text-align:center;}
#contact-container .contact-error {background:#000; border:2px solid #ccc; font-size:14px; font-weight:bold; line-height:18px; margin:0 auto; padding:2px; width:92%;}
#contact-container br {clear:both;}
#contact-container form {margin:0; padding:0;}
#contact-container label {clear:left; display:block; float:left; font-weight:bold; padding-right:4px; text-align:right; width:100px;}
#contact-container .contact-input {background:#eee; border:1px solid #fff; font-family:'Trebuchet MS', Verdana, Arial; float:left; padding:2px; margin:2px; width:300px;}
#contact-container textarea {height:114px;}
#contact-container .contact-cc {cursor:default; font-size:14px; vertical-align:top;}
#contact-container .contact-top {background-color:#333; height:13px; margin:0; padding:0; -webkit-border-top-left-radius:8px; -webkit-border-top-right-radius:8px; -moz-border-radius-topleft:8px; -moz-border-radius-topright:8px; border-radius:8px 8px 0 0;}
#contact-container .contact-bottom {background-color:#333; font-size:12px; height:13px; line-height:12px; text-align:center; -webkit-border-bottom-right-radius:8px; -webkit-border-bottom-left-radius:8px; -moz-border-radius-bottomright:8px; -moz-border-radius-bottomleft:8px; border-radius:0 0 8px 8px;}
#contact-container .contact-bottom a,
#contact-container .contact-bottom a:link,
#contact-container .contact-bottom a:active,
#contact-container .contact-bottom a:visited {color:#666; position:relative; top:-4px; text-decoration:none;}
#contact-container .contact-bottom a:hover {color:#888;}
#contact-container .contact-button {background:#8DC46C; border:0; color:#fff; cursor:pointer; font-size:16px; font-weight:bold; height:26px; margin:4px 0 0 4px; text-align:center; vertical-align:middle; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
#contact-container .contact-button:hover {background:#8DC46C;}
#contact-container a.modal-close,
#contact-container a.modal-close:link,
#contact-container a.modal-close:active,
#contact-container a.modal-close:visited {color:#999; font-size:18px; font-weight:bold; position:absolute; text-decoration:none; right:8px; top:0px;}
#contact-container a.modal-close:hover {color:#ccc;}
#contact-container .req {color:#F60;}	
/* CONTACT INFO BLOCK */
#contact_page .maincontent p {
	margin-top:40px;
}

div#contact_direct {
	float:right;
	width:179px;
	height:auto;
}
div#contact_direct a {
}
div#contact_direct a:hover {
	text-decoration:underline;
}
div#contact_direct dl {
	margin:10px 0px 10px 0px;
}
div#contact_direct dt {
	margin:10px 0px 0px 0px;
}
div#contact_direct dd {
	border-bottom:1px dotted #453c33;
	padding:0px 0px 10px 0px;
}
/* CONTACT INFO BLOCK */
#contactblock {
	margin:0px 0px 10px 0px;
}
#contactblock a {
	float:left;
	display:block;
	color:#fff;
	font-size:22px;
	background:#8DC46C;
	color:#fff;
	padding:10px;
	margin:10px 7px 30px 0px;
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
	line-height:24px;
}
a#viaemail {
	width:150px;
}
a#viaform {
	width:240px;
}
/* CONTACT SOCIAL BLOCK */
ul.contact_social {
	margin: 50px 0px 0px 20px;
}
#home ul.contact_social {
	margin: 10px 0px 0px 27px;
}
ul.contact_social li {
	width:207px;
	height:24px;
	margin:0px 0px 10px 0px;
}
ul.contact_social li a {
	display:block;
	width:177px;/*adjusted for padding */
	height:20px;/*adjusted for padding */
	padding:4px 0px 0px 30px;
	color:#fff;
	font-size:16px;
	font-family:avenir-light;
}
ul.contact_social li a:hover {
	text-decoration:none;
	color:#4197A3;
}
ul.contact_social a.twitter {
	background:url(images/icon_contact_twitter.gif) left center no-repeat;
}
ul.contact_social a:hover.twitter {
	background:url(images/icon_contact_twitter_on.gif) top left no-repeat, url(images/contact_social_arrow_on.gif) top right no-repeat;
	background-color:#fff;
}
#home ul.contact_social a.twitter {
	background:url(images/icon-home-twitter.gif) left center no-repeat;
}
#home ul.contact_social a:hover.twitter {
	background:url(images/icon_contact_twitter_on.gif) top left no-repeat, url(images/icon-home-social-on.gif) top right no-repeat;
	background-color:#fff;
}
ul.contact_social a.facebook {
	background:url(images/icon_contact_facebook.gif) left center no-repeat;
}
ul.contact_social a:hover.facebook {
	background:url(images/icon_contact_facebook_on.gif) left center no-repeat, url(images/contact_social_arrow_on.gif) top right no-repeat;
	background-color:#fff;
}
#home ul.contact_social a.facebook {
	background:url(images/icon-home-fbook.gif) left center no-repeat;
}
#home ul.contact_social a:hover.facebook {
	background:url(images/icon_contact_facebook_on.gif) left center no-repeat, url(images/icon-home-social-on.gif) top right no-repeat;
	background-color:#fff;
}
ul.contact_social a.friendfeed {
	background:url(images/icon_contact_friendfeed.gif) left center no-repeat;
}
ul.contact_social a:hover.friendfeed {
	background:url(images/icon_contact_friendfeed_on.gif) left center no-repeat, url(images/contact_social_arrow_on.gif) top right no-repeat;
	background-color:#fff;
}
#home ul.contact_social a.friendfeed {
	background:url(images/icon-home-ffeed.gif) left center no-repeat;
}
#home ul.contact_social a:hover.friendfeed {
	background:url(images/icon_contact_friendfeed_on.gif) left center no-repeat, url(images/icon-home-social-on.gif) top right no-repeat;
	background-color:#fff;
}
ul.contact_social a.linkedin {
	background:url(images/icon_contact_linkedin.gif) left center no-repeat;
}
ul.contact_social a:hover.linkedin {
	background:url(images/icon_contact_linkedin_on.gif) left center no-repeat, url(images/contact_social_arrow_on.gif) top right no-repeat;
	background-color:#fff;
}
#home ul.contact_social a.linkedin {
	background:url(images/icon-home-linkedin.gif) left center no-repeat;
}
#home ul.contact_social a:hover.linkedin {
	background:url(images/icon_contact_linkedin_on.gif) left center no-repeat, url(images/icon-home-social-on.gif) top right no-repeat;
	background-color:#fff;
}
ul.contact_social a.flickr {
	background:url(images/icon_contact_flickr.gif) left center no-repeat;
}
ul.contact_social a:hover.flickr {
	background:url(images/icon_contact_flickr_on.gif) left center no-repeat, url(images/contact_social_arrow_on.gif) top right no-repeat;
	background-color:#fff;
}
#home ul.contact_social a.flickr {
	background:url(images/icon-home-flickr.gif) left center no-repeat;
}
#home ul.contact_social a:hover.flickr {
	background:url(images/icon_contact_flickr_on.gif) left center no-repeat, url(images/icon-home-social-on.gif) top right no-repeat;
	background-color:#fff;
}
ul.contact_social a.tumblr {
	background:url(images/icon_contact_tumblr.gif) left center no-repeat;
}
ul.contact_social a:hover.tumblr {
	background:url(images/icon_contact_tumblr_on.gif) left center no-repeat, url(images/contact_social_arrow_on.gif) top right no-repeat;
	background-color:#fff;
}
#home ul.contact_social a.tumblr {
	background:url(images/icon-home-tumblr.gif) left center no-repeat;
}
#home ul.contact_social a:hover.tumblr {
	background:url(images/icon_contact_tumblr_on.gif) left center no-repeat, url(images/icon-home-social-on.gif) top right no-repeat;
	background-color:#fff;
}
ul.contact_social a.vimeo {
	background:url(images/icon_contact_vimeo.gif) left center no-repeat;
}
ul.contact_social a:hover.vimeo {
	background:url(images/icon_contact_vimeo_on.gif) left center no-repeat, url(images/contact_social_arrow_on.gif) top right no-repeat;
	background-color:#fff;
}
#home ul.contact_social a.vimeo {
	background:url(images/icon-home-vimeo.gif) left center no-repeat;
}
#home ul.contact_social a:hover.vimeo {
	background:url(images/icon_contact_vimeo_on.gif) left center no-repeat, url(images/icon-home-social-on.gif) top right no-repeat;
	background-color:#fff;
}
ul.contact_social a.digg {
	background:url(images/icon_contact_digg.gif) left center no-repeat;
}
ul.contact_social a:hover.digg {
	background:url(images/icon_contact_digg_on.gif) left center no-repeat, url(images/contact_social_arrow_on.gif) top right no-repeat;
	background-color:#fff;
}
#home ul.contact_social a.digg {
	background:url(images/icon-home-digg.gif) left center no-repeat;
}
#home ul.contact_social a:hover.digg {
	background:url(images/icon_contact_digg_on.gif) left center no-repeat, url(images/icon-home-social-on.gif) top right no-repeat;
	background-color:#fff;
}
ul.contact_social a.rss {
	background:url(images/icon_contact_rss.gif) left center no-repeat;
}
ul.contact_social a:hover.rss {
	background:url(images/icon_contact_rss_on.gif) left center no-repeat, url(images/contact_social_arrow_on.gif) top right no-repeat;
	background-color:#fff;
}
#home ul.contact_social a.rss {
	background:url(images/icon-home-rss.gif) left center no-repeat;
}
#home ul.contact_social a:hover.rss {
	background:url(images/icon_contact_rss_on.gif) left center no-repeat, url(images/icon-home-social-on.gif) top right no-repeat;
	background-color:#fff;
}
/*-------------------------------------
START - FOOTER STYLES
---------------------------------------*/
#footer_wrap {
	position: absolute;
	bottom: 0px;
	left:0px;
	width: 100%;
}
html > body #footer_wrap {
	display: block;
	position: fixed;
	bottom: 0pt;
	z-index: 10000; /* FOOTER WRAP */
	width:100%;
}
#footer { 
	color:#fff;
	width:1040px;
	background:#453c33;
	margin:0px;
	margin:0px 0px 0px 15px;
}
div#footertop {
	width:100%;
	height:28px;
	text-align:center;
	margin:0px 0px 0px 0px;
	border-bottom:1px solid #fff;
}
div#footertab {
	width:158px;
	height:29px;
	float:left;
}
a#footerlink {
	display:block;
	background:url(images/footer_tab.png) no-repeat bottom center;
	width:158px;
	height:29px;
	margin-left:410px;
	margin-bottom:-1px;
	text-indent:-9000px;
}
a#footerlink.active {
	background:url(images/footer_tab_on.png) no-repeat bottom center;
}
#slide_hidden {
	width: 100%;
	height:auto;
	background-color: #453c33;
	text-align:left;
}
.js #slide_hidden {
	display:none;
}
#slide_visible {
	width:100%;
	border-bottom: solid 5px #453c33;
	margin:0px;
}

div.footer_block {
	float:left;
	width:240px;
	margin:0px 0px 20px 20px;
}
div.footer_block h3 {
	margin:10px 0px 0px 0px;
}
div.footer_block ul li {
	border-bottom:1px dotted #fff;
}
div.footer_block ul li a {
	opacity:0.7;
	display:block;
	width:100%;
	color:#fff;
	padding:5px 0px 5px 0px;
	}
div.footer_block ul li a:hover {
	width:230px;
	opacity:1;
	background:#8dc46c;
	padding-left:10px;
	}
ul#footer_social {
}
ul#footer_social li {
}

.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}