@font-face {
    font-family: 'raavi';
    src: url('../font/raavi.eot');
    src: url('../font/raavi.eot') format('embedded-opentype'),
         url('../font/raavi.woff2') format('woff2'),
         url('../font/raavi.woff') format('woff'),
         url('../font/raavi.ttf') format('truetype'),
         url('../font/raavi.svg#raavi') format('svg');
}

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, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
        outline: 0;
		padding:0; margin:0;
}
:focus {
        outline: 0;
}

*{ margin:0; padding:0;}
html,
body
{
background:#d14c22 url(../images/body-bg.jpg) no-repeat; background-size:cover; font-size:16px; height:100%; color:#333; font-family: 'raavi';
}

.clr{ clear:both;}

ul{ list-style-type:none;}
a {
    outline: 0; text-decoration:none;
}
a:active {
    outline: none;
}
.float-left{ float:left;}
.float-right{ float:right;}

.wrapper{ width:1024px; margin:0 auto;}

#main-wrapper{ width:100%; float:left; position:relative; min-height:100%;}
#page-wrapper{ width:100%; float:left;}
#footer-wrapper{width:100%; position:absolute; bottom:0px; background:#363636; z-index:200;}
.footer{ width:100%; float:left; background:#383a3c url(../images/footer-bg.jpg) repeat-x bottom; position:relative; color:#919090; padding:0px 0px; height:75px;}
.footer p{ text-align:center; padding-top:25px; font-size:13px;}
.footer-left{ position:absolute; left:20px; top:10px;}
.footer-right{ position:absolute; right:20px; top:25px;}
.footer-right a{ color:#919090; margin-left:15px;}

#banner-container{ width:100%; float:left; margin-top:20px; min-height:100%; position:relative;}

.animation-block{ position:absolute; margin-top:-10px;}

.logo-navigation{ position:absolute; background:url(../images/menu-bg.png) no-repeat left; height:80px; top:50%; margin-top:-60px; width:956px; z-index:100;}
.logo{ width:23%; float:left; margin:2px 0 0 8px;}
.menu-wrapper{ width:70%; float:right; margin-top:13px; position:relative; z-index:100;}
.menu-wrapper ul{ float:left;}
.menu-wrapper ul li{ float:left;}
.menu-wrapper ul li a{ color:#c4c3c3; font-size:16px; font-weight:normal; display:block; padding:15px 0 0 0;}
.menu-wrapper ul li a:hover, .menu-wrapper ul li a.active{ color:#c99d4c;}
.menu-wrapper ul li span{ background:url(../images/menu-liner.png) no-repeat; display:block; width:56px; height:55px; margin-left:-15px; margin-right:-15px;}

.left-navigation{ width:250px; margin-top:13px; position:relative;}
.left-navigation ul{ width:100%;}
.left-navigation ul li{ width:100%; background:url(../images/left-menu-bg.png) no-repeat; margin-bottom:10px;}
.left-navigation ul li a{ display:block; color:#c99d4d;}

.left-navigation ul li.first-child{ background-position:0px 0px; padding-left:60px;}
.left-navigation ul li.second-child{ background-position:-39px 0px; padding-left:30px;}
.left-navigation ul li.third-child{ background-position:-90px 0px; padding-left:10px;}

/* Inner page stylings */
.inner-container{ width:100%; float:left; background:#FFF; margin-top:20px; box-shadow:0 0 5px #999;}

.inner-navigation{ float:left; background:url(../images/menu-bg.png) no-repeat left; height:80px; width:956px; position:relative;}
.inner-banner{ width:100%; float:left; margin:10px 0px; position:relative;}
.project-navigation{ width:270px; position:absolute; height:140px; left:0; top:0; z-index:100; background:url(../images/inner-left-navigation-bg.png) no-repeat;}

.member-logo{ position:absolute; width:90px; right:-65px; top:20px; text-align:center;}
.member-logo span{ display:block; margin-bottom:-10px;}

.project-navigation ul{ width:100%;}
.project-navigation ul li{ width:100%; background:url(../images/project-navigation-bg.png) no-repeat; display:block; margin-bottom:11px;}
.project-navigation ul li a{ display:block; color:#c99d4d; padding:5px 0;}
.project-navigation ul li a.active{ color:#000;}

.project-navigation ul li.first-menu{ background-position:0px 0px; width:198px; padding-left:50px;}
.project-navigation ul li.second-menu{ background-position:-49px 0px; width:178px; padding-left:20px;}
.project-navigation ul li.third-menu{ background-position:-99px 0px; width:148px;}

.project-navigation ul li.first-menu-active{ background-position:-251px 0px; width:198px; padding-left:50px;}
.project-navigation ul li.second-menu-active{ background-position:-251px -49px; width:178px; padding-left:20px;}
.project-navigation ul li.third-menu-active{ background-position:-251px -99px; width:148px;}

.inner-content-section{ width:90%; float:left; background:#f5f4f4; border:#ddd solid 1px; margin:0 5%; margin-bottom:10px;}
.inner-content-section .inner-grid{ padding:10px 1%; width:98%; float:left;}
.inner-content-section .inner-heading{ border-bottom:#c99d4d solid 1px; float:left; width:100%; margin-bottom:15px;}
.inner-content-section .inner-heading span{ border-bottom:#c99d4d solid 2px; font-size:24px; display:inline-block; height:25px; line-height:22px; padding-right:10px;}

.inner-content-section .inner-content{ width:100%; float:left;}
.inner-content-section .inner-content p{ text-align:justify; line-height:20px; margin-bottom:13px;}
.inner-content-section .inner-content a{ color:#bf1b1b;}

.feedback-block{ width:620px; margin:0 auto;}
.feedback-block .feedback-section{ background:#FFF url(../images/feedback-bg.png) no-repeat bottom; border:#ccc solid 1px; border-radius:5px; width:90%; padding:25px 5%; float:left;}

.input-block{ width:100%; float:left; margin-bottom:15px;}
.input-block .label-section{ width:25%; float:left; text-align:right; margin-top:2px;}
.input-block .input-section{ width:73%; float:right;}
.input-block .text-box{ width:85%; height:30px; line-height:30px; padding:0px 5px; box-shadow:0 0 2px #999 inset; border:#ccc solid 1px;}
.input-block .text-area{width:85%; height:85px; line-height:30px; padding:0px 5px; box-shadow:0 0 2px #999 inset; border:#ccc solid 1px;}
.input-block .sub-but{ background:#c99d4d; border:0; text-align:center; color:#FFF; box-shadow:0 0 2px #936d29 inset; padding:5px 30px; font-weight:bold; text-transform:uppercase;
font-family:Arial, Helvetica, sans-serif; cursor:pointer;
}

.contact-left{ width:40%; float:left;}
.contact-right{ width:60%; float:right;}

span.title_font{ color:#c99d4d; font-size:16px; font-weight:bold; width:100%; float:left; line-height:18px;}

#slides{ width:75% !important; margin:0 auto;}

ul.project-lists{ float:left; margin:15px 0px;}
ul.project-lists li{ float:left; text-align:center; margin-right:20px;}
ul.project-lists li img{ padding:3px; border-radius:6px; box-shadow:0 0 3px #ccc;}
ul.project-lists li a span{ display:block; color:#c99d4c; font-weight:bold;}

.project-left-menu{ width:20%; float:left;}
.project-right-content{ width:78%; float:right;}

.project-left-menu ul{ float:left; background:#555;}
.project-left-menu ul li{ width:100%; float:left; border-bottom:#888 solid 1px; border-top:#333 solid 1px;}
.project-left-menu ul li a{color:#c99d4c !important; padding:5px 0 0 15px; display:inline-block; text-transform:uppercase; font-size:14px; font-weight:bold;}

.project-left-menu .other-project-listing{ width:100%; float:left; margin-top:15px; position:relative;}
.project-left-menu .other-project-listing img{ width:100%;}
.project-left-menu .other-project-listing span{ background:url(../images/black-trans-bg.png) repeat; position:absolute; color:#FFF; bottom:12px; left:0;
width:100%; text-align:center; font-weight:bold; display:block;
}

.project-right-content h2{ margin:0; color:#333; font-weight:normal; border-bottom:#333 solid 1px; height:35px; margin-bottom:15px;}
.project-right-content ul{ list-style-type:disc; margin-left:15px;}
.project-right-content p.sub-title{ color:#c99d4c; font-weight:bold;}

.project-right-content ul.specifications-list{ margin:-10px 0 15px 15px;}
.project-right-content ul.specifications-list li{ margin-bottom:-5px;}
.project-right-content ul.specifications-list li span{ display:inline-block; width:150px;}

.project-rows{ width:100%; float:left;}