﻿/* CSS Document */
body{
	background: #FFFFFF url('../images/bg.gif') repeat-x 0 0;
	color: #000000;
	font: normal 13px/18px Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
}
a{
	margin:0; padding:0;}
p{
	margin:0; padding:0;}
li{
	margin:0; padding:0;}
ul{
	margin:0; padding:0;}
span{
	margin:0; padding:0;}
input{
	margin:0; padding:0;}
label{
	margin:0; padding:0;}
form{
	font: small Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
}
h6{
	margin:0; padding:0;}
h5{
	margin:0; padding:0;}
h4{
	margin:0; padding:0;}
h3{
	margin:0; padding:0;}
h2{
	margin:0; padding:0;}
h1{
	margin:0; padding:0;}
div{
	margin:0; padding:0;}
ul{
	list-style:none;}
.spacer{
	font-size:0; line-height:0; clear:both;}

/* -- header start -- */
#header{
	width: 778px;
	margin: 0 auto;
	background: url('../images/header_bg.gif') no-repeat left bottom;
	color: #000000;
	background-color: #FFFFFF;
}
#headerRight{
	background: url('../images/header_right_bg.jpg') repeat-y 0 0;
	color: #000000;
	position: relative;
	width: 312px;
	float: right;
	border-bottom: #FFFFFF 1px solid;
	border-left: #FFFFFF 2px solid;
	background-color: #FFFFFF;
}
.rightTopBg{
	background: url('../images/right_top_bg.jpg') no-repeat 0 0;
	color: #000000;
	width: 312px;
	height: 165px;
	display: block;
	padding: 0 0 6px 0;
	background-color: #FFFFFF;
}
#headerRight img{
	border:none; position:absolute; left:-390px; top:239px;}
#headerRight h1{
	font:bold 11px/12px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#FFFFFF;
	background-color:#CC0000; position:absolute; left:-390px; top:292px; text-transform:uppercase;
	}
#headerRight ul{
	position:absolute; top:38px; left:0;}
#headerRight ul li{
	margin:0 0 1px 0; height:18px;}
#headerRight ul li a.home{
	background:url('../images/home_bg.gif') no-repeat 0 0; 
height:18px; display:block;
	font:bold 9px/17px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#FFFFFF;
	padding:0 0 0 42px; width:131px; text-decoration:none; text-transform:uppercase;
}	
#headerRight ul li a.home:hover{
	background:url('../images/home_bg_h.gif') no-repeat 0 0; 
height:18px; display:block;
	font:bold 9px/17px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#FFFFFF;
	padding:0 0 0 42px; width:131px; text-decoration:none; text-transform:uppercase;
}	
#headerRight ul li a.homeHover{
	background:url('../images/home_bg_h.gif') no-repeat 0 0; 
height:18px; display:block;
	font:bold 9px/17px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#FFFFFF;
	padding:0 0 0 42px; width:131px; text-decoration:none; text-transform:uppercase;
}	
#headerRight ul li a.about{
	background:url('../images/about_bg.gif') no-repeat 0 0; 
height:18px; display:block;
	font:bold 9px/17px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#FFFFFF;
	padding:0 0 0 42px; width:119px; text-decoration:none; text-transform:uppercase;
}	
#headerRight ul li a.about:hover{
	background:url('../images/about_bg_h.gif') no-repeat 0 0; 
height:18px; display:block;
	font:bold 9px/17px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#FFFFFF;
	padding:0 0 0 42px; width:119px; text-decoration:none; text-transform:uppercase;
}
#headerRight ul li a.aboutHover{
	background:url('../images/about_bg_h.gif') no-repeat 0 0; 
height:18px; display:block;
	font:bold 9px/17px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#FFFFFF;
	padding:0 0 0 42px; width:131px; text-decoration:none; text-transform:uppercase;
}
#headerRight ul li a.service{
	background:url('../images/service_bg.gif') no-repeat 0 0; 
height:18px; display:block;
	font:bold 9px/17px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#FFFFFF;
	padding:0 0 0 42px; width:153px; text-decoration:none; text-transform:uppercase;
}	
#headerRight ul li a.service:hover{
	background:url('../images/portfolio_bg_h.gif') no-repeat 0 0; 
