/* 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*/ {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* End of Reset */

body {
	background: #89a5c9 url("images/body.png") top;
	text-align: center;
	font: 14px/24px sans-serif;
	font-weight: normal;
	color: #1b2734;
	text-shadow: 0px 1px 0px #a9bed9;
}

#header-wrap {
	height: 432px;
	width: auto;
	position: relative;
	background: url("images/header-wrap.png") top repeat-x;
}

#header {
	height: 432px;
	width: 960px;
	margin: 0 auto;
	position: relative;
	text-align: left;
	background: url("images/header-content.png") left top no-repeat;
}

#content {
	height: 180px;
	width: 840px;
	padding: 36px 60px 24px 60px;
	margin: 0 auto;
	text-align: left;
	background: url("images/header-content.png") left -432px no-repeat;
}

#content.cv {
	padding-top: 12px;
	padding-bottom: 0px;
}

html > body #content {
	height: auto;
	min-height: 180px;
}

.sub #content {
	background: url("images/sub-content.png") left top no-repeat;
}

#footer-wrap {
	clear: both;
	height: 132px;
	width: auto;
	padding-bottom: 50px;
	background: url("images/footer-wrap.png") top repeat-x;
}

#footer {
	height: 132px;
	width: 960px;
	margin: 0 auto;
	text-align: left;
	background: url("images/footer.png") left top no-repeat;
	font-size: 12px;
	color: #b7c6d9;
	text-shadow: 0px 1px 0px #1f2733;
}

/* TYPO */

hr {display: none}

.access-hide, #header h4 {
	position: absolute;
	top: -9999px;
	left: -9999px;
}

a {
	color: #1b2734;
	text-decoration: underline;
}

a:hover, a:focus {
	color: #ffc200;
	text-decoration: none;
	text-shadow: 0px 1px 0px #5c7699;
}

a:active {
	color: #1b2734;
	text-decoration: underline;
	text-shadow: 0px 1px 0px #a9bed9;
}

strong {
	font-weight: bold;
}

em {
	font-style: italic;
}

del {
	/*text-shadow: none;
	color: #2b3e59;*/
	display: block;
	height: 24px;
	text-decoration: none;
	background: url("images/del.png") left 12px repeat-x;
}

acronym {
	border-bottom: 1px dotted #384e66;
	cursor: help;
}

a acronym {
	cursor: pointer;
}

h1 {
	font-size: 22px;
	font-weight: bold;
	letter-spacing: -2px;
	text-transform: uppercase;
	text-indent: 22px;
	color: #1f3c61;
	display:block; width: 503px; height: 25px; position: absolute; top: 72px; left: 38px; overflow: hidden;
}

h1 em {
	font-weight: normal;
	font-style: normal;
	letter-spacing: -2px;
	color: #d1dcea;
	text-shadow: 0px 1px 0px #223e63;
}

h1 a {
	text-decoration: none;
}

h1 span {display: block; position: absolute; left: 0; top: 0; z-index: 1; width: 503px; height: 25px; margin:0; padding:0; background: url("images/logo.png") no-repeat;}
.sub h1 span {cursor: pointer;}
h1 a:hover span, h1 a:focus span {background: url("images/logo.png") left -25px no-repeat;}
.sub h1 span, h1 a:active span {background: url("images/logo.png") left -50px no-repeat;}

h2 {
	margin-bottom: 6px;
	font-size: 22px;
	font-weight: bold;
	letter-spacing: -2px;
	text-transform: uppercase;
	color: #1f3c61;
}

.sub h2 {
	font-size: 24px;
	letter-spacing: normal;
}

#content h2 {
	display:block; width: 240px; height: 24px; position: relative; overflow: hidden;
}

#content h2 span {display: block; position: absolute; left: 0; top: 0; z-index: 1; width: 240px; height: 24px; margin:0; padding:0; background: url("images/h2.png") left top no-repeat;}

#content .c2 h2 span {background-position: 0px -24px;}
#content .c3 h2 span {background-position: 0px -48px;}
#content #contact h2 span {background-position: 0px -72px;}

h3 {
	font-size: 18px;
	font-weight: bold;
	text-transform: uppercase;
	color: #d1dcea;
	text-shadow: 0px 1px 0px #223e63;
}

p {
	margin-bottom: 12px;
}

ul {
	margin-bottom: 12px;
	padding: 0;
}

ul li {
	margin-bottom: 12px;
	padding-left: 18px;
	background:  url("images/list-item.png") left 7px no-repeat;
}

ul li.none {
	background:  url("images/list-none.png") left 7px no-repeat;
}

dl {
	margin: 0.5em 0 1em 0;
}

