/* default styles */

html, body{
	height: 100%;
}

.wrap{
	min-height: 100%;
	margin-left:auto;
	margin-right:auto;
	min-width: 350px;
}

.main{
	overflow:auto;
	padding-bottom:200px; /* this needs to be bigger than footer height*/
	margin-left:auto;
	margin-right:auto;
	min-width: 350px;
}

.footer{
	position: relative;
	margin-top: -200px; /* negative value of footer height */
	height: 200px;
	clear:both;
	min-width: 350px;

	padding-top: 20px; 
	padding-bottom:20px;
	margin-bottom:0px; 
	border-style: none; 
	border-color:#666666; 
	border-width: 1px 0px 0px 0px;

	margin-left: auto;
	margin-right: auto;
	background-color:#272c6b;
	width:100%;

	box-shadow: inset 0px 3px 0px #085a80;
}

.footer_inner{
	padding-right:20px;
	padding-left:20px;
	min-width:350px;
	max-width:1250px;
	width:100%;
	margin-left: auto;
	margin-right: auto;
	background-color:#272c6b;
}

body{
	height:100%;
	color: black;
	font-size:1.8em;
	
	text-decoration: none;
	font-family: Sans-Serif;
	text-align: center;
	background-color: #92b2d7;
}
	
.topsec{
	width:100%;

}
	
.topsec_r{
	width:100%;
	background-color: white;
}	

.top_mid{
	min-width:350px;
	margin-top:-25px;
	margin-left:auto;
	margin-right: auto;
	max-width: 1250px;
	width: 100%;
}

.page_header_inner{
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 10px;
	padding-bottom: 10px;

	min-width: 350px;
	max-width: 1250px;
	width: 100%;

	margin-left:auto;
	margin-right:auto;
	
	color: white;
}
	
	
	
.page_header_bar{
	width: 100%;
	margin-left:auto;
	margin-right:auto;
	background-color: #0675aa;
	box-shadow: inset 0px 2px 0px #085a80, inset 0px -2px 0px #085a80;
}
	
.so{
	font-family: Sans-Serif;
	color:black;
	font-weight:bold;
	font-size: 2em;
}

@media (max-width: 767px) {
	.so{
		font-size: 1.2em;
	}
}

@media (max-width: 1250px) {
	.so{
		font-size: 1.7em;
	}
}

.breakout{
	margin:0 -100%; /* old browsers fallback */
	margin:0 calc(50% - 50vw);
	clear:both;
}
	
	
	
div.page{
	text-align:left;
	padding:0px;
	margin-left: auto;
	margin-right: auto;
	min-width: 350px;
	width: 100%;
	border-style: solid;
	border-width: 0px 0px 0px 0px;
	border-color: white;
}

.modal-body{
	background-color: white;
}




div.afterpage{

	text-align:left;
	padding:0px;
	margin-left: auto;
	margin-right: auto;
	min-width: 350px;
	max-width: 1250px;
	width: 100%;
	padding: 20px;
}



hr{
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	border: 0;
	height: 0;
	border-top: 1px solid rgba(0,0,0,0.1);
	border-bottom: 1px solid rgba(255,255,255,0.3);
}	
	
	
div.thetopbar{
	width:100%;
	min-width:350px;
	/*background-color:#3c3c3c;*/
	background-color: #161f2e;
	text-align:center;
	/*position: fixed;*/
	margin-bottom: 0px;
	padding-bottom: 0px;
	border-style: solid;
	border-color:#afbcd4;
	border-width: 0px 0px 1px 0px;

}


a.co{
	border: 0;
	/*text-shadow: 0px 0px 10px white;*/
	color: #2400ff;
	text-decoration: none;
	font-weight: normal;
}

a.co:hover{
	color: #6b86c4;
	text-decoration: none;
}

a.co2{
	border: 0;
	color: #b5bfd4;
	text-decoration: none;
	font-weight: normal;
}

a.co2:hover{
	color: #6b86c4;
	text-decoration: none;
}

a.co7{
	border: 0;
	color: white;
	text-decoration: none;
	font-weight: normal;
}

a.co7:hover{
	color: #6b86c4;
	text-decoration: none;
}

@media (max-width: 767px) {
	.fp_button{
		max-width:200px;
	}
}

img{
	width: auto\9;
	height: auto;
	max-width: 100%;
	vertical-align: middle;
	border: 0;
	-ms-interpolation-mode: bicubic;
}


.ph_div{
	min-width:350px;
	margin-left: auto;
	margin-right: auto;
	max-width: 1250px;
	padding:0px;
	width: 100%;
	text-align: right;
}
	
