/* ==========================================================================
   Author's custom styles
   ========================================================================== */
body {
	background-image:url(../img/background.gif); 
	background-color:#f2f2f2; 
}


#rainbow-feature{
	top: 0;
    left: 0;
    min-width: 100%;
	height:8px;
	background-image:url(../img/rainbow-feature.gif);
	background-size: 100% 8px;
	
}

.address-bar {
	background-color:#FFF;
	height:26px;
	width:100%;
	font-size:12px;
	color:#AAAAAA;
	padding-top:3px;
	text-align:center;
}
.address-bar a{
	color:#AAAAAA;
}

.enquire-footer{
	background-image:url(../img/footer-bg.gif);
	height:125px;
	width:100%;	
    font-family: "Josefin Sans","Helvetica Neue", Helvetica, Arial, sans-serif;
	padding:0;
	margin:0;
	text-align:center;
}
.slide{
 padding:0;
 margin:0;	
}

.enquire-footer p{
	color:#FFF;
	padding-top:50px;
	font-size:33px;	
	font-weight: 300; 
}

.logo-panel{
	height:115px;
	background-color:#f2f2f2;	
	width:100%;
	margin:auto;
	text-align:center;
}
.navbar{
	margin:0;
	padding:0;	
}
.navbar-inner{
	color:#f2f2f2;
	background-color:#f2f2f2;
	background-image:none;
	height:31px;
	
}

.navbar .nav,
.navbar .nav > li {
    float:none;
    display:inline-block;
    *display:inline; /* ie7 fix */
    *zoom:1; /* hasLayout ie7 trigger */
    vertical-align: top;
	background-color:#f2f2f2;
}

 .navbar-inner {
    text-align:center;
	
	
}
 /* CUSTOMIZE THE CAROUSEL
    -------------------------------------------------- */

    /* Carousel base class */
    .carousel {
      
	  max-width:100%;
      height:100%;
    }

    .carousel .container {
      z-index: 9;
    }
    .carousel-control {
      height: 80px;
      margin-top: 0;
      font-size: 120px;
      text-shadow: 0 1px 1px rgba(0,0,0,.4);
      border: 0;
      z-index: 10;
      float:none;
	  clear:none;
   	
    }

    .carousel .item {
	  height: 396px;
	  max-height:396px;
	  
    }
    .carousel img {
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		
    }

    .carousel-caption {
	  margin:auto;
      background-color: transparent;
      text-align:center;
	  float:none;
	  clear:none;
	  
    }
	
	.carousel-caption img {
	 padding:0;
	 float:none;
	 clear:none;
	 max-width:342px;
	 margin-top:-342px;
    }
	.carousel-badge {
	  margin:auto;
      background-color: transparent;
      text-align:center;
	  float:none;
	  clear:none;
	  
    }
	
	.carousel-badge img {
	 padding:0;
	 float:none;
	 clear:none;
	 max-width:283px;
	 max-height:283px;
	 margin-top:-392px;
    }
	
    .carousel-caption h1,
    .carousel-caption .lead {
    
      color: #fff;
      text-shadow: 0 1px 1px rgba(0,0,0,.4);
    }
    .carousel-caption .btn {
      margin-top: 10px;
    }




 
  

body {
  margin: 0;
  font-family: "Roboto","Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400; 
  color: #000000;
  background-color: #f2f2f2;
}

a {
  color: #f254a1;
} 


p {
  font-size: 14px;
  letter-spacing:0px;
  font-weight:300;
}

li{
  font-size: 14px;
  letter-spacing:0px;
  font-weight:300;	
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: #3a91a2;
}

h1{
	 font-family: "Josefin Sans","Helvetica Neue", Helvetica, Arial, sans-serif;	
	 font-size: 54px;
	 font-weight:100;
	 color:#f254a1;
	 padding-top:16px;
	 width:auto;
}

h4{
	 font-family: "Josefin Sans","Helvetica Neue", Helvetica, Arial, sans-serif;	
	 font-size: 24px;
	 font-weight:900;
	 color:#f254a1;
	 padding-top:16px;
	 width:auto;
}

h2{
	 font-family: "Margarine","Helvetica Neue", Helvetica, Arial, sans-serif;	
	 font-size: 24px;
	 font-weight:100;
	 width:auto;
}

h3{
	 font-family: "Margarine","Helvetica Neue", Helvetica, Arial, sans-serif;	
	 font-size: 18px;
	 font-weight:100;
	 width:auto;
	 color:#898989;
}

.page-header {
  border-bottom: 0pxpx solid #f2f2f2;
}

