/***** BASIC STYLES *****/

.clear { clear: both; }
.ui-tabs-hide { display: none; }
br.clear { margin: 0px; padding: 0px; }

h1 { font-size: 30px; }
h2 { font-size: 24px; }
h3 { font-size: 22px; }
h4 { font-size: 18px; }
h5 { font-size: 16px; }
h6 { font-size: 14px; }
p { padding-bottom: 10px; line-height: 22px; }
strong { font-weight: bold; color: #1c1c1c; }
cite, em, i { font-style: italic; }
pre, code { font-family: Courier New, monospace; margin-bottom: 10px; }
ins { text-decoration: none; }
sup, sub { height: 0; line-height: 1; position: relative; vertical-align: baseline; }
sup { bottom: 0.8em; }
sub { top: 0.3em; }
dl { margin: 0 0 1.5em 0; }
dl dt { font-weight: bold; }
dd  { margin-left: 1.5em;}
blockquote  { margin: 1.5em; padding: 1em; color: #666666; background: #e6e6e6; font-style: italic; border: 1px solid #dcdcdc; }
blockquote p { padding-bottom: 0px; }

.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */


/**** Feature Slider *****/
		
#featured-area {
	position: 				absolute;
	top:					-540px;
	left:					0px;
	width: 					936px;
	text-align: 			left;
	height: 				600px;
	overflow:				hidden;
}

#feat-content {
	width: 					936px;
	height:					550px;
	overflow:				hidden;
	/*border: 1px dotted red;*/
}

#feat-content .slide {
	padding: 				45px auto 0px auto;
	width: 					936px;
	height: 				600px;
	background-image: 		none!important;
	background:				transparent !important;
}

#feat-content div#featured_text {
	width: 					430px;
	height:					570px;
	overflow:				hidden;
	margin:					130px 0 0 -5px;
	display:				block;
}

#feat-content .description {
	float: 					left;
	width: 					430px;
	height:					570px;
	overflow:				hidden;
	z-index:				10;
}

#feat-content .description h2.title {
	font-size:				42px;
	color:					#FFF;
	font-weight:			600;
}

#feat-content .description h2.innertxt {
	font-size:				30px;
	color:					#FFF;
	font-weight:			normal;
}

#article h2.subtitle {
	margin: 				0px 0px 5px 26px;
	padding: 				0px 0px 0px 0px;
}

/*#feat-content h2.title, .entry h2.title, .entry h1.title {
	font-size: 				32px;
	padding: 				0px 0px 10px 0px;
	margin: 				26px 0px 5px 42px;
}

#feat-content h2.title a, #content-area h2.title a {
	color: 					#ffffff;
}

#feat-content h2.title a:hover, #content-area h2.title a:hover {
	color: 					#f3f3f3;
	text-decoration: 		none;
}*/

#feat-content a.readmore, #content-area a.readmore {
	float: 					right;
	display: 				block;
	background: 			url(/images/home/readmore-sprite.png) bottom right no-repeat transparent !important;
	padding-right: 			6px;
	color: 					#ffffff;
	font-size: 				13px;
	height:					50px;
	line-height:			38px;
	position: 				relative;
	margin-top: 			-10px;
	z-index:				10;
	outline:                none;
	/*filter: 				progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/home/readmore-sprite.png',sizingMethod='scale');*/
}

#content-area a.readmore {
	margin-top:				5px;
}

#feat-content a.readmore span, #content-area a.readmore span {
	display: 				block;
	background: 			url(/images/home/readmore-sprite.png) top left no-repeat transparent !important;
	padding:				0 9px 0 15px;
	height:					50px;
	/*filter: 				progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/home/readmore-sprite.png');*/
}

#feat-content div#featured_slide {
	z-index:				10;
	outline:                none;
	display:				block;
	position:				absolute;
	top:					33px;
	right:					89px;
	background:				transparent !important;
	border: 				0;
	height:					499px;
	width:					386px;
	overflow:				hidden;
}

#feat-content div#featured_slide img {
	border: 				0;
}