dt {
	float: left;
	clear: left;
	display: block;
	width: 240px;
	text-align: right;
	font-weight: bold;
	padding-right: 60px;
}

dd {
	display: block;
	margin-left: 300px;
}

label {
	display: none;
}

#content.cv h2 {
	margin-left: 300px;
}

#content.cv h3 {
	width: 240px;
	margin-top: 24px;
	position: relative;
	text-align: right;
	font-weight: normal;
}

#content.cv h3 em {
	display: block;
	width: 540px;
	position: absolute;
	top: 0px;
	left: 300px;
	text-align: left;
	text-transform: none;
}

#header blockquote {
	font-size: 17px;
	letter-spacing: -2px;
	text-transform: uppercase;
	color: #d1dcea;
	text-shadow: 0px 1px 0px #223e63;
	display:block; width: 240px; height: 24px; position: absolute; top: 97px; left: 60px; overflow: hidden;
}

#header blockquote span {display: block; position: absolute; left: 0; top: 0; z-index: 1; width: 240px; height: 24px; margin:0; padding:0; background: url("images/slogan.png") no-repeat}

#header blockquote em {
	font-style: normal;
	color: #1f3c61;
	text-shadow: 0px 1px 0px #a9bed9;
}

#nav, #nav li {
	margin: 0;
	padding: 0;
	list-style: none;
	background: none;
}

#nav a {
	border-bottom: 12px solid transparent;
	text-decoration: none;
	color: #d1dcea;
	text-shadow: 0px 1px 0px #223e63;
}

#nav a:hover, #nav a:active, #nav a:focus {
	color: #ffc200;
	text-decoration: none;
	text-shadow: 0px 1px 0px #5c7699;
}

#nav {
	position: absolute;
	right: 43px;
	top: 83px;
}

#nav li {
	float: left;
	/*border: 1px dashed silver;*/
	height: 14px;
	line-height: 14px;
	font-size: 16px;
	letter-spacing: -2px;
	text-transform: uppercase;
}

#cv a {display:block; width: 144px; height: 14px; overflow: hidden; position: relative;}
#cv a span {display: block; position: absolute; left: 0; top: 0; z-index: 1; width: 144px; height: 14px; margin:0; padding:0; background: url("images/nav.png") no-repeat; cursor: pointer}
#cv a:hover span, #cv a:focus span, #cv a.selected span {background-position: 0px -14px}
#cv a:active span {background-position: 0px 0px}

#blog a {display:block; width: 78px; height: 14px; overflow: hidden; position: relative; margin-left: 16px;}
#blog a span {display: block; position: absolute; left: 0; top: 0; z-index: 1; width: 78px; height: 14px; margin:0; padding:0; background: url("images/nav.png") -160px top no-repeat; cursor: pointer}
#blog a:hover span, #blog a:focus span {background-position: -160px -14px}
#blog a:active span {background-position: -160px 0px}

.c1 {
	width: 240px;
	/*min-height: 240px;*/
	float: left;
	margin: 0 60px 30px 0;
}

.c2 {
	width: 240px;
	/*min-height: 240px;*/
	float: left;
	margin: 0 60px 30px 0;
}

.c3 {
	width: 240px;
	/*min-height: 240px;*/
	float: left;
	margin: 0 60px 30px 0;
	margin-right: 0px;
}

#contact { 
	position: relative;
	clear: both;
	height: 192px;
}

#contact h2, #contact p { 
	width: 240px;
}

#contact form p { 
	width: auto;
}

#contact form { 
	position: absolute;
	top: 0;
	left: 300px;
}

#contact textarea { 
	width: 516px;
	height: 144px;
	padding: 6px 12px;
	border: 1px solid #6585a9;
	border-top: 1px solid #516987;
	border-bottom: 1px solid #c4d8f1;
	background:  url("images/input-bg.png");
	font: 14px/24px sans-serif;
	font-weight: normal;
	color: #324a6a;
	text-shadow: 0px 1px 0px #bdd5f2;
}

#contact textarea:focus { 
	border: 1px solid #405b80;
}

#contact textarea:active { 
	border: 1px solid black;
}

#contact input { 
	width: 156px;
	height: 22px;
	margin: 6px 0 0 0;
	padding: 0 12px;
	border: 1px solid #6585a9;
	border-top: 1px solid #516987;
	border-bottom: 1px solid #c4d8f1;
	background:  url("images/input-bg.png");
	font: 14px/22px sans-serif;
	font-weight: normal;
	color: #324a6a;
	text-shadow: 0px 1px 0px #bdd5f2;
}

#contact input:focus { 
	border: 1px solid #405b80;
}

#contact input:active { 
	border: 1px solid black;
}

