/*******************************************************************************
		Coded by GS on 07.03.2008, True Vision
*******************************************************************************/

html, body { background:#262626; height:100%; }

body { padding:0; color:#acacac; }

div.menu {
	position:absolute; z-index:3;
	background:url(../images/i/bg/menu.gif) 0 100% repeat-x;
	margin-left:60px;
	width:840px; min-height:67px;
}
* html div.menu  { height:67px; }
div.menu ul { margin:0; padding:13px 0 0 0; }
div.menu ul li { background:none; margin:0; padding:0 45px 0 0; float:left; }
div.menu ul li a, div.menu ul li span {
	background-repeat:no-repeat; background-position:0 0;
	display:block;
	height:27px;
	overflow:hidden;
	text-indent:-1000px;
}
div.menu ul li a:hover { background-position:0 -27px; }
div.menu ul li span { background-position:0 -27px; }


div.crosslinks { position:absolute; top:67px; right:60px; z-index:3; text-align:right; font-size:0.92em; }
div.crosslinks ul { margin:0; padding:0; }
div.crosslinks ul li { background:none; margin:0; padding:8px 0 0 0; }


div.contacts { padding:0 60px 10px 60px; }
div.contacts th { padding-right:10px; padding-bottom:5px; }
div.contacts td { padding-right:25px; padding-bottom:5px; }
div.contacts div {
	background-repeat:no-repeat; background-position:0 0;
	height:27px;
	overflow:hidden;
	white-space:nowrap;
	text-indent:-1000px;
	font-size:20px; font-style:italic;
}


#wrapper { min-width:960px; }

#head { background:url(../images/i/bg/head.jpg) 50% 0 no-repeat; height:251px; }
#head div.head {
	position:relative; z-index:2;
	background:url(../images/i/bg/logo.jpg) 0 0 no-repeat;
	margin:0 auto;
	width:960px; height:251px;
}
#head div.head-spacer {
	position:absolute; right:50%; top:66px; z-index:1;
	background:url(../images/i/bg/head_line.gif) 0 0 repeat-x;
	width:50%; height:25px;
}
#head div.logo { padding-top:62px; height:102px; }
#head div.logo a { display:block; width:408px; height:65px; }
#head div.logo img { visibility:hidden; }


#footer div.footer {
	position:relative; top:-63px; z-index:2;
	background:url(../images/i/bg/footer.jpg) 50% 0 no-repeat;
	margin:0 auto; padding-top:90px;
	width:960px; min-height:140px;
}
* html #footer div.footer { height:140px; }
#footer div.footer-spacer {
	position:absolute; left:50%; z-index:1;
	background:url(../images/i/bg/footer_line.gif) 0 0 repeat-x;
	margin-top:-25px;
	width:50%; height:28px;
}
#footer div.banners { padding:0 400px 0 60px; }
#footer div.copyright {
	position:absolute; right:113px; top:137px; z-index:3;
	background:#000;
	padding:0 33px 0 10px;
	height:29px; line-height:29px;
	color:#636363;
	font-size:0.92em;
}


#content { background:#000; padding-bottom:63px; }
#content div.content { margin:0 auto; width:840px; min-height:200px; }
* html #content div.content { height:200px; }


a.rss {
	background:url(../images/i/ico/rss.gif) 100% 0 no-repeat;
	margin-left:30px; padding-right:26px;
	display:block;
	float:right;
	height:16px; line-height:16px;
	white-space:nowrap;
	font-size:11px;
}


a.slideshow {
	background:url(../images/i/ico/slideshow.gif) 100% 0 no-repeat;
	padding-right:20px;
	display:block;
	float:right;
	height:16px; line-height:16px;
	white-space:nowrap;
	font-size:11px;
}
a.slideshow-active { background-position:100% -17px; }


div.pagination { position:relative; left:-5px; zoom:1; width:630px; }
div.pagination a, div.pagination strong {
	background:url(../images/i/bg/pagination.gif) 0 0 no-repeat;
	border-left:1px solid #414141;
	display:block;
	width:22px; height:12px;
	overflow:hidden;
	text-indent:-1000px;
	float:left;
	cursor:pointer;
}
div.pagination a.first, div.pagination strong.first { border:none; }
div.pagination a:hover { background-position:0 -25px; }
div.pagination a.toggle-active, div.pagination a.toggle-active:hover { background-position:0 -13px; cursor:default; }
div.pagination strong { background-position:0 -13px; }


