/*-------------background----------------*/


body {
	background-color: #ffffff;
	background-repeat:no-repeat;
	margin:0px 0px 0px 0px; 
	padding: 0px; 
}







/*-------------mainslider----------------*/

#fpcontainer {
	margin: 0px auto auto auto;
	position: relative; 
	height:100vh;
	width:100%;
	min-height:700px;
	z-index:3;
	
}


#sliderwrapper {
	position: absolute;
	width:88%;
	height:auto;
	top:130px;
	bottom:0;
	left:0;
	right:0;
	margin-top:auto;
	margin-bottom:auto;
	margin-left:auto;
	margin-right:auto;
	background-color: ;
	padding: 0px;
	z-index:1;
	
}



#slider {
	margin: auto;
	/*background-color: rgba(0,0,0,0.5);*/
	position: relative;
	padding: 0px;
	width:100%;
	height:100%;
	z-index:10;
	overflow:hidden;
}




#slider>a {
	width:50%;
	height50%;
	display:none;
	
}

.sliderimg {
	width:100%;
	height100%;
	display:
	
}



.left{
	position:absolute;
	width:50px;
	left:-50px;
	top:12%;
	background-color: rgba(237,237,237,0.4);
	z-index:12;
}


.right {
	position:absolute;
	width:50px;
	right:-50px;
	top:12%;
	background-color: rgba(237,237,237,0.4);
	z-index:12;
}


.left>img, .right>img {
	opacity:0.4;
	margin:10px;
	z-index:12;
	
}


.left:hover, .right:hover {
	background-color: rgba(0,0,0,0.2);
}





/*-------------meettheboss----------------*/


#meetbutton {
	position: relative;
	margin:0;
	padding: 10px;
	height: 40px;
	width: 180px;
	top:-120px;
	left:45px;
	background-color: rgba(255,255,255,1.0);
	z-index:11;
	border-radius:5px 5px 0px 0px;
	-moz-border-radius:5px 5px 0px 0px;
	-webkit-border-radius:5px 5px 0px 0px;
}

#meetbutton:hover{
	cursor:pointer;
	background-color: rgba(245,245,245,0.7);

}

#meetbutton p{
	position:relative;
	font-family:courier new, courier, arial;
	padding:0px;
	top:-12px;
	text-align:center;
}


#thebossbox {
	position: relative;
	margin:0px;
	padding: 0px;
	height: 90vh;
	width: 100%;
	min-height:650px;
	top:-120px;
	background-color: rgba(245,245,245,0.7);
	z-index:10;
	overflow:hidden;
	-moz-box-shadow: 3px 3px 3px rgba(155,155,155,0.3);
	-webkit-box-shadow: 3px 3px 3px rgba(155,155,155,0.3);
	box-shadow: 3px 3px 3px rgba(155,155,155,0.3);
}




#bosscontentcontainer {
	position:relative;
	width:900px;
	height:555px;
	margin:auto;
	top:7%;
	z-index:12;
	/*background-color: #D5F7F6;*/
	
}

#theboss01{
	position:absolute;
	width:502px;
	bottom:-20px;
	z-index:12;
	/*background-color: #F7D4AA;*/
}


#theboss01>img{
	height:64%;
	width:64%;
}



#bbspeechbox{
	position:absolute;
	right: 30px;
	z-index:12;
	/*background-color: #D5F7d6;*/
}


#bosstalk{
	Position:absolute;
	left:100px;
	top:50px;
	width:360px;
	font-family:courier new, monospace, ariel;
	font-size:20px;
	z-index:12;
}


#bblistwrapper{

	position:absolute;
	margin:0;
	padding:0;
	right:0px;
	bottom:0px;
	width:450px;
	height:270px;
}


#bblistwrapper ul {
	list-style-type: none;
	padding:0;
	margin:0;
}

#bblistwrapper li {
	padding:0px;
	margin:3px;
}

#bblistwrapper a, #bblistwrapper a:visited{
	padding:0px;
	margin:0px;
	font-family:courier new,courier, monospace, arial;
	font-size:19px;
	text-decoration:none;
	color:#ffffff;
}


.meetbox{

	margin:3px;
	padding:7px 0 0 7px;
	height:35px;
	width:400px;
	background-color:rgba(0,0,0,0.9);
}


.meetbox:hover{

	background-color:rgba(0,0,0,0.3);
}



#steelhammer {

	position:absolute;
	top:0;
	bottom:0;
	left:0;
	margin-top:auto;
	margin-bottom:auto;
	z-index:11;
	opacity:0.6;

}


#steelhammer2 {

	position:absolute;
	top:0;
	bottom:0;
	right:0;
	margin-top:auto;
	margin-bottom:auto;
	z-index:11;
	opacity:0.6;

}



