@font-face { font-family: 'Lato'; src: url('fonts/Lato-Regular.ttf') format('truetype'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Lato-Bold'; src: url('fonts/Lato-Bold.ttf') format('truetype'); font-weight: bold; font-style: normal; }
@font-face { font-family: 'Lato-Light'; src: url('fonts/Lato-Light.ttf') format('truetype'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'ACaslonPro-I'; src: url('fonts/ACaslonPro-Italic.otf') format('opentype'); font-weight: bold; font-style: normal; }

body { background: url('../images/bg-top.jpg') repeat-x; background-color: #E6E6E6; font-size: 12px; font-family: Lato, Helvetica, sans-serif; line-height: 16px; color: #4C4C4C; }

#wrapper {
    width: 990px;
    margin: 0 auto;
}

/* General Styles */
h1, h2, h3, h4 { font-family: Lato-Bold; font-size: 14px; font-weight:bold; text-transform: uppercase; letter-spacing: 0.5px; }
h4 a{ display:block; font-family: Lato-Bold; font-size: 14px; font-weight:bold; text-transform: uppercase; letter-spacing: 0.5px; width:180px; }
em { font-style: italic }
p { margin: 8px 0;font-size: 12px; }
a { color: #4C4C4C; }

/* Header */
#header { width: 990px; padding-top: 15px; height:125px; }

#header ul#nav { width: 990px; margin:10px auto 0 auto; padding:0px; }
#header ul#nav li { float: left; display: inline; list-style: none;  margin-right: 1px;  }
#header ul#nav li a { display: block;  width: 150px; height: 34px; padding: 5px 0 0 8px; background:url(../images/topnav-bg.gif) repeat-x; color: #FFFFFF; line-height: 1.2; text-decoration: none;  text-transform: uppercase; font-family:'Lato-Bold'; }
#header ul#nav li#home a { width: 24px; background: #4D4D4D url("../images/home.gif") no-repeat scroll 0 0; line-height: 44000; vertical-align: top; overflow: hidden; border: 0;}
#header ul#nav li a:hover, #header ul#nav li a:active { color: #FFF23E; }
.current { background-color: #FFF23E!important; color: #4D4D4D!important; }
#header ul#nav li.first { margin: 0; }
#header ul#nav li.last { margin-right: 0px; }
#header ul#nav li.short a{ width:87px; }
#header ul#nav li ul li { border-bottom:1px dotted #222; }
#header ul#nav li ul li a { display: block; width:190px !important; padding:3px 10px; background:#FFF23E; color: #222; text-decoration: none; text-transform:Capitalize; line-height:20px; height:20px; }
#header ul#nav li ul li a:hover, #header ul#nav li ul li a:active { color:#FFF23E; background:#222; }

/* Content */
div#contentWrap { clear:both; width: 970px; margin-top:5px; overflow:hidden; background:#fff; padding:10px; -moz-box-shadow: 1px 1px 7px #989898;
-webkit-box-shadow: 1px 1px 7px #989898; box-shadow: 1px 1px 7px #989898; }

#logo { float:left; width:431px; }

#call-us  { float:right; width:300px; height:70px; text-align:center; font-family:'Lato-Bold'; font-size:18px; line-height:24px; }

div#banner { margin-bottom:5px; }

/* Right Sidebar */
div#featProjects p { color: #4C4C4C; font-size:13px!important; text-align:center; line-height:15px; margin-right: 0; margin-bottom:10px; margin-left: 0; }
div#featProjects h4 { margin-bottom: 2px;margin-top:0px; background: #FFF23E; color:#111; padding:5px; }
div#featProjects h5 { float: left; display: inline; width: 164px; height: 16px; padding: 8px; background: #FFF23E url('../images/arrow.png') no-repeat 160px 7px; font-weight: bold; color: #4C4C4C; }
div#featProjects a { text-decoration: none; display:block; width:180px; }

div#featProjects-inner p { color: #fff; font-size:13px!important; line-height:15px; margin-right: 0; margin-bottom:5px; margin-left: 0; }
div#featProjects-inner h4 { margin-bottom: 2px;margin-top:0px; color: #FFF23E; padding:0px 0; }
div#featProjects-inner a { color:#fff; text-decoration: none; display:inline-block; }
div#featProjects-inner a:hover { text-decoration:underline; }

/* Home Page */
div.leftSide { float: left; display: inline; width: 760px; }
div.rightSide { float: left; display: inline; width: 210px; }

.slider-wrapper { margin:auto; width:970px; height:350px; margin-bottom:0px; z-index:1; }

div.mission { position:absolute; top:180px; z-index:999; background:#FFF23E; color:#4c4c4c; margin-left:20px; width:200px; padding:20px; font-size:17px; line-height:24px; opacity:0.9; }
div.mission span { display:block; font-family:'Lato-Bold'; font-size:21px; line-height:26px; margin-bottom:10px; }

.slider-wrapper-inner { margin:auto; width:760px; height:265px; margin-bottom:10px; z-index:1; }

div.banner-text { position:absolute; top:173px; z-index:999; background:#FFF23E; color:#222; margin-left:15px; width:170px; padding:15px; font-size:18px; line-height:24px; opacity:0.9; font-family:'ACaslonPro-I';  font-weight:normal; height:214px;}
div.banner-text span { display:block; font-family:'ACaslonPro-I'; font-size:26px; line-height:26px; margin-bottom:10px; color:#000; }

div#latestWork { background-image: none !important; }
div#latestWork h4 { padding-top:0px; margin-top:0px; }
div#latestWork div { float: left; display: inline; width:190px; height:64px; background: #FFF23E; color: #4C4C4C; padding-top: 10px; padding-right: 5px; padding-bottom: 0; padding-left: 5px; }
div#latestWork div.first { background: #F2F2F2; }
div#latestWork div.last { background: #CCCCCC; }
div#latestWork div img { float: left; display: inline; margin-right: 5px; background-color: #FFFFFF; }

div.featBox { float: left; display: block; width:160px; padding:0px 10px; background: #4D4D4D; margin-right: 10px; height:275px; text-align:center;  }
div.featBox h3 a { display: block; height: 28px; font-size: 13px; color: #FFF23E; text-decoration: none; }
div.featBox.last { margin-right: 0px; }
div.featBox p { height: 60px; color: #FFFFFF; font-size: 12px; margin: 8px 0; }
div.featBox .icon-img { background:#FFF23E; text-align:center; display:block; width:75px; margin:auto; border-radius:50%; padding:20px; }
div.featBox .icon-img:hover { background:#ffffff;  }

div.msg-tag { clear:both; background:#f5f5f5; text-align:center; display:block; border:1px solid #ccc; margin-bottom:8px; }

div.para { display:block; padding:10px 20px 10px 10px; font-size:13px; line-height:20px; font-family:'Lato'; }
div.para b { font-family:'Lato-Bold'; font-size:15px; }

div.para .dtext { font-family:'Lato-Light'; font-size:20px; line-height:24px; padding:0px 10px 0px 0px; display:block; margin-bottom:20px; border-left:4px solid #888; color:#000; -moz-box-shadow: 1px 3px 5px #989898; -webkit-box-shadow: 1px 3px 5px #989898; box-shadow: 1px 3px 5px #989898;  }

div.para .dtext1 { font-family:'Lato-Bold'; font-size:18px; line-height:24px; padding:0px 10px 0px 10px; display:block; margin-bottom:20px; border-left:4px solid #FFF23E; color:#444; text-shadow: 2px 3px 3px rgba(0,0,0,0.3);   }

.highlight1 { background:url(../images/icon-3.png) 5px center no-repeat; padding-left:100px !important; height:70px; padding-top:20px !important  }
.highlight2 { background:#ffffff url(../images/icon-2.png) 5px center no-repeat; padding-left:100px !important; }
.highlight3 { background:#ffffff url(../images/icon-4.png) 5px center no-repeat; padding-left:100px !important; height:70px; padding-top:10px !important;  }
.highlight4 { background:#ffffff url(../images/icon-5.png) 5px center no-repeat; padding-left:100px !important; height:70px; padding-top:10px !important  }
.highlight5 { background:#ffffff url(../images/icon-1.png) 5px center no-repeat; padding-left:80px !important; height:80px; font-size:16px !important; line-height:22px !important; }
.highlight6 { background:#ffffff url(../images/icon-4.png) 5px center no-repeat; padding-left:100px !important;  }

.yellow-box { padding:10px; margin-bottom:20px; border:1px solid #888; color:#000; -moz-box-shadow: 1px 3px 5px #989898; -webkit-box-shadow: 1px 3px 5px #989898; box-shadow: 1px 3px 5px #989898; background: linear-gradient(#f5d56e, #FFF23E); }

.speciality-list { background:#FFF23E; width:180px;  padding:10px 15px; font-size:13px; line-height:18px; list-style-type:none }
.speciality-list li { margin-bottom:5px; color:#222 }

.fa { display:inline-block; margin-right:5px; font-size:16px; }

.enquiry-form { margin-top:10px; }
.enquiry-form form { background:#f2f2f2; padding:10px 10px; color:#222 !important; }
.enquiry-form input[type=text],.enquiry-form textarea { border:1px solid #aaa; font-size:11px; padding:3px; font-family:'Lato'; width:160px; display:block; margin-bottom:8px; color:#000; }
.enquiry-form input[type=submit] { border:1px solid #aaa; font-size:12px; padding:3px; }

.portfolio a  { display:block; float:left; width:120px; height:120px; margin:10px; }
.portfolio a img {  width:120px; height:120px; border:1px solid #aaa; }

/* Footer */
div#footer { width: 991px; background:#1a1a1a; height:60px; margin-top:0px; font-size: 11px; }
.footer-left { width:650px; float:left; padding:10px 0 0 10px; color:#888; }
.footer-right { float:right; padding-right:10px; line-height:60px; color:#888; }

div#footer a {
    color: inherit;
    text-decoration: underline;
}
#footercopy {
float:left;
margin-top:20px;

}
.clear { clear:both; }

.rightSide .wideBox { float: left; width: 185px; padding:10px; background: #efeeef; border:2px solid #ccc; font-size: 11px; color: #4C4C4C; height:251px; }
.rightSide .wideBox-inner { float: left; width: 190px; padding:10px; background: #4D4D4D; font-size: 11px; color: #FFFFFF; }
.rightSide .wideBox .ie7Fix { padding: 5px; margin-top: 5px; background-color: #F2F2F2; color: #4C4C4C; }