body {
	background-image: url(img/stripeback7.jpg);
	background-repeat: repeat-y;
	background-color: #000000;
}
.main {
	font-family: Constantia, "Lucida Bright", "DejaVu Serif", Georgia, serif;
	color: #000000;
}
a:link {color:#990000;}
a:visited {color:#610606;}
a:hover {color:#B34817;}
a:active {color:#610606;} 

body,td,th {
	font-family: Constantia, "Lucida Bright", "DejaVu Serif", Georgia, serif;
	font-size: 11pt;
	color: #000000;
}

.footer {
	font-family: Constantia, "Lucida Bright", "DejaVu Serif", Georgia, serif;
	font-size: 10pt;
	color:#F8F7E8
}

table 
{
border-collapse:collapse;
	empty-cells: hide;
border-spacing: 0px;
}


#header .balance {
	text-indent:-9999px;
	overflow:hidden;
	background:url(images/bg-balance.png) no-repeat;
	position:absolute;
	top:0;
	left:426px;
	width:211px;
	height:636px;
	z-index:80;

		/*Most Important Part */
    -webkit-transform-origin:50% -40px;   
    -moz-transform-origin:50% -40px;   
    -o-transform-origin:50% -40px;   
    transform-origin:50% -40px;
}
#header .balance-2{
	-webkit-animation: APtopSlideShow 1.5s;
	-moz-animation   : APtopSlideShow 1.5s;
	-ms-animation    : APtopSlideShow 1.5s;
	-o-animation     : APtopSlideShow 1.5s;
	animation        : APtopSlideShow 1.5s;
}
#header .balance-1{
	top:-50%;
}
#header .balance-1.animated{
	-webkit-animation: APtopSlideShow 2s;
	-moz-animation   : APtopSlideShow 2s;
	-ms-animation    : APtopSlideShow 2s;
	-o-animation     : APtopSlideShow 2s;
	animation        : APtopSlideShow 2s;
	top:0;
}
#header .balance-2 {
	z-index:79;
	width:140px;
	height:342px;
	background:url(images/bg-balance-2.png) no-repeat;
	left:339px;
}
#header .balance-1.oscillate{

	-webkit-animation: pendulum 3s ease-in-out infinite alternate;
    -moz-animation: pendulum 3s ease-in-out infinite alternate;
    -o-animation: pendulum 3s ease-in-out infinite alternate;
    animation: pendulum 3s ease-in-out infinite alternate;
}
#header .balance-2.oscillate{
	/*Most Important Part */
    -webkit-transform-origin:50% -40px;   
    -moz-transform-origin:50% -40px;   
    -o-transform-origin:50% -40px;   
    transform-origin:50% -40px;
	-webkit-animation: pendulum2 3s ease-in-out infinite alternate;
    -moz-animation: pendulum2 3s ease-in-out infinite alternate;
    -o-animation: pendulum2 3s ease-in-out infinite alternate;
    animation: pendulum2 3s ease-in-out infinite alternate;
}

#main .visual .cell .cell-image{
	/*Most Important Part */
    -webkit-transform-origin:50% 30px;   
    -moz-transform-origin:50% 30px;   
    -o-transform-origin:50% 30px;   
    transform-origin:50% 30px;
	transition-property: transform;
	transition-duration: 0.5s;
	-moz-transition-property: -moz-transform;
	-moz-transition-duration: 0.5s;
	-webkit-transition-property: -webkit-transform;
	-webkit-transition-duration: 0.5s;
	-o-transition-property: -o-transform;
	-o-transition-duration: 0.5s;
	width:244px;
	height:239px;
	background:url(images/bg-cell.png) no-repeat;
}
#main .visual .cell .cell-image:hover{
	-webkit-transform: rotate(-10deg);
	-moz-transform: rotate(-10deg);
	-o-transform: rotate(-10deg);
}
#main .visual .cell-2 {
	
}

#main .visual .cell-2 .cell-image {
	
	background:url(images/bg-cell-2.png) no-repeat;
}
#main .visual .cell-3 {

}
#main .visual .cell-3 .cell-image{
	
	background:url(images/bg-cell-3.png) no-repeat;
}


#portfolio .star{
	position:absolute;
	-webkit-transition: all .25s ease;
   -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
     -o-transition: all .25s ease;
        transition: all .25s ease;
}
#portfolio #smallstar{
	background:url('images/star_black.png') no-repeat;
	width:33px;
	height:34px;
	top: 173px;
	left: 368px;
}
#portfolio #smallstar.red{
	background:url('images/star_red.png') no-repeat;
}
#portfolio #bigstar{
	background:url('images/starb_red.png') no-repeat;
	width:44px;
	height:44px;
	top: 145px;
	left: 315px;
}
#portfolio #bigstar.black{
	background:url('images/starb_black.png') no-repeat;
}

/* gallery */





#main .gallery .circle div {
	
	width:286px;
	height:286px;
	background:url(images/bg-circle.png) no-repeat;
}

#main .gallery .gear1 div {
	
	width:280px;
	height:280px;
	background:url(images/gear1.png) no-repeat;
}

#main .gallery .gear2 div {
	
	width:300px;
	height:302px;
	background:url(images/gear2.png) no-repeat;
}

@-webkit-keyframes pendulum{
    from{
        -webkit-transform:rotate(-7deg);
    }
    to{
        -webkit-transform:rotate(7deg);
    }
}
@-moz-keyframes pendulum{
    from{
        -moz-transform:rotate(-7deg);
    }
    to{
        -moz-transform:rotate(7deg);
    }
}
@-o-keyframes pendulum{
    from{
        -o-transform:rotate(-7deg);
    }
    to{
        -o-transform:rotate(7deg);
    }
}
@keyframes pendulum{
    from{
        transform:rotate(-7deg);
    }
    to{
        transform:rotate(7deg);
    }
}

@-webkit-keyframes pendulum2{
    from{
        -webkit-transform:rotate(7deg);
    }
    to{
        -webkit-transform:rotate(-7deg);
    }
}
@-moz-keyframes pendulum2{
    from{
        -moz-transform:rotate(7deg);
    }
    to{
        -moz-transform:rotate(-7deg);
    }
}
@-o-keyframes pendulum2{
    from{
        -o-transform:rotate(7deg);
    }
    to{
        -o-transform:rotate(-7deg);
    }
}
@keyframes pendulum2{
    from{
        transform:rotate(7deg);
    }
    to{
        transform:rotate(-7deg);
    }
}

/* =============================================================================
   TOP SLIDE SHOW
   ========================================================================== */
@keyframes "APtopSlideShow" {
 0% {
    top: -50%;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
 }
 100% {
    top: 0px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
 }
}

@-moz-keyframes APtopSlideShow {
 0% {
   top: -200%;
   filter: alpha(opacity=0);
   opacity: 0;
 }
 100% {
   top: 0px;
   filter: alpha(opacity=100);
   opacity: 1;
 }

}

@-webkit-keyframes "APtopSlideShow" {
 0% {
   top: -50%;
   filter: alpha(opacity=0);
   opacity: 0;
 }
 100% {
   top: 0px;
   filter: alpha(opacity=100);
   opacity: 1;
 }

}

@-ms-keyframes "APtopSlideShow" {
 0% {
   top: -200%;
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
 }
 100% {
   top: 0px;
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
 }

}