@charset "utf-8";
@font-face {
	font-family: 'Bobbleboddy_light'; 
	src: url('../fonts/Bobbleboddy_light.eot'); 
	src: local('bobbleboddy_light'), url('../fonts/Bobbleboddy_light.woff') format('woff'), url('../fonts/Bobbleboddy_light.ttf') format('truetype'), url('../fonts/Bobbleboddy_light.svg') format('svg'); 
	font-weight: normal; 
	font-style: normal;
}
/* ---------------------TABLE OF CONTENT--------------------------------------------------------

    1.  Global
    2.  Common Classes
	3.	Typography
	4.	Navbar
	5.	Main Content
	6.  Gallery
	7.  Footer

*/

/*-----------------------------------------------------------------------------------*/
/*	1.	Global
/*-----------------------------------------------------------------------------------*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,

article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}

img, object, embed, video, iframe {
	max-width: 100%;
}
/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
	width:100%;
}

/*-----------------------------------------------------------------------------------*/
/*	2.	Common Classes
/*-----------------------------------------------------------------------------------*/

html, body {
	width: 100%;  
	background-image: url(../images/backgroundnew.png); 
	background-repeat: repeat;
	background-position: center;  
	background-color: #000 ;
	font-family: Century Gothic, 'Muli',Verdana, sans-serif; 
	font-size: 1em;
	color:#CCC;
	
}
#page-top {
	background-color: #000 ;
}
.content {
	background-color:#000; 
	width: 95%; 
	height:auto; 
	top: 0px; 
	margin-left: auto; 
	margin-right:auto; 
	text-align:center; 
}
.wrapper {
	width: 100%; 
	overflow: hidden;
}
.justify {
	text-align:justify; 
	width:500px; 
	margin-left:auto; 
	margin-right:auto;
}
.darkgrey {
	color: #999;
}
.center {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}
.left {
	text-align:left;
}
p {
	font-family: Century Gothic, 'Muli',Verdana, sans-serif;
	font-size: 1em;
	color:#ccc;
}
form {
	font-family: Century Gothic, 'Muli',Verdana, sans-serif;
	font-size: 1em;
	color:#ccc;
}
.red {
	color: #cc0000;
}

.btn, .btn-xl {
	background-color: #333;
	color: #CCC;
}
.btn:hover, .btn-xl:hover {
	background-color: #ccc;
	color: #CCC;
}
.btn:active, .btn-xl:active {
	background-color: #ccc;
	color: #CCC;
}
.btn:focus, .btn-xl:focus {
	background-color: #ccc;
	color: #CCC;
}

@media (min-width:768px){
.content {
	background-color:#000; 
	width: 70%;	
}
}

/*-----------------------------------------------------------------------------------*/
/*	3.	Typography
/*-----------------------------------------------------------------------------------*/

h1.h1, h2.h2, h3.h3, h4.h4, h5.h5, h6.h6 {
	font-family: 'bobbleboddy_light', Century Gothic, 'Muli', sans-serif;
	font-weight: normal;
	color: #CCC;
}
h1.h1 { font-size: 2em; }
h2.h2 { font-size: 1.8em; }
h3.h3 { font-size: 1.6em; }
h4.h4 { font-size: 1.4em; }
h5.h5 { font-size: 1.2em; }
h6.h6 { font-size: 1.1em; }

@media (min-width:768px){
h1.h1 { font-size: 2.2em; }
h2.h2 { font-size: 2em; }
h3.h3 { font-size: 1.8em; }
h4.h4 { font-size: 1.6em; }
h5.h5 { font-size: 1.4em; }
h6.h6 { font-size: 1.2em; }
}

.content a {	
	color: #CCC; 
	text-decoration: none; 
	border: none;
}
.content a:link {
	color: #CCC; 
	text-decoration: none;
}
.content a:visited { 
	color: #CCC; 
	text-decoration: none;	
	text-align: left;
}
.content a:hover {
	color:#cc0000; 
	text-decoration:none;
}


/*-----------------------------------------------------------------------------------*/
/*	4.	Navbar
/*-----------------------------------------------------------------------------------*/

#shootingstar.navbar-default{
	background-color:#000;
	border-color:transparent;
	color:#619916;
	font-family: 'Bobbleboddy_light', Century Gothic,  'Muli', sans-serif;
	background-repeat:no-repeat; 
	margin-left: auto; 
	margin-right: auto;
}
#shootingstar.navbar .nav,
#shootingstar.navbar .nav > li {
	float:none;
	display:list-item;
	text-align: right;
	margin-right: 15px;
	vertical-align: top;
}	
#shootingstar.navbar-default .navbar-brand:hover,.navbar-default .navbar-brand:focus,.navbar-default .navbar-brand:active,.navbar-default .navbar-brand.active{
	color:#990000}
