/* CSS Document */
@font-face
{
font-family: myFirstFont;
src: url(../fonts/lhandw.ttf);
font-weight: normal;
}
@font-face {
	font-family: 'Abel';
	font-style: normal;
	font-weight: 600;
	src: local('Abel'), local('Abel-Regular'), url(../fonts/N59kklKPso9WzbZH9jwJSg.ttf) format('truetype');}

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, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
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; }
  
  *{margin:0px; padding:0px;}
ol, ul {
  list-style: none; }
 
q, blockquote {
  quotes: none; }
  q:before, q:after, blockquote:before, blockquote:after {
    content: "";
    content: none; }

a img {
  border: none; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
  display: block; }
  
  body {background:url(../images/rangoli_mangalore_web_bg.png) no-repeat; background-position: top;}
  header {width:100%; padding:0px 0px 0px 0px; background:#FFF;border-bottom:0px solid #a7a7a7;}
  .clear {clear:both;}
.space1 {width:995px; height:10px; margin:0px auto;}
.space2 {width:995px; height:15px;margin:0px auto;}
.space3 {width:995px; height:30px; margin:0px auto;}

.logo {float: left; width:318px; height:70px; margin-left:0px; margin-top:0px;}
.logo_name {float: left; width:488px; height:89px; margin-top:25px; margin-left:20px;}

.contact_sec {float:right; width:220px; margin-top:20px;margin-top:10px;}
.main {margin:0px auto; width:995px; background:#FFF;}
.main1 {margin:0px auto; width:975px; padding:10px;}

.facebook {height:30px;top:0;width:30px;z-index:30; float:left;margin-right:10px; margin-left:50px;}
.facebook:after {background:url(../images/facebook_hover.png) no-repeat 0;content:'';height:30px;left:0;top:0;width:30px;}
.facebook a {background:url(../images/facebook_hover.png) no-repeat 0;display:block;height:30px;overflow:hidden;position: absolute;text-indent:-9999px;width:30px;z-index:2;-webkit-transition: -webkit-transform 100ms linear 0s;-moz-transition: -moz-transform 100ms linear 0s; -o-transition: -o-transform 100ms linear 0s;transition: transform 100ms linear 0s; margin-top:7px;}
.facebook a:hover {background:url(../images/facebook.png) no-repeat 0;background-position:0;}

.twiter {height:30px;top:0;width:30px;z-index:30; float:left; margin-right:10px;}
.twiter:after {background:url(../images/twiter_hover.png) no-repeat 0;content:'';height:30px;left:0;top:0;width:30px;}
.twiter a {background:url(../images/twiter_hover.png) no-repeat 0;display:block;height:30px;overflow:hidden;position: absolute;text-indent:-9999px;width:30px;z-index:2;-webkit-transition: -webkit-transform 100ms linear 0s;-moz-transition: -moz-transform 100ms linear 0s; -o-transition: -o-transform 100ms linear 0s;transition: transform 100ms linear 0s; margin-top:7px;}
.twiter a:hover {background:url(../images/twiter.png) no-repeat 0;background-position:0;}

.youtube {height:30px;top:0;width:30px;z-index:30; float: left; margin-right:10px;}
.youtube:after {background:url(../images/youtube.png) no-repeat 0;content:'';height:30px;left:0;top:0;width:30px;}
.youtube a {background:url(../images/youtube.png) no-repeat 0;display:block;height:30px;overflow:hidden;position: absolute;text-indent:-9999px;width:30px;z-index:2;-webkit-transition: -webkit-transform 100ms linear 0s;-moz-transition: -moz-transform 100ms linear 0s; -o-transition: -o-transform 100ms linear 0s;transition: transform 100ms linear 0s; margin-top:7px;}
.youtube a:hover {background:url(../images/youtube_hover.png) no-repeat 0;background-position:0;}
.banner_bg { margin:0px auto; width:995px;background:#000;}
.left_sec {float:left; width:730px;}
.right_sec {float:right; width:226px; background:#041103; padding:10px 10px 0px 10px;}
.add {float:left; margin-bottom:10px;}

.text1 {font-family: 'Abel', sans-serif; color:#000; font-size:15px; text-align: left; font-weight: 400; letter-spacing:1px;}
.text1 ul { list-style-image: url(../images/arrow.png);}
.text1 li {line-height:23px;}
.img_gallery_scroll {background:#e0e0e0; padding:5px;}

.line1 {background:url(../images/line2.png) repeat-x; width:100%; height:11px;}
.footer_nav { float:left; width:700px; margin-top:0px;}
.footer_nav ul { list-style-type: none;}
.footer_nav li {font-family: Verdana, Geneva, sans-serif; color:#FFF; font-weight: normal; font-size: 13px;text-align:left; display:inline-block; padding:0px 10px 0px 10px;}
.footer_nav a {font-family: Verdana, Geneva, sans-serif; color:#000; font-weight: normal; font-size: 13px;text-align:left; text-decoration:none;}
.footer_nav a:hover {color:#FFF;}
.sup  {font-family: Verdana, Geneva, sans-serif; font-size: 12px; color:#000; text-align: left; margin-top:5px; padding-left:10px;float:right;}
.sup a {font-family: Verdana, Geneva, sans-serif; font-size: 12px; color:#fff; text-align: center;  text-decoration:none;}
.sup a:hover {font-family: Verdana, Geneva, sans-serif; font-size: 12px; color:#FFF; text-align: center;}

.copy {font-family: Verdana, Geneva, sans-serif; font-size: 12px; color:#900; text-align: left; margin-top:0px; padding-left:10px;}
.welcome_text {font-family: myFirstFont; color:#343434; font-size:26px; text-align:left; font-weight: normal;}
.color1 {color:#e63230;}

.footer_bg {background: #01b7f2}



.gal_sec {width:975px; margin:0px auto;}
.gal_sec ul { list-style-type: none;}
.gal_sec li {float:left; margin: 7px 7px 7px 7px; padding:0px; border:1px solid #c7c7c7; width:190px; height:60px; padding:10px;font:21px "segoe ui",arial,sans-serif; color:#d85b0a; text-align: center; font-weight:normal;}
.gal_sec li:hover {opacity:0.7;filter:alpha(opacity=70);}

.gal_sec1 {width:975px; margin:0px auto;}
.gal_sec1 ul { list-style-type: none;}
.gal_sec1 li {float:left; margin: 7px 7px 7px 7px; padding:0px; border:1px solid #c7c7c7; width:200px; padding:5px 5px 0px 5px;}
.gal_sec1 li:hover {opacity:0.7;filter:alpha(opacity=70);}

.box1 {float:left; width:225px; margin:20px 0px 20px 0px;}
.extra-wrap {width: 225px;}
.extra-wrap h1 { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:18px; color:#000; text-align:left; font-weight:normal; text-transform:uppercase; border-bottom:1px solid #CCC; padding-bottom:7px;}
.extra-wrap p {font-family: Verdana, Geneva, sans-serif; font-size:12px; color:#868686; text-align: justify; font-weight:normal;}
.space4 {width:30px; height:20px; float:left;}