#feat-content div#featured_slide #inner_slide {
	display:				block;
	height:					499px;
	width:					386px;
	overflow:				hidden;
}

#controls {
	position: 				absolute;
	width:					385px;
	padding:				0px;
	margin:					0px;
	top:					250px;
	right:					90px;
	z-index:				20;
}	

#controls a#prevlink, #controls a#nextlink {
	position: 				absolute;
	top: 					26px;
	display: 				block;
	height:					52px;
	width:					38px;
	text-indent: 			-9999px;
}

#controls a#prevlink {
	left: 					0px;
	background:				url('/images/home/ipad_arrow_l.png') -50px 0 no-repeat;
}

#controls a#prevlink:hover {
	background:				url('/images/home/ipad_arrow_l.png') 0 0 no-repeat;
}

#controls a#nextlink {
	right: 					0px;
	background:				url('/images/home/ipad_arrow_r.png') -50px 0 no-repeat;
}

#controls a#nextlink:hover {
	background:				url('/images/home/ipad_arrow_r.png') 0 0 no-repeat;
}

#controls a#togglelink {
	position: 				absolute;
	top: 					301px;
	right:					177px;
	display: 				block;
	height:					31px;
	width:					31px;
	text-indent: 			-9999px;
	background:				url('/images/home/ipad_button.png') 0 0 no-repeat;
	z-index:				10;
}

#controls a#togglelink:hover {
	background:				url('/images/home/ipad_button.png') 0 -31px no-repeat;
}
		
#controls a.control_tab {
	/*display: 				block;
	width:					150px;
	height:					107px;
	float: 					left;
	padding: 				40px 42px 0px 42px;
	text-decoration:		none;
	outline:                none;*/
	display:				none;
}

#controls a.control_tab.last {
	background: 			none;
}

#controls a.control_tab:hover {
	text-decoration: 		none;
}

#controls a.control_tab span.heading {
	font-family: 			Century Gothic, Arial, sans-serif; 
	font-size: 				18px;
	color: 					#2387df;
	font-weight:		 	lighter;
	padding-bottom: 		6px;
	margin-top:				-4px;
}

#controls a.control_tab span.excerpt {
	line-height: 			16px;
	color: 					#777777;
	font-size:				14px;
}

#controls a.control_tab:hover span.heading {
	color: 					#2387df;
}

#controls a.control_tab:hover span.excerpt {
	text-decoration: 		none;
}	

#controls a.control_tab.active span.heading {
	/*color: 				#ffffff;*/
	color: 					#2387df;
	text-decoration: 		none;
}

#controls a.control_tab.active span.excerpt {
	color: 					#8d8d8d;
}

#controls a.control_tab span.heading, a.control_tab span.excerpt {
	/*border-left: 			5px solid #1e1e1c;*/
	display: 				block;
	/*padding-left: 		8px;*/
}

div#article ul.thingswedo {
	list-style-type:		disc;
	float:					right;
	padding:				0px;
	margin:					5px 40px -10px 0px;
	font-size:				16px;
	color:					#3db0c9;
	
}

.flickrDisplay {
	float:					right;
	margin-right:			20px;
}

.flickrDisplay img {
	border:					none;
	margin:					0px;
	width:					50px;
	height:					50px;
}

.flickrDisplay img:hover {
	width:					60px;
	height:					60px;
}

.flickrDisplay a {
	color:					#3f3f3f;
	border:					1px solid #3f3f3f;
	float:					right;
	display:				block;
	width:					50px;
	height:					50px;
	margin:					6px;
}

.flickrDisplay a:hover {
	color:					#5dcbdf;
	border:					1px solid #5dcbdf;
	width:					60px;
	height:					60px;
	margin:					1px;
}

div.section div.social {
	margin:					30px 20px 10px 20px;
}

div.section div.social h3 {
	color:					#aaaaaa;
	font-size:				16px;
	padding:				0px;
	margin:					10px;
	font-weight:		 	lighter;
}