height:18px; display:block;
	font:bold 9px/17px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#FFFFFF;
	padding:0 0 0 42px; width:153px; text-decoration:none; text-transform:uppercase;
}	
#headerRight ul li a.portfolioHover{
	background:url('../images/portfolio_bg_h.gif') no-repeat 0 0; 
height:18px; display:block;
	font:bold 9px/17px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#FFFFFF;
	padding:0 0 0 42px; width:131px; text-decoration:none; text-transform:uppercase;
}
#headerRight ul li a.testimonial{
	background:url('../images/testimonial_bg.gif') no-repeat 0 0; 
height:18px; display:block;
	font:bold 9px/17px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#FFFFFF;
	padding:0 0 0 42px; width:122px; text-decoration:none; text-transform:uppercase;
}	
#headerRight ul li a.testimonial:hover{
	background:url('../images/testimonial_bg_h.gif') no-repeat 0 0; 
height:18px; display:block;
	font:bold 9px/17px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#FFFFFF;
	padding:0 0 0 42px; width:122px; text-decoration:none; text-transform:uppercase;
}
#headerRight ul li a.testimonialHover{
	background:url('../images/testimonial_bg_h.gif') no-repeat 0 0; 
height:18px; display:block;
	font:bold 9px/17px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#FFFFFF;
	padding:0 0 0 42px; width:131px; text-decoration:none; text-transform:uppercase;
}	
#headerRight ul li a.events{
	background:url('../images/event_bg.gif') no-repeat 0 0; 
height:18px; display:block;
	font:bold 9px/17px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#FFFFFF;
	padding:0 0 0 42px; width:112px; text-decoration:none; text-transform:uppercase;
}	
#headerRight ul li a.events:hover{
	background:url('../images/event_bg_h.gif') no-repeat 0 0; 
height:18px; display:block;
	font:bold 9px/17px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#FFFFFF;
	padding:0 0 0 42px; width:112px; text-decoration:none; text-transform:uppercase;
}	
#headerRight ul li a.money{
	background:url('../images/money_bg.gif') no-repeat 0 0; 
height:18px; display:block;
	font:bold 9px/17px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#FFFFFF;
	padding:0 0 0 42px; width:131px; text-decoration:none; text-transform:uppercase;
}	
#headerRight ul li a.money:hover{
	background:url('../images/money_bg_h.gif') no-repeat 0 0; 
height:18px; display:block;
	font:bold 9px/17px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#FFFFFF;
	padding:0 0 0 42px; width:131px; text-decoration:none; text-transform:uppercase;
}	
#headerRight ul li a.contact{
	background:url('../images/contact_bg.gif') no-repeat 0 0; 
height:18px; display:block;
	font:bold 9px/17px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#FFFFFF;
	padding:0 0 0 42px; width:119px; text-decoration:none; text-transform:uppercase;
}	
#headerRight ul li a.contact:hover{
	background:url('../images/contact_bg_h.gif') no-repeat 0 0; 
height:18px; display:block;
	font:bold 9px/17px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#FFFFFF;
	padding:0 0 0 42px; width:119px; text-decoration:none; text-transform:uppercase;
}
#headerRight ul li a.contactHover{
	background:url('../images/contact_bg_h.gif') no-repeat 0 0; 
height:18px; display:block;
	font:bold 9px/17px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#FFFFFF;
	padding:0 0 0 42px; width:131px; text-decoration:none; text-transform:uppercase;
}	

#headerRight form{
	background:url('../images/search_bg.gif') no-repeat 0 0;
	width:252px; height:39px; padding:13px 0 0 23px; float:left;
}
#headerRight form label{
	background:#2B2B2B url('../images/search_icon.gif') no-repeat 0 2px; 
color:#FFFFFF; padding:0 10px 0 20px;
	font:bold 14px/15px "Trebuchet MS", Arial, Helvetica, sans-serif; text-transform:uppercase; float:left;
}
#headerRight form input{
	background-color:#FFFFFF; color:#000000; border:#000000 1px solid; width:117px; height:12px; padding:1px;
	font:normal 10px/11px Arial, Helvetica, sans-serif; float:left;}
#headerRight form input.goBtn{
	border:none; width:19px; height:13px; margin:1px 0 0 7px; background-color:#2B2B2B; color:#FFFFFF;
	float:left;}
