*{margin:0; padding:0}
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}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}

html {width: 100%; height: 100%; background:#022102; font-family: Arial, Helvetica, sans-serif; font-size:14px;  color:#6b6b6b; font-weight: 100; padding:0; margin:0; line-height: 1.5em;}
body {width: 100%; position: relative; margin: 0 auto; }
h1 a {display: block; width: 559px; height: 53px; position: absolute; top: 65px; left: 29px; text-indent: -1000%; z-index: 200; background: url(../images/logo_sunnataram.png);}
h2 {display: block; width: 100%; font-size:20px; line-height: 24px; margin-bottom: 15px; font-weight:normal; color:#7f5122; font-family: 'ArimoRegular', sans-serif;}
h3 {color: #7f5122; font-size:17px; font-weight: 100; line-height: 20px; font-family: 'ArimoRegular', sans-serif; clear: both;}
h4 {display: block; width: 100%; font-size: 24px; line-height: 24px; font-family: Georgia; font-style: italic; color: #996f1d; padding: 10px 0; margin: 10px 0; border-top: 1px solid #ccc;border-bottom: 1px solid #ccc; clear: both;}
h5 {font-size:18px; font-weight:100; color:#5c4b42;}
h6 {font-size:20px;  line-height: 24px; margin-bottom: 15px; font-weight:100; color:#333; font-family: 'ArimoRegular', sans-serif;}
p, #main-content li  {font-size:15px; font-weight:100; color:#444; line-height: 1.4em; padding: 0px 0;}
hr {height: 2px; line-height: 2px; color: #b11d09; background:#b11d09; margin: 2px 0;}
a {color: #ff8d00; text-decoration: none;}
strong {font-size: 14px; font-weight: bold; color: #222;}
.clear {clear:both}
img {max-width: 100%;}

/* STRUCTURE */
#outer {width: 100%; height: 1216px; position: fixed; top: 0; left: 0; background: url(../images/forest_bg.jpg) top center no-repeat; z-index: 0; background-size: cover; background-attachment: fixed;}
#wrapper {width: 978px; min-height: 938px; padding:40px 0px 0; margin: 0 auto; position: static;  z-index: 10;}
#content {width: 978px; min-height: 500px; padding: 0 0px 30px; background: #f9f9f9; position: relative;}
#header {width: 100%; height: 130px;}
#address {position: absolute; top:75px; right: 50px; font-family: 'ArimoRegular', sans-serif; font-size: 15px; color: #111; text-align: right;}
span#tel {padding-left: 35px; font-family: 'Abel', sans-serif; font-size: 24px; line-height: 35px; background: url(../images/phone.png) center left no-repeat;}

/* NAV */
#nav {min-width: 500px; height: 52px; position: absolute; top: -7px; right: 60px; background:url(../images/rig_left.png) top left no-repeat;}
#nav > ul {height: 30px; padding:0 11px 50px; margin-left: 13px; background: url(../images/bg_nav.png)}
ul.sf > li {display: block; float: left; margin: 0 4px;}
#nav > ul > li > a {display: block; font-size: 15px; color: #e2e2e2; padding: 6px 13px; border: 1px solid transparent; box-shadow: 0 1px 0 transparent inset, 0 0 1px transparent inset;}
#nav a:hover {color: #fff}
#nav > ul > li > a:hover {border:1px solid transparent; box-shadow: 0 1px 0 transparent inset, 0 0 1px transparent inset;}
#nav ul.sf > li.active > a, #nav ul.sf > a.current, #nav ul.sf > li.active:hover > a, #nav ul.sf > a.current:hover {color:#ddd; background: #333 url(../images/sprite.png) top repeat-x; border:1px solid #454545; box-shadow: 0 1px 0 #000000 inset, 0 0 1px #000000 inset;}
ul.sf ul a, ul.sf ul a:hover {font-size: 13px; line-height: 22px; padding: 5px 10px 5px 0;}

#endnav {width: 13px; height: 52px; position: absolute; top: 0; right: -13px; background: url(../images/rig_right.png)}



.sf ul{position:absolute;top:-999em;left:0;width:160px;background:#3c3e3e!important;-moz-box-shadow:0 3px 3px rgba(0,0,0,0.5);-webkit-box-shadow:0 3px 3px rgba(0,0,0,0.5);box-shadow:0 3px 3px rgba(0,0,0,0.5);-moz-border-radius:0 0 5px 5px;-webkit-border-radius:0 0 5px 5px;border-radius:0 0 5px 5px;border-top:1px solid #202121;border-left:1px solid #454545;border-right:1px solid #454545;z-index:9999}.sf ul li{border-top:1px solid #454747;border-bottom:1px solid #303232;line-height:30px;padding-left:20px;position:relative}.sf ul li:hover{background-position:0 -30px}.sf ul li:last-child{-moz-border-radius:0 0 5px 5px;-webkit-border-radius:0 0 5px 5px;border-radius:0 0 5px 5px}.sf ul li a:hover{font-weight:100;color:#fff;text-decoration:none}.sf ul li ul{position:absolute;width:150px;left:162px}.sf ul li a{color:#c1c1c1;text-shadow:#2f3231 0 1px 0}.sf li:hover{visibility:inherit}.sf li:hover ul,.sf li.sfHover ul{left:-1px!important;top:38px;z-index:99999}.sf>li{float:left;position:relative}.sf a{display:block;position:relative}ul.sf li li:hover ul,ul.sf li li.sfHover ul{left:164px!important;top:-2px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;border-top:1px solid #303232}ul.sf{padding:0 100px 0 7px}ul.sf>li>a{color:#c8c7c7;display:block;text-shadow:#292a2a 0 -1px 0;padding:0 15px;text-decoration:none}ul.sf>li{float:left;margin:9px 1px 0 1px;border:1px solid transparent}.sf li.current-menu-item,.sf li.current-menu-parent,.sf li.current_page_parent{background:#333;margin-top:9px;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;border:1px solid #454545;-moz-box-shadow:0 1px 0 rgba(0,0,0,1) inset,0 0 1px rgba(0,0,0,1) inset;-webkit-box-shadow:0 1px 0 rgba(0,0,0,1) inset,0 0 1px rgba(0,0,0,1) inset;box-shadow:0 1px 0 rgba(0,0,0,1) inset,0 0 1px rgba(0,0,0,1) inset;height:28px}.sf li.current-menu-item>a{color:#fff;text-decoration:none}ul.sf>li.sfHover>a{color:#fff;text-decoration:none}ul.sf>li:hover>a{color:#fff}ul.sf ul>li.sfHover>a{color:#fff!important}




#bread {width: 920px; padding: 20px 29px; background: url(../images/bg_breadcrumbs.png);}
#bread span {margin:0 3px; text-shadow: 1px 1px 0 #F1F1F1;}
#bread a:hover {color: #242424;}
#bread li {display: inline-block;}

#side-nav > ul {background:url(../images/square_divider.png) bottom repeat-x;}
#side-nav li {display: block; background:url(../images/square_divider.png) top repeat-x; position: relative;}
#side-nav li:after {content: "";height: 16px;width: 16px;position: absolute;top: 9px;left: 0; background: url(../images/circle_list.png) 0 -30px no-repeat;}    
#side-nav li:hover:after {background-position: 0 0;}    
#side-nav a {display: block; padding: 8px 0 8px 25px; font-size: 13px; line-height: 16px; text-transform: uppercase; color: #333;}
#side-nav a:hover {color: #b17333;}
#side-nav li > ul {display: block; padding:0 0 0 15px}
#side-nav li li a {text-transform: none;}
#side-nav li.active > a, #side-nav a.active {color: #7f5122;}

/* MAIN */
#wrap-content {width: 920px; min-height: 400px; margin: 20px 29px 0; background:url(../images/vertical_rig_right.png);}
#main-content {width: 625px; min-height: 400px; float: left; padding-bottom: 30px; background: url(../images/divider_content.png) center bottom no-repeat;}
#ajax-content {width: 625px;}
#main-content img {max-width: 100%; margin:0 15px 5px 0; padding: 3px; border: 1px solid #ccc; box-shadow: 1px 2px 3px rgba(230, 230, 230, 0.8), -1px -1px 3px rgba(230, 230, 230, 0.8);}
#main-content .justifyleft {clear: both; float: left; margin: 0px 20px 0px 0px;}
#main-content .justifyright {clear: both; float: right; margin: 0px 0px 0px 20px;}
#main-content ul, #main-content ol {padding-left: 30px;}
#main-content li {list-style-position: outside; list-style-type: disc;}
#main-content blockquote {padding-left: 20px; font-style: italic;}
#main-content table {margin: 0 0 20px;}
p.photo-description {padding: 0 15px 10px;}
.intro {width: 172px; height: auto; float: left; margin:0 36px 25px 0; overflow: hidden;}
.intro:nth-of-type(3n+1) {clear: left;}
#load {display: none;}
.side {width: 240px; min-height: 200px; float: right;}
td:first-child {padding-right: 20px;}

/* HOME */
#slide {width: 978px; height: 370px; padding: 4px 0 40px; position: relative; z-index: 90; background: url(../images/bottom_line.png) center bottom no-repeat; overflow: hidden;}
#slides {width: 978px; height: 390px; overflow: hidden;}
#frame {width: 978px; height: 397px; background: url(../images/substrate.png); position: absolute; top:0; left: 0; z-index: 100;}
#slide-intro {width: 350px; height: 68px; padding:25px 40px 40px 40px;  position: absolute; bottom: -15px; right: 18px; background: url(../images/tab_head_home.png) top right no-repeat; z-index: 110; font-family: 'ArimoRegular', sans-serif; font-size: 28px; color: #eee; font-style: italic; font-weight: 100; line-height: 32px;}
#home-content h2 {display: inline; width: auto; float: left; line-height: 16px; margin: 0px 10px 0 0;}

#feature {width: 100%; margin-top: 20px; padding-top: 30px; background: url(../images/divider_content.png) center top no-repeat;}
#side-home {width: 255px; padding: 20px 15px; margin-top: 5px; background: #f0c048;}
#side-home h3, #calendar h3 {font-family: 'ArimoRegular', sans-serif; font-size: 20px; color: #000; text-transform: none;}
#side-home h4 {font-family: Arial; font-size: 12px; line-height: 15px; padding: 0; font-weight: bold; color: #520644; font-style: normal; border: none}
#side-home li {padding: 5px 0; font-size: 12px; line-height: 16px; color: #222; font-weight: bold; border-bottom: dotted 1px #333;}

.home-news {border-bottom: 1px solid #ccc; padding-bottom: 10px; margin-bottom: 10px;}

/* CONTACT */
#contact-form, #app-form {width: 100%; min-height: 100px; height: auto; margin-bottom: 20px; position: relative; padding-bottom: 10px; background: url(../images/bottom_line.png) center bottom no-repeat;}
#contact-form .errors, #app-form .errors, .errors strong {width: 625px; line-height: 22px; color: #b11d09; background: transparent;}
label {color: #666; display: block; width: 150px; padding:8px 0px; float: left; margin:0 5px 0 0; font-size: 14px; font-weight: 100;}
.error {display: block; color: red}
#app-form {background: none;}
#app-form label {width: 100%; margin-right: 20px; line-height: 18px;}

#CommentForm div, #app-form div {clear: both; width: 100%; margin-bottom:15px;}
#CommentForm input, #CommentForm textarea, #app-form input, #app-form textarea {width:290px; color:#333; font-size: 14px; background:#eeeded; border:1px solid #fff;outline:none;border-color:#C9CACB #fff #fff #C9CACB;padding:8px 5px; font-family: Arial, Helvetica, sans-serif;}
#app-form input.acknowledge {width: 50px;float: left; margin-top: 12px;}
#app-form textarea {width: 600px;}
#app-form ul {width: 310px; padding: 0; margin-left: 20px;}
#app-form li {width: 100px; float: left; list-style: none; margin:0 10px 0 0px; padding: 6px 0px;}
#app-form li > input {width: 20px; padding: 6px 0; margin: 0 10px 0 0; }
#app-form .half {width: 140px; float: left; margin: 0 15px 15px 0; clear: none;}
#app-form .half > input {width:80px; margin-left: 10px;}
#long > div {min-height: 20px; margin:0px 0 55px 0;}
#confirm p {display: block; width: 520px; float: right; margin: 10px;}
#confirm input {width: 20px; margin: 18px 0px 20px 0; clear: both; float: left;}

#submit, #Appsubmit {display: block; width: 70px; color:#666; font-size: 13px; background:#eeeded; border:1px solid #ccc;outline:none; padding:5px 10px; text-align: center; margin-left: 165px; cursor: pointer;}
#Appsubmit {margin-left: 30px;}
#submit:hover, #Appsubmit:hover {background: #fff; color: #666; cursor: pointer;}
#map {width: 230px; height: 350px; padding: 4px; border: 1px solid #ccc; margin-bottom: 30px;}
#map a {font-size: 12px; display: block; text-align: right;}
#top-20 {margin-top: -20px;}

/* FOOTER */

#footer {width: 100%; min-height: 50px; padding: 0 0 32px; background: url(../images/footer_bottom.png) bottom center no-repeat; position: relative; margin-top: -10px; z-index: 100;}
#footerContent {width: 100%; min-height: 50px; background: url(../images/foot_px.gif); border-top: 1px solid #222;}
#footer h5 {display: block; width: 100%; font-size: 17px; font-family: 'ArimoRegular', sans-serif; color: #eee; margin-bottom: 10px;}
#footer a, #footer p {font-size: 13px; padding: 2px 0; color: #bbb; text-decoration: none;}
#footer a:hover {color: #fff;}
#footer .small {font-size: 11px; line-height: 14px;}
#F-contact {width: 265px; height: 140px; float: left; margin: 20px 15px 20px 50px; background: url(../images/footer_divider.png) top right repeat-y;}
#F-menu {width: 340px; height: 140px; float: left; margin: 20px 15px; background: url(../images/footer_divider.png) top right repeat-y;}
#F-update {width: 230px; float: left; margin: 20px 0 20px 20px;}
.quick {display: block; width: 150px; float: left; margin: 2px 20px 2px 0;}
.green {color: #71ad09;}
#UpdateEmail {width:145px; color:#333; font-size: 13px; border:1px solid #fff;outline:none;background: none repeat scroll 0 0 #483b1f;border: 1px solid #3A3B3C;box-shadow: 1px 1px 0 #1C1D1E inset;color: #ddd;;padding:4px 5px 5px; font-family: Arial, Helvetica, sans-serif;}
#News-submit {display: block; float: right; height: 27px; color:#ddd; font-size: 13px; line-height: 13px; padding:5px 10px 9px; text-align: center; border: none; cursor: pointer; background: url(../images/dark_grey_button.png) top repeat-x;}
#News-submit:hover {background: url(../images/dark_grey_button.png) bottom repeat-x;}
label.over-label{color:#666;font-size:12px; padding: 0 10px; line-height: 15px;display:none;}
a#Femail {color: #cba675;}

/* GALLERY */

#filter {width: 300px; height: 50px; position: absolute; top: -5px; left: 120px;}
#filter li {display: inline; float: left; margin-right: 10px;}
#filter a {display: block; padding: 5px 15px; color:#636363; background: #ddd; border: 1px solid #D8D8D8; box-shadow: 0 1px 2px #E4E4E4; text-shadow: 1px 1px #FDFDFD;}
#filter a:hover {background: #bbb;}
#filter .current > a, #filter .current > a:hover {color: #eee; border: 1px solid #2B2C2C; background: url(../images/sprite.png) top repeat-x; text-shadow: 1px 1px 0 #2B2C2C;}
#gal-content {width: 920px; min-height: 400px; margin: 20px 29px 0;padding-bottom: 30px; background: url(../images/divider_content.png) center bottom no-repeat; position: relative;}
.gal {width: 200px; height: 230px; float: left; margin:0 30px 25px 0; overflow: hidden; text-align: center; }
.gal h3 {line-height: 18px;}
.album {background: none repeat scroll 0 0 #FFFFFF;width: 190px; height: 145px; overflow: hidden;  border-radius: 5px 5px 5px 5px;padding: 3px; position: relative; margin-bottom: 10px; box-shadow: 1px 2px 3px rgba(230, 230, 230, 1), -1px -1px 3px rgba(230, 230, 230, 1);}
.album:hover {-moz-transition: all 0.2s linear 0s;
    background: none repeat scroll 0 0 #646464;}
.album a {float: left; margin: 0 10px 10px 0;}
#photo-album a {display: block; float: left; width: 200px; height: 155px; margin: 0 8px 10px 0;}
#photo-album:after {display: block; width: 100%; clear: both;}