/*@import url("styles/reset.css");
@import url("styles/core.css");
*/

/* reset */

/* v1.0 | 20080212 */

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, td {
	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;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

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

/* General */
body		{font-family:Georgia, "Times New Roman", Times, serif; margin:0; color:#111; font-size:16px; background: #f2f2f2;}
p			{font-size:16px; line-height:24px; margin-bottom: 1.5em; /*text-shadow: 0 1px 0 #FFFFFF;*/ }

p {
/*font-family:Arial,sans-serif;*/
/*line-height:24px;
margin:1px 0 0;
padding:5px 0 10px;*/
}

a:link, a:active, a:visited {
	color:#000000;
	text-decoration:underline;
}

a:hover {
	text-decoration: none;
}

a.contact {
	float: right;
	color: #6CB7C7;
}
h1, h2, h3, h4, h5, h6 {font-size:100%; font-weight:normal;}

span.amp {
   font-family:Baskerville,"Goudy Old Style","Palatino","Book Antiqua",serif;
   font-size:110%;
   font-style:italic;
}

h1 {
letter-spacing:-2px;
line-height:1;
/*margin:10px 0 30px;*/
word-spacing:10px;
font-size: 60px;
}

h2 {
	font-size: 30px;
	margin-bottom: 1em; 
	font-style: italic;
}

div, ul, li { position:relative; }

/* header */
#header {
	background: #152A36;
/*background: #204152;*/

	width: 100%;
}

#main {
	width: 100%;
/*	padding-top: 20px;*/
}
.wrap {
	width: 960px;
	margin: 0 auto;
	padding: 20px;
}


#header #logo h1{width:160px;height:126px;padding:0;margin:0;}
#header #logo h1 a{background:url(/assets/img/logo.png) no-repeat;display:block;width:160px;height:126px;}
#header #logo h1 span{position:absolute;left:-5000px;width:4000px;}

#antidote {
	background: url(/assets/img/antidote.png) no-repeat 0 0;
	display: block;
	position: absolute;
	top: 190px;
	right: 20px;
	width: 347px;
	height: 405px;
	z-index: 100;
}

#intro {
	padding: 10px;
	border-top: 4px double #ddd;
	border-bottom: 4px double #ddd;
	margin-bottom: 40px;
/*	float: left;*/
clear: both;
}

#intro p {
	font-size: 18px;
/*	font-style: italic;*/
	margin-bottom: 0;
	width: 640px;
	float: left;	
}

#about {
padding-top: 20px;
	display: none;
	float: left;
	clear: both;
}

#intro .about {
	color: #317FA8;
}

#about p {
	margin-bottom: 1.5em;
}
#wrap {
	margin:0 auto;
	max-width:1200px;
	min-width:900px;
	padding:20px 40px 0;
}

/* portfolio */

.projectInfo {
/*	float: left;*/
	clear: both;
	width: 700px;
/*	background: #ccc;*/
/*	background: ;*/
	margin-left: 10px;
}

.projectInfo p {
	width: 460px;
/*	background: #999;*/
}

.projectInfo h2 {
/*	display: inline-block;*/
	margin-bottom: 10px;
	font-style: normal;
}

.projectInfo .left {
	float: left;
}

.projectInfo .right {
	float: right;
/*	background: #ddd;*/
	width: 220px;
	margin-top: 40px;
}

.projectInfo .right h3 {
	margin-bottom: 20px;
}

.projectInfo .right li {
	background: url(/assets/img/drips.png) 0 -52px no-repeat;
	padding: 6px 0 6px 25px;
	margin-bottom: 5px;
}

/*div.navi a {
	width:16px;
	height:26px;
	float:left;
	margin-right:10px;
	background:url(/assets/img/navigator.png) 0 0 no-repeat;
	display:block;
	font-size:1px;
	outline:none;	
}*/

.projectImage {
/*	float: right;*/
clear: both;
	width: 700px;
	padding: 10px;
	margin-bottom: 20px;
	background: #ddd;
}

/* project link */
a.btn.next {
	float: right;
	margin-right: 10px;
}


/* Scrollable */

/* main vertical scroll */
#scroller {
	overflow:hidden;
	height: 900px;
	clear: both;
	margin-bottom: 20px;
/*	background: blue;*/
}

/* root element for pages */
#pages {
	position:absolute;
	height:20000em;
}


/* single page */
.page {
/*	padding:10px;*/
/*	height: 520px;*/
/*	background:#eee ;*/
	width:960px;
}

/* root element for horizontal scrollables */
.scrollable {
	position:relative;
	overflow:hidden;
	width: 960px;
	height: 900px;
/*	background: #ccc;*/
}

/* root element for scrollable items */
.scrollable .items {
	width:20000em;
	position:absolute;
	clear:both;
}

/* single scrollable item */
.item {
	float:left;
/*	cursor:pointer;*/
	width:960px;
/*	height:520px;*/
/*	padding:10px;*/
}

div.grid { background:url(/assets/img/960_grid.png) repeat-y 50% 0; margin: 0 auto;position: absolute; width:960px; height:100%; z-index:0; /*display:none*/ }


#scrollerNav {
	display: inline-block;
	position: absolute;
	z-index: 100;
/*	left: 30px;*/
/*	top: 196px;*/
/*	float: left;*/
/*	margin-left: 240px;*/
/*	margin-bottom: 20px;*/
}

ul#scrollerNav li {
	float: left;
	margin-right: 20px;


}



a.btn {
	padding: 5px 10px;
	display: inline-block;
	text-decoration: none;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background: #152A36;
	color: #fff;	
		margin-right: 5px;
}

a.btn.contact {
	float: left;
	font-size: 20px;
	margin: 10px 0 0 70px;
}

a.btn:hover {
	background: #60c0f5;
}

a.test {
/*	background: #60c0f5 url(/assets/img/btn-active.png) no-repeat 100% 100% !important;
	height: 50px;
	margin-top: 20px;
	position: absolute;
	bottom: 20px;*/
}

#scrollerNav a.active {
	background: #60c0f5/* url(/assets/img/btn-active.png) no-repeat 100% 100%*/;
	color: #fff;
/*	height: 50px;*/
/*	margin-bottom: -10px;*/
/*	padding-bottom: 10px;*/
	text-decoration: none;
}

/*********** navigator ***********/


/* position and dimensions of the navigator */
div.navi {
	cursor:pointer;
/*	width:200px;*/
/*margin-left: 260px;*/
	height:16px;
	display: inline-block;
	margin: 5px 0 10px 180px;

}


p.warning {
color: #be2a2a;
	background: url(/assets/img/stripes.gif) repeat 0 0;
/*	border: 2px solid #422123;*/
	padding: 10px;
}









/* items inside navigator */
div.navi a {
	width:27px;
	height:16px;
	float:left;
	margin-right:5px;
	background:url(/assets/img/navigator.png) 0 0 no-repeat;
	display:block;
	font-size:1px;
	outline:none;	
}

/* mouseover state */
div.navi a:hover {
	background-position: 0 -16px;   
	outline:none;	 
}

div.navi a:active {
	background-position: 0 -32px;   
	outline:none;	 
}

/* active state (current page state) */
div.navi a.active {
	background-position: 0 -16px;   
	outline:none;	  
} 	














#scrollerNav:after, #intro:after, #about:after {content:".";display:block;height:0;clear:both;visibility:hidden;}