@charset "utf-8";
/* http://meyerweb.com/eric/tools/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;
}

/* Main */
body {
	font:68.75%/1.5 Arial,Helvetica,sans-serif;
	color:#FFF;
	background-color:#3D3D3D;
}

/* Links */
a:link {
	color:#FFF;
}
a:visited {

}
a:hover {

}
a:active {

}

/* Layers */
.wrap {
	position:relative;
	margin:0 auto;
	padding-top:170px;
	width:1000px;
}
.wrap h1.title {
	position:absolute;
	top:93px; left:29px;
	width:282px; height:33px;
	font-size:2.8em;
	line-height:1;
	z-index:1;
}
.wrap h1.title span {
	position:absolute;
	top:0; left:0;
	width:282px; height:33px;
	background:url(../img/title.png) no-repeat;
	cursor:pointer;
}
.middle {
	position:relative;
	left:136px;
	width:864px;
}
.middle:after, .header .nav-out:after, .content .gallery:after {
	content:' ';
	display:block;
	clear:both;
	visibility:hidden;
	height:0;
}

/* Content */
.content {
	float:right;
	padding:76px 473px 0 53px;
	width:338px;
	line-height:1.65;
}
.content h1, .content h2, .content h3, .content h4, .content h5, .content h6 {
	margin:32px 0 16px;
	line-height:1;
}
.content h1 {font-size:5em;}
.content h2 {font-size:3.182em;}
.content h3 {font-size:2.5em;}
.content h4 {font-size:2em;}
.content h5 {font-size:1.5em;}
.content h6 {font-size:1em;}
.content p, .content blockquote, .content ul, .content fieldset, .content form,
.content ol, .content dl, .content dir, .content menu {margin:1.5em 0;}
.content blockquote {margin-left:40px; margin-right:40px;}
.content big {font-size:1.17em;}
.content small, .content sub, .content sup {font-size:.8em;}
.content sub {vertical-align:sub;}
.content sup {vertical-align:super;}
.content ol, .content ul, .content dir, .content menu, .content dd {margin-left:40px;}
.content ol {list-style-type:decimal;}
.content ul {list-style-type:disc;}
.content ul ul {list-style-type:circle;}
.content ol ul, .content ul ol, .content ul ul, .content ol ol {margin-top:0; margin-bottom:0;}
.content .photo {
	margin:-69px -473px 0 -47px;
	border:8px solid #FFF;
}
.content h2.main {
	font-size:3.182em;
	margin:0 0 35px;
}
.content h2.main .mist {
	font-size:.8em;
	vertical-align:top;
}
.content .vcard .bday, .content .vcard .org {
	margin-bottom:1.5em;
}
.content .gallery {
	margin:0 -473px 0 0;
	padding:5px 3px;
	width:700px;
	list-style:none;
}
.content .gallery li{
	float:left;
}
.content .gallery img {
	margin:0 8px 8px 0;
	width:156px; height:104px;
	border:1px solid #FFF;
	vertical-align:bottom;
}

/* Aside */
.aside {
	float:left;
	position:relative;
	left:-136px;
	margin-right:-136px;
	width:136px;
}
.aside .nav li {
	padding-left:29px;
	line-height:18px;
}
.aside .nav .current {
	background:url(../img/aside-nav-cur.gif) 15px 10px no-repeat;
}
.aside .nav li ul {
	display:none; /* ie6:block */
	position:relative;
	margin-left:-29px;
	width:136px;
}
.aside .nav .current ul, .aside .nav li:hover ul {
	display:block;
}
.aside .nav li li {
	padding-left:39px;
}
.aside .nav .mid {
	background:url(../img/aside-nav-mid.gif) 15px 0 repeat-y;
}
.aside .nav .active {
	background:url(../img/aside-nav-act.gif) 15px 0 no-repeat;
}
.aside .nav a {
	color:#9E9E9E;
	text-decoration:none;
}
.aside .nav .active a {
	color:#FFF;
}

/* Header */
.header {
	position:absolute;
	top:0; left:0;
	padding:100px 30px 0;
	width:940px; height:70px;
}
.header .nav-out {
	padding-right:11px;
	height:19px;
	background:url(../img/header-nav.gif) 929px no-repeat;
}
.header .nav {
	float:right;
	padding:0 8px 0 19px;
	background:#FFF url(../img/header-nav.gif) -11px no-repeat;
	text-align:right;
}
.header .nav li {
	display:inline;
}
.header .nav a, .header .nav .current {
	float:left;
	height:19px;
	padding:0 9px;
	color:#3D3D3D;
	line-height:1.6;
	text-decoration:none;
}
.header .nav .current {
	position:relative;
	margin:0 10px;
	padding:0 35px;
	color:#9E9E9E;
	background:#3D3D3D url(../img/header-nav-cur.gif) -11px no-repeat;
}
.header .nav .current span {
	position:absolute;
	top:0; left:-11px;
	margin-left:100%;
	width:11px; height:19px;
	background:#3D3D3D url(../img/header-nav-cur.gif) no-repeat;
}

/* Footer */
.footer {
	width:992px; height:211px;
}
.footer .copyright {
	padding:98px 0 0 30px;
}
.footer .copyright .developer {
	margin-left:15px;
	color:#9E9E9E;
}
.footer .copyright .developer a {
	color:#9E9E9E;
}

/* News */

.news-item {}
.news-date-time {color:#9E9E9E;}
.news-item a {color:#FFF;}


/* =============================
              FACEBOX
   ============================= */
/*Facebox*/
#facebox {position: absolute;top: 0;left: 0;text-align: left;z-index:100000;}
#facebox .popup {}
#facebox table {border-collapse: collapse;}
#facebox td {}
#facebox .body {border:2px solid #fff;}
#facebox .loading {text-align: center;}
#facebox .image {text-align: center; margin:0 auto;}
#facebox img {}
#facebox .footerpopup {position: absolute; right: -10px; top: -20px;}
#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br {overflow: hidden; background-repeat: no-repeat; line-height: 1px; font-size: 1px;}
#facebox_overlay {position: fixed;top: 0px;left: 0px;height:100%;width:100%;}
.facebox_hide {z-index:-100;}
.facebox_overlayBG {background-color: #000;z-index: 99000;}

*html #facebox_overlay { /* ie6 hack */position: absolute;height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');}
/**/

/*_____________________________________________ Start - Projects - jCarouselLiteDemo _____________________________________________*/
#gal{float:left;padding-bottom:40px;}
.jCarouselLite{height:104px}
 .carousel table td{vertical-align:top;height:104px;overflow:none;}
    #jCarouselLiteDemo .carousel a.prev, #jCarouselLiteDemo .carousel a.next {
        display: block;
        width: 30px;
		height:104px;
        text-decoration: none;
        background: url("/js/js/left.gif") left center no-repeat;
    }
        #jCarouselLiteDemo .carousel a.next {
            background: url("/js/js/right.gif") right center no-repeat;
        }
            #jCarouselLiteDemo .carousel a.next:hover {
                background-image: url("/js/js/right.gif");
            }
            #jCarouselLiteDemo .carousel a.prev:hover {
                background-image: url("/js/js/left.gif");
            }              


    #jCarouselLiteDemo .carousel .jCarouselLite {
        border: 2px solid #fff;
		border-right:0;
        
        /* Needed for rendering without flicker */
        position: relative;
        visibility: hidden;
        left: -5000px;
    }


        #jCarouselLiteDemo .carousel li img{
			border-right:2px solid #fff;

        }




            
/*_____________________________________________ End - Projects - jCarouselLiteDemo _____________________________________________*/