#headerRight form p{
	background:#2B2B2B url('../images/search_arrow.gif') no-repeat right center; 
color:#FFFFFF; float:left;
	padding:0px 11px 0 0; font:normal 10px/19px Arial, Helvetica, sans-serif; text-transform:uppercase;
}	
/* -- header end -- */
/* -- red pannel start -- */
#red{
	background:#CC0000 url('../images/red_bg.gif') left bottom; 
color:#FFFFFF;
	border-bottom:#FFFFFF 1px solid; height:347px;
}
#red-portfolio{
	background:#CC0000; 
color:#FFFFFF;
	border-bottom:#FFFFFF 1px solid;height:1050px;
}
#red-testimonial{
	background:#CC0000; 
color:#FFFFFF;
	border-bottom:#FFFFFF 1px solid;height:499px;
}

#redContainer{
	width:778px; margin:0 auto;}
a.more{
	background:#CC0000 url('../images/more_btn_bg.gif') no-repeat 0 0; 
color:#2B2B2B;
	width:49px; height:23px; padding:26px 0 0 68px; margin:2px 0 0 0; display:block; float:right;
	font:bold 10px/10px "Trebuchet MS", Arial, Helvetica, sans-serif; text-transform:uppercase; text-decoration:none;
}
a.more:hover{
	background:#CC0000 url('../images/more_btn_bg_h.gif') no-repeat 0 0; 
color:#2B2B2B;
	width:49px; height:23px; padding:26px 0 0 68px; margin:2px 0 0 0; display:block; float:right;
	font:bold 10px/10px "Trebuchet MS", Arial, Helvetica, sans-serif; text-transform:uppercase; text-decoration:none;
}
.redLeft{
	width:378px; float:left; padding:90px 12px 0 75px;}
.redLeft h3{
	font:bold 14px/22px Arial, Helvetica, sans-serif; color:#FFFFFF;
	padding:18px 0 0 0; background-color:#CC0000; text-transform:uppercase;}
.redLeft p{
	font: normal 13px/18px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	background-color: #CC0000;
	font-size: medium;
}
.redRight{
	width:214px; float:left; padding:18px 76px 0 22px;
	background:url(images/red_right_bg.gif) no-repeat 0 0;}
.formRight{
	width:206px; padding:0 0 36px 0;}	
.formRight span.top{
	color: #000000;
	height: 15px;
	line-height: 0;
	font-size: 0;
	display: block;
}	
.formRight span.bottom{
	color: #000000;
	height: 18px;
	line-height: 0;
	font-size: 0;
	display: block;
}	
.formRight form{
	color: #000000;
	height: 116px;
	padding: 0 29px;
}	
.formRight form h2{
	font:bold 14px/16px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#2B2B2B; text-transform:uppercase;
	background:#E0E0E0 url('../images/newsletter_icon.gif') no-repeat 0 3px; 
padding:0 0 3px 15px; float:left;
}
.formRight form label{
	font:normal 10px/21px Arial, Helvetica, sans-serif; color:#000000;
	background-color:#E0E0E0; text-transform:uppercase; float:left;}
.formRight form input{
	font:normal 10px/11px Arial, Helvetica, sans-serif; color:#000000;
	border:#969696 1px solid; background-color:#FFFFFF;
	padding:1px; width:144px; height:11px; float:left;}
.formRight form input.submit{
	color:#000000;
	border:none; background-color:#2B2B2B;
	padding:0; margin:10px 0 0 0; width:46px; height:13px; float:right;}
.redRight h2{
	font: normal 18px/21px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	padding: 0 0 18px 0;
}	
.redRight h3{
	font: bold medium "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	background: #CC0000 url('../images/right_h3_bg.gif') no-repeat 107px 2px;
	text-transform: none;
	padding: 0 0 6px 0;
}	
.redRight p{
	font: normal 13px/18px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	background-color: #CC0000;
	text-align: right;
}
/* -- red pannel end --*/
/* -- footer start -- */
#bottomPannel{
	background:url('../images/footer_bg.gif') no-repeat left bottom; 
width:778px; margin:0 auto;
}
#articlePannel{
	background:url('../images/bottom_black_bg.gif') repeat-y right top; 
width:724px; margin:0 54px 0 0;
}
#articlePannel span.blackTop{
	background:url('../images/black_top.gif') no-repeat 0 0; 
