/* default font */
body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
ol,
dl,
input,
textarea {
	font-family:Arial, Helvetica, sans-serif;

}

/* redefine html elements */
body {
	background:#666;
	margin:0;
	overflow:hidden
}

a {
	outline:0
}

acronym {
	cursor:help
}

hr {
	display:none
}

/* layout */
#imprint {
	display:none
}

#wrapper {
	width:960px;
	margin:0 auto;/*position:relative;*/
}

#right_col {
	width:753px;
	margin:-281px 0 0 210px;
	top:50%;
	position:absolute;
	padding:0
}

.section-wrapper {
	clear:both;
	margin-bottom:350px;
	width:705px;
}

.section-nav {
	background:url(/images/section-tab-bg-trans.png) 0 0 no-repeat;
	height:35px;
	width:753px
}

.section-top {
	background:url(/images/section-head-bg-trans.png) 0 0 no-repeat;
	height:60px;
	width:753px
}

.section-content {
	background:url(/images/section-bg-mid-trans.png) 0 0 no-repeat;
	padding:15px 26px 15px 26px;
	height:368px;
	width:701px
}

.content-wrapper {
	width:690px;
	height:370px;
	overflow:auto;
	position:relative;
	padding:0 15px 0 0
}

.section-bottom {
	background:url(/images/section-foot-bg-trans.png) 0 0 no-repeat;
	height:15px;
	width:753px
}

/* styles for main content area */
.section-content p {
	color:#333;
	font-size:12px;
	color:#333;
	padding-left:10px;
	padding-right:5%;
	line-height:1.35em;
}

.section-content ul {
	color:#333;
	/*margin-left:40px;*/
	font-size:12px;
	list-style-type:none;
	list-style-image:none;
	list-style-image:url(/images/list-bullet.gif);
	margin-bottom:1em;
	margin-left:30px;
}

.section-content ul li {
	margin-bottom:.2em;
}

.section-content ul.ticks {
	color:#333;
	font-weight:normal;
	list-style-type:none;
	list-style-image:none;
	margin-left:30px;
}

.section-content ul.ticks li {
	color:#333;
	font-weight:normal;
	background:url(/images/tick.png) left 1px no-repeat;
	padding-left:20px;
}

#skills .section-content ul.ticks ul {
	margin-left:0;
	font-style:normal;
	font-weight:normal;
	list-style-image:none;
	list-style-type:none;
}

.section-content ul.ticks li ul li {
	background:none;
	padding-left:0;
}

.section-content ul.ticks-big {
	color:#127ED7;
	font-weight:normal;
	/*font-style:italic;*/
	font-size:16px;
	list-style-image:none;
	list-style-type:none;

}

.section-content ul.ticks-big li {
	background:url(/images/tick-circle.png) left 4px no-repeat;
	padding-left:20px;
	text-shadow:1px 1px 0px #eee;
	font-weight:bold;
}

.section-content ul.ticks-big li ul li {
	background-image:none;
	padding-left:0;
	text-shadow:none;
	font-weight:normal;
}

.section-content ul.ticks-big ul {
	margin-left:0;
	font-style:normal;
	font-weight:normal;
	list-style-image:none;
	list-style-type:none;
}

.section-content ul.plus {
	color:#127ED7;
	font-weight:bold;
/*	font-style:italic;
*/	font-size:1.35em;
	list-style-image:none;
	list-style-type:none;
}

.section-content ul.plus li {
	background:url(/images/plus-circle.png) left 4px no-repeat;
	padding-left:20px;
}

.section-content ul.plus li ul li {
	background-image:none;
	padding-left:0;
}

#skills .section-content ul.plus ul {
	margin-left:0;
	font-style:normal;
	font-weight:normal;
	list-style-image:none;
	list-style-type:none;
}

#skills .section-content ul.ticks-big ul p,
#skills .section-content ul.plus ul p,
#skills .section-content ul.ticks ul p,
#skills .section-content ul ul p {
	padding:0;
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	font-variant:normal;
}