#shootingstar.navbar-default .navbar-collapse{
	border-color:rgba(0,0,0,0)}
#shootingstar.navbar-default .navbar-toggle{
	background-color:#000;
	border-color:#ccc}
#shootingstar.navbar-default .navbar-toggle .icon-bar{
	background-color:#ccc}
#shootingstar.navbar-default .navbar-toggle:hover,.navbar-default .navbar-toggle:focus{
	background-color:#000}
#shootingstar.navbar-default .nav li a{
	font-family: 'Bobbleboddy_light', Century Gothic,  'Muli', sans-serif;
	font-size: 1.2em;
	font-weight:400;
	letter-spacing:1px;
	color:#ccc;}
#shootingstar.navbar-default .nav li a:hover,.navbar-default .nav li a:focus{
	color:#cc0000;
	outline:0}
#shootingstar.navbar-default .navbar-nav>.active>a{
	border-radius:0;
	color:#cc0000;
	background-color:rgba(0,0,0,0)}
#shootingstar.navbar-default .navbar-nav>.active>a:hover,.navbar-default .navbar-nav>.active>a:focus{
	color:#cc0000;
	background-color: rgba(0,0,0,0)}
	
	
#shootingstar.navbar-default .navbar-nav>.open>a {
	background-color: rgba(0,0,0,0) !important;
}
#shootingstar.navbar-default .dropdown-menu {
	background-color: rgba(0,0,0,0.5) !important;
	text-align: right;
}
#shootingstar.navbar-default .dropdown-menu> li a:hover {
	background-color: rgba(0,0,0,0.5) !important;
	text-align: right;
}

@media (min-width:768px){
	#shootingstar.navbar-default{background-color:transparent;padding:25px 0;-webkit-transition:padding .3s;-moz-transition:padding .3s;transition:padding .3s;border:0}
	#shootingstar.navbar-default {
		font-size:1.4em;
		-webkit-transition:all .3s;
		-moz-transition:all .3s;
		transition:all .3s;
		background-repeat:no-repeat;
		margin: 0;}
	#shootingstar.navbar .nav,
	#shootingstar.navbar .nav > li {
	  float:none;
	  display:inline-block;
	  *display:inline; /* ie7 fix */
	  *zoom:1; /* hasLayout ie7 trigger */
	  vertical-align: top;
	}	
	#shootingstar.navbar-default .navbar-nav>.active>a{
		border-radius:3px;}
	#shootingstar.navbar-default.navbar-shrink{
		background-color:#222;
		padding:10px 0}
	#shootingstar.navbar-default.navbar-shrink {
		font-size:2em;
		width:200px;
		height:51px;
		background-repeat:no-repeat;
		margin:5px 0 0 5px;}
}

/*-----------------------------------------------------------------------------------*/
/*	5. Main Content
/*-----------------------------------------------------------------------------------*/

.heading {
	width:100%; 
	text-align:center; 
	margin-left:auto; 
	margin-right:auto;
}
.righthead {
	font-family: 'bobbleboddy_light', Century Gothic,  'Muli', sans-serif; 
	color: #cc0000; 
	font-size:2em; 
	text-align:right;
	margin-right:5%;	
}
.right a{
	text-decoration: none;
}

@media (min-width:768px){
	.heading {
	width:80%;
	}
	.right { 
	font-size:2.4em;}
}
/*-----------------------------------------------------------------------------------*/
/*	6. Gallery
/*-----------------------------------------------------------------------------------*/

#carousel .carousel-inner{
	max-width: 800px;
	margin-left: auto;
	margin-right: auto;
}
	
#carousel .carousel-inner .item img {
	max-height: 534px;
	width: 100%;
	max-width: 800px;
}
#carousel .carousel-inner .item img.portrait {
	max-height: 534px;
	width: 100%;
	max-width: 356px;
}
.carousel {
    margin-top: 20px;
}
.item .thumb {
	width: 100px;
	cursor: pointer;
	margin: 2px;
	display: inline-block;
}
.item .thumb img {
	width: auto;
	max-width: 100px;
	margin: 2px;
}
.item img {
	width: 100%;
	max-width: 800px;	
}

/*-----------------------------------------------------------------------------------*/
/*	7. Footer
/*-----------------------------------------------------------------------------------*/

footer {
	width:100%; 
	font-family: Century Gothic, 'Muli', sans-serif; 
	color: #CCC; 
	font-size: 0.9em;
	text-align:center;
}

footer a {	
	color: #CCC; 
	text-decoration: none; 
	border: none;
}
footer a:link {
	color: #CCC; 
	text-decoration: none;
}
footer a:visited { 
	color: #CCC; 
	text-decoration: none;	
	text-align: left;
}
footer a:hover {
	color:#cc0000; 
	text-decoration:none;
}