div.section div.social div.box_twitter {
	width:					256px;
	float:					left;
	margin-right:			20px;
}

div.section div.social div.box_twitter div.twitter_area {
	background-image:		url(/images/home/twitter_bg.png);
	display:				block;
	width:					218px;
	height:					138px;
	margin-left:			8px;
	padding:				15px;
	font-size:				12px;
	overflow:				hidden;
}

div.section div.social div.box_twitter div.twitter_area em {
	font-size:				10px;	
}

div.section div.social div.box_blog {
	width:					320px;
	float:					left;
}

div.section div.social div.box_blog div.blog_post {
	display:				block;
	clear:					both;
	height:					55px;
	margin-top:				18px;
	margin-bottom:			8px;
}

div.section div.social div.box_blog div.blog_post img {
	border:					1px solid #FFF;
	width:					50px;
	height:					50px;
	margin:					0px 0px 10px 10px;
	float:					left;
}

div.section div.social div.box_blog div.blog_post div {
	float:					right;
	text-align:				left;
	width:					245px;
	font-size:				11px;
	color:					#FFF;
}

div.section div.social div.box_blog div.blog_post a {
	text-decoration:		none;
	font-size:				14px;
}

div.section div.social div.box_blog a:hover {
	text-decoration:		none;
}

div.section div.social div.box_blog div.blog_post div b {
	font-size:				16px;
	line-height:			10px;
}

div.section div.social div.box_facebook {
	width:					240px;
	float:					right;
	margin-right:			8px;
}

div.section div.social div.box_facebook div.fanbox_space {
	background:				#dfdfdf;
	height:					148px;
	position:				relative;
}

div#article div.website_list {
	position:				relative;
	margin:					30px auto;
	clear:					both;
	width:					876px;
	display:				block;
}

div#article div.site_preview {
	display:				block;
	float: 					left;
	color:					#FFF;
	margin:					0px 9px;
}

div#article div.site_preview a {
	display:				block;
	height:					128px;
	width:					152px;
	background-color:		none;
	border:					1px solid #222222;
	text-decoration:		none;
	padding:				1px;
}

div#article div.site_preview a:hover {
	border:					1px solid #000;
}

div#article h2.recentWork {
	margin-top:				-16px;
	display:				block;
}

div#article h1.heading_txt {
	color:					#06397b;
	font-size:				36px;
	margin:					65px 0 0 22px;
}

div#article h3.heading_caption {
	color:					#8cb2bb;
	font-size:				17px;
	margin:					6px 0 40px 23px;
	font-weight:			normal;
}

div#article img#ipad {
	position:				absolute;
	top:					-590px;
	right:					0px;
}

div#article div#special_content {
	border-top:				1px solid #e1e1e1;
	display:				block;
	margin:					0 -16px;
	padding:				0 0px;
	height:					322px;
	background:				url("/images/home/special_content.jpg") top left no-repeat;
}

div#article div#special_content {
	border-top:				1px solid #e1e1e1;
	display:				block;
	margin:					0 -16px;
}

div#article div#special_content div.box {
	display:				block;
	width:					171px;
	height:					322px;
	padding:				0 30px;
	float:					left;
	text-decoration:		none;
	color:					#8d8d8d;
	background:				url("/images/home/special_content_hover.jpg") -300px 0 no-repeat;
	border:					0;
	margin:					1px;
	cursor:					pointer;
	position:				relative;
}

div#article div#special_content div.box:hover {
	background:				url("/images/home/special_content_hover.jpg") 0 0 repeat-x;
	color:					#8d8d8d;
}

div#article div#special_content div.box h3 {
	color:					#5180bb;
}

div#article div#special_content div.box p {
	margin:					15px 0 0 0;
}

div#article div#special_content div.box img {
	position:				absolute;
	bottom:					-30px;
	left:					0;
}

div#article img#profileimage {
	display:			block;
	width:				55px;
	height:				148px;
	margin: 			0 !important;
	border: 			0 !important;
	position:			absolute;
	top:				0px;
	left:				0px;
}