.section-content a {
	color:#222;
	text-decoration:underline;
	padding:2px 2px
}

.section-content a:hover {
	color:#f6f6f6;
	text-decoration:none;
	background:#999;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}

.bold-list li {
	margin-bottom:.75em
}

.underline {
	padding-bottom:2em;
	border-bottom:1px dotted #999
}

.content-wrapper .center {
	text-align:center
}

/* inline content butons */
p.continue,
p.next {
	float:right;
	margin-right:0;
	padding:0;
}

p.continue a,
p.next a {
	padding:8px 22px;
	width:70px;
	font-size:12px;
		font-weight:bold;
		line-height:1.6em;
	height:20px;
	letter-spacing:0;
	text-decoration:none;
	color:#1482DC;
	display:block;
	background:url(/images/continue-button-arrow-trans.png) 0 0 no-repeat;
	border:0;
}

p.continue a:hover,
p.next a:hover {
	background:url(/images/continue-button-arrow-trans.png) 0 0 no-repeat;
	color:#127ED7;
}


p.quick-but {
	margin:20px 0 0 0;
}

p.quick-but a.pdf-button {
	display:block;
	background:url(/images/continue-button-pdf-trans.png) 0 0 no-repeat;
	padding:10px 18px;
	color:#666;
	text-decoration:none;
	width:89px;
	height:22px;
	float:left;
	margin-left:20px;
}

p.quick-but a.websites-button {
	display:block;
	background:url(/images/continue-button-websites-trans.png) 0 0 no-repeat;
	padding:10px 18px;
	width:89px;
	height:22px;
	color:#666;
	text-decoration:none;
	float:left
}

p.quick-but a.pdf-button:hover {
	color:#127ED7;
	background:url(/images/continue-button-pdf-trans.png)0 0 no-repeat
}

p.quick-but a.websites-button:hover {
	color:#127ED7;
	background:url(/images/continue-button-websites-trans.png)0 0 no-repeat
}

/* page footer */
#page-footer {
	margin:0 0 5px 210px;
	width:753px;
	height:54px;
	position:fixed;
	bottom:0px
}

#footer-wrap {
	background:url(/images/footer-bg-trans.png) 0 0 no-repeat;
	width:753px;
	height:54px
}

#footer-wrap p {
	position:relative;
	width:360px;
	margin:18px 0px 18px 40px;
	float:left
}

#footer-wrap a {
	color:#666
}

.valid-xhtml {
	background:url(/images/xhtml_valid.png) left top no-repeat;
	padding:3px 0px 3px 20px
}

.valid-css {
	background:url(/images/css_valid.png) left top no-repeat;
	padding:3px 0px 3px 20px
}

.linkedin {
	background:url(/images/linkedin.png) left center no-repeat;
	padding:3px 0px 3px 20px
}

/* style switcher */
#style-switcher {
	position:absolute;
	left:490px;
	top:0;
	height:35px;
	width:180px;
	margin:10px 0 0 0;
	padding-left:30px;
	text-align:left;
	background:url(/images/icon-styleselect.gif) 3px -36px no-repeat;
	cursor:pointer
}

#style-switcher:hover {
	background:url(/images/icon-styleselect.gif) 3px 2px no-repeat
}

#style-switcher p {
	margin:10px 0 0 0;
	padding:0;
	line-height:1.2em;
	font-size:10px;
	width:auto
}

#style-switcher a {
	color:#666;
	font-weight:normal;
	background:url(/images/radio-button.gif) 0 -27px no-repeat;
	padding:3px 0 7px 16px
}

#style-switcher a:hover {
	position:relative;
	color:#1482DC;
	font-weight:normal
}

#style-switcher a.selected {
	background:url(/images/radio-button.gif) 0 1px no-repeat
}

/* END style switcher */
/* pop up tool tips */
/* the duplicate class names are for compatibility with 1.2b2 tool tips and 1.2 release tool tips class names */