@media (max-width: 767px) {
	.ph_div{
		min-width:350px;
		margin-left:auto;
		margin-right: auto;
		max-width: 1250px;
		padding:0px;
		width: 100%;
		text-align: center;
	}
}
	
a.co9{
	border: 0;
	text-decoration: none;
	font-weight: normal;
	color: navy;
	font-size: 2em;
}

a.co9:hover{
	color: #4851ff;
	text-decoration: none;
}


.mtitle{
	font-size:3em;
	font-weight: bold;
	margin-top: 30px;
	margin-bottom: 30px;
}


@media (max-width: 1250px) {
	.logoimg{
		width: 175px;
	}

	.mtitle{
		font-size:2.5em;
	}

	a.co9{
		font-size: 1.8em;
	}
}

@media (max-width: 1050px) {

	.mtitle{
		font-size:2em;
	}

	a.co9{
		font-size: 1.5em;
	}
}

@media (max-width: 880px) {

	.mtitle{
		font-size:1.7em;
	}

	a.co9{
		font-size: 1.2em;
	}
}

@media (max-width: 767px) {

	.mtitle{
		font-size:1.5em;
	}

	a.co9{
		font-size: 1em;
	}
}

@media (max-width: 567px) {

	.mtitle
	{
		font-size:1.2em;
	}
}

.fptesthead
	{
		/*font-family: 'Yellowtail', cursive;*/
		font-size:1.5em;
	}

.fptestp
	{
		/*font-family: 'Handlee', cursive;*/
		font-style: italic; 
		font-weight: normal;
		font-size: 1.1em;
	}

.fptestimg
	{
	}


.ftitem
	{
		width: 100%;
		min-width: 310px;
		margin-left:auto;
		margin-right:auto;
	}
	
.cinn
	{
		height:200px;
	}
	
@media (max-width: 767px) {
	.ftitem
		{
			width: 100%;
			min-width: 310px;
			margin-left:auto;
			margin-right:auto;
		}
		
	.fptesthead
		{
			/*font-family: 'Yellowtail', cursive;*/
			font-size:3em;
		}

	.fptestp
		{
			/*font-family: 'Handlee', cursive;*/
			font-size: 2em;
		}
		
	.cinn
		{
			height:400px;
		}
}

@media (max-width: 1250px) {
	.ftitem
		{
			width: 100%;
			min-width: 310px;
			margin-left:auto;
			margin-right:auto;
		}
		
	.fptesthead
		{
			/*font-family: 'Yellowtail', cursive;*/
			font-size:1.5em;
		}

	.fptestp
		{
			/*font-family: 'Handlee', cursive;*/
			font-size: 1em;
		}
	.cinn
		{
			height:200px;
		}
}
	

	
.colsmimg
{
	box-shadow: 1px 1px 3px black;
	margin-bottom:20px;
}
	
	
.col1
	{


		text-align: center;
		max-width: 200px;
		min-width:300px;
		padding: 15px;
		display: inline-block;
		vertical-align: top;
		margin: 10px;
		height:100%;
	}
	
.col1:hover
{
		opacity: 0.8;
		filter: alpha(opacity=80); /* For IE8 and earlier */
}
	
	
.colimg1
	{
		display: block;
		margin: 0 auto 30px;
		max-height: 200px;
	}
	
	
	
	
	
	
	
	
	
	
	
	
	
	

/* NAVBAR STUFF HERE */


.navbar-default {
  background-color: #272c6b;
  border-color: #6a73e8;
}
.navbar-default .navbar-brand {
  color: #ecf0f1;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
  color: #c4e8ff;
}
.navbar-default .navbar-text {
  color: #ecf0f1;
}
.navbar-default .navbar-nav > li > a {
  color: #ecf0f1;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #c4e8ff;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #c4e8ff;
  background-color: #6a73e8;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  color: #c4e8ff;
  background-color: #6a73e8;
}
.navbar-default .navbar-toggle {
  border-color: #6a73e8;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: #6a73e8;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #ecf0f1;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color: #ecf0f1;
}
.navbar-default .navbar-link {
  color: #ecf0f1;
}
.navbar-default .navbar-link:hover {
  color: #c4e8ff;
}

@media (max-width: 767px) {
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #ecf0f1;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #c4e8ff;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #c4e8ff;
    background-color: #6a73e8;
  }
}



/* caption stuff here*/

.carousel-caption
{
	background-color: black;
}