height:14px; display:block; float:right; width:679px;
}
#articlePannel span.blackBottom{
	background:url('../images/black_bottom.gif') no-repeat 0 0; 
height:28px; display:block; float:right; width:679px;
}
.articleLink{
	width:216px; padding:0 43px 0 7px; float:left;}
.articleLink h2{
	font:normal 22px/25px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#FFFFFF;
	text-transform:uppercase; padding:0 0 0 68px;}
.articleLink ul{
	background:url('../images/article_ul_bg.gif') no-repeat 0 10px; 
padding:8px 0 0 68px;
}
.articleLink ul li{
	background:#2B2B2B url('../images/divider_bg.gif') repeat-x 0 19px; 
height:20px;
	font:normal 13px/19px Arial, Helvetica, sans-serif; color:#FFFFFF;
}
.articleLink ul li.noborder{
	height:20px; background-color:#2B2B2B; background-image:none;
	font:normal 13px/19px Arial, Helvetica, sans-serif; color:#FFFFFF;}
.articleLink ul li a{
	height:19px; text-decoration:none; background-color:#2B2B2B;
	font:normal 13px/19px Arial, Helvetica, sans-serif; color:#FFFFFF; display:block;}
.articleLink ul li a:hover{
	height:19px; text-decoration:none; background-color:#383838;
	font:normal 13px/19px Arial, Helvetica, sans-serif; color:#FFFFFF; display:block;}
.add{
	width:458px; float:left; padding:18px 0 0 0;}
.add img{
	margin:0 10px 10px 0; border:none; padding:0;}
#footer{
	width:718px; height:80px; text-align:right; padding:10px 60px 0 0;}
#footer ul li{
	float:right;}
#footer ul li a{
	font:bold 12px/18px "Trebuchet MS", Arial, Helvetica, sans-serif; text-decoration:none;
	color:#2B2B2B; background-color:#FFFFFF; padding:0 10px;}
#footer ul li a:hover{
	font:bold 12px/18px "Trebuchet MS", Arial, Helvetica, sans-serif; text-decoration:none;
	color:#2B2B2B; background-color:#ECECEC; padding:0 10px;}
#footer p{
	font:normal 11px/14px "Trebuchet MS", Arial, Helvetica, sans-serif; text-decoration:none;
	color:#A50000; padding:0 10px; float:right;}
a.xhtml{
	background:#FFFFFF url('../images/xhtml_bg.gif') no-repeat 0 0; 
width:54px; height:15px;
	font:bold 11px/14px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#2B2B2B; margin:5px 0;
	text-transform:uppercase; text-decoration:none; text-align:center; float:right;
}
a.xhtml:hover{
	background:#FFFFFF url('../images/xhtml_bg_h.gif') no-repeat 0 0; 
width:54px; height:15px;
	font:bold 11px/14px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#2B2B2B; margin:5px 0;
	text-transform:uppercase; text-decoration:none; text-align:center; float:right;
}
a.css{
	background:#FFFFFF url('../images/css_bg.gif') no-repeat 0 0; 
width:40px; height:15px;
	font:bold 11px/14px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#2B2B2B; margin:5px 10px;
	text-transform:uppercase; text-decoration:none; text-align:center; float:right;
}
a.css:hover{
	background:#FFFFFF url('../images/css_bg_h.gif') no-repeat 0 0; 
width:40px; height:15px;
	font:bold 11px/14px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#2B2B2B; margin:5px 10px;
	text-transform:uppercase; text-decoration:none; text-align:center; float:right;
}
#footer p.tworld{
	font:bold 11px/14px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#C10000; padding:5px 10px; float:right; text-transform:uppercase;}
#footer p.tworld a{
	font:bold 11px/14px "Trebuchet MS", Arial, Helvetica, sans-serif; 
	color:#1B1B1B; text-transform:uppercase; text-decoration:none;}
#footer p.tworld a:hover{
	font:bold 11px/14px "Trebuchet MS", Arial, Helvetica, sans-serif; 
	color:#575757; text-transform:uppercase; text-decoration:none;}
/* -- footer end -- */	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	