/*
	Author:Md. Shariful Islam 
	Date: 
	Title:     
====================================
*/
body{
	margin:0;	
	font-family:"Trebuchet MS", Arial,Helvetica, sans-serif;
	font-size:12px;
	color:#2C2C2C;
	padding:0 0 30px 0;
	text-align:center;
	background:#5CBBF0 url(images/bg.gif) repeat-x;
}

*{
	padding:0;	margin:0;	border:0;
}

ul,li{
	list-style:none;
}	
.hide{
     position: absolute;
     left: -9999px;
}

/*--------------------------Page Structure----------------*/
#wrap{
	margin:0 auto;
	width:790px;
	text-align:left;
	background:#FFFFFF;
}
/*---------------------------Header---------------------*/
#header{
	width:790px;
	overflow:hidden;
}
#leftheader{
	float:left;
	width:245px;
}
#leftheader h1{
	background:url(images/logo.gif) no-repeat;
	width:245px;
	height:160px;
}
#leftheader h1 span,#rightheader h2 span,.recwntwork h3 span,.content h3 span,.box01 h4 span,.box02 h4 span,.box03 h4 span,.box04 h4 span,.aboutright h3 span,.contact h3 span,.quoteright h3 span{
	display:none;
	visibility:hidden;
}
#leftheader ul{
	width:231px;
	background:url(images/listbg.gif) repeat-x;
	padding:0 0 3px 9px;
	border-left:5px solid #CDDCE5;
}
#leftheader ul li{
	list-style:none;
	
}
#leftheader ul li a{
	background:url(images/arrow.gif) no-repeat 0 4px;	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	color:#47748B;
	padding-left:20px;
	line-height:29px;
	font-size:12px;
	font-weight:bold;
}
#leftheader ul li a:hover{
	color:#5CBBF0 ;
}
#rightheader{
	float:right;
	width:545px;
}
#rightheader h2{
	background:url(images/headertop.gif) no-repeat;
	width:545px;
	height:67px;
}
#rightheader dl{
	background: url(images/rightnavbg.gif) repeat-x;
	width:470px;
	overflow:hidden;
	padding-left:70px;
	border-right:5px solid #BBD6E6;
}
#home a,#qoute a,#about a,#contact a{
	float:left;
	height:70px;
	padding-left:60px;
	cursor:pointer;
}
#home a span,#qoute a span,#about a span,#contact a span{
	display:none;
	visibility:hidden;
	
}
#home a{
	background:url(images/home.jpg) no-repeat;
	width:37px;
}
#qoute a{
	background: url(images/qoute.gif) no-repeat;
	width:43px;
}
#about a{
	background: url(images/about.gif) no-repeat;
	width:44px;
}
#contact a{
	background: url(images/contact.gif) no-repeat;
	width:62px;
}
#rightheader h3{
	background: url(images/imgtop.gif) no-repeat;
	height:171px;
}
/*-------------------------Main Body------------------- */
#main{
	width:780px;/*790px*/
	background:url(images/mainbg.gif) repeat-y;
	padding:19px 5px 0 5px;
}
.maintop{
	width:780px;
	overflow:hidden;
}
.recwntwork{
	float:left;
	width:190px;
	padding:0 0 0 20px;
}
.recwntwork h3{
	background:url(images/recenth.gif) no-repeat;
	width:118px;
	height:16px;
	margin-bottom:15px;
}
.content{
	float:right;
	width:535px;
	padding:0 0 0 25px;
}
.content h3{
	background:url(images/welcomeh.gif) no-repeat;
	width:283px;
	height:40px;
	margin-bottom:25px;
}
.content p,.aboutright p,.contact p,.quoteright p{
	color:#666666;
	padding:0 27px 19px 0;
	text-align:justify;
	
}

.content p a{
	color:#337FD3;
	text-decoration:none
}
.content p a:hover{
	color:#337FD3;
	text-decoration:underline
}