hr {
  border-top: 1px solid #e8e8e8;
  border-bottom: 1px solid #e8e8e8;
}

select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
  background-color: #f2f2f2;
  padding: 4px 4px 4px 4px;
  font-size: 13px;
  color: #424242;
  border: 1px solid #9ed9e5;
}

.well {
  background-color: #ffffff;
}

.btn {
  color: #f254a1;
  font-family: "Roboto","Helvetica Neue", Helvetica, Arial, sans-serif;
  border:none;

}

.btn:hover,
.btn:active,
.btn.active,
.btn.disabled,
.btn[disabled] {
  color: #f2f2f2;
  background-color: #cf498a;
}

.btn-primary {
  background-color: #f254a1;
  color: #ffffff;
  background-image: -moz-linear-gradient(top, #f254a1, #f254a1);
  background-image: -ms-linear-gradient(top, #f254a1, #f254a1);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f254a1), to(#f254a1));
  background-image: -webkit-linear-gradient(top, #f254a1, #f254a1);
  background-image: -o-linear-gradient(top, #f254a1, #f254a1);
  background-image: linear-gradient(top, #f254a1, #f254a1);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#'f254a1, endColorstr='#'f254a1, GradientType=0);
}

.btn-primary:hover,
.btn-primary:active,
.btn-primary.active,
.btn-primary.disabled,
.btn-primary[disabled] {
	 color: #ffffff;
  background-color: #cf498a;
}

.btn-warning {
  color: #ffffff;
  background-image: -moz-linear-gradient(top, #fbb450, #f89406);
  background-image: -ms-linear-gradient(top, #fbb450, #f89406);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406));
  background-image: -webkit-linear-gradient(top, #fbb450, #f89406);
  background-image: -o-linear-gradient(top, #fbb450, #f89406);
  background-image: linear-gradient(top, #fbb450, #f89406);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#'fbb450, endColorstr='#'f89406, GradientType=0);
}

.btn-warning:hover,
.btn-warning:active,
.btn-warning.active,
.btn-warning.disabled,
.btn-warning[disabled] {
  background-color: #f89406;
}

.btn-danger {
  color: #ffffff;
  background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f);
  background-image: -ms-linear-gradient(top, #ee5f5b, #bd362f);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f));
  background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f);
  background-image: -o-linear-gradient(top, #ee5f5b, #bd362f);
  background-image: linear-gradient(top, #ee5f5b, #bd362f);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#'ee5f5b, endColorstr='#'bd362f, GradientType=0);
}

.btn-danger:hover,
.btn-danger:active,
.btn-danger.active,
.btn-danger.disabled,
.btn-danger[disabled] {
  background-color: #bd362f}

.btn-success {
  color: #ffffff;
  background-image: -moz-linear-gradient(top, #62c462, #51a351);
  background-image: -ms-linear-gradient(top, #62c462, #51a351);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351));
  background-image: -webkit-linear-gradient(top, #62c462, #51a351);
  background-image: -o-linear-gradient(top, #62c462, #51a351);
  background-image: linear-gradient(top, #62c462, #51a351);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#'62c462, endColorstr='#'51a351, GradientType=0);
}
.btn-success:hover,
.btn-success:active,
.btn-success.active,
.btn-success.disabled,
.btn-success[disabled] {
  background-color: #51a351;
}

.btn-info {
  color: #ffffff;
  background-image: -moz-linear-gradient(top, #3a91a2, #3a91a2);
  background-image: -ms-linear-gradient(top, #3a91a2, #3a91a2);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#3a91a2), to(#3a91a2));
  background-image: -webkit-linear-gradient(top, #3a91a2, #3a91a2);
  background-image: -o-linear-gradient(top, #3a91a2, #3a91a2);
  background-image: linear-gradient(top, #3a91a2, #3a91a2);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#'3a91a2, endColorstr='#'3a91a2, GradientType=0);
}
.btn-info:hover,
.btn-info:active,
.btn-info.active,
.btn-info.disabled,
.btn-info[disabled] {
  background-color: #3a91a2;
}

.alert {
  padding: 8px 35px 8px 14px;
  background-color: #f2a3c9;
  border: 1px solid #fbeed5;
}

.alert-success {
  background-color: #dff0d8;
  border-color: #d6e9c6;
}
.alert-success, .alert-success .alert-heading {
  color: #468847;
}
.alert-danger, .alert-error {
  background-color: #f2dede;
  border-color: #eed3d7;
}
.alert-danger,
.alert-error,
.alert-danger .alert-heading,
.alert-error .alert-heading {
  color: #b94a48;
}
.alert-info {
  background-color: #d9edf7;
  border-color: #bce8f1;
}
.alert-info, .alert-info .alert-heading {
  color: #3a87ad;
}

.navbar-inner {
   
   border:none;
   background-color:#f2f2f2;
}

.navbar .brand {
  padding: 8px 20px 12px;
  font-size: 14px;
  color: #f2a3c9;
   border:none;
 
}

.navbar .divider-vertical {
  height: 0px;
  background-color: #ffffff;
  }

.navbar .nav > li > a {
  margin-top:2px;
  padding: 6px 30px 5px;
  font-size: 14px;
  font-family: 'Margarine', cursive;
  text-shadow:none;
  color: #f2a3c9;
}

.navbar .nav > .active > a,
.navbar .nav > .active > a:hover,
.navbar .nav > .active > a:focus {
  color: #ffffff;
  background-color:#f254a1;
  background-image:url(../img/nav-background.gif)
  }
  
  	

.label,
.badge {
  padding: 1px 3px 2px;
  font-size: 9.75px;
  color: #ffffff;
  background-color: #999999;
}

.label-important,
.badge-important {
  background-color: #468847;
}

.label-warning,
.badge-warning {
  background-color: #b94a48;
}

.label-success,
.badge-success {
  background-color: #f89406;
}

.label-info,
.badge-info {
   background-color: #3a87ad;
}
.navbar .nav > li > a:hover{
	color:#f254a1;
}

.row{
	margin-top:12px;
	margin-bottom:12px;	
}

.body-container{
	background-color:#f2f2f2;
}



#rainbow-feature-body{
	top: 0;
    left: 0;
    min-width: 100%;
	height:3px;
	background-image:url(../img/rainbow-feature.gif);
	background-size: 100% 8px;
}

.row img{
	
	margin-bottom:20px;
}

.form-background{
	background-image:url(../img/form-background.jpg);
	background-repeat:no-repeat;	
}

.control-label{
	 font-family: "Margarine","Helvetica Neue", Helvetica, Arial, sans-serif;	
	 font-size: 14px;
	 font-weight:100;
	 width:auto;
	 color:#3a91a2;
}

.form-bg{
	background-color:#FFF;	
	padding-left: 12px;
	padding-right:22px;
	padding-top:20px;
	padding-bottom:20px;
	margin: 20px 0px 20px 0px;
	width:auto;
	
}

.map{
	margin: 0 auto;
	overflow: hidden;
	clear: both;
	position: relative;
	height:396px;
}

.map iframe {
	left: 50%;
	margin:0;
	padding:0;
	margin-left: -960px;
	position:relative;
}

.contact-list p img{	
	padding:0;
	margin:0;
	padding-right:12px;
	
}
.contact-list p{	
font-size:18px;
}
.contact-list {	
	padding:0;
	margin:0;
	padding-left:12px;
	
}
.contact-list a{	
	color:#898989;
}

.gallery{
	margin-top:20px;
	margin-left:0;	
	padding:20px 30px 30px 30px;	
	
}
.gallery p{
	
}
.row-gallery {
	margin:0;
	margin-top:12px;
	margin-bottom:12px;	
	padding:0;
	margin-left:-28px;
	height:auto;
}


.row-gallery img{
	margin-top:20px;
	margin-bottom:20px;
	margin-left:0px;
	padding:0;
}

.small-badges img{
	padding:10px;
}

.exceeding{
	margin-bottom:45px !important;
}

@media (max-width: 979px) {

.logo-panel{
	height:135px;
	background-color:#f2f2f2;	
	width:100%;
	margin:auto;
	text-align:center;
}
.navbar .divider-vertical {
  height: 0px;
  background-color: #ffffff;
  }

.navbar .nav > li > a {
  margin-top:2px;
  padding: 6px 20px 5px;
  font-size: 12px;
  font-family: 'Margarine', cursive;
  text-shadow:none;
  color: #f2a3c9;
}

.navbar .nav > .active > a,
.navbar .nav > .active > a:hover,
.navbar .nav > .active > a:focus {
  color: #ffffff;
  background-color:#f254a1;
  background-image:url(../img/nav-background.gif)
  }


      .container.navbar-wrapper {
        margin-bottom: 0;
        width: auto;
      }
      .navbar-inner {
        border-radius: 0;
        margin: -20px 0;
      }

      .carousel .item {
        height: 396px;
      }
      .carousel img {
        width: auto;
        height: 396px;
      }
	  
	  .carousel-control {
		  height: 80px;
		  margin-top: 0;
		  font-size: 120px;
		  text-shadow: 0 1px 1px rgba(0,0,0,.4);
		  border: 0;
		  z-index: 10;
		  float:none;
		  clear:none;
    }
	.carousel-control img{
		height:80px;	
	}
	
	#rainbow-feature{
		 margin-top:15px;
		 background-size: 100% 8px;
	}
	
	.enquire-footer p{
		font-size:24px;
		display:block;
	}
	.enquire-footer .btn{
		clear:both;
		margin:auto;
		float:none;
		
	}
	.carousel-caption img{
	  width:280px;
	  height:100%;
	 
	  float:none;
	  clear:none;

    }
	.carousel-badge img{
	  width:240px;
	  height:240px;
	 
	  float:none;
	  clear:none;

    }
	 h1{
		font-size:50px;  
	  }
	 .contact-list p{	
		font-size:14px;
		}
		
	.row-gallery{
		margin-top:0px;
		
	}
	.row-gallery img{
		margin:0;
		margin-left:15px;
		padding:0;
		margin-top:10px;
		
	}
	.gallery{
		margin-top:0px;
		margin-left:10px;	
		padding:0px 10px 10px 20px;	
		
	}
	.gallery p{
		font-size:12px;
		
	}
	.gallery h3{
		font-size:14px;
		margin:0;
		
	}
 }
 
 @media (max-width: 767px) {
	 body{
		padding:0;
		margin:0; 
		padding-right: 0 !important;
        padding-left: 0 !important;
  
	 }

      h1{
		font-size:44px;  
	  }
	.navbar .nav > li > a {
	  margin-top:2px;
	  margin:auto;
	  padding: 6px 30px 5px;
	  font-size: 14px;
	  display:block;
	  width:200px;
	  font-family: 'Margarine', cursive;
	  text-shadow:none;
	  color: #f2a3c9;
	}
	.navbar .nav > .active > a,
	.navbar .nav > .active > a:hover,
	.navbar .nav > .active > a:focus {
		  color: #ffffff;
		 margin:auto;
		 width:200px;
		  background-color:#f254a1;
		  background-image:url(../img/nav-background.gif)
	  }
	  
	  .navbar .nav,
	.navbar .nav > li {
		margin:auto;
		float:none;
		clear:both;
		display:inline-block;
  		*display:inline; /* ie7 fix */
    	*zoom:1; /* hasLayout ie7 trigger */vertical-align: top;
		background-color:#f2f2f2;
		width:300px;
		
	}
	
	 .navbar-inner {
		width:100%;
		float:none;
		clear:both;
		text-align:centre;
		margin:0;
		
		padding:0;
		padding-bottom:12px;
		margin-top:-22px;
		height:210px;
	}
	#rainbow-feature{
		 margin-top:0px;
		 background-size: 100% 8px;
	}
	.enquire-footer p{
		width:300px;
		font-size:20px;
		display:block;
		margin:auto;
		padding-top:32px;
		font-weight:200;
	}
	.enquire-footer{
		
		height:200px;
		background-repeat:repeat-x;
		margin:auto;
		text-align:center;
		margin-bottom:0px;	
	}
	.enquire-footer .btn{
		clear:both;
		float:none;
		display:block;
		text-align:center;
		width:150px;
		margin:auto;
	}
	.enquire-footer .btn-primary{
		margin-top:12px;
		margin-bottom:40px;
	}
	.logo-panel{
		background-image:url(../img/comopark-logo-small.gif);
		background-repeat:no-repeat;
		margin:auto;
		text-align:center;
		background-position:center;
	}
	
	.logo-panel img{
		display:none;
	}
	
	.carousel {
       
      }
      .carousel .container {

      }
      .carousel .item {
        height: 300px;
		width:300%;
		
     }
      .carousel img {
		height:100%;
      }
      .carousel-caption {
	  	
	  }
      	
	.carousel-caption img{
	  width:280px;
	  height:100%;
	  padding-top:32px;
	  margin-left:-68%;
	  float:none;
	  clear:none;
    }
	.carousel-badge img{
	  width:200px;
	  height:200px;
	  padding-top:60px;
	  margin-left:-68%;
	  float:none;
	  clear:none;
    }
	 .carousel-control .left {
      height:40px;
      float:none;
	  clear:none;
    }
	.address-bar {
		display:none;
	}
	.body-container{
		padding-left:20px;
		padding-right:20px;	
	}
	.contact-list p{	
		font-size:14px;
		}
	.row-gallery{
		margin-top:0px;
		
	}
	.gallery{
		margin-top:0px;
		margin-left:0;	
		padding:10px 10px 10px 20px;
	}
 }