/* @group • Essentials */

/* Brand Repubic CSS Framework
/* Template:CSS_FRAMEWORK_BASE*/

/* Author:Jurre-Jan Smit*/

/* Version:0.6*/

/* Date:29 - 08 - 08*/

/*--------------------*/

/* Preferable editor:CSSEdit */

/* @group Library */

@import "lib/reset.css";

@import "lib/typography.css";

@import "lib/forms.css";

/* @end */

/* @end */

*
			{
			margin : 0 ;
			padding : 0 ;
			}
#container{
width: 960px;
}

#gallery{
		visibility:hidden ;
		
			}

a
			{
			color : #8FC2FF ;
			text-decoration : none ;
			outline : none ;
			}

a:hover
			{
			text-decoration : underline ;
			}

img
			{
			border : none ;
			}

body
			{
			overflow : hidden ;
			/*Needed to eliminate scrollbars*/
			background : #000 ;
			}

#content
			{
			margin : 0px auto ;
			height : auto ;
			width : 100% ;
			top : 0 ;
			z-index : 3 ;
			position : absolute ;
			}

#contentframe
			{
			overflow : hidden ;
			border-top : solid 1px #4F4F4F ;
			border-bottom : 1px solid #000 ;
			height : 100% ;
			text-align : left ;
			z-index : 3 ;
			}

#slidecounter
			{
			float : left ;
			color : #4F4F4F ;
			font : 50px "Helvetica Neue", Arial, sans-serif ;
			font-weight : bold ;
			margin : 18px 20px ;
			}

#slidecaption
			{
			overflow : hidden ;
			float : left ;
			color : #FFF ;
			font : 26px "Helvetica Neue", Arial, sans-serif ;
			font-weight : bold ;
			margin : 33px 0 ;
			}



/* @group Supersize Plugin Styles*/

#navigation
			{
			background : url('images/navbg.gif') no-repeat ;
			position:relative;
			width:100%;
			}

#navigation a#prevslide
			{
			background : url('images/navbg.gif') no-repeat ;
			margin : 22px 20px 0 0 ;
			position:absolute;
			left : 10px;
			
			}

#navigation a#nextslide
			{
			background : url('images/navbg.gif') no-repeat ;
			float : right ;
			margin : 22px 20px 0 0 ;
			position:absolute;
			right : 10px;
			
			}

#loading
			{
			position : absolute ;
			top : 49.5% ;
			left : 49.5% ;
			z-index : 3 ;
			width : 24px ;
			height : 24px ;
			text-indent : -999em ;
			background-image : url(images/progress.gif) ;
			}

#supersize
			{
			position : fixed ;
			}

#supersize img, #supersize a
			{
			height : 100% ;
			width : 100% ;
			position : absolute ;
			z-index : 0 ;
			}

#supersize .prevslide, #supersize .prevslide img
			{
			z-index : 1 ;
			}

#supersize .activeslide, #supersize .activeslide img
			{
				z-index : 2 ;

			}
			
/* @end */

#contact_info{
	position: fixed;
	width: 280px;
	height: 120px;
	left: 280px;
	top:0px;
	background-color: #AEC500;
	z-index: 1000;
	color: #FFF;
	opacity: 0.8;
	padding: 0 30px 0 30px;
	overflow: hidden;
}

#contact_info p{
opacity: 1;
}

#contact_info .header{
font-size: 14px;
text-transform:uppercase;
line-height: 40px;
padding-top: 15px;
}

#contact_info .tel{
background-color: #445300;
padding: 3px;
}

#contact_info a{
color: #FFF;
}

#contact_info a:hover{
color: #445300;
}

#contact_info .left{
float: left;
}

#contact_info .right{
float: right;
}

#br-loves-rb{
			position:absolute;
			right : 7%;
			top:100px
			}
#gallery{
			position:absolute;
			z-index:100;
			left : 50px;
			top : 50px;
			}
.galpal-projector{
			background : #fff;	
			padding : 10px;
			height : 420px;
			width : 560px;
			text-align:center ;
			}

.galpal-projector img{
			cursor : pointer ;
			}

.galpal-loading-deck{
			position:absolute;
			opacity:1;
			top:440px;
			left : 0px;
			padding : 10px	;
			width : 560px;
			height:140px;
			text-align:center ;
			overflow:hidden ;
			background : #fff;
			}

.galpal-loading-deck span{
			display : inline;
			float : left ;
			display:block;
			height:40px;
			width:40px;
			padding:5px;
			margin : 5px;
			text-align:center;
			vertical-align:middle;
			background:#fff;
			}

.galpal-loading-deck span img{
			
			border : 2px solid #ccc;
			cursor : pointer ;
			}

.galpal-loading-deck img.active{
			margin : 0;
			border : 2px solid #000;
	}
#back_home{
			position:absolute ;
			left:50px;
			display:block ;
			background : #333;
			z-index : 10000;
			color : #ffffff;
			padding : 10px;
			font-size : 12px;
			}
			
#contact{
			cursor : pointer ;
			position:absolute ;
			left:200px;
			display:block ;
			background : #333;
			z-index : 10000;
			color : #ffffff;
			padding : 10px;
			font-size : 12px;
			}
