/* Import Google Fonts */
@import url(http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz:200,300,400,700);
@import url(http://fonts.googleapis.com/css?family=Quattrocento+Sans);
@import url(http://fonts.googleapis.com/css?family=Maiden+Orange);


/* RESET STYES */
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 { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;}
body { line-height: 1; }
ol, ul {list-style: none;}
/* remember to define focus styles! */
:focus {outline: 0;}
a{text-decoration:none;}

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

/*Colors
Body = aba58a;
Yellow = FFC;
*/

body {
	background: #1b1b1b; 
	font-size: 69%; 
	font-family:'Quattrocento Sans', Arial, Helvetica, sans-serif; 
	padding:0;
	margin: 0; 
	color:#aba58a;
}	
#wrapper{
	min-width:960px;
	background: #1b1b1b url(../images/bkgMain-2011.jpg) repeat-x left top;
	clear:both;
}
p, li{ font-family:'Quattrocento Sans', Arial, Helvetica, sans-serif;}
p{font-size:1.1em; color:#ccc;text-decoration:none; margin-bottom:1em; line-height:1.6em;}
ul{list-style-type:none; padding:5px;}
ul li{list-style:none;background:url(../images/imgLi.png) no-repeat left 0.45em; padding-left:10px; color:#999; font-size:1.2em; line-height:1.4em; margin:0 0 10px 0;}
ul li a{ color:#ccc; border-bottom:1px solid #666;}
ul li a:hover{ color:#fff; border-bottom:1px solid #999;}
a{color:#fff; border-bottom:1px solid #666;}
a:hover{border-bottom:1px solid #999; color:#FFC}
a:active, li:active{position:relative;}

h1, h2, h3, h4, h5{  
	font-family: 'Maiden Orange','Yanone Kaffeesatz', 'Helvetica Neue', Helvetica, Arial, sans-serif;  
	font-weight:lighter;
}
h1{
	font-size:2.8em; 
	line-height:1.6em;
	margin-bottom:7px; 
	color:#FFC;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.8); 
}
h2{
	font-size:1.8em;
	line-height:1.5em; 
	color:#000; 
	font-weight:normal;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.8); 
}
h3{
	font-size:1.5em;
	line-height:1.4em; 
	color:#fff; 
	margin-bottom:4px;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.8); 
}
h3 a{
	color:#a9c572; 
	border-bottom:1px solid #292612; 
}
h3 a:hover{
	color:#aba58a; 
	border-bottom:1px solid #aba58a;
}
h4{
	font-size:1.6em;
	line-height:1.5em; 
	color:#fff;
	margin-bottom:4px;
}

/* --------------------------------------------------------------------------- */	
/* HEADER */
/* --------------------------------------------------------------------------- */	

#header{
	width:950px; 
	padding:0 5px;
	height:170px; 
	display:block; 
	margin:0 auto 0;
	background:url(../images/hr.png) repeat-x left bottom;
}
	#header .intro{
		height:50px;
		width:946px;
		margin:0 auto; 
		clear:both; 
		overflow:hidden;
	}
	#header .intro h2{
		font-size:1.1em; 
		line-height:46px; 
		color:#999; 
		font-weight:normal; 
		text-align:center; 
		font-family: Georgia, "Times New Roman", Times, serif;
		text-shadow: 1px 1px 0px rgba(0,0,0,0); 
	}
	#header .intro h2 a{
		color:#555;
		text-shadow:1px 1px 0px #fff, 2px 2px 0px #ccc, 3px 3px 0px #ccc;
		font-family: 'Maiden Orange','Yanone Kaffeesatz', "Helvetica Neue",Helvetica,Arial,sans-serif; 
		font-style:normal; 
		font-size:1.2em; 
		line-height:46px; 
		font-weight:normal; 
		padding:0px 4px 0 1px; 
		border: none
	}
	#header .intro h2 a:hover{ 
	color:#000;
	border: none;
	text-shadow:1px 1px 0px #fff, 2px 2px 0px #999, 3px 3px 0px  #999;
	}

/* --------------------------------------------------------------------------- */	
/* LOGO */
/* --------------------------------------------------------------------------- */	

div#logo{
	width:430px;
	height:60px;
	float:left; 
	position:relative; 
	top: 30px; 
}
	div#logo span{
		display:none
	}
	div#logo a{
		width:430px; 
		height:60px; 
		border:none;
		background:url(../images/logo-2011.png) no-repeat left top;
		display:block
	}	
	div#logo a:hover{
		/*background-position: left bottom !important;*/
		border:none;
	}
	
/* --------------------------------------------------------------------------- */	
/* MAIN NAV */
/* --------------------------------------------------------------------------- */

div#mnav {
	width:400px; 
	height:40px; 
	float:right; 
	margin-right:5px;
	position:relative; 
	top:40px; 
}
div#mnav ul{
	width:auto;
	height:40px;  
	padding:0; 
	margin:0;
}
div#mnav ul li{
	list-style:none; 
	width:auto;
	height:40px;
	float:right;
	margin:0 5px;
	background:none;
	padding:0; 
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:1.3em; 
	line-height:1em;
	font-weight:normal;
	color:#fff; 
	text-transform:lowercase; 
	text-shadow:-1px -1px 0px rgba(0, 0, 0, 0.7);
	padding:0;
}
div#mnav ul li a{
	padding:12px 18px; 
	display:block; 
	border:none; 
	color:#efefef;
}
div#mnav ul li a:hover{
	color:#FFC;
}
div#mnav ul li a.active{
	color:#FFC;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px; 	
	border:1px solid #333 ;
	text-shadow:1px 1px 0px rgba(0, 0, 0, 0.6);	
	background:url(../images/bkgSidebar-trans.png); 
	-moz-box-shadow:inset 0 0 5px rgba(0, 0 , 0, 0.4);
    -webkit-box-shadow:inset 0 0 5px rgba(0, 0 , 0, 0.4);
     box-shadow:inset 0 0 5px rgba(0, 0 , 0, 0.4);
}

/* --------------------------------------------------------------------------- */
/* ----- PORTFOLIO CONTENT -----*/
/* --------------------------------------------------------------------------- */

#container, #subpage {
	margin:0 auto; 
	text-align:left;
	padding:0; 
	width: 960px;
	height:0;
}
#subpage {
	height:auto !important;
	
}
#showcase{
	width: 960px; 
	height:400px;
	background:url(../images/imgInitPortfolio.png) no-repeat center top;  
	padding:40px 0 0 0; 
	clear:both; 
	color:#fff;
}
/* --------------------------------------------------------------------------- */
/* Portfolio Navigation */
/* --------------------------------------------------------------------------- */
#containerPortfolio{
	position:relative;	
}
#portfolioWrapper, #recent-work{
	height:auto;
	min-width:960px; 
	width:100%; 
	margin:0 auto;
	padding:30px 0 20px;
	clear:both; 
	border-bottom:1px solid #000;
	border-top:1px solid #666;	
}
#recent-work{
	background:#fff  url(../images/bkgMiddleWhite.jpg) repeat-x;
}
#portfolioWrapper{
	padding:0 0 20px;	
	background:#e4e4e4 url(../images/bkgPortfolioArea.jpg) repeat-y center top
}
#portfolioIntro{
	height:41px; 
	width:940px;
	margin:20px auto 10px;	
	position:relative;
	clear:both; 
	overflow:hidden 
}
#portfolioIntro span{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
	font-style:italic;
	color:#333;
	font-size:1.1em;
	text-shadow:1px 1px 0px rgba(255,255,255,1);
	width:auto;
	line-height:31px;
	margin:5px 10px 0 0;
	float:left;
}
#portfolioIntro ul#yearSelect{ 
	height:35px; 
	width:400px;
	padding:0; 
	margin:0 auto; 
	text-align:center;
	overflow:hidden;
	margin-top:6px;
	float: left;
}
#portfolioIntro ul#yearSelect li{	
	/*background:url(../images/snavPortfolio_years.png) left top;*/
	background:none;
	font-size:1.2em;
	font-family: 'Yanone Kaffeesatz', "Helvetica Neue",Helvetica,Arial,sans-serif; 
	font-weight:normal;
	width:auto; 
	padding:0 15px; 
	border:none;  
	display: block;
	float:left;
	cursor:pointer; 
	margin:0 5px 0 0; 
	text-align:center; 	
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px; 	
	border: none;
	background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* W3C */
	padding:7px 18px 5px;
	text-shadow:1px 1px 0px rgba(255, 255, 255, 1);	
	-moz-box-shadow:inset 0 1px 1px rgba(0, 0 , 0, 0.4);
    -webkit-box-shadow:inset 0 1px 1px rgba(0, 0 , 0, 0.4);
     box-shadow:inset 0 1px 1px rgba(0, 0 , 0, 0.4);
}
#portfolioIntro ul#yearSelect li:hover{ 
	color:#000;
	background:#fff;
}
#portfolioIntro ul#yearSelect li.selected, #portfolioIntro ul#yearSelect li.selected:hover{ 
	color:#fff; 
	cursor:default;
	background: #7d7e7d; /* Old browsers */
	background: -moz-linear-gradient(top, #7d7e7d 0%, #0e0e0e 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7d7e7d), color-stop(100%,#0e0e0e)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #7d7e7d 0%,#0e0e0e 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #7d7e7d 0%,#0e0e0e 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #7d7e7d 0%,#0e0e0e 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7d7e7d', endColorstr='#0e0e0e',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #7d7e7d 0%,#0e0e0e 100%); /* W3C */
	text-shadow:1px 1px 1px #000;
	-moz-box-shadow:inset 0 -1px 2px rgba(0, 0 , 0, 0.6);
    -webkit-box-shadow:inset 0 -1px 2px rgba(0, 0 , 0, 0.6);
     box-shadow:inset 0 -1px 2px rgba(0, 0 , 0, 0.6);
}



/* --------------------------------------------------------------------------- */
/* ----- PORTFOLIO -----*/
/* --------------------------------------------------------------------------- */

h1.title{
	color:#ffFFCc;
	margin-bottom:0; 
	position:relative;
	top:2px;
	left:13px;
	font-size:28px;
	width:auto;	
	font-family:'Maiden Orange','Yanone Kaffeesatz', "Helvetica Neue", Arial, Helvetica, sans-serif;
	text-shadow:1px 1px 0px #000;
}

h1.title a{
	color:#fff;
	text-decoration:none;
	border:none;
}
h1.title a:hover{
	color:#ffc; 
	text-decoration:none; 
	border:none;
}
h1.title span{
	color:#999; 
	position:absolute;
	right:7px; 
	font-size:16px;
	font-family:'Maiden Orange','Yanone Kaffeesatz', "Helvetica Neue", Arial, Helvetica, sans-serif
}

/* Jquery Fade */
#sliderWrapper{	width:440px;height: auto; padding:13px;background:url(../images/bkgPortfolioItem.png) no-repeat;float:left; margin-right:15px; position:relative; left:0px;}
#slider{ width:440px;height: 260px;	padding:0px;overflow:hidden;}
#slider ul{margin:0;padding:0; width:440px;height:260px;overflow:hidden;}
#slider li{width:440px;height:260px;list-style:none;padding:0; margin:0;}

#portContent{
	float:right;
	width:460px;
	position:relative;
	top:8px; 
	right:10px;
}
#showcase p{
	font-size:14px; 
	line-height:20px;
	text-align:justify; 
	padding:1px; 
	padding-right:10px;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.8)
}
#showcase p.details{
	font-size:12px;
	text-transform:uppercase;
	line-height:15px; 
	color:#fff; 
	background:url(../images/hr.png) repeat-x left top; 
	padding:16px 0 0 2px;
	margin-top:10px;
}
#showcase p.details span, #showcase p.share span{ 
	color:#a9c572;
	font-weight:normal; 
	font-family:'Maiden Orange',"Times New Roman", Times, serif; 
	padding-right:5px;
	font-size:12px
}
#showcase p.share{
	text-transform:uppercase; 
	line-height:13px;
	color:#fff;
	background:url(../images/hr.png) repeat-x left top; 
	padding-left:2px; 
	padding-top:20px;
	margin-top:14px; 
}
#showcase p.share span{
	position:relative;
	top:-6px; 
	margin-right:2px; 
}
#showcase p a{ 
	color:#fff;
	border-bottom:1px solid #666; 
	text-decoration:none; 
	text-shadow: 1px 1px 1px rgba(0,0,0,.7);
}
#showcase p a:hover{ 
	color:#FFC;
	border-bottom:1px solid #999;
}

p#launch{
	position:absolute;
	top:-35px; 
	right:5px;
	padding:0;
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	background:url(../images/hr.png) repeat-x left top; 
	text-transform:uppercase;
	font-weight:bold;
	font-size:11px;
	line-height:13px;
}
p#launch a{ 	
	color:#000;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px; 	
	border: none;
	background:#a9c572;
	padding:8px 18px 6px;
	text-shadow:1px 1px 0px rgba(255, 255, 255, 0.6);	
	-moz-box-shadow:inset 0 0 5px rgba(0, 0 , 0, 0.4);
    -webkit-box-shadow:inset 0 0 5px rgba(0, 0 , 0, 0.4);
     box-shadow:inset 0 0 5px rgba(0, 0 , 0, 0.4);
}
p#launch a:hover{ 
	background:#FFF;
	border:none;
	color:#000;
}

/* --------------------------------------------------------------------------- */
/* Portfolio Filter */
/* --------------------------------------------------------------------------- */

div.filter{width:960px; clear:both; margin:0 auto; padding:15px 0px;  background:url(../images/imgFilter.png) no-repeat 10px center; position:relative; top:-1px; border-top:1px solid #efefef; }
div.filter ul{ width:700px; height:24px; margin:0; padding:0 15px; margin-left:80px;}
div.filter ul li{font-weight:normal; color:#999; line-height:24px; font-size:1em; float:left; padding-left:18px; padding-right:18px;  border-right:1px solid #efefef; margin-right:16px; cursor:pointer; text-transform:uppercase; background:url(../images/imgFilter_off.jpg) no-repeat left center}
div.filter ul li#last{ border-right:0px solid #efefef; }
div.filter ul li:hover{cursor:pointer; color:#000; background:url(../images/imgFilter_off.jpg) no-repeat left center}
div.filter ul li.selected{font-weight:normal; background:url(../images/imgFilter_on.jpg) no-repeat left center; color:#000; font-weight:bold}
#filter-folio{ width:200px;position:absolute; left:0; top:20px;}
#filter-folio ul{ width:200px; height:auto; clear: both; margin:10px 5px; padding:0}
#filter-folio ul li{font-weight:normal; color:#999; width:auto; line-height:24px; font-size:1em; float:none; padding-left:18px; border-bottom:1px solid #efefef;cursor:pointer; text-transform:uppercase; background:url(../images/imgFilter_off.jpg) no-repeat left center; clear:both}
#filter-folio ul li#last{ border-right:0px solid #efefef; }

/* --------------------------------------------------------------------------- */
/* Portfolio ITEMS */
/* --------------------------------------------------------------------------- */

#portfolioWrapper #items{
	width:960px; 
	height:auto; 
	margin:0 auto;
	padding:0; 
	background: url(../images/imgLine.jpg) center top repeat-y
}
#portfolioWrapper #items-2011{
	width:960px;
	height:auto; 
	margin:0 auto; 
	padding:20px 0 20px; 
	text-shadow:1px 1px 1px #fff;
}
#items-2011 div{
	width:300px;
	height:260px;
	margin:6px;
	padding:4px;
	float:left;	
	cursor:pointer;
	background:url(../images/ajax-loader.gif) no-repeat center 100px;
}
#items-2011 div img{
	width:300px;
	height: 176px;
}

#items-2011 div.selected{	
/*
	 -moz-box-shadow:0 0 10px rgba(0, 0 , 0, 0.2);
     -webkit-box-shadow:0 0 10px rgba(0, 0 , 0, 0.2);
     box-shadow:0 0 10px rgba(0, 0 , 0, 0.2);
	 background:#fff;*/
	 cursor:default
}
#items-2011 div.selected h3 a{
	color:#A9C572;
	text-shadow:1px 1px 0px #fff;
}
#items-2011 div.selected span.preview .date{
	display:block;	
}
#items-2011 div:hover span.preview .date{
	display:block;
}
#items-2011 div:hover a, #items-2011 div.selected a{
	border-bottom:1px solid #999;	
}
#items-2011 div span.preview{
	position:relative;
	height:190px;
	width:100%;
	display:block;
	background:url(../images/portfolio-loader.gif) no-repeat center 75px;
}
#items-2011 div span.preview .date{
	position:absolute;
	top:152px;
	left:0;
	z-index:999;
	width:50px; 
	height:25px;
	line-height:25px;
	background:url(../images/bkgSidebar-trans.png);
	color:#fff;
	text-align:center;
	display:none;
	cursor:default;
	font-size:1.2em;
	font-family:Georgia, "Times New Roman", Times, serif;
	text-shadow: 1px 1px 0px #000
}
#items-2011 div span.preview img{
	width:300px;
	height:176px;
	border-bottom:1px solid #ccc;	
	-moz-box-shadow:0 1px 3px rgba(0, 0 , 0, 0.2);
    -webkit-box-shadow:0 1px 3px rgba(0, 0 , 0, 0.2);
    box-shadow:0 1px 3px rgba(0, 0 , 0, 0.2);
}
#items-2011 div p{
	color:#999;
	padding:0 5px;
	text-transform: uppercase;
	font-size:1em;
}

#items-2011 div p span{
	color:#000;	
}
#items-2011 h3{
	text-shadow:none;
	font-size:1.8em;
	line-height:1.2em;
	cursor:pointer;
	padding:0 5px;
	color:#555;
	margin:0;
}
#items-2011 h3 a{
	color:#333;
	text-decoration:none;
	border:none
}


/* GLOBAL SUB PAGES*/

#contentContainer{
	width:960px; 
	clear:both; 
	padding:10px 0;
	margin:0 auto;
}
#left{
	width:600px; 
	float:left; 
	padding:5px;
}
#left p {
	font-size:1.2em;
	padding:2px;
}
#left p span{
	font-family: Georgia, "Times New Roman", Times, serif;
	color:#fff;
}


/* --------------------------------------------------------------------------- */
/* ----- @CONTACT -----*/
/* --------------------------------------------------------------------------- */

#contact{
	width:590px; 
	float:left; 
	padding:0;
	margin-left:15px; 
	float:left; 
	background:url(../images/imgMap.png) right 0 no-repeat
}
#contactdiv{ 
	clear:both;
	margin:70px 0 0; 
	overflow:hidden
}
#contact .field{
	margin:6px 0;
	padding:0;
	overflow:hidden;
	clear:both;
	width:100%
}
form input, form textarea{
	width:340px;	
	font-family:Arial, Helvetica, sans-serif;
	padding:8px 10px;
	font-size:1.3em; 
	color:#fff;
	border:1px solid #444;
	background:url(../images/bkgSidebar-trans.png);
	-moz-border-radius: 10px;
	border-radius: 10px; 	
	-webkit-border-radius: 10px;
	
	-moz-box-shadow:inset 0 0 5px rgba(0, 0 , 0, 0.8);
    -webkit-box-shadow:inset 0 0 5px rgba(0, 0 , 0, 0.8);
     box-shadow:inset 0 0 5px rgba(0, 0 , 0, 0.8);

}
form textarea{
	width:380px;
}
form input:focus, form textarea:focus{border-color:#999;}

form label{
	color:#fff;
	font-size:1.2em;
	line-height:2em;
	padding:10px 5px 10px 5px;
}
.submit{
	margin:10px 0 40px;
	width:100px;
	text-transform:uppercase;
	font-weight:bold;
	font-size:1em;
	text-align: center;
	color:#000;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px; 	
	border: none;
	background:#a9c572;
	padding:8px 18px 6px;
	text-shadow:1px 1px 0px rgba(255, 255, 255, 0.6);	
	-moz-box-shadow:inset 0 0 5px rgba(0, 0 , 0, 0.4);
    -webkit-box-shadow:inset 0 0 5px rgba(0, 0 , 0, 0.4);
     box-shadow:inset 0 0 5px rgba(0, 0 , 0, 0.4);
	cursor:pointer;
}
.submit:hover{background:#fff; color:#000;}


/* --------------------------------------------------------------------------- */
/* ----- @ABOUT -----*/
/* --------------------------------------------------------------------------- */

#subpage-wrapper{
	width: 100%; 
	margin:0; 
	float:left; 
	clear:both; 
	padding:45px 0 25px;
}
#subpage-wrapper #details{
	width:590px; 
	float:left; 
	padding:0;
	margin-left:15px;
}
#subpage-wrapper h2, #subpage-wrapper h1 {
	color:#FFC;
	text-shadow:1px 1px 0px #000, 2px 2px 0px #999, 3px 3px 0px #999;
}
#subpage-wrapper h3{
 font-size:1.7em;	
}
#subpage-wrapper p{
	font-size:1.2em;
}
#subpage-wrapper a{
	color:#FFC;
}
#subpage-wrapper p a{
	color:#efefef;
}
#subpage-wrapper a:hover{ 
	color:#fff !important;
}
.imgAbout{
	float:right;
	padding:6px; 
	background:#000;
	margin: 2px 0 15px 15px;
	/*-webkit-transform:rotate(-2deg);
	-moz-transform:rotate(-2deg);
	-o-transform:rotate(-2deg);
	filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=-2);
	-ms-transform:rotate(-2deg);*/
	border:1px solid #333;
	background:url(../images/bkgSidebar-trans.png); 
	-moz-box-shadow:0 0 5px rgba(0, 0 , 0, 0.4);
    -webkit-box-shadow:0 0 5px rgba(0, 0 , 0, 0.4);
     box-shadow:0 0 5px rgba(0, 0 , 0, 0.4);
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

/* Work History */

#work-history{
	width:100%;	
	padding:10px 0 ; 
	margin:0;
	float:left; 
	position:relative;
	overflow:hidden;
}
#work-history h2{
	margin-bottom:15px;
}
#work-history #year-nav{
	width:100%;		
	height:40px;
	clear:both
}
#work-history ul#timelineNav {
	clear:both; 
	padding:0; 
	margin:0;
	width:100%;
	height:40px;
	overflow:hidden;
	position:relative;	
}
#work-history ul#timelineNav li{	
	width:auto;
	height:auto;
	float:left;
	list-style:none;
	background:none; 
	padding:8px 11px 4px;
	margin:0 6px 0 0;
	color:#ccc; 
	line-height:1.4em;
	cursor:pointer; 
	text-align:center;
	font-family: 'Maiden Orange','Yanone Kaffeesatz',Arial, Helvetica, sans-serif
}

#work-history ul#timelineNav li.last{
	border:none;	
}
#work-history ul#timelineNav li:hover{ 
	color:#fff; 
}
#work-history ul#timelineNav li.selected{
	color:#000; 
	text-shadow: 1px 1px 0px rgba(255,255,255,0.5);
	cursor:default; 	
	background: #a9c572;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	border:1px solid #000;
}

#historyWrapper{
	width:580px;
	margin:0 auto;
	height:auto;
	overflow:hidden;
	padding:10px 0 20px;
	position:relative;
}

#history{
	padding:0;
	width:5000px; 
	height:360px;
	clear:both; 
	position:relative;
}
#history h3{
	color:#fff;
	margin-bottom:5px;
	font-weight:normal;
}

#work-history #history a{
	color:#fff; border:none;
}
#work-history #history a:hover{
	color:#ffc; 
	border:none;
}

#history h2{
	font-size:2em;	
	margin:0;
	line-height:1.3em;
	text-shadow:none !important;
}
#history h2 a:hover{color:#ccc !important}

/*  Work Entries */

#history .entry{
	width:570px;
	padding:5px;
	position:absolute;
}
#history .entry2010{left:0;}
#history .entry2007{left:580px;}
#history .entry2005{left:1160px;}
#history .entry2002{left:1740px;}

#history .related{
	padding:10px 0; 
	margin-top:5px;
	position:relative;
	top:-2px;
}
#history .related p{
	font-size:1.2em	
}
#history p.role{
	margin:0;
	line-height:1em;
}

#history ul.duties{
	clear:both;
	height:auto;
	overflow:hidden;
	margin:13px 0 8px;
}
#history ul.duties li{	
	color:#ccc;
	text-shadow:1px 1px 0 rgba(0, 0, 0, 0.5);
	margin:5px 5px 5px 0;
	padding:3px 8px;
	background: none #333; 
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px; 
	border-radius: 5px;
	width:auto;
	float:left;
	-moz-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
	box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
} 
#history ul.duties li:hover{
	color:#fff;
	background-color:#444;
	cursor:default;
	-moz-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
	box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
}
#history .related ul{ 
	width:auto;
	list-style:none;
}
#history .related ul li{
	float:left; 
	width:90px;
	height:51px;
	margin: 0 6px 6px 0; 
	padding:1px;
	background:#000;
	border:1px solid #000;
}
#history .related ul li img{
	width:90px;
	height:51px;
}
#history .related ul li a{
	width:90px;
	height:51px; 	
	border:1px solid #000;
}
#history .related ul li a:hover{
	border-color:#999;
}
#history ul{
	padding:0; 
	margin:0;
}
#history ul li{ 
	color:#efefef;
	font-size:1.1em;
	background-position:0 0.5em;
}


/* Recent Work */
#recent-work .container{
	height:auto; 
	width:960px;
	margin:0 auto;
	position:relative;
	clear:both; 
	overflow:hidden 
}
#recent-work h2{
	text-shadow:none;
	font-size:2.4em;
	line-height:1.2em;
	border-bottom:1px solid #efefef;
	margin:0 10px 15px;
}

/* Follow Me Links */
ul#socialFollow{font-size:1em; float:left;color:#666; background:none;padding:2px 0;
	width: 260px;}
ul#socialFollow li{background:none; font-family: 'Maiden Orange','Yanone Kaffeesatz', "Helvetica Neue",Helvetica,Arial,sans-serif;  font-weight:normal;line-height:33px;  font-size:1.4em; text-transform:none; float:left; margin:7px 12px 7px 8px; padding:0; width:auto;}
ul#socialFollow li a{border:none; display:block; padding:0; color:#ccc; margin:0; height:32px; padding-left:42px;text-shadow: 1px 1px 0px rgba(0,0,0,0.7); width:65px;}
ul#socialFollow li a:hover{}
ul#socialFollow li.linked a{ background:url(../images/icon-linkedin.png) no-repeat left top; }
ul#socialFollow li.facebook a{background:url(../images/icon-facebook.png) no-repeat left top;}
ul#socialFollow li.twitter a{background:url(../images/icon-twitter.png) no-repeat left top;}
ul#socialFollow li.email a{background:url(../images/icon-email.png) no-repeat left top; }
/*Knowledge*/
#knowledgediv{ overflow:hidden}
#knowledgediv a, #servicesdiv a{color:#000; font-weight:bold;}
#knowledgediv a:hover, #servicesdiv a:hover{color:#666;}
#knowledgediv ul{ padding:0; margin:10px 0; overflow: hidden   }
#knowledgediv ul li{font-size:1em; color:#666; padding:0 10px 0 27px; margin:5px; width:auto; text-transform:uppercase }
#knowledgediv ul li.beginner{color:#666;  background:url(../images/imgBullet-check-beg.png) no-repeat;line-height:2.1em; font-size:0.9em; }
#knowledgediv ul li.intermediate{color:#999; background:url(../images/imgBullet-check-int.png) no-repeat;  font-size:1em;line-height:1.8em;}
#knowledgediv ul li.expert{color:#ccc;  background:url(../images/imgBullet-check.png) no-repeat;  font-size:1.1em;line-height:1.7em;}

#knowledgediv ul li:hover{color:#fff; cursor:default}
#knowledgediv ul li a{ border-bottom:1px solid #f7f7f7; color:#555;}
#knowledgediv ul li a:hover{ border-bottom:1px solid #ccc; color:#555;}




/*nav & bottom half */
#containerAbout{width:100%; height:auto; clear:both;}
#aboutNav{height:33px; width:960px; margin:0 auto; position:relative; top:1px}
#aboutNav ul{ height:auto; width:900px; position:relative; top:1px; left:0; padding:0; margin:0; clear:both;}
#aboutNav ul li{float:left; width:146px; height:33px; line-height:33px; cursor:pointer; margin:0 1px 0 0; background:none; padding:0; border:none;}
#aboutNav ul li span{display:none;}
#aboutNav ul li{ background:url(../images/snavAbout.png) left top; width:146px; display:block; text-align:center; color:#999;text-shadow: 1px 1px 1px rgba(0,0,0,.7);}
#aboutNav ul li:hover{ background:url(../images/snavAbout.png) left -33px; color:#efefef;}
#aboutNav ul li.selected{ background:url(../images/snavAbout.png) left bottom !important; color:#333; text-shadow: 1px 1px 1px rgba(0,0,0,.0);}






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

#footer{
	width:100%;
	min-width:960px; 
	height:auto; 
	overflow:hidden;
	background:#000 url(../images/bkgFooter-2011.jpg); 
	border-top:1px solid #666;
}
#footer #footerContent{
	width:960px; 
	height:auto; 
	padding:30px 0; 
	margin:0 auto;
}
#footer #footerContent p{
	color:#ccc; 
	font-size:1.1em;
	line-height:1.8em
}
#footer #footerContent a{ 
	text-decoration:none; 
	color:#efefef;
	border:none;
}
#footer #footerContent a:hover{
	color:#fff;
	border:none;
	text-decoration:underline
}
#footerContent a.learnmore{
	font-family:'Maiden Orange','Yanone Kaffeesatz', "Helvetica Neue", Arial, Helvetica, sans-serif;
	font-size:1.2em;
	line-height:1.5em;
	font-weight:bold;
	font-weight:normal;
}
#footerContent .grid_3{
	width:290px; 
	float:left;
	margin:15px;	
}

#footer #footerContent h2{
	color:#ffc; 
	font-size:2.2em;
	text-transform:none;
	margin-bottom:10px; 
	text-shadow:1px 1px 0px #000, 2px 2px 0px #999, 3px 3px 0px #999;
}
#footer #footerContent h3{
	color:#FFC; 
	font-size:1.6em; 
	margin:0 0 6px; 
	padding:0;
}
#footer #footerContent h3 a{
	border:none; 
	color:#a9c572
}
#footer #footerContent h3 a:hover{
	border:none; 
	color:#fff
}
#footer #footerContent .img{
	float:left;
	width:148px;
}
.grid_3 .me{
	float:left;	
}
#footer #footerContent .grid_3.apps{
	background:url(../images/bkgApps4Sale.png) no-repeat 110px 6px;
}
.marktetDiv{
	border-bottom:1px solid #333;
	padding:0 0 10px;
	margin:0 0 15px;
}



/* --------------------------------------------------------------------------- */
/* TWITTER */
#footer #twitter{
	height:auto;
	width:290px;
	margin:5px 0;
	padding:0;
}
#footer #twitter ul{
	padding:0;
}
#footer #footerContent #twitter ul li {
	margin: 0 0 10px 0;
	padding:0 0 10px; 
	background:none; 
	font-size:1.1em; 
	line-height:1.8em; 
	color:#ccc; 
	list-style-type:none; 
	background:none; 
	width:auto; 
	clear:both;
	border-bottom:1px solid #333;
}
#footer #twitter ul li span {
	/* tweet content */display: block;
}
#footer #twitter ul li span a {
	/* links in tweet content */	
	color: #fff; 
	background:none;
	}
#footer #twitter ul li a {
	/* timestamp link */ 
	color: #FFC;
	text-decoration:none; border:none
}
#footer #twitter ul li a:hover {
	/* links in tweet content */	
	color: #ccc;
}
#footer #twitter ul li .tweet_time{
	margin-top:0px;
	font-size:0.9em;
	color:#777;
}
#footer #twitter ul li .tweet_time a{
	color:#777
}
#footer #twitter ul li .tweet_time a:hover{
	color:#fff
}


/* --------------------------------------------------------------------------- */
/* COPYRIGHT AREA */
/* --------------------------------------------------------------------------- */

#copyright{
	width:100%; 
	min-width:960px; 
	height:auto; 
	padding:0;
	background:#1b1b1b;
	border-top:1px solid #333; 
	display:block; 
	margin:0 auto;
	-moz-box-shadow: 0px -1px 0px #000;
	-webkit-box-shadow: 0px -1px 0px #000;
	box-shadow: 0px -1px 0px #000;
}
#copyright .container{ 
	width:960px; 
	margin:0 auto; 
	height:40px; 
	padding-top:10px;
}
#copyright a{
	color:#999; 
	border:none;
}
#copyright a:hover{
	color:#fff; 
	text-decoration:none
}
#copyright ul#copyrights{
	padding:20px 0 0 0; 
	width:400px; 
	float:left;
}
#copyright ul#copyrights li{
	font-size:1em; 
	float:left;
	color:#555;
	background:none; 
	padding:0 12px 0 0; 
	text-shadow: 1px 1px 1px rgba(0,0,0,.4);
	font-family:Georgia, "Times New Roman", Times, serif
}

#copyright ul#copyrights li.firstItem {
	padding: 0 8px 0 0 ;
}
#copyright ul#copyrights li.firstItem:before {
	content: "";
}
#copyright ul#copyrights li:before {
	content: "\0020\0020\/ \0020 \0020";
	padding-right:8px;
	color:#444;
}

/* Social Boomarks */
ul#social{font-size:1em; float:right;color:#666; background:none; width:300px; padding:10px 10px 10px 0; height:48px}
#copyright ul#social li{background:none; padding:0 0 0 0; font-size:1.1em; text-transform:uppercase; float:right; margin:0; margin-left:10px;}
ul#social li a{ display:block; padding:0; margin:0; width:32px; height:32px; border:none; text-indent:-9999px; border:none}
ul#social li.linked a{ background:url(../images/icon-linkedin.png) no-repeat left top;}
ul#social li.facebook a{ display:block; padding:0; margin:0; background:url(../images/icon-facebook.png) no-repeat left top; width:32px; height:32px; border:none; text-indent:-9999px; border:none;}
ul#social li.twitter a{ display:block; padding:0; margin:0;  background:url(../images/icon-twitter.png) no-repeat left top; width:32px; height:32px; border:none; text-indent:-9999px; border:none;}
ul#social li.email a{ display:block; padding:0; margin:0;  background:url(../images/icon-email.png) no-repeat left top; width:32px; height:32px; border:none; text-indent:-9999px; border:none;}



/*MISC*/
.rollover{ cursor:pointer;}
.spacer{ height:10px; clear:both; display:block}
.hand{cursor:help;}
.black{color:#000;}
.red{color:#C00;}
.green{color:#a9c572;}
.white{color:#fff;}
.last{border:none;}
.clear {clear: both;height: auto; overflow: hidden; width:100%; padding:0; margin:0;}
/* Horizontal Rule */
div.hr{border:0;width:100%;height:11px;margin:0; margin-top:2px; margin-bottom:6px;padding:0;background:url(../images/hr.png) repeat-x; clear:both;}
div.hr hr{display: none;}




/* --------------------------------------------------------------------------- */
/* SIDEBAR */
/* --------------------------------------------------------------------------- */

#sidebar{	
	width:290px;
	height:auto;
	margin:4px 20px 10px; 	
	float:right; 	
}

#sidebar .sidebar-entry{ 
	margin-bottom:15px;
	clear:both;
	width: 260px;
	height:auto;/* background:url(../images/bkgSidebar.png) no-repeat left top;*/ 
	border:1px solid #333;
	background:url(../images/bkgSidebar-trans.png); 
	-moz-box-shadow:0 0 5px rgba(0, 0 , 0, 0.4);
    -webkit-box-shadow:0 0 5px rgba(0, 0 , 0, 0.4);
     box-shadow:0 0 5px rgba(0, 0 , 0, 0.4);
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding:15px 15px 10px;
}
#sidebar .last{ 
	background:none;
}
#sidebar p{ 
	font-size:1.1em;
}
#sidebar a{color:#FFC;}
#sidebar a:hover{ color:#ccc;}