.transition-timer-carousel .carousel-caption {
    background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.1) 4%, rgba(0,0,0,0.5) 32%, rgba(0,0,0,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(4%,rgba(0,0,0,0.1)), color-stop(32%,rgba(0,0,0,0.5)), color-stop(100%,rgba(0,0,0,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 4%,rgba(0,0,0,0.5) 32%,rgba(0,0,0,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 4%,rgba(0,0,0,0.5) 32%,rgba(0,0,0,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 4%,rgba(0,0,0,0.5) 32%,rgba(0,0,0,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 4%,rgba(0,0,0,0.5) 32%,rgba(0,0,0,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
    width: 100%;
	left: 0px;
	right: 0px;
	bottom: 0px;
	text-align: left;
	padding-top: 5px;
	padding-left: 15%;
	padding-right: 15%;
}
.transition-timer-carousel .carousel-caption .carousel-caption-header {
	margin-top: 10px;
	font-size: 24px;
}

@media (min-width: 970px) {
    /* Lower the font size of the carousel caption header so that our caption
    doesn't take up the full image/slide on smaller screens */
	.transition-timer-carousel .carousel-caption .carousel-caption-header {
		font-size: 36px;
	}
}
.transition-timer-carousel .carousel-indicators {
	bottom: 0px;
	margin-bottom: 5px;
}
.transition-timer-carousel .carousel-control {
	z-index: 11;
}
.transition-timer-carousel .transition-timer-carousel-progress-bar {
    height: 5px;
    background-color: #5cb85c;
    width: 0%;
    margin: -5px 0px 0px 0px;
    border: none;
    z-index: 11;
    position: relative;
}
.transition-timer-carousel .transition-timer-carousel-progress-bar.animate{
    /* We make the transition time shorter to avoid the slide transitioning
    before the timer bar is "full" - change the 4.25s here to fit your
    carousel's transition time */
    -webkit-transition: width 5s linear;
	-moz-transition: width 5s linear;
	-o-transition: width 5s linear;
	transition: width 5s linear;
}






img[usemap] {

}
	

.tooltip > .tooltip-inner {
    font-size: 2em;
}

div.containern
{
	margin-left: auto;
	margin-right: auto;
	padding:0px;
	width:100%;
	
}

hr
{
	width:100%;
}

.carousel-inner
	{
		/*height: 400px;*/
	}

.car
	{
		width:100%;
		/*height:400px;*/
	}

a.hlink
{
	border: 0;
	/*text-shadow: 0px 0px 10px white;*/
	color: #edc6ff;
	text-decoration: none;
	font-weight: normal;
}

a.hlink:hover
{
	color: #4c94ff;
	/*text-decoration: none;*/
}
	
a
{
	color: navy;
}
	
	
.vcenter
{
	display: inline-block;
	vertical-align: middle;
	float: none;
}

.topsec_r_inner
{
	margin-left: auto;
	margin-right: auto;
	padding: 20px;
	min-width: 350px;
	max-width: 1250px;
	background-color: white;
	width: 100%;
}

.navadditional
{
	width: 100%;
	border-top: 1px solid #272c6b;
}

.navbar_inner
{
	min-width:350px;
	max-width: 1250px;
	width:100%;
	margin-left: auto;
	margin-right: auto;
}

.theme_font
{

}

.page_inner
{
	padding:20px;
	margin-left: auto; 
	margin-right: auto;
	background-color: white;
	min-width:350px;
	max-width:1250px;
	border-radius: 25px;
	box-shadow: 3px 3px #456574;
}

.mtitle_blue
{
	color:#00b0f0;
	/*text-shadow: 1px 1px 0px #015a7b;*/
}

.mtitle_green
{
	color:#93d052;
	/*text-shadow: 1px 1px 0px #52742d;*/
}

.mtitle_orange
{
	color:#ffc000;
	/*text-shadow: 1px 1px 0px #b18500;*/
}

.navbar_extra
{
	box-shadow: 0px -1px 0px #085a80;
}

.make_green
{
	color: #539742;
}

.make_purple
{
	color: #7853a1;
}

.make_red
{
	color: #ac1e2e;
}

.make_orange
{
	color: #f2a020;
}



.carousel-control.left {
background: none;
}

.carousel-control.right {
background: none;
}

.carousel-indicators {
  bottom:-50px;
}

.carousel-indicators li {
    display: inline-block;
    width: 15px;
    height: 15px;
    margin: 5px;
    text-indent: 0;
    cursor: pointer;
    border: none;
    border-radius: 50%;
    background-color: white;
    box-shadow: inset 1px 1px 1px 1px rgba(0,0,0,0.5);
}

.carousel-indicators .active {
    width: 15px;
    height: 15px;
    margin: 5px;
    background-color: black;
}

.thumbnail_extra
{
	max-width:400px;
	border: none;
	margin-bottom:20px;
}

.img_dress
{
	box-shadow: 2px 2px 2px #878787;
	border: 1px solid #878787;
}


.pager>li>a {
  color:#3571ba;
}