*{
        margin: 0px;
        padding:0px;
}
html, body{
        width: 100%;
        height: 100%;
}
body{
        background-image: url('../images/bg-body.gif');
        background-repeat: repeat-x;
        font-family: Arial, sans serif;
        font-size: 11px;
        background-color: #FFFFFF;
		color: #525254;
}
a{
        outline:none;
}
h1{
		font-size: 18px;
		color:#ec008c;
		font-weight: normal;
		margin-bottom: 15px;
}
img{
		border: 0px;
}
#wrap{
        width: 100%;
		position: relative;
}
#content{
        width: 100%
        padding: 0px 11px 0px 9px;
}
#content-inner{
		padding: 25px 250px 0px 82px;
}
#content-inner p{
		padding: 0px 0px 20px 0px;
		line-height: 16px;
}
#content-inner a{
		color: #FFFFFF;
		background-color: #ec008c;
		padding: 0px 3px 0px 3px;
		text-decoration: none;
}
#content-inner a:hover{
		text-decoration: underline;
}
/*#gallery-content #content{
        height: 845px;
}*/
#header{
        background-image: url('../images/bg-header.png');
        background-repeat: no-repeat;
        width: 100%;
        overflow:hidden;
		position: relative;
}
#logo{
        padding: 26px 0px 0px 82px;
}
#navigations{
		width: 100%;
}
#meta{
        float: right;
        padding-right: 37px;
}
#meta a{
        text-decoration: none;
        display: block;
        color: #525254;
        padding: 8px 7px 0px 8px;
        vertical-align: bottom;
        height: 10px;
        text-transform: uppercase;
        font-size: 10px;
        float: left;
         border-right: 1px solid #525254;
}
#meta span{
        text-transform: uppercase;
        font-size: 10px;
        float: left;
		color: #999999;
		display: block;
        padding: 8px 7px 0px 8px;
}
#meta a.follow_me{
         border-right: 0px;
		 height: 16px;
		width: 16px;
		padding: 6px 0px 0px 6px;
}
#meta a.follow_me span{
		 height: 16px;
		width: 16px;
		padding: 6px 0px 0px 3px;
}
#meta .FBConnectButton_Text_Simple{
	display: none;
}
#meta a.first{
         border-left: 1px solid #525254;
}
#meta a.active, #meta a:hover{
        color: #ec008c;
        background-image: url('../images/bg-meta.gif');
        background-repeat: repeat-x;
}
#meta a.follow_me:hover{
         background-image: none;

}
#navigation{
         margin-top: 75px;
}
#navigation ul{
        list-style-type:none;
        overflow: hidden;
}
#navigation li {
        float: left;
}
#navigation li a, #navigation li {
        display: block;
}
#navigation li a#nav-gallery{
        background-image: url('../images/navi-gallery.gif');
        background-repeat: no-repeat;
        background-position: -98px 0px;
        width: 98px;
        height: 30px;
}
#navigation li a#nav-references{
        background-image: url('../images/navi-references.gif');
        background-repeat: no-repeat;
        background-position: -130px 0px;
        width: 130px;
        height: 30px;
}
#navigation li a#nav-about{
        background-image: url('../images/navi-about.gif');
        background-repeat: no-repeat;
        background-position: -86px 0px;
        width: 86px;
        height: 30px;
}
#navigation li a:hover {
        background-position: 0px 0px !important;
}
#gallery{
        width: 100%;
        overflow: hidden;
        position:relative;
}
.stepcarousel{
        position: relative; /*leave this value alone*/
        /*overflow: hidden;*/ /*leave this value alone*/
        width: 864px; /*Width of Carousel Viewer itself*/
        height: 624px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
        position: absolute; /*leave this value alone*/
        left: 0;
        top: 0;
        /*margin-left: 350px;*/
}

.stepcarousel .panel{
        float: left; /*leave this value alone*/
        overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
        margin-right: 16px;
}
.buttons{
        overflow:hidden;
        width: 100%;
        font-size: 18px;
		position: relative;
		height: 25px;
}
.buttons .inner{
		position: absolute;
        right: 0px;
		z-index: 100;
		margin-right: 37px;
}
.btn-next{
        width:7px;
        height:13px;
        display: inline;
        background-image: url('../images/btn-next.gif');
        display: block;
        float:left;
        margin-top: 4px;
        background-repeat: no-repeat;

}
.button{
        top: 270px;
}
.btn-right{
        right: 36px;
}
.btn-left{
        left: 20px;
}
.btn-next:hover, .btn-prev:hover{
        background-position: -7px 0px;
}
.btn-prev{
        width:7px;
        height:13px;
        display: inline;
        background-image: url('../images/btn-prev.gif');
        display: block;
        float:left;
        margin-top: 4px;
        margin-left: 30px;
        background-repeat: no-repeat;
}
.gallery-status{
        display: block;
        float:left;
        padding: 0px 9px 0px 9px;
}