/*----------------------------homepagetitle----------------------------*/


#hptitlecontainer{
	position:relative;
	height:70px;
	width:350px;
	top:5%;
	left:0;
	right:0;
	margin-left:auto;
	margin-right:auto;
	border: solid 2px #000;
	background-color:rgba(0,0,0,0.03);
	display:none;
	

}


#hptitlecontainer h1{
	margin:12px auto 0px auto;
	font-family:courier new, courier, arial;
	font-size:18px;
	text-align:center;
}


#hptitlecontainer h2{
	margin:5px auto 0px auto;
	font-family:courier new, courier, arial;
	font-size:14px;
	font-style:italic;
	font-weight:normal;
	text-align:center;
}





/*----------------------------stuffcontainers----------------------------*/



#stuffwrapper {
	position: relative;
	margin: auto;
	height:550px;
	max-width:1300px;
	min-width:1200px;
	/*background-color: #cdcdcd;*/
	z-index:1;
	overflow:hidden;
}



.cc {
	position:absolute;
	padding:10px;
	height:550px;
	width:380px;
	z-index:2;
	float:left;
}



#contentcontainer01 {
	left:0;
	/*background-color: #dfcfc3;*/
}



#contentcontainer02 {
		left:0;
        right:0;
        margin-left:auto;
        margin-right:auto;
	/*background-color: #efcfcc;*/
}



#contentcontainer03 {
	right:0;
	/*background-color: #ffcfcb;*/
}



/*-------imagecontainers----------*/

.imagebox {
	position:relative;
	margin: -10px auto 0 auto;
	height: 280px;
	width:280px;
	background-color: #000000;
	z-index:3;
	-moz-box-shadow: 3px 3px 3px rgba(155,155,155,0.5);
	-webkit-box-shadow: 3px 3px 3px rgba(155,155,155,0.5);
	box-shadow: 3px 3px 3px rgba(155,155,155,0.5);
}


.ccimage{
	position:relative;
	margin:15px;
	height: 250px;
	width:250px;

}





/*-------containertext----------*/

#stuffwrapper h1 {
	position:relative;
	font-family:futura;
	font-size:32px;
	padding:0px;
	margin:0 0 20px 40px;
}



.stufftextwrapper{
	font-family:courier new;
	font-size: 14px;
	margin: 0 auto 0 auto;
	height: 310px;
	width:310px;
	text-align:justify;
	z-index:9;
	
}




/*-------------------------------InstagramFeed-----------------------------*/


#instawrapper {
	position:relative;
	height:200px;
	width: 100%;
	margin: 0 auto 0 auto;
	z-index:5;
	background-color: rgba(200,245,245,0.8);
	-moz-box-shadow: 3px 3px 3px rgba(155,155,155,0.5);
	-webkit-box-shadow: 3px 3px 3px rgba(155,155,155,0.5);
	box-shadow: 3px 3px 3px rgba(155,155,155,0.5);
}


#instafeedimage01 {
	position:relative;
	top:50px;
	left:50px;
}


#instacontainer{
	position:relative;
	width:1000px;
	top:-80px;
	left:300px;
	overflow:hidden;
}

@media only screen and (max-width:1300px){

#instacontainer{
	position:relative;
	width:830px;
	top:-80px;
	left:300px;
	overflow:hidden;
}	

}


@media only screen and (max-width:1140px){

#instacontainer{
	position:relative;
	width:660px;
	top:-80px;
	left:300px;
	overflow:hidden;
}	

@media only screen and (max-width:970px){

#instacontainer{
	position:relative;
	width:660px;
	top:-80px;
	left:200px;
	overflow:hidden;
}	



}

/*--------------------------------AboutPage---------------------------*/

#aboutpagewrapper{
	position:relative;
	height:100vh;
	width:100%;
	margin:0;
	background-color: rgba(0,0,0,0.0);
}


#bosscontentwrapper{
	position:absolute;
	height:80%;
	width:60%;
	min-height:600px;
	min-width:800px;
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin-top:auto;
	margin-bottom:auto;
	margin-left:auto;
	margin-right:auto;
	background-color: rgba(0,0,0,0.0);
	display:none;
}


#aboutlogo{
	position:relative;
	left:36%;
	opacity:0.86;
	
}


#bosscontentwrapper>p{
	font-family:courier new, courier, monospace;
	margin:20px 0px 20px 0px;
	
}

#bosscontentwrapper a{
	font-weight:bold;
	color:#000000;
	text-decoration:none;
}

#bosscontentwrapper a:hover{
	opacity:0.5;
}

#bosscontentwrapper a:visited{
	color:#000000;
}