/* ------------------------------------------------------------------------------------------------------											
																																												 STYLESHEET RESET
---------------------------------------------------------------------------------------------------------
DESCRIPTION: Based on work by Eric Meyer:http://meyerweb.com/eric/tools/css/reset/index.html */
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 {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}
body {
	line-height: 1;
}
h1, h2, h3, h4, h5, h6 {
	clear: both;
	font-weight: normal;
}
ol, ul {
	list-style: none;
}
blockquote {
	quotes: none;
}
blockquote:before, blockquote:after {
	content: '';
	content: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a img {
	border: none;
}
/* ------------------------------------------------------------------------------------------------------
																																																END RESET
------------------------------------------------------------------------------------------------------ */ 
/* ____________________________________________________________________________________________ clearfix */
/* DESCRIPTION: Used for clearing float elements. */

.clearfix:after,  .row-2:after, .row-3:after, .row-4:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
.clearfix { display: inline-table; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */
.clear { clear:both; }
.floatLeft { float:left; }
.floatRight { float:right; }


body { font-family:Arial; color:#909090;background:#fafafa; font-size:11px; letter-spacing:3px; text-align:justify; line-height:22px;}
a, a:visited { color:#909090; text-decoration:none; }
a:hover, a:active { color: #444444; }
/* ------------------------------------------------------------------------------------------------------
																																										      SPECIFIC STYLES
------------------------------------------------------------------------------------------------------ */ 
/* DESCRIPTION: These styles are very specific. These are mainly layout styles for known content */

/* ____________________________________________________________________________________________  HEADER */


/* heading */
#header { visibility:hidden; position:relative; z-index:1000; width:422px; height:36px; margin:0 auto 0 auto; }
#header * { text-indent:-20000px; }
#header a { display:block; }
h1 { width:245px; height:14px; margin:0 auto 17px auto; }
h1 a { display:block; width:245px; height:14px; background:url('img/bogdan-girbovan.png') no-repeat; }
h1 a.selected, 
h1 a:hover { background-position:right top; }

#header ul { width:422px; }
#header li { float:left; height:8px; margin:0 0 0 42px; }
#header ul a { display:block; height:8px; background-image:url('img/menu.png'); background-repeat: no-repeat; }

/* pages */
#page-bio-link { width:26px; background-position:0 0; }
#page-works-link { width:60px; background-position:0 -9px; }
#page-contact-link { width:80px; background-position:0 -18px; }
#page-news-link { width:47px; background-position:0 -27px; }

#page-bio-link:hover, 
#page-bio-link.selected { background-position:0 -36px; }
#page-works-link:hover, 
#page-works-link.selected { background-position:0 -45px; }
#page-contact-link:hover, 
#page-contact-link.selected { background-position:0 -54px; }
#page-news-link:hover, 
#page-news-link.selected { background-position:0 -63px; }

/* ____________________________________________________________________________________________ PAGES */

#content { position:absolute; top:67px; width:100%;  }

#page-bio, #page-works, #page-work, #page-contact, #page-news { display:none; }

/* page-works */
#page-works { width:422px; margin:0 auto; text-align:left; }
#page-works ul { margin: 0 0 0 111px; }
#page-works li { margin:0 0 8px 0; }
#page-works li:last-child { margin-bottom:0; }
#page-works a { display:block; margin:0 auto; font-size:14px; letter-spacing:1px;  }



/* page-work */
#page-work { }


/* slides */
#scaled { }
#scaled li, .description { position:absolute; top:0; left:0; padding:8px; border:1px solid #e3e3e3; background:#fff; }
.description {  overflow:auto; }
.description p { margin-bottom:10px; line-height:18px; }
#scaled img { display:block; margin:0 auto; }

#bullets { position:absolute; top:9px; left:0; }
#bullets li { margin-bottom: 16px; font-family:'Myriad Pro'; color:#777; }
#bullets li:hover,
	#bullets .selected { color:#333; cursor:pointer; }

#icon-back { display:block; position:absolute; bottom:0; left:0; width:11px; height:10px; 
	text-indent:-5000px; background:url('img/icon-ba.png') no-repeat left top; cursor:pointer; }
#icon-back:hover { background-position:right top; } 

.title { position:absolute; bottom:-28px; left:-3px;  width:100%; font-size:12px; line-height:12px; color:#666; letter-spacing:5px;
 text-align:right; }

.title .floatLeft { margin:0 0 0 10px; }


/* page-contact */
#page-contact { text-align:center; }

#contact { font-size:12px; font-family:Arial; letter-spacing:3px; }
#or { margin:16px auto; width:21px; height:8px; text-indent:-5000px; background:url('img/or.png') no-repeat; }

/* form */
#form { position:relative; width:243px; margin:0 auto; padding:8px; border:1px solid #e3e3e3;}
#form label { float:left; clear:left; opacity:0.5; height:9px; margin-bottom:8px; background-image:url('img/form.png'); 
	background-repeat:no-repeat; text-indent:-5000px;  }
#form label:focus, 
	#form label:hover, 
	#form label.selected,
	#form #form-submit:hover { opacity:1; }
#form textarea { display:block; float:left; width:100%; height:272px; border:0; margin-top:-23px; line-height:18px; text-indent:89px;
	background:url('img/textarea-2.png') repeat-y;  outline:0; font-family:Arial; color:#aaa; font-size:12px; }

#form input { display:block; float:left; width:182px; margin:-5px 0 8px 0; height:13px; padding-bottom:2px; line-height:13px;
	border:0; border-bottom:1px solid #e3e3e3; outline:0; background:transparent; font-family:Arial; color:#aaa; font-size:12px; }

#form .selected-field { color:#666; }
	
#label-name { width:49px; margin-right: 12px; background-position:0 0; }
#label-email { width:53px; margin-right:8px; background-position:0 -9px; }
#label-message { position:relative; z-index:10; width:84px; background-position:0 -18px; }
#white-space { position:absolute; top:51px; left:7px; z-index:9; width:92px; height:9px; background:#fafafa; }
#form #form-submit { opacity:0.5; float:right; width:46px; margin:16px 0 0 0; border:0; background:url('img/form.png') no-repeat 0 -27px; text-indent:-5000px; cursor:pointer; }


/* page-bio */
#page-bio { position:absolute; top:0; left:0; }
#page-bio h2 { position:relative; font-size:15px; line-height:18px; margin:8px 0 4px 0; letter-spacing:10px; text-align:center;  }
#page-bio h3 { font-size:14px; margin:8px 0 8px 0; color:#555; text-transform:uppercase; letter-spacing:3px; }
#statement { margin:0 auto;  }
#statement i { color:#555; }
.icon-fw { display:inline-block; width:11px; height:10px; margin:0 16px 0 0; background:url('img/icon-fw.png') no-repeat right top; }
.icon-fw:hover { background-position:left top; cursor:pointer; }
.icon-bk { display:inline-block; width:11px; height:10px; margin:0 16px 0 0; background:url('img/icon-ba.png') no-repeat left top; }
.icon-bk:hover { background-position:right top; cursor:pointer; }
.goto { cursor:pointer; text-transform:uppercase; }
.goto:hover { color:#333; }
.goto:hover .icon-fw { background-position:left top; }
.container { padding:0 8px 8px 8px; border:1px solid #e3e3e3; margin:0 0 8px 0; }
#cv { margin:0 auto; display:none;  }
#cv p { letter-spacing:1px; text-align:justify; line-height:14px; }
#cv .center { text-align:center; }
#cv li { }
#cv ol { margin-bottom:8px; }
#cv h3 { margin:0 0 4px 0; }

/* page-news */
#page-news { }
#page-news li { position:absolute; top:0; left:0; }
#page-news .title { text-align:center; }
#page-news .icon-fw { margin-left:32px; }
#page-news .icon-bk { margin-right:32px; }


#saved { position:absolute; top:-10000px; left:-10000px; width:2000px; height:2000px; overflow:hidden; }
#loading { display:none; position:fixed; top:50%; left:50%; width:24px; height:24px; margin:-12px 0 0 -12px; background:url('img/load.gif') no-repeat; }

#flyer-1, #flyer-2 { position:relative; display:none; }

#page-news h2 { text-align:center; display:none; }



body { overflow:hidden; } 

#page-work-over { visibility:hidden; }
#page-work-over * { visibility:inherit !important; } 
.not-loaded { visibility:hidden !important; }