body { margin:0px; padding:0px; background-color:#DAE2E7; font-family:Georgia, "Times New Roman", Times, serif; font-style:normal; }
ul, li { list-style-type:none; margin:0px; padding:0px; }
p, h1,h2,h3,h4,h5,h6 { margin:0px; padding:0px; font-weight:normal;}
img { border: 0 none; vertical-align: middle;  max-width: 100%; }
input, textarea { border:0px; margin:0px; padding:0px; font-style:normal; font-family:Georgia, "Times New Roman", Times, serif;}
a { text-decoration:none; }
.clear {clear:both;}
@font-face {
  	font-family:"Reenie Beanie";
  	src: url("../font/ReenieBeanie.ttf") format("truetype");
}

h1 {font-size:30px; color:#ff9000; font-style:italic; border-bottom:double #e5e5e5; margin-bottom:20px; float:left; *float:none; width:100%;}
h1 span {color:#666666;}
h2 {font-size:20px; color:#FFFFFF; font-style:italic; background:url(../images/heading_shadow.gif) no-repeat; height:42px; line-height:42px; padding-left:2%; float:left; width:100%;}
h3 {font-size:20px; color:#005873; font-style:italic; float:left; width:100%; margin-bottom:10px;}
h4 {font-size:20px; color:#FFFFFF; font-style:italic; background:url(../images/heading_shadow2.gif) no-repeat; height:42px; line-height:42px; padding-left:2%; float:left; width:100%;}
h5 {font-size:18px; color:#4c4c4c; font-style:italic; float:left; width:100%;}
h6 {font-size:15px; color:#397e94; width:100%;}
p {font-size:13px; color:#4c4c4c; width:100%; line-height:16px;}
.blue {font-size:13px; color:#ff9000;}
.blue a {color:#ff9000;}
.blue a:hover {color:#000000; text-decoration:underline;}
.italic {font-style:italic;}
.orange {color:#ff9000;}

#layout {width:100%; max-width:998px; background-color:#FFFFFF; clear:both; margin:0 auto; border-left:1px solid #FFFFFF; border-right:1px solid #FFFFFF; -ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=90, Color=#999999)"; -moz-box-shadow:0px 0px 10px #999999; -webkit-box-shadow:0px 0px 10px #999999; box-shadow:0px 0px 10px #999999; filter:progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=90, Color=#999999);}
#content {width:100%; padding:0%; margin:0; display:block; position:relative; *position:inherit; float:left;}
.container {width:96%; padding:2%; padding-bottom:0; margin:0; display:block; position:relative; *position:inherit; float:left;}
#header {width:100%; float:left; display:block; position:relative; *position:inherit; background-color:#111111; height:106px;}
#header .logo {width:28%; float:left; padding:1.5% 0% 2% 2%;}
#header .logo img {width:260px; height:75px;}
#header .rightBar {width:68%; float:left; padding:2% 2% 2% 0%;}
#header .rightBar .social {width:100%; text-align:right;}
#header .rightBar .social ul {float:right; padding:0; margin:0; list-style:none;}
#header .rightBar .social ul li {float:left; margin-left:10px;}
#header .rightBar .social ul li img {opacity:0.3;}
#header .rightBar .social ul li img:hover {opacity:1;}

#header .rightBar .navigation {width:100%; text-align:right; float:right; padding-top:3%; position:relative; z-index:999999999999999999;}

#cssmenu ul {margin:0; padding:0; float:right; list-style:none;}
#cssmenu li {margin:0; padding:0;}
#cssmenu a {margin:0; padding:0; text-decoration:none;}
#cssmenu {float:right; width:100%;}
#cssmenu > ul > li {float:left; z-index:999999; position:relative;}
#cssmenu > ul > li > a {color:#a2b9c1; font-size:16px; padding:24px 10px; *line-height:40px;}
#cssmenu li.active a, #cssmenu li a:hover {color:#ffffff;}
#cssmenu > ul > li > ul {opacity:0; visibility:hidden; padding:16px 0 20px 0; background-color:#ffffff; text-align:left; position:absolute; top:55px; left:50%; margin-left:-90px; width:200px; -webkit-transition:all .3s .1s; -moz-transition:all .3s .1s; -o-transition:all .3s .1s; transition:all .3s .1s; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; -webkit-box-shadow:0px 1px 3px rgba(0, 0, 0, 0.4); -moz-box-shadow:0px 1px 3px rgba(0, 0, 0, 0.4); box-shadow:0px 1px 3px rgba(0, 0, 0, 0.4);}
#cssmenu > ul > li:hover > ul {opacity:1; top:40px; visibility:visible;}
#cssmenu > ul > li > ul:before {content:''; display:block; border-color:transparent transparent #a2b9c1 transparent; border-style:solid; border-width:10px; position:absolute; top:-20px; left:50%; margin-left:-10px;}
#cssmenu > ul ul > li {position:relative;}
#cssmenu ul ul a {color:#267289; font-family:'Open Sans', sans-serif; font-weight:bold; font-style:italic; font-size:14px; background-color:#ffffff; padding:5px 8px 7px 16px; display:block; -webkit-transition:background-color 0.1s; -moz-transition:background-color 0.1s; -o-transition:background-color 0.1s; transition:background-color 0.1s;}
#cssmenu ul ul a:hover {background-color:#f0f0f0;}
#cssmenu ul ul ul {visibility:hidden; opacity:0; position:absolute; top:-16px; left:206px; padding:16px 0 20px 0; background-color:#fafafa; text-align:left; width:180px; -webkit-transition:all .3s; -moz-transition:all .3s; -o-transition:all .3s; transition:all .3s; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; -webkit-box-shadow:0px 1px 3px rgba(0, 0, 0, 0.4); -moz-box-shadow:0px 1px 3px rgba(0, 0, 0, 0.4); box-shadow:0px 1px 3px rgba(0, 0, 0, 0.4);}
#cssmenu ul ul > li:hover > ul {opacity:1; left:190px; visibility:visible;}
#cssmenu ul ul a:hover {background-color:#a2b9c1; color:#FFFFFF;}

#banner {width:100%; height:auto; display:block; float:left;}
.rslides {position:relative; list-style:none; overflow:hidden; width:100%; padding:0; margin:0;}
.rslides li {-webkit-backface-visibility:hidden; position:absolute; display:none; width:100%; left:0; top:0;}
.rslides li:first-child {position:relative; display:block; float:left;}
.rslides img {display:block; height:auto; float:left; width:100%; border:0;}


#footer {width:100%; float:left; display:block; position:relative; background-color:#111111; padding:2% 0%; z-index:0;}
#footer .copyright {width:48%; padding-left:2%; float:left; text-align:left; font-size:13px; color:#999999; padding-top:1%;}
#footer .copyright span {color:#FFFFFF;}
#footer .webdesignindia {width:48%; padding-right:2%; float:left; text-align:right;}

.rowspan {width:100%; padding:1px 0% 0% 0%; display:block; position:relative; float:left;}
.rowspan .left {width:60%; padding-left:2%; float:left;}
.rowspan .right {width:38%; float:right; text-align:right;}
.rowspan .right img {width:auto;}
.title {background-color:#397e94; width:100%; float:left; padding:1% 0; text-align:center; font-size:18px; color:#FFFFFF; line-height:24px; font-style:italic;}
.title2 {background-color:#397e94; width:96.1%; float:left; padding:1% 2%; text-align:left; font-size:24px; color:#FFFFFF; line-height:24px; font-style:italic;}

.new_book{background:#f1f5f7;}
.new_book .left {width:30%; padding-left:2%; float:left;}
.new_book .right {width:68%; float:left; text-align:left;}
.new_book .right h3{margin-top:45px;}
.new_book .right p{margin-bottom:15px; font-size:14px;}
.new_book .right a {background:#0f5e79; border:2px solid #FFFFFF; font-size:18px; color:#fff; padding:10px 30px; outline:0; text-decoration:none; text-transform:uppercase; border-radius:5px; transition:all .5s ease-out 0s; box-shadow:0px 0px 5px #CCCCCC, inset 0 0 8px #013243;}
.new_book .right a:hover {background:#333; color:#fff;  transition: all .5s ease-out 0s;}

.rowspan2 {width:96%; padding:2% 2% 0% 2%; display:block; position:relative; float:left;}
.rowspan2 .left {width:70%; float:left;}
.rowspan2 .right {width:28%; float:right; text-align:right;}
.rowspan2 .right img {width:auto;}

.rowspan3 {width:96%; padding:2% 2% 0% 2%; display:block; position:relative; float:left;}
.rowspan3 .left {width:52%; float:left;}
.rowspan3 .right {width:48%; float:right; text-align:right;}
.rowspan3 .right img {width:auto;}

ul.listing {width:98%; float:left; display:block; position:relative; padding:2% 1%;}
ul.listing li {background:url(../images/icon_arrow.gif) no-repeat 0px 7px; font-size:15px; color:#4c4c4c; line-height:30px; padding-left:25px;} 

.head {font-size:18px; color:#397e94; margin:10px 0; float:left; width:100%;}
.head span {color:#ff9000;}
.blueText {font-size:18px; color:#498597; margin:15px 0; float:left; width:100%;}

.boxGray {width:100%; background-color:#f6f6f6; float:left; margin-top:20px; -moz-box-shadow:inset 0 0 15px #CCCCCC; -webkit-box-shadow:inset 0 0 15px #CCCCCC; box-shadow:inset 0 0 15px #CCCCCC;}
.boxGray .left {width:60%; float:left; padding:3% 2%;}
.boxGray .right {width:36%; float:left; text-align:right;}

.testimonials {width:94.1%; background-color:#e5e5e5; float:left; margin:20px 0 1px 0; padding:2% 3%; -moz-box-shadow:inset 0 0 15px #CCCCCC; -webkit-box-shadow:inset 0 0 15px #CCCCCC; box-shadow:inset 0 0 15px #CCCCCC; min-height:190px;}
.testimonials .heading {font-size:24px; color:#005873; font-style:italic; margin-bottom:20px;}
.testimonials .description {font-size:14px; color:#333333; line-height:20px; margin-bottom:20px;}
.testimonials .name {font-size:18px; color:#0077a0;}
.testimonials .name span {font-size:14px; color:#888888;}

.gallery {width:100%; float:left; display:block; position:relative; margin:0 auto;}
.gallery ul {list-style:none; padding:0; margin:0;}
.gallery ul li {float:left; border:1px solid #F2F2F2; border-bottom:6px solid #F2F2F2; border-radius:10px; margin-left:2%; margin-bottom:2%; padding:10px; width:203px; height:203px;}
.gallery ul li a img {width:100%; height:auto;}

.column2 {width:100%; float:left; display:block; position:relative; margin-bottom:20px;}
.column2 .left {width:60%; float:left; text-align:left;}
.column2 .left .form {width:100%; float:left; display:block; position:relative; margin-top:20px;}
.column2 .left .form .row {width:100%; float:left; display:block; position:relative; margin-bottom:30px;}
.column2 .left .form .row .first {width:30%; *width:29%; float:left; font-size:15px; color:#4c4c4c;}
.column2 .left .form .row .second {width:70%; margin-left:30%; *margin-left:0%; *float:left;}
.column2 .left .form .row .second .input {width:85%; border:1px solid #c9c9c9; padding:2%; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; -ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=90, Color=#CCCCCC)"; -moz-box-shadow:0px 0px 3px #CCCCCC; -webkit-box-shadow:0px 0px 3px #CCCCCC; box-shadow:0px 0px 3px #CCCCCC; filter:progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=90, Color=#CCCCCC); font-size:14px; color:#666666;}
.column2 .left .form .row .second .input:focus {border:1px solid #0092c0; -ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=90, Color=#0092c0)"; -moz-box-shadow:0px 0px 3px #0092c0; -webkit-box-shadow:0px 0px 3px #0092c0; box-shadow:0px 0px 3px #0092c0; filter:progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=90, Color=#0092c0);}
.column2 .left .form .row .second .textarea {width:85%; border:1px solid #c9c9c9; padding:2%; height:120px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; -ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=90, Color=#CCCCCC)"; -moz-box-shadow:0px 0px 3px #CCCCCC; -webkit-box-shadow:0px 0px 3px #CCCCCC; box-shadow:0px 0px 3px #CCCCCC; filter:progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=90, Color=#CCCCCC); font-size:14px; color:#666666;}
.column2 .left .form .row .second .textarea:focus {border:1px solid #0092c0; -ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=90, Color=#0092c0)"; -moz-box-shadow:0px 0px 3px #0092c0; -webkit-box-shadow:0px 0px 3px #0092c0; box-shadow:0px 0px 3px #0092c0; filter:progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=90, Color=#0092c0);}
.column2 .left .form .row2 {margin-bottom:10px; margin-left:30%;}
.column2 .left .form .row2 .successfully {font-size:13px; color:#0099FF;}
.refresh {background:url(../images/icon-refresh.jpg); width:20px; height:16px;}
.button a {background-color:#0f5e79; border:2px solid #FFFFFF; padding:12px 50px; -ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=90, Color=#CCCCCC)"; -moz-box-shadow:0px 0px 5px #CCCCCC, inset 0 0 8px #013243; -webkit-box-shadow:0px 0px 5px #CCCCCC, inset 0 0 8px #013243; box-shadow:0px 0px 5px #CCCCCC, inset 0 0 8px #013243; filter:progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=90, Color=#CCCCCC); -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; color:#FFFFFF; font-size:18px; text-transform:uppercase; *line-height:50px;}
.button a:hover {background-color:#333333; border:2px solid #FFFFFF;}
.column2 .right {width:40%; float:left; text-align:right;}
.column2 .right .img_border img {border:1px solid #e5e5e5; width:auto; height:auto; padding:10px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}

.column1_2 {width:100%; float:left; display:block; position:relative; margin-bottom:20px;}
.column1_2 .center {width:100%; margin:0 auto; text-align:center;}
.column1_2 .left {width:50%; float:left; text-align:center;}
.column1_2 .right {width:50%; float:left; text-align:center;}
.boxBlue {width:auto; max-width:250px; height:370px; margin:0 auto; background-color:#32788f; padding:10px; clear:both; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px;}
.boxBlue .img {border:4px solid #FFFFFF; background-color:#FFFFFF; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;}
.boxBlue .heading {font-size:16px; color:#88e0fd; line-height:24px; padding-top:10px; -ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color=#333333)"; text-shadow:1px 1px 1px #333333; filter:progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color=#333333);}
.boxBlue .name {font-size:16px; color:#FFFFFF; line-height:24px; -ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color=#333333)"; text-shadow:1px 1px 1px #333333; filter:progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color=#333333);}

.weeklyInspiration {width:100%; float:left; *float:none; display:block; position:relative; margin-bottom:20px;}
.weeklyInspiration .mainImage {width:100%;}
.weeklyInspiration .text {width:94%; position:absolute; top:0; margin:6% 6% 0 0; text-align:right;}
.weeklyInspiration .text .quote {font-size:24px; color:#FFFFFF; line-height:36px;}
.weeklyInspiration .text .name {font-size:18px; color:#a2b9c1; margin-top:50px;}

.events {width:100%; float:left; display:block; position:relative; margin-bottom:20px;}
.events .left {width:65%; float:left; text-align:left;}
.events .left h2 {margin-top:10px;}
.events .left ul {margin-bottom:40px; margin-left:20px;}
.events .right {width:33%; padding-right:2%; float:left; text-align:right;}
.events .right img {border:1px solid #e5e5e5; padding:10px; width:auto; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}

.videoWrap {width:100%; float:left; display:block; position:relative; margin-bottom:20px;}
.videoWrap .video {width:29%; margin:0 1%; float:left; border:1px solid #EEEEEE; padding:1%;}
.videoWrap .video iframe {width:100%; height:250px;}
.videoWrap .video img {width:100%; height:250px;}

.videoWrap2 {width:100%; float:left; display:block; position:relative; margin-bottom:20px;}
.videoWrap2 .video {width:45%; margin:0  0 0 2%; float:left; border:1px solid #EEEEEE; padding:1%;}
.videoWrap2 .video iframe {width:100%; height:350px;}
.videoWrap2 .video img {width:100%; height:350px;}

@media screen and (max-width:768px) {
#layout {width:100%; background-color:#FFFFFF; margin:0 auto; border-left:0px solid #FFFFFF; border-right:0px solid #FFFFFF; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=8, Direction=90, Color=#999999)";/*IE 8*/
-moz-box-shadow: 0px 0px 8px #999999;/*FF 3.5+*/
-webkit-box-shadow: 0px 0px 8px #999999;/*Saf3-4, Chrome, iOS 4.0.2-4.2, Android 2.3+*/
box-shadow: 0px 0px 8px #999999;/* FF3.5+, Opera 9+, Saf1+, Chrome, IE10 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=8, Direction=90, Color=#999999); /*IE 5.5-7*/}
#header {width:100%; float:left; display:block; position:relative; background-color:#111111; height:auto;}
#header .logo {width:26%; float:left; padding:3% 0% 2% 2%;}
#header .logo img {width:auto; height:auto;}
#header .rightBar {width:70%; float:left; padding:2% 2% 2% 0%;}

.column2 {width:100%; float:left; display:block; position:relative; margin-bottom:20px;}
.column2 .left {width:60%; float:left; text-align:left;}
.column2 .left .form {width:100%; float:left; display:block; position:relative; margin-top:20px;}
.column2 .left .form .row {width:100%; float:left; display:block; position:relative; margin-bottom:20px;}
.column2 .left .form .row .first {width:100%; float:left; font-size:15px; color:#4c4c4c;}
.column2 .left .form .row .second {width:100%; margin-left:0%;}
.column2 .right {width:37%; float:left; text-align:left; margin-right:3%;}

.events {width:100%; float:left; display:block; position:relative; margin-bottom:20px;}
.events .left {width:60%; float:left; text-align:left;}
.events .left h2 {margin-top:10px;}
.events .left ul {margin-bottom:40px; margin-left:20px;}
.events .right {width:38%; padding-right:2%; float:left; text-align:right;}
.events .right img {border:1px solid #e5e5e5; padding:10px; width:80%; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}

.rowspan {width:100%; padding:2% 0% 0% 0%; display:block; position:relative; float:left;}
.rowspan .left {width:60%; padding-left:2%; float:left;}
.rowspan .right {width:38%; float:right; text-align:right; margin-top:221px;}
.rowspan .right img {width:auto;}

.videoWrap {width:100%; float:left; display:block; position:relative; margin-bottom:20px;}
.videoWrap .video {width:29%; margin:0 1%; float:left; border:1px solid #EEEEEE; padding:1%;}
.videoWrap .video iframe {width:100%; height:200px;}
.videoWrap .video img {width:100%; height:200px;}

.videoWrap2 {width:100%; float:left; display:block; position:relative; margin-bottom:20px;}
.videoWrap2 .video {width:45%; margin:0  0 0 2%; float:left; border:1px solid #EEEEEE; padding:1%;}
.videoWrap2 .video iframe {width:100%; height:300px;}
.videoWrap2 .video img {width:100%; height:300px;}

ul.listing {width:100%; float:left; display:block; position:relative; padding:2% 0%;}
ul.listing li {background:url(../images/icon_arrow.gif) no-repeat 0px 7px; font-size:13px; color:#4c4c4c; line-height:30px; padding-left:25px;}
}

}
@media screen and (max-width:640px) {
#header {width:100%; float:left; display:block; position:relative; background-color:#111111; height:auto;}
#header .logo {width:100%; float:left; padding:3% 0% 2% 0%;}
#header .rightBar {width:100%; float:left; padding:2% 0% 2% 0%;}
#footer .copyright {width:100%; float:left; text-align:center; font-size:13px; color:#999999;}
#footer .webdesignindia {width:100%; float:left; text-align:center;}
}