.tip-wrap {
	color:#333;
	width:238px;
	z-index:13000
}

.tip {
	color:#333;
	z-index:13000
}
.tip-title {
	font-weight:bold;
	font-size:12px;
	margin:0;
	color:#1482DC;
	padding:12px 15px 0px;
	background:url(/images/bubble2.png) 0 0
}

.tip-text {
	font-size:11px;
	padding:4px 15px 12px;
	background:url(/images/bubble2.png) bottom right
}

/* inine notes and alerts */
.note,
.alert {
	padding:10px;
	color:#666;
	border:1px solid #ccc;
	border-width:1px 0;
	margin-bottom:10px;
	min-height:50px
}

.note {
	background:url(/images/icon-notes.gif) 10px 10px no-repeat #fff
}

.alert {
	background:url(/images/icon-alert.gif) 10px 10px no-repeat #feffbe
}

.note p,
.alert p {
	padding:0 0 0 60px;
	font-size:1.1em;
}

.alert strong {
	color:#C30
}

.note p.close,
.alert p.close {
	text-align:right;
	margin:0
}

.note p.close a,
.alert p.close a {
	background:url(/images/cross.png) center right no-repeat transparent;
	padding:3px 20px 5px 0;
	text-align:right
}

.note p.close a:hover,
.alert p.close a:hover {
	background:url(/images/cross.png) center right no-repeat transparent;
	color:#666
}

.print-only {
	display:none
}

div#listings {
	color:#666;
	position:absolute;
	bottom:0;
	padding-right:0;
	width:100%;
}

div#listings p {
	margin-bottom:5px;
}

div#listings img {
	vertical-align:middle;
	padding-bottom:2px
}

/* page specific styles */
#history h3 {
	text-align:right;
	color:#666;/*font-size:2.2em*/
}

#websites .wrapper p {
	padding-right:350px
}

p.websites-footnote {
	position:relative;
	bottom:10px;
	left:10px;
	font-style:italic;
	margin:35px 0 0 0
}

#websites p.noshot {
	padding:0;
	position:absolute;
	top:0;
	right:0;
	clear:both;
	text-align:center;
	margin-left:10px;
}

#websites p.noshot img {
	padding:20px;
	background:#fff;
	margin:0;
	border:1px solid #ddd;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
}

#websites p.sshot {
	padding:0;
	position:absolute;
	top:0;
	right:0;
	clear:both;
	text-align:center;
	margin-left:10px
}

#websites p.sshot img {
	padding:0;
	background:#fff;
	margin:0
}

#websites p.sshot a {
	margin:0;
	padding:20px;
	display:block;
	height:152px;
	width:270px;
	background:#fff;
	border:1px solid #ccc;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
}

#websites p.sshot a:hover {
	background:none;
	border:1px solid #aaa;
	background:#fff;
}

#websites p {
	padding-right:0
}

#websites .wrapper {
	border-bottom:1px dotted #666;
	margin-bottom:2em;
	padding-bottom:0px;
	position:relative;
	min-height:225px
}

/* END page specific styles */
/* headings  */
.section-top h2 {
	padding:0 0 0 30px;
	line-height:235%;
	text-align:left;
	text-transform:none;
	color:#999;
	font-size:2.5em;
	font-weight:bold;
	letter-spacing:-2px;
	margin:0;
	clear:both;
}
/*
h2.introduction {
	background:url(/images/icon-bio.gif) 690px 15px no-repeat
}

h2.skills {
	background:url(/images/icon-skills.gif) 690px 16px no-repeat
}

h2.history {
	background:url(/images/icon-employment.gif) 690px 18px no-repeat
}

h2.websites {
	background:url(/images/icon-websites.gif) 690px 16px no-repeat
}

h2.contact {
	background:url(/images/icon-contact.gif) 690px 15px no-repeat
}
*/
.section-wrapper h3 {
	color:#777;
	font-size:2em;
	font-weight:normal;
/*	font-style:italic;
*/	padding:6px 2px;
	letter-spacing:-1px;
	margin-bottom:.5em;
	margin-left:8px;
	border-bottom:1px dotted #999;
	text-shadow:1px 1px 0px #eee;
}

