/* CSS Document */

/* v1.0 | 20080212 */

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, sub, sup, tt, var, center,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	font:normal 11px/16px Verdana;
}

body {
	line-height: 1;
}
ol, ul, li { margin:0; padding:0;}

li li { margin-left:15px;}

blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/***	Reset Styling END		***/

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {display: inline-block;}
html[xmlns] .clearfix {	display: block;}
 * html .clearfix {	height: 1%;}



#header{background:#1c1a08 url(../images/headerBg.gif) no-repeat center top; height:80px; border-bottom:2px solid #000;}
#header .headInner{ width:990px; margin:0 auto;}
#header .headInner .logo{padding-top:20px;}



#bodyArea{background:#111a07 url(../images/bodyBg.jpg) no-repeat center top; border-bottom:2px solid #333333;}	
#bodyArea .container{ width:990px; margin:0 auto; padding:10px 0;}

#bodyArea .container .midContainer{padding:10px 20px;  background:#d7d9ce; text-align:justify; border:1px solid #7b8a79;}
#bodyArea .container .leftCon{ float:left; margin-right:10px; width:690px; padding:10px 20px;  background:#d7d9ce; text-align:justify; border:1px solid #7b8a79;}
#bodyArea .container .rightCon{ float:right; width:245px;}

#bodyArea .container .breadCrum{ height:20px; border-bottom:1px dotted #ababab;}
#bodyArea .container .breadCrum a{color:#000; text-decoration:none}
#bodyArea .container .breadCrum a:hover{text-decoration:underline;}
#bodyArea .container .breadCrum span{color:#a5671b;}

#bodyArea .container h1.pageTitle{ font:bold 16px/20px Verdana; margin:10px 0 5px;}


#bodyArea .container .serviceContainer a{ color:#5b8f00; text-decoration:none;}
#bodyArea .container .serviceContainer a:hover{text-decoration:underline;}
#bodyArea .container .serviceContainer ul{ margin:0; padding:0; list-style:none;}
#bodyArea .container .serviceContainer ul li{ background:#d7d9ce; margin:20px 0; padding:20px; border:2px solid #5b8f00; }
#bodyArea .container .serviceContainer ul li img{ float:left; width:30%;}
#bodyArea .container .serviceContainer ul li .desc{ float:right; width:68%; line-height:20px;}
#bodyArea .container .serviceContainer ul li .desc h3{ font:bold 14px/26px Verdana;}


#bodyArea .container .topNavi{width:auto; height:40px; border:1px solid #000; border-bottom:0; margin-bottom:10px; background:url(../images/topNavBg.gif) repeat-x left top; color:#fff;}
#bodyArea .container .topNavi ul{ margin:0; padding:0; list-style:none}
#bodyArea .container .topNavi ul li{margin:0; padding:0; list-style:none; display:inline-display; float:left; background:url(../images/topNavLine.gif) no-repeat right bottom; height:40px; padding-right:1px;}
#bodyArea .container .topNavi ul li.last{background:none; padding-right:0;}

#bodyArea .container .topNavi ul li a{display:inline-block; font-size:13px;  height:20px; color:#fff; text-decoration:none; padding:10px 40px 10px 40px; color:#e0e0e0; font-weight:700; }
#bodyArea .container .topNavi ul li a:hover{background:#070a01 url(../images/topNavBgOver.gif) no-repeat center top; color:#92e600;}

.slider{ height:250px; overflow:hidden;}

#bodyArea .container .welcomeMsg{ background:url(../images/welcomeMsg.png) no-repeat center top; height:55px; margin:20px 0; text-indent:-999px; overflow:hidden;}

#bodyArea .container .serviceBox{border-top:1px dashed #76854f; border-bottom:1px solid #76854f;margin-bottom:10px;  }
#bodyArea .container .serviceBox li{ display:inline; float:left; font-size:12px;  }


#bodyArea .container .serviceBox li h3{background:url(../images/homePageTitle.png) no-repeat left top; height:20px; font:bold 16px/20px Verdana; margin-bottom:10px; color:#fff; text-decoration:none; text-indent:-999px;}

#bodyArea .container .serviceBox li h3.expo{background-position:0 0;}
#bodyArea .container .serviceBox li a:hover h3.expo{background-position:0 -29px;}
#bodyArea .container .serviceBox li h3.corpFilms{background-position:0 -60px;}
#bodyArea .container .serviceBox li a:hover h3.corpFilms{background-position:0 -90px;}
#bodyArea .container .serviceBox li h3.eventMange{background-position:0 -120px;}
#bodyArea .container .serviceBox li a:hover h3.eventMange{background-position:0 -150px;}


#bodyArea .container .serviceBox li a{color:#fff; text-decoration:none; display:inline-block;  background:url(../images/servicesBox.png) no-repeat left top; width:300px; padding:25px 15px;  line-height:22px;}
#bodyArea .container .serviceBox li a:hover{background:url(../images/servicesBoxOver.png) repeat left top;  color:#fff; text-decoration:none;}

#bodyArea .container .serviceBox li a:hover h3{color:#92e600;}

#bodyArea .container .clientsThumb{ width:990px !important; margin:15px auto;}
#bodyArea .container .clientsThumb li{ margin:0 15px;}




/*****Clients List Display | Start*****/
.clientsList { margin: 0 auto; overflow: hidden;}

ul#filter { float: left; font-size: 16px; list-style: none; margin-left:250px; }
ul#filter li { 
	border-right: 1px solid #666;
	float: left;
	margin-right: 10px;
	padding-right: 10px;
}
ul#filter li:last-child { border-right: none; margin-right: 0; padding-right: 0; }
ul#filter a { color: #666; text-decoration: none; font:normal 12px/20px Verdana; }
ul#filter li.current a, ul#filter a:hover { text-decoration: underline; }
ul#filter li.current a { color: #5B8F00; font-weight: bold; }

.clientsList ul#portfolio { float: left; list-style: none; margin-left: 0; margin-top:10px; width:100%; }

.clientsList ul#portfolio li { 
	float: left; 
	margin: 0 15px 10px 0; 

	_margin-right: 5px;
}

body#portfolio .clientsList ul#portfolio li {width: 142px;}
body#clients .clientsList ul#portfolio li {width: 120px;}

.clientsList ul#portfolio a { display: block; width: 100%; }
.clientsList ul#portfolio a:hover { text-decoration: none; }
.clientsList ul#portfolio img { border: 4px solid #f0f0f0; display: block;}




#footer{background:#080702 url(../images/footerBg.jpg) no-repeat center top; height:168px;}	
#footer .fContainer{ width:990px; margin:0 auto; padding-top:10px;}
#footer .fContainer ul{ width:65%; margin:0 auto;}	
#footer .fContainer li{ display:inline; margin:0 20px;}
#footer .fContainer li a{ color:#e0e0df; font-size:10px; line-height:16px; text-decoration:none;}	
#footer .fContainer li a:hover{text-decoration:underline;}	

#footer .fContainer .copyRight{ color:#e0e0df; margin-top:50px; font:normal 10px/16px Verdana; text-align:center;}
#footer .fContainer .copyRight a{ color:#e0e0df; font:bold 10px/16px Verdana; }