#portfolio { padding-top:12px; width:840px; }
#portfolio h1 { margin-bottom:0.38em; color:#acacac; font-size:1.18em; }
#portfolio div.img { padding-top:11px; }
#portfolio ul.more { margin:0; padding:0; }
#portfolio ul.more li { background:none; margin:0; padding:0 0 0 30px; float:left; }
#portfolio ul.more a { border-top:3px solid #636363; padding-top:8px; display:block; white-space:nowrap; }
#portfolio ul.more a:hover { border-color:#f60; text-decoration:none; }
#portfolio div.txt { padding-top:10px; padding-right:20px; line-height:1.36em; float:left; color:#636363; font-size:0.92em; }
#portfolio div.item { margin:0 auto; }


#projects div.item { padding:3px 20px 17px 0; width:400px; float:left; }
#projects div.img { border-bottom:1px solid #414141; width:400px; height:190px; overflow:hidden; }
#projects div.img td { width:400px; height:190px; vertical-align:middle; text-align:center; }
#projects div.txt { margin-bottom:1.23em; padding-top:1.23em; line-height:1.31em; font-size:1.08em; }
#projects div.more a { border-top:3px solid #636363; padding-top:8px; display:block; white-space:nowrap; float:left; font-size:0.92em; }
#projects div.more a:hover { border-color:#f60; text-decoration:none; }


#biography { padding-top:13px; }
#biography div.biography { width:485px; float:left; line-height:1.31em; font-size:1.08em; }
#biography div.biography h1 { font-size:1em; }
#biography div.experience { width:315px; float:right; }
#biography div.experience th { padding:0 5px 3px 0; width:6.36em; white-space:nowrap; }
#biography div.experience td { padding:0 0 3px 0; }
#biography div.experience table { margin-bottom:5px; color:#636363; font-size:0.92em; }


#i-can { padding-top:5px; }
#i-can h1 {
	background-repeat:no-repeat; background-position:0 0;
	margin:10px;
	height:130px;
	overflow:hidden;
	text-indent:-1000px;
	white-space:nowrap;
	font-size:120px; font-style:italic;
}
#i-can div.intro { width:318px; float:left; }
#i-can div.intro div.w { padding:0 37px; text-align:right; line-height:1.55em; color:#636363; font-size:0.92em; }
#i-can div.txt { padding-top:110px; width:510px; float:left; line-height:1.31em; font-size:1.08em; }


#news { border-bottom:1px solid #131313; padding-top:12px; }
#news div.news { clear:both; padding-top:10px; }
#news div.item { border-top:1px solid #131313; padding:15px 0 0 113px; margin-bottom:15px; line-height:1.31em; color:#333; }
#news div.item  a, #news div.item  a:hover { color:#4c1e00; }
#news div.item div.datetime { position:absolute; margin-left:-113px; color:#1e1e1e; }
#news div.item-1 { border-top:1px solid #414141; color:#acacac; }
#news div.item-1  a, #news div.item-1 a:hover { color:#f60; }
#news div.item-1 div.datetime { color:#636363; }
#news div.item-2 { border-top:1px solid #414141; color:#acacac; }
#news div.item-2  a, #news div.item-2 a:hover { color:#f60; }
#news div.item-2 div.datetime { color:#636363; }
#news div.item-3 { border-top:1px solid #272727; color:#676767; }
#news div.item-3  a, #news div.item-3 a:hover { color:#993d00; }
#news div.item-3 div.datetime { color:#3b3b3b; }


/*---------------------------------- ajax ------------------------------------*/
div.preloader { position:relative; z-index:35; zoom:1; }
div.preloader div.preoverlay {
	background:#000;
	position:absolute; z-index:1;
	width:100%; height:50px;
	filter:alpha(opacity=80); -moz-opacity:0.7; opacity:0.7;
}
div.preloader div.pretimer {
	position:absolute; z-index:2;
	background:url(../images/i/preloader.gif) 50% 50% no-repeat;
	width:100%; height:50px;
}