.section-wrapper h4 {
	color:#127ED7;
	font-size:1.65em;
	font-weight:bold;
	letter-spacing:-1px;
	text-shadow:1px 1px 0px #eee;
	margin-left:10px;

}

.section-wrapper h4 a:hover {text-shadow:none;}

.section-wrapper h5 {
	margin-top:-1.7em;
	color:#666;
	font-weight:normal;
	font-style:italic;
	font-size:1.1em;
	margin-left:10px;
}

/* END headings  */
/* horizontal tab nav */
ul.tabs {
	float:right;
	padding:0 10px 0 0
}

ul.tabs li {
	display:block;
	font-weight:normal;
	width:141px;
	height:29px;
	text-align:center;
	padding:7px 0 0 0;
	font-size:17px;
	color:#999;
	background:url(/images/tab-nav-off-trans.png) 0 0 no-repeat;
	cursor:pointer;
}

ul.tabs li.tab-over {
	color:#666;
}

ul.tabs li.active {
	background:url(/images/tab-nav-on-trans.png) 0 0 no-repeat;
	color:#127ED7;
}

.tabs-panel {
	display:none;
	clear:both;
	color:#333;
	width:672px;
	height:auto;
	position:relative
}

/*.tabs-panel.active{display:block}*/
/* END horizontal tab nav */
/* nav  */
#main-nav {
	width:198px;
	height:476px;
	position:fixed;
	top:50%;
	left:50%;
	margin:-249px 0 0 -485px
}

#nav-wrap {
	position:absolute;
	background:url(/images/nav-bg-trans.png) 0 0 no-repeat;
	width:198px;
	height:476px
}

#main-nav h1 {
	padding:22px 0 0 0;
	text-align:center;
	line-height:100%;
	text-transform:none;
	color:#999;
	font-size:2.2em;
	font-weight:bold;
/*	font-style:italic;
*/	letter-spacing:-2px;
	margin:0;
	clear:both;
}

#main-nav p {
	color:#aaa;
	position:absolute;
	text-align:right;
	top:3.8em;
	right:33px
}

#main-nav ul {
	text-transform:none;
	margin:0 auto;
	padding:0;
	margin-top:0;
	border-top:8px solid #fff;
	border-bottom:8px solid #fff;
	list-style:none;
	width:167px;
	position:relative;
	top:97px
}

#main-nav ul li {
	margin:1px 0
}

#main-nav li a {
	text-align:center;
	position:relative;
	display:block;
	padding:2px 8px 8px;
	/*font-style:italic;*/
	letter-spacing:-0em;
	text-decoration:none;
	height:20px;
	color:#888;
	/*background:url(/images/button-corners.gif) 0 0 no-repeat;*/
	font-weight:normal;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	/*font-style:italic;*/
	font-size:16px;
}

/* mootools morph styles  */
.out {
	background-color:#fff;
	color:#888;
}

.current {
	background-color:#b9b9b9;
	color:#fff;
	text-shadow:1px 1px 0px #999;
}


.enter {
	background-color: #127ED7;	
}

/* nav sub buttons */
#main-nav h5 {
	margin:0 0 0 55px;
	padding:9px 0;
	position:absolute;
	text-align:center;
	top:428px;
	font-size:11px;
	color:#999;
	font-weight:normal
}

#main-nav h5 a {
	color:#999;
	padding:8px 10px 8px 34px
}

#main-nav h5 a.pdf {
	background:url(/images/print-and-pdf.gif) 5px top no-repeat;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}

#main-nav h5 a:hover {
	color:#666;
	text-decoration:none;
	background-color:#ddd
}