@charset "UTF-8";
/* CSS Document bobee.us */

body{
	margin: 0px 0px 0px 25px;
	padding:0 0 0 0;
	background-color: #ffffff;
	background-image:url(../images/bkgd.jpg);
	background-repeat: repeat-x;
}


h1 span{
	display: none;
}

h1{
	height: 45px;
	width: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 24px;
	text-transform:uppercase;
	background: url(../images/h1_bkgd.png);
	padding: 25px 5px 5px 25px;
	color: #ffffff;
	margin: 5px 0px 5px -32px;
	border-right: 1px solid #FF6633;
}

h2{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #FF6633;
	font-weight: bold;
	text-transform:uppercase;
	margin: 5px 0px 10px 0px;
}

p{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #333333;
}

a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	font-weight: bold;
	color: #FF6633;
	text-decoration: none;
	border: none;

}

a:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	font-weight: bold;
	color: #FF6633;
	text-decoration: underline;
	border: none;

}

h2.quote{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style:italic;
	color: #FFFFFF;
	margin: 5px 5px 5px 5px;
	text-transform: none;
	text-align: center;
	padding-top: 5px;
}

h3.quote{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	margin: 10px 5px 10px 5px;
	text-align: center;
	border-bottom: dotted #FFFFFF 1px;
	padding-bottom: 10px;
}

hr{
	width: 100%;
	height: 1px;
	border-bottom: dotted #666666 1px;
	}

li{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #333333;	
}

.clear {
	clear: both;
}

.img-floatleft{
	float: left;
	margin: 5px 10px 5px 0px;
	padding: 10px 10px 0px 0px;
}

.img-floatright{
	float: right;
	margin: 5px 0px 5px 10px;
	padding: 10px 0px 0px 10px;
}

#container{
	width: 1050px;
	height: 100%;
	float: left;
	min-height:100%;
	position:relative;
}

#page-wrap {
	width: 800px;
	min-height: 500px;
	padding: 0px 0px 50px 0px;
	margin: 0px 0px 50px 0px;
	float: left;
	clear: left;
	display: inline;
	
	
}

#testimonials{
	width: 200px;
	height: 100%;
	padding: 10px 10px 7px 10px;
	margin: 100px 0px -10px 0px;
	background-color: #FF6600;
	background-position:top;
	background-repeat:no-repeat;
	border-bottom: solid #333333 10px;
	border-top: solid #333333 10px;
	float: right;
	display: inline;

}

#purchasebox{
	width: 400px;
	height: 75px;
	background-image:url(../images/buybutton.png);
	background-repeat: no-repeat;
	margin: 56px 30px 0px 0px;
	float: right;

	
	
}

h1.header{
	width: 775px;
	height: 345px;
	background-image:url(../images/header.png);
	background-repeat: no-repeat;
	margin: 0px 0px 10px 0px;
	border: 0px;
	padding: 0px 0px 0px 0px;
	float: left;

}

#logo{
	width: 180px;
	height: 107px;
	background-image:url(../images/logo.png);
	display:block;
	float: left;
	margin: 10px 0px 0px 0px;
	padding: 0px;
	cursor:pointer;

	}

.orangebox{
	width: 100%;
	padding: 10px;
	background-color: #FF6600;
	margin-bottom: 10px;
	border-top: 10px #333333 solid;
	border-bottom: 10px #333333 solid;

	
}




.button {
	float: left;
	margin: 0px 10px 10px 0px;
	cursor:pointer;

}

#home {
	display: block;
	padding: 0px 30px 30px 5px;

}
#home-button {
	opacity: 1.0;
	border-bottom: 1px solid #FF6600;
}

#about {
	display: none;
	padding: 0px 30px 30px 5px;
}
#about-button {
	opacity: 0.5;
	border-bottom: 1px solid #FF6600;
}

#contact {
	display: none;
	padding: 0px 30px 30px 5px;
}
#contact-button {
	opacity: 0.5;
	border-bottom: 1px solid #FF6600;
}

#extra {
	display: none;
	padding: 0px 30px 30px 5px;
}
#extra-button {
	opacity: 0.5;
	border-bottom: 1px solid #FF6600;
}

#register {
	display: none;
	padding: 0px 30px 30px 5px;
}
#register-button {
}




/* ROTCOP */

#rotcop-info{
	width: 300px;
	margin-top: 400px;
	float: right;
	min-height: 400px;
	background-color:#333333;
	}

/* FOOTER */


div#footer{
	background-image:url(../images/footer.png);
	background-repeat: repeat-x;
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:65px;
 }
 
 #launchflix{
 	width: 175px;
	height: 57px;
	margin-right: 8px;
	background: url(../images/launchflix.png);
	float: right;
	display: inline;
	margin-top: 12px;
	background-repeat: no-repeat;
	cursor:pointer;

	}
	
#ifp{
 	width: 100px;
	height: 40px;
	margin-right: 25px;
	background: url(../images/ifp.png);
	float: right;
	display: inline;
	margin-top: 20px;
	background-repeat: no-repeat;
	cursor:pointer;

	}
 