/*---------------------------------- layers ----------------------------------*/
iframe.overlay {
	position:fixed; top:0; left:0; z-index:98;
	background:#000;
	width:100%; height:100%;
	border:none;
	filter:alpha(opacity=0); -moz-opacity:0; opacity:0;
	display:none;
}
* html iframe.overlay { /* ie6 hack */
    position:absolute;
    height:expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight + 'px' : document.body.offsetHeight + 'px');
	display:block;
}
div.overlay {
	position:fixed; top:0; left:0; z-index:99;
	background:#000;
	width:100%; height:100%;
	filter:alpha(opacity=85); -moz-opacity:0.85; opacity:0.85;
}
* html div.overlay { /* ie6 hack */
	position:absolute;
	height:expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight + 'px' : document.body.offsetHeight + 'px');
}

table.overlay { position:absolute; top:0; left:0; z-index:100; background:url(../images/i/px.gif) 0 0 repeat; width:100%; height:100%; }
table.overlay-scrollable { position:fixed; }
* html table.overlay-scrollable {
	position:absolute;
	top:expression(offsetParent.scrollTop + 'px');
}
table.overlay td.overlay { vertical-align:middle; text-align:center; }
table.overlay td.overlay-preloader { background:url(../images/i/preloader.gif) 50% 50% no-repeat; }
table.overlay table.modal,
table.overlay  table.modal-empty,
table.overlay  table.modal-gallery { margin:0 auto; text-align:left; }
table.overlay td.overlay-preloader table.modal,
table.overlay td.overlay-preloader table.modal-empty  { visibility:hidden; }
table.overlay td.overlay-preloader table.modal-gallery { visibility:visible; }

table.modal,
table.modal-empty { position:relative; z-index:1; }
table.modal td.modal-11 div,
table.modal td.modal-12 div,
table.modal td.modal-13 div,
table.modal td.modal-21 div,
table.modal td.modal-23 div,
table.modal td.modal-31 div,
table.modal td.modal-32 div,
table.modal td.modal-33 div { width:2px; height:2px; line-height:0; font-size:0; }
table.modal td.modal-11,
table.modal td.modal-13,
table.modal td.modal-31,
table.modal td.modal-33 { width:2px; height:2px; }
table.modal td.modal-12,
table.modal td.modal-31 { height:2px; }
table.modal td.modal-21,
table.modal td.modal-23 { width:2px; }
table.modal td.modal-11 { background:url(../images/i/bg/modal.png) 0 0 repeat; }
table.modal td.modal-12 { background:url(../images/i/bg/modal.png) 0 0 repeat; }
table.modal td.modal-13 { background:url(../images/i/bg/modal.png) 0 0 repeat; }
table.modal td.modal-21 { background:url(../images/i/bg/modal.png) 0 0 repeat; }
table.modal td.modal-22 { background:#000; color:#acacac; }
table.modal td.modal-23 { background:url(../images/i/bg/modal.png) 0 0 repeat; }
table.modal td.modal-31 { background:url(../images/i/bg/modal.png) 0 0 repeat; }
table.modal td.modal-32 { background:url(../images/i/bg/modal.png) 0 0 repeat; }
table.modal td.modal-33 { background:url(../images/i/bg/modal.png) 0 0 repeat; }
table.modal-empty div.modal-close a { top:-13px; right:-13px; }
div.modal-preloader { background:url(../images/i/preloader_gallery.gif) 50% 50% no-repeat; }
div.modal-close { position:relative; z-index:10; }
div.modal-close a {
	position:absolute; top:0; right:0; z-index:1;
	background:url(../images/i/bg/modal_close.png) 0 0 no-repeat;
	width:16px; height:16px;
	display:block;
	cursor:pointer;
}
table.modal-gallery img.modal-image { display:block; }
table.modal-gallery div.modal-content { position:relative; z-index:1; }
table.modal-gallery a.modal-next, table.modal-gallery a.modal-prev {
	position:absolute; top:50%; z-index:1;
	margin-top:-15px;
	width:30px; height:30px;
	display:block;
	visibility:hidden;
}
table.modal-gallery  a.modal-next { right:-30px; }
table.modal-gallery  a.modal-prev { left:-30px; }
table.modal-gallery  a.modal-next { background:url(../images/i/bg/modal_next.png) 0 0 no-repeat; }
table.modal-gallery  a.modal-prev { background:url(../images/i/bg/modal_prev.png) 0 0 no-repeat; }