*{
	margin:0;
	padding:0;
}
body{
	font-family:Arial;
	background:#718fa8 url(../images/bg.png) no-repeat right top;
}
.title{
	position:absolute;
	top:0px;
	left:0px;
	width:130px;
	height:477px;
	background:#718fa8 url(../images/title.png) no-repeat top left;
}

#footer{
	position:absolute;
    font-family: Verdana;
    font-size:11px;
	margin:0px;
	padding:10px;
	bottom:0px;
	left:0px;
}
#footer a{
	color:#cc3300;
}
.wrapper{
    font-family: Verdana;
    font-size:11px;
    width:600px;
    height:600px;
    position:relative;
    top:160px;
    left:200px;
}
.images img{
    display:none;
    position:absolute;
    left:6px;
    top:6px;
}
.circleBig{
    position:absolute;
    top:0px;
    left:0px;
    width:418px;
    height:418px;
    background:transparent url(../images/circlebg.png) no-repeat top left;
}
.menu{
    position:absolute;
    width:101px;
    height:74px;
    top:220px;
    left:250px;
    z-index:999;
}
a.welcome,a.about, a.portfolio, a.contact{
    float:left;
    clear:both;
    height:23px;
    margin-bottom:10px;
    width:105px;
    text-indent:-2000000px;
    opacity:0.8;
    background:transparent url(../images/menu.png) no-repeat top left;
}
a.portfolio{
    width:100px;
    background-position:-196px 0px;
}
a.contact{
    width:88px;
    background-position:-307px 0px;
}
a.welcome:hover, a.about:hover, a.portfolio:hover, a.contact:hover{
    opacity:1.0;
}
a.welcome{
    width:90px;
}
a.about{
    width:64px;
    background-position:-93px 0px;
}
.circle{
    margin-top:-88px;
    margin-left:-88px;
    width:176px;
    height:176px;
    position:absolute;
    left:0;
    top:0;
    background:transparent url(../images/circle.png) no-repeat top left;
    z-index:10;
    opacity:0;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
}
.description{
    width:120px;
    margin:40px auto;
    text-align:center;
}
.description ul{
    list-style:none;
    text-align:center;
}
.description ul a{
    line-height:30px;
    font-weight:bold;
    color:#fff;
    text-decoration:none;
    text-transform:uppercase;
    font-size:11px;
    text-shadow:1px 1px 1px #aaa;	
}
.description ul a:hover{
    color:#f0f0f0;
}
.thumbs a img{
    border:3px solid #f9f9f9;
    -moz-box-shadow:1px 1px 2px #999;
    -webkit-box-shadow:1px 1px 2px #999;
    box-shadow:1px 1px 2px #999;
}
#frOverlay { position: absolute; top: 0; left: 0; z-index: 99998; width: 100%; height: 500px; }
#frOverlay.grey { background-color: #000000; }


#frMain { position: absolute; left: 0; width: 100%; z-index: 99999; text-align: center; line-height: 0; }
#frMain a img { border: none; }

#frOuterContainer { position: relative; background-color: #fff; width: 200px; height: 200px; margin: 0 auto; }
#frOuterContainer.grey { border: 3px solid #888888; }


#frDetailsContainer {  font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; width: 100%; line-height: 1.4em; overflow: auto; margin: 0 auto; }
#frDetailsContainer.grey { border: 3px solid #888888; border-top: none; }


#frImageContainer, #frIframeContainer { padding: 10px; }
#frLoading {
position: absolute; top: 45%; left: 0%; height: 32px; width: 100%; text-align: center; line-height: 0; background: url(../images/loading.gif) center no-repeat;
}

#frHoverNav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#frImageContainer>#frHoverNav { left: 0; }
#frHoverNav a { outline: none; }

#frPrev { width: 49%; height: 100%; background: transparent url(../images/litebox/blank.gif) no-repeat; display: block; left: 0; float: left; }
#frPrev.grey:hover, #frPrev.grey:visited:hover { background: url(../images/litebox/prev_grey.gif) left 15% no-repeat; }


#frNext { width: 49%; height: 100%; background: transparent url(../images/litebox/blank.gif) no-repeat; display: block; right: 0; float: right; }
#frNext.grey:hover, #frNext.grey:visited:hover { background: url(../images/litebox/next_grey.gif) right 15% no-repeat; }


#frPrev2, #frNext2 { text-decoration: none; font-weight: bold; }
#frPrev2.grey, #frNext2.grey, #frSpacer.grey { color: #333333; }


#frPrev2_Off, #frNext2_Off { font-weight: bold; }
#frPrev2_Off.grey, #frNext2_Off.grey { color: #CCCCCC; }


#frDetailsData { padding: 0 10px; }
#frDetailsData.grey { color: #333333; }


#frDetails { width: 60%; float: left; text-align: left; }
#frCaption { display: block; font-weight: bold; }
#frNumberDisplay { float: left; display: block; padding-bottom: 1.0em; }
#frNavDisplay { float: left; display: block; padding-bottom: 1.0em; }

#frClose,
#frClose.grey,
#frClose.red,
#frClose.green,
#frClose.blue,
#frClose.gold{ width: 72px; height: 33px; float: right; margin-bottom: 1px; background: url(../images/litebox/close_grey.png) no-repeat; }

#frPlay,
#frPlay.grey,
#frPlay.red,
#frPlay.green,
#frPlay.blue,
#frPlay.gold{ width: 78px; height: 28px; float: right; margin-bottom: 1px;  background: url(../images/litebox/play_grey.png) no-repeat;}

#frPause,
#frPause.grey,
#frPause.red,
#frPause.green,
#frPause.blue,
#frPause.gold{ width: 64px; height: 28px; float: right; margin-bottom: 1px;background: url(../images/litebox/pause_grey.png) no-repeat;  }