/* CSS Document */
@font-face {
    font-family: Lato_Regular;
    src: url('Lato_Regular.eot');
    src: local(Lato_Regular), url('../fonts/Lato_Regular.ttf') format('opentype');
}
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,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
	font-family: Lato_Regular;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
/*Reset CSS Ends*/

body { background:url(../images/bg.jpg) repeat; }
#top-container { width:100%; height:auto; margin:auto; overflow:hidden; background:#fff; }

#top-wrapper { width:960px; height:auto; margin:auto; overflow:hidden; }
#header { width:960px; height:139px; float:left; border-bottom:1px dashed #bf9f62; }
.logo { width:160px; height:100px; float:left; margin-top:20px; }

.menu ul { width:auto; height:auto; float:right; margin-top:94px; }
.menu li { list-style:none; float:left; }
.menu li a { float:left; font:13px Lato_Regular; color:#281772; text-decoration:none; margin-left:15px; padding-top:10px; }
.menu li a:hover { background:url(../images/btn_arrow.gif) top center no-repeat; color:#be9e62; }
.menu li a.active { background:url(../images/btn_arrow.gif) top center no-repeat; color:#be9e62; }

#banner { width:960px; height:280px; float:left; padding:20px 0; }
.banner-left { width:470px; height:auto; float:left; font:16px Lato_Regular; color:#a28753; line-height:20px; margin-top:55px; }
.banner-title { width:470px; height:auto; font:25px Lato_Regular; color:#a28753; float:left; }
.banner-right { width:447px; height:280px; float:right; }

#bottom-wrapper { width:960px; height:auto; margin:auto; overflow:hidden; }
#content-area { width:960px; height:auto; float:left; border-bottom:1px dashed #fff; margin:30px 0 20px 0; padding-bottom:30px; }

.director-box { width:300px; height:auto; float:left; margin-right:30px; }
.director-title { width:300px; height:auto; float:left; margin-bottom:20px; font:20px Lato_Regular; color:#fff; }
.director-text { width:300px; height:auto; float:left; font:12px Lato_Regular; color:#fff; line-height:18px; text-align:justify; }
.director-text a { font:12px Lato_Regular; color:#fff; line-height:18px; text-decoration:none; }
.director-text a:hover { text-decoration:underline; }

.service-box { width:220px; height:auto; float:left; margin-right:30px; }
.service-title { width:220px; height:auto; float:left; margin-bottom:20px; font:20px Lato_Regular; color:#fff; }
.service-text { width:220px; height:auto; float:left; font:12px Lato_Regular; color:#fff; line-height:18px; }
.service-text a { font:12px Lato_Regular; color:#fff; line-height:18px; text-decoration:none; }
.service-text a:hover { text-decoration:underline; }

.projects-box { width:380px; height:auto; float:left; }
.projects-title { width:380px; height:auto; float:left; margin-bottom:20px; font:20px Lato_Regular; color:#fff; }
.projects-banner { width:360px; height:153px; float:left; padding:10px; background:#fff; }

#footer { width:960px; height:auto; float:left; }
.copyright { width:auto; height:auto; float:left; font:12px Lato_Regular; color:#fff; margin-bottom:20px; }
.copyright a { font:12px Lato_Regular; color:#fff; margin-bottom:20px; text-decoration:none; }
.copyright a:hover { text-decoration:underline; }

/**************************INNER STARTS**************************/

.inner-content { width:550px; height:auto; float:left; margin-right:30px; }
.inner-title { width:550px; height:auto; float:left; margin-bottom:20px; font:20px Lato_Regular; color:#fff; }
.inner-text { width:550px; height:auto; float:left; font:14px Lato_Regular; color:#fff; line-height:18px; text-align:justify; }
.inner-text a { font:14px Lato_Regular; color:#fff; line-height:18px; text-decoration:none; }
.inner-text a:hover { text-decoration:underline; }
.inner-subtitle { font:bold 16px Lato_Regular; color:#fff; float:left; }

ul.innerbullets { list-style-image:url(../images/arrow_bullet.gif); }
ul.innerbullets li { font:14 Lato_Regular; color:#fff; line-height:20px; margin:5px 0 0 30px; }

ul.inner-sublists { list-style:lower-alpha; }

.projects-inner-content { width:960px; height:auto; float:left; }
.projects-inner-title { width:960px; height:auto; float:left; margin-bottom:20px; font:20px Lato_Regular; color:#fff; }

.project-box1 { width:470px; height:auto; float:left; margin-right:20px; }
.project-box2 { width:470px; height:auto; float:left; }
.project-subtitle { width:470px; height:auto; float:left; margin-bottom:10px; font:bold 16px Lato_Regular; color:#fff; float:left; }
.progects-imgbox { width:450px; height:auto; float:left; padding:10px; background:#fff; }
.projects-text { width:470px; height:auto; float:left; margin-top:10px; font:14px Lato_Regular; color:#fff; line-height:20px; text-align:justify; }