#footer-content{
	width: 575-px;
	height: 50px;
	padding: 0px 0px 0px 25px;
	float: left;
	display: inline;
	margin-top: 20px;
	margin-bottom: 5px;
}
 
  div#footer p{
  font-size:12px;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  color:#ffffff;
 }
 
  div#footer a{
  font-size:12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
  color:#FF6600;
  text-decoration:none
 }
 
   div#footer a:hover{
   font-size:12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
   color:#333333;
   text-decoration:underline;
 }
  
 @media screen{
  body>div#footer{
   position: fixed;
  }
 
 * html body{
  overflow:hidden;
 } 
 * html div#content{
  height:100%;
  overflow:auto;
 }
 

  

/* Contact Form */

#extra p{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-transform:uppercase;
	color: #333333;
	margin: 5px 0px 5px 0px;
}


#extra input, #extra textarea {
	padding: 5px;
	width: 300px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #241915;
	margin: 5px 0px 5px 0px;
	border: 2px solid #ccc;
}

#extra textarea {
	height: 90px;
}

#extra textarea:focus, #extra input:focus {
	border: 2px solid #FF6633;
}

#extra input.submit-button {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-transform:uppercase;
	width: 125px;	
	height: 50px;

}

#extra input.submit-button:hover {
	background-color: #999999;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-transform:uppercase;
	color: #FFFFFF;
	width: 125px;	
	height: 50px;
	cursor:pointer;

}

/* PNG FIX */


/* IE6 css fixer v0.7: Fri, 12 Mar 2010 19:06:44 +0100 */

/* ============================================= */
/* safe settings                                 */

/* add display:inline to floated elements */
.img-floatleft,
.img-floatright,
.button,
#purchasebox,
#rotcop-info {display:inline;}

/* convert min height values */
#page-wrap {height:400px;}
#rotcop-info {height:400px;}


/* add zoom:1 to overflow:hidden */
* html body {zoom:1;}

/* fix negative margins */
h1 {position:relative; zoom:1;}

/* add transparancy */
#home-button {filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);}
#about-button,#contact-button,#extra-button {filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);}



/* ============================================= */
/* potentially harmful settings                  */

/* PNG fix */
h1, #purchasebox{behavior: expression((this.runtimeStyle.behavior = "none") && (this.currentStyle.backgroundImage.toString().toLowerCase().indexOf('.png')>-1) && (this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.currentStyle.backgroundImage.toString().replace('url("','').replace('")','') + "', sizingMethod='crop')", this.runtimeStyle.zoom = 1, this.runtimeStyle.backgroundImage = "none"));}

/* Shadow box */

#sb-title-inner,#sb-info-inner,#sb-loading-inner,div.sb-message{font-family:"HelveticaNeue-Light","Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:200;color:#fff;}
#sb-container{position:fixed;margin:0;padding:0;top:0;left:0;z-index:999;text-align:left;visibility:hidden;display:none;}
#sb-overlay{position:relative;height:100%;width:100%;}
#sb-wrapper{position:absolute;visibility:hidden;width:100px;}
#sb-wrapper-inner{position:relative;border:1px solid #303030;overflow:hidden;height:100px;}
#sb-body{position:relative;height:100%;}
#sb-body-inner{position:absolute;height:100%;width:100%;}
#sb-player.html{height:100%;overflow:auto;}
#sb-body img{border:none;}
#sb-loading{position:relative;height:100%;}
#sb-loading-inner{position:absolute;font-size:14px;line-height:24px;height:24px;top:50%;margin-top:-12px;width:100%;text-align:center;}
#sb-loading-inner span{background:url(../images/loading.gif) no-repeat;padding-left:34px;display:inline-block;}
#sb-body,#sb-loading{background-color:#060606;}
#sb-title,#sb-info{position:relative;margin:0;padding:0;overflow:hidden;}
#sb-title,#sb-title-inner{height:26px;line-height:26px;}
#sb-title-inner{font-size:16px;}
#sb-info,#sb-info-inner{height:20px;line-height:20px;}
#sb-info-inner{font-size:12px;}
#sb-nav{float:right;height:16px;padding:2px 0;width:45%;}
#sb-nav a{display:block;float:right;height:16px;width:16px;margin-left:3px;cursor:pointer;background-repeat:no-repeat;}
#sb-nav-close{background-image:url(../images/close.png);}
#sb-nav-next{background-image:url(../images/next.png);}
#sb-nav-previous{background-image:url(../images/previous.png);}
#sb-nav-play{background-image:url(../images/play.png);}
#sb-nav-pause{background-image:url(../images/pause.png);}
#sb-counter{float:left;width:45%;}
#sb-counter a{padding:0 4px 0 0;text-decoration:none;cursor:pointer;color:#fff;}
#sb-counter a.sb-counter-current{text-decoration:underline;}
div.sb-message{font-size:12px;padding:10px;text-align:center;}
div.sb-message a:link,div.sb-message a:visited{color:#fff;text-decoration:underline;}