.box{
	width:760px;
	overflow:hidden;
	padding:20px 10px 13px 10px;
}
.box01,.box02,.box03,.box04{
	width:188px;
	border:1px solid #EDE7E7;
	float:left;
	height:370px;
}
.box01 h4,.box02 h4,.box03 h4,.box04 h4{
	background:url(images/designteam.gif) no-repeat;
	width:184px;
	height:32px;
}
.box01 p,.box02 p,.box03 p,.box04 p{
	color:#A7AAAD;
	padding:0 15px 19px 15px;
}
.box01 img,.box02 img,.box03 img,.box04 img{
	padding:0 0 6px 6px;
	
}
.box01 a.moreclass,.box02 a.moreclass,.box03 a.moreclass,.box04 a.moreclass{
	background:url(images/morebg.gif) repeat-x;
	color:#FFFFFF;
	text-decoration:none;
	display:block;
	width:36px;
	margin-left:146px;
	text-align:center;
	line-height:14px;
}
.box01 a:hover,.box02 a:hover,.box03 a:hover,.box04 a:hover{
	color:#009999;
}	
.box02,.box03,.box04{
	border-left:none;
}
.box02 h4{
	background: url(images/search.gif) no-repeat;
}
.box03 h4{
	background:url(images/blog.gif) no-repeat;
}
.box04 h4{
	background: url(images/portfolio.gif) no-repeat;
}
/*-------------------------- Footer----------------------- */
#footer{
	width:760px;
	background:#5CBBF0;
	padding:13px 0 15px 30px;
}
#footer p{
	font-size:12px;
	color:#FFFFFF;
}
#footer p span{
	padding-left:265px;
}
#footer a{
	text-decoration:none;
	color:#FFFFFF;
}
/*---------------------------about---------------------*/
.aboutleft{
	width:220px;
	float:left;
	padding:0 0 30px 10px;
}
.aboutright,.contact,.quoteright{
	width:530px;
	float:right;
	padding:0 0 0 20px;
}
.aboutright h3{
	background:url(images/abouth.gif) no-repeat;
	width:168px;
	height:19px;
	margin-bottom:20px;
}
.aboutright b,.quoteright b{
	color:#47748B;
	font-weight:bold;
	display:block;
	padding:0 27px 15px 0;
}
.aboutright p{
	padding-bottom:15px;
}
/*---------------------------contact---------------------*/

.contact h3{
	background:url(images/contacth.gif) no-repeat;
	width:55px;
	height:16px;
	margin-bottom:20px;
}
.contact p{
	font-size:13px;
} 
.contact b{
	font-size:13px;
	width:120px;
	font-weight:normal;
	display:block;
	padding:0 0 19px 0;
	color:#A7AAAD;
	font-size:13px;
} 
.contact form{
	width:350px;
	display:block;
}
.contact label{
	font-size:13px;
	color:#A7AAAD;
	width:93px;
	display:block;
	float:left;
}
.input01,.input02,.input03{
	width:221px;
	border:1px solid #E2DCDC;
	background:#F4F4F4;
	margin-bottom:8px;
}
.input02{
	height:65px;
}
.input03{
	width:103px;
}
.redraw .input04{
	width:103px;
	background:url(images/selectbg.gif) repeat-x;
	height:18px;
	border:1px solid #E2DCDC;
	margin-left:20px;
	color:#FFFFFF;
	padding-left:10px;
}	
.submitButton{
	padding:0 0 28px 95px;
	display:block;
}
/*---------------------------quote---------------------*/
.quoteright h3{
	background:url(images/quoteh.gif) no-repeat;
	width:104px;
	height:20px;
	margin-bottom:20px;
}
/*---------------------------quote---------------------*/
.quoteright h2{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:17px;
	margin-bottom:20px;
	color:#337FD3;
	font-weight:bold;
}

.contact dl{
	overflow:hidden;
	width:350px;
}

.redrawr{
	float:left;
}
.redraw{
	float:left;
	padding:0 0 0 23px;
}
redraw a{
	text-decoration:none;
}


/*---------------------------quote table css---------------------*/
.quoteright table input.txtbox{
	width:400px;
	height:20px;
	border:1px solid #000000;
}
.quoteright table input.text2{
	width:150px;
	height:20px;
	border:1px solid #000000;
}

.quoteright table select{
	width:200px;
	height:20px;
	border:1px solid #000000;
}
.quoteright table{
	width:500px;
	padding-bottom:10px;
}
.quoteright table textarea{
	width:400px;
	border:1px solid #000000;
	height:40px;
}

.title01{
    width:530px;
	padding:0 0 10px 0 ;
}

.title01 ul{
	padding:0;
	margin:0;
	list-style:none;
}
.title01 ul li{
	padding:0;
	margin:0 5px 15px 0;
	list-style:none;
	width:160px;
	float:left;
	height:140px;
	
}