#contact input.button { 
	width: 108px;
	height: 24px;
	margin: 6px 0 0 12px;
	padding: 0;
	border: 1px solid #56749b;
	border-top: 1px solid #8dabd2;
	border-bottom: 1px solid #36547b;
	outline: none;
	background: #59779e url("images/button-bg.png");
	font: 14px/14px sans-serif;
	font-weight: normal;
	color: #d9e9ff;
	text-shadow: 0px 1px 0px #26374d;
	text-align: center;
}

#contact input.button:active, #contact input.button:focus { 
	color: #22354d;
	text-shadow: 0px 1px 0px #85a4cc;
}

#footer p {
	float: right;
	margin: 65px 60px 0 0;
	display: inline;
	text-align: right;
}

#footer p.left {
	float: left;
	margin: 65px 0 0 60px;
	display: inline;
	text-align: left;
}

#footer a {
	padding-left: 13px;
	background: url("images/apple.png") left center no-repeat;
	color: #b7c6d9;
	text-shadow: 0px 1px 0px #1f2733;
	text-decoration: none;
}


/* Easy Slider */

#slider {
	position: absolute;
	top: 144px;
	margin: 0 auto;
	margin: 0 24px;
	width: 912px;
	height: 276px;
}

html>body .soft-slide-left {
	background: url("images/soft-slide.png") left top no-repeat;
	z-index: 999;
	position: absolute;
	top: 0;
	left: 0;
	width: 24px;
	height: 276px;
}

html>body .soft-slide-right {
	background: url("images/soft-slide.png") right top no-repeat;
	z-index: 999;
	position: absolute;
	top: 0;
	right: 0;
	width: 24px;
	height: 276px;
}

.e404 .soft-slide-right, .e404 .soft-slide-left {
	display: none;
}


#slider ul, #slider li {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 912px;
	height: 276px;
	overflow: hidden; 
	background: none;
}

#slider li { 
	width: 912px;
	height: 276px;
	overflow: hidden; 
	position: relative;
}

#slider h3, #slider p { 
	width: 240px;
	margin-left: 36px;
}

#slider h3 { 
	padding-top: 78px;
	color: #d8dce1;
	text-shadow: 0px 1px 0px #202f40;
}

#slider.e404 h3 { 
	margin-bottom: 6px;
	font-size: 36px;
	font-weight: normal;
	line-height: 36px;
}

#slider h3.error {
	color: #c4261e;
	text-shadow: 0px 1px 0px #223e63;
}

#slider p { 
	color: #b5c4d8;
	text-shadow: 0px 1px 0px #202f40;
}

#slider acronym {
	border-bottom: 1px dotted #7c8ea6;
}

#slider a { 
	color: #d8dce1;
	text-shadow: 0px 1px 0px #202f40;
	text-decoration: none;
}

#slider a:hover, #slider a:focus { 
	color: #ffd240;
	text-decoration: underline;
	text-shadow: 0px 1px 0px #202f40;
}

#slider a:active { 
	color: #d8dce1;
	text-shadow: 0px 1px 0px #202f40;
	text-decoration: none;
}

#slider img { 
	position:absolute;
	top: 0;
	right: 24px;
	padding: 12px 12px 0 12px;
	background:  url("images/img-shadow.png") top left no-repeat;
}

#slider.e404 img { 
	position:absolute;
	top: 36px;
	right: -24px;
	padding: 0;
	background: none;
}

#slider li.iphone img { 
	position:absolute;
	top: 0px;
	right: 24px;
	padding: 0;
	background: none;
}

#slider.cv img { 
	position:absolute;
	top: 0px;
	right: 24px;
	padding: 0;
	background: none;
}

#prevBtn, #nextBtn { 
	display:block;
	width: 21px;
	height: 37px;
	position:absolute;
	z-index: 1000;
}

.sub #prevBtn, .sub #nextBtn { 
	display:none;
}

#prevBtn { 
	right: 2px;
	top: 319px;
	background: url("images/arr-prev.png") no-repeat 0 -74px;
}

#nextBtn { 
	right: 0px;
	top: 234px;
	background: url("images/arr-next.png") no-repeat 0 -74px;
}														

#prevBtn a, #nextBtn a {  
	display: block;
	position: relative;
	width: 21px;
	height: 37px;
	overflow: hidden;
	text-indent: 40px;
	background: url("images/arr-prev.png") no-repeat 0 0;	
}	

#nextBtn a, #next1 a { 
		background: url("images/arr-next.png") no-repeat 0 0;	
}

#prevBtn a:hover, #nextBtn a:hover, #prevBtn a:focus, #nextBtn a:focus {
	background-position: 0 -37px;	
}

#prevBtn a:active, #nextBtn a:active {
	background-position: 0 0px;	
}

	
/* // Easy Slider */