body{
	background:url("http://kodaikanalbuildersham.com/images/dolphin.jpg");
	font-weight: 400;
	font-size: 15px;
	color: #aa3e03;
	overflow-y: scroll;
	overflow-x: hidden;
	text-align:center;
	padding:0;
	margin:0;
}
.ie7 body{
	overflow:hidden;
}

.header{
width:100%;
background-color:rgba(0, 0, 0, 0);
position:relative;
z-index:5;
float:left;
}


.header h1{
font-size:60px;
color:#fff;
font-family: 'Alex Brush', cursive;
margin:0;
padding:15px  0 0 0;
}

.header span{
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
color:#FFFFFF;
margin-bottom:10px;
display:block;
}


.overlay{
background-color:rgba(0,0,0,0.2);
position: fixed;
width:100%;
top: 0;
left:0;
bottom:0;
right: 0;
z-index:2;
}

.footer{
width:100%;
background-color:rgba(0,0,0,0.7);
font-size:11px;
color:#CCCCCC;
bottom:0;
left:0;
position:fixed;
padding:10px 0;
z-index:2;
font-family:Arial, Helvetica, sans-serif;
}
.footer a{
color:#FFFFFF;
text-decoration:none;
}

.cent{
width:95%;
max-width:540px;
margin:0 auto;
z-index:2;
position:relative;
}

.hilltop-group{ float:left; width:100%; margin-top:70px;}
.hilltop-group ul{
margin:0;
padding:0;
list-style-type:none;
}
.hilltop-group ul li{
float:left;
/*width:250px;
height:190px;
border-radius:50%;
background-color:rgba(0,0,0,0.8);
text-align:center;
padding-top:60px;*/
width: 41%;
height: 0;
padding-bottom: 35%;
padding-left:2%;
padding-right:2%;
padding-top:10%;
background-color:rgba(0,0,0,0.8);
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
position:relative;
}
.hilltop-group ul  li img{
max-width:100%;
height:auto;
display:block;
margin:0 auto;

}
.hilltop-group ul a:first-child  li{
margin-right:10%;
}
.hilltop-group ul li.hilltop:hover{
background-color:rgba(49,126,253,0.8);
}

.hilltop-group ul li.jai:hover{
background-color:rgba(0,150,63,0.8);
}


h2{
font-family: 'Open Sans', sans-serif;
font-size:18px;
color:#FFFFFF;
font-weight:normal;
letter-spacing:5px;
margin-top:100px;
margin-bottom:50px;
}




/* Common columns css */

.grid-row{
width:100%;
float:left;
margin-bottom:20px;
}

.col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10, .col11, .col12 {
float: left;
margin: 0 2% 0 0;
margin-bottom:15px;
}

.col1.last, .col2.last, .col3.last, .col4.last, .col5.last, .col6.last, .col7.last, .col8.last, .col9.last, .col10.last, .col11.last, .col12 {
margin: 0;
}

.col1 img, .col2 img, .col3 img, .col4 img, .col5 img, .col6 img, .col7 img, .col8 img, .col9 img, .col10 img, .col11 img, .col12 img {
max-width: 100%;
height: auto;
display: block;
}


.col1 { width: 6.5%; }
.col2 { width:15% ; }
.col3 { width:23.5 ; }
.col4 { width: 32%; }
.col5 { width: 40.5%; }
.col6 { width: 49%; }
.col7 { width:57.5% ; }
.col8 { width: 66%; }
.col9 { width: 74.5%; }
.col10 { width: 83%; }
.col11 { width: 91.5%; }
.col12 { width: 100%; margin: 0; }

@media all and (max-width: 785px) {

.col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10, .col11 {
float: none;
width: 100%;
margin-bottom:30px;
}
}



/* common CSS */
.img-responsive{
  max-width: 100%;
  height: auto;
  display: block;
}
.line{
width:100%;
height:1px;
background-color:#c7c7c7;
float:left;
margin-top:15px;
margin-bottom:15px;
}

.point-event{pointer-events:none;}
.cent{
text-align:center !important;
}

.text-rt{
text-align:right !important;
}
.text-lt{
text-align:left !important;
}


.rel{
position:relative !important;
}
.abs{
position:absolute !important;
}
.pos-fixed{
position:fixed;
}

.width-off{
width:50% !important;
}
.width-hund{
width:100% !important;
}

.lt-float{
float:left !important;
}

.rt-float{
float:right !important;
}

.trans{
transition: all .5s ease;
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-ms-transition: all .5s ease;
-o-transition: all .5s ease;
}

.no-wrap{
white-space:nowrap !important;
}

.uni-color{
color:#333 !important;
}
.block{
display:block !important;
}

.inline-block{
display:inline-block !important;
}

.up-case{
text-transform:uppercase !important;
}
.low-case{
text-transform:lowercase !important;
}
.capitalize{
text-transform:capitalize !important;
}
.txt-trans{
text-transform:none !important;
}


.margin{
margin-left:auto !important;
margin-right: auto !important;
}

.btm{
bottom:0 !important;
}
.tpm{
top:0 !important;
}
.ltm{ 
left:0 !important;
}
.rtm{
right:0!important;
}


.require{
color:red !important;
font-size:18px !important;
/*vertical-align: super;*/
}

.mar-btm0{
margin-bottom:0px !important;
}

.mar-btm5{
margin-bottom:5px !important;
}
.mar-btm10{
margin-bottom:10px !important ;
}
.mar-btm15{
margin-bottom:15px !important;
}
.mar-btm{
margin-bottom:20px !important;
}



.mar-tp0{
margin-top:0px !important;
}
.mar-tp5{
margin-top:5px !important;
}
.mar-tp10{
margin-top:10px !important;
}
.mar-tp15{
margin-top:15px !important;
}
.mar-tp{
margin-top:20px !important;
}


.pad-tp5{
padding-top:5px !important;
}
.pad-tp10{
padding-top:10px !important;
}
.pad-tp15{
padding-top:15px !important;
}
.pad-tp20{
padding-top:20px !important;
}


.pad-btm5{
padding-bottom:5px !important;
}
.pad-btm10{
padding-bottom:10px !important;
}
.pad-btm15{
padding-bottom:15px !important;
}
.pad-btm20{
padding-bottom:20px !important;
}


.pad-rt5{
padding-right:5px !important;
}
.pad-rt10{
padding-right:10px !important;
}
.pad-rt15{
padding-right:15px !important;
}
.pad-rt20{
padding-right:20px !important;
}


.pad-lt5{
padding-left:5px !important;
}
.pad-lt10{
padding-left:10px !important;
}
.pad-lt15{
padding-left:15px !important;
}
.pad-lt20{
padding-left:20px !important;
}


.bx-link {
display: block;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 5;
}

.read-more{
font-size:12px;
color:#999999;
text-decoration:underline;
}