/* RESET */
html, body, div, span, object, iframe, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre, 
a, abbr, acronym, address, big, cite, code, del, dfn, em, 
img, a img, ins, kbd, q, 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 { margin: 0; padding: 0; border: 0; outline: 0; vertical-align: baseline; background: transparent; font-size: 100%;}
table { border-spacing: 0; border-collapse: collapse; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote, q { quotes: none; }
:focus { outline: 0; }
 
/* BASE */
 
body { 
	font-family: "Gill Sans", "Helvetica Neue", helvetica, verdana, arial, sans-serif; 
	/*"Helvetica Neue", helvetica, arial, sans-serif; */
	color:#333;
	background-color:#FFFFFF;
	margin:0 auto;
}
 
strong { 
	font-weight: bold; 
}
 
em { 
	font-style: italic; 
}

ul, ol { 
  	margin-bottom: 18px; 
}

.clear {
	clear: both;
}
 
.small {
    font-size: 0.75em;
}
 
/* LINKS */
 
a, a:visited { 
	color:#7f7f7f;
	text-decoration: none; 
	outline: none; 
}
 
a:hover { 
	color: #b8b8b8;
}
 

/* TEXT */

h1 {
	font-family: "Century Gothic", "Helvetica Neue", helvetica, verdana, arial, sans-serif;
	font-size: 45px;
	line-height: 2em;
	text-transform:uppercase;
	font-weight:lighter;
	letter-spacing:0.15em;
}

h1 a, h1 a:visited{ 
	color:#333;
}

h1 a:hover { 
	color:#333;
}

h2 { 
  	font-size: 18px; 
  	line-height: 1.5em; 
  	margin-bottom: 18px;
	font-weight:400;
	text-transform:uppercase;
}
h3 { 
  	font-size: 36px; 
  	line-height: 1.5em; 
	margin-bottom: 18px;
}
p { 
  	font-size: 12px; 
  	line-height: 1.5em; 
  	margin-bottom: 18px;
}
/* CV LISTS */

dl dt.first{
	text-transform:uppercase;
	font-weight:normal;
	margin:0 0 18px 0;
	line-height:18px;
}

dl dt{
	text-transform:uppercase;
	font-weight:normal;
	letter-spacing:.15em;
	margin:36px 0 18px 0;
	line-height:18px;
}

dl dd{
	text-transform:none;
	font-weight:normal;
	font-family: courier, times, serif;
	font-size:12px;
	margin-bottom:18px;
	line-height:18px;
}

dd ul{
	list-style:none;
	margin-left:18px;
		font-weight:normal;
	font-family: courier, times, serif;
	font-size:12px;
	line-height:18px;
}


/* STRUCTURE */

.section{
	clear:both;
}
.content{
	text-align: left;
	width:740px;
	margin:0 auto;
	position: relative;
	clear: both;
	overflow: hidden;
}
#header{
	padding:18px 0 0 0;
}
#primary {
	padding: 36px 0 48px 0;
}

#primary p{
	font-family: courier, times, serif;
}

#footer{
	width:100%;
	position:fixed;
	bottom:0;
	left:0;
	background-color:#FFF;
	opacity:.75;
	border-top:1px solid #d9d9d9;
}
#footer p{
	margin:10px 0;
	color:#666;
}

/* TABS */

.ui-tabs { zoom: 1;clear:both; position: relative; overflow: hidden; width:100%;}
.ui-tabs .ui-tabs-nav { float:left; list-style: none; padding:0; width:130px;}
.ui-tabs .ui-tabs-nav li { border-bottom-width: 0 !important; margin: 0; padding: 0; width:140px; float: left; }
.ui-tabs .ui-tabs-nav li a { display:block; text-decoration: none; font-weight:lighter; font-size:14px; letter-spacing:.15em; line-height: 1em; padding:0 0 10px 0;}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; color:#333; font-weight:normal;}
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { float:right; padding: 0; display: block; border-width: 0; background: none; width:580px;}
.ui-tabs .ui-tabs-hide { display: none !important; }

/* NAV */

#nav{
	width:740px;
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
	float:left;
}

#nav li{
	float:left;
	margin:0 0 0 0;
	padding-right:20px;
}

#nav li a{
	display:block;
	border-bottom:6px solid #F3F3F2;
	font-weight:lighter;
	text-transform:uppercase;
	font-size:14px;
	letter-spacing:.15em;
	line-height: 1em; 
	padding:10px 0;
}

#nav li a:hover{
	border-bottom:6px solid #d9d9d9;
}

#nav li.current a{
	cursor:default;
	color:#333;
	border-bottom:6px solid #ccf4eb;
}

/* IMAGES*/


a img{
	padding:5px 5px 5px 5px;
	background-color:#fff;
	border-bottom:1px solid #F0EBE0;
	margin:0 2px 2px 0;
}

img.home{
	border:10px solid #FFF;
}
a img:hover, a img:focus{
	padding:5px 5px 5px 5px;
	border-bottom:1px solid #CFCABF;
}

/* SAFARI BONUS ANIMATIONS */

a, input[type="text"], textarea { 
-webkit-transition : all 0.25s linear; }

a img{-webkit-transition: all 0.25s ease-out;}