@charset "utf-8";

/*		Template Design by "Ishtiyak"
		Athor website: http://www.scomputerzone.con/
		Official site: http://www.polbd.com
		Athor e-mail: scomputerzone@gmail.com
		Create Date: 23/08/2009
		Copyright by: Primex Online Ltd. (www.polbd.com)
*/

body, h1, h2, h2, h3, h4, h5, h6, p, span, ul, li, html, img, div { margin:0; padding:0; }
body, h1, h2, h2, h3, h4, h5, h6, p, span {font-family:"Trebuchet MS", Verdana, Arial;}
h1 {font-size:24px; font-weight:bold;}
h2 {font-size:20px; font-weight:bold;}
h3 {font-size:18px; font-weight:bold;}
h4 {font-size:14px; font-weight:bold;}
h5 {font-size:12px; font-weight:bold;}
h6 {font-size:10px; font-weight:bold;}

body { background:#FFFFFF; }
a { text-decoration:none;
	font-family:"Trebuchet MS", Verdana, Arial;
	color:#534539;
}
a:hover {text-decoration:underline; }
a img { border:none; }

#header {
	background:#FFFFFF;
	width:990px;
	height:292px;
	margin:auto;
	margin-top:5px;
	overflow:hidden;
}
.submenu {
	float:right;
	height:25px;
	width:200px;
}
.submenu {
	margin:0;
	margin-top:15px;
	list-style-type:none;
	width:200px;
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

.submenu a{
	float:left;
	color:#000000;
	text-decoration:none;
	padding:0px 10px 0px 10px;
	}
.submenu a:hover{
	text-decoration:underline;
	}
.logo {
	width:335px;
	height:65px;
}
.banner {
	height:180px;
	width:990px;
	overflow:hidden;
	right:90px;
}
/*--------------- Main Menu -------------------*/
#mainmenu {
	float:left;
	width:980px;
	height:48px;
	margin-bottom:0px;
	text-align:center;
	padding-left:0px;
	padding-right:10px;
	background:url(../images/menunav.png) repeat-x;
}
#mainmenu .first{
	float:left;
	width:40px;
	}
ul#menu {
	float:left;
	margin:0;
	padding:0;
	list-style-type:none;
	width:940px;
	position:relative;
	display:block;
	height:40px;
	text-transform:uppercase;
	font-size:12px;
	font-weight:bold;
	background:transparent url(../images/menunav.png) repeat-x top left;
}

ul#menu li{
	display:block;
	float:left;
	margin:0;
	padding:0;}
ul#menu li a{
	letter-spacing:0.10em;
	font-family:"Trebuchet MS", Verdana, Arial;
	display:block;
	float:left;
	color:#cdba8d;
	text-decoration:none;
	font-weight:bold;
	padding:15px 27px 0px 27px;
	height:30px;
	background:transparent url(../images/menubd.png) no-repeat top right;
	}
ul#menu li a:hover{
	background:transparent url(../images/menuhover.png) repeat-x top right;
	color:#FFFFFF;
	}
/*------------ Main menu ------------------------*/

#mainbody {
	width:990px;
	margin:auto;
}
.bodyt {
	float:left;
	width:990px;
	background:url(../images/mainbg.png) repeat-x top;
}
.leftpanel {
	width:218px;
	height:100%;
	background:#dee1e6;
	float:left;
	border:1px solid #aeaeae;
	overflow:hidden;
	margin:0px 0px 10px 0px;}
.leftmenu {
	height:100%;
	margin:0px 0px 0px 0px;
	width:218px;
	overflow:hidden;
	border-bottom:1px solid #aeaeae;

}
ul#leftmenu {
	float:left;
	margin:0;
	padding:0;
	list-style:none;
	width:218px;
	height:100%;
	font-size:14px;
	font-family:Tahoma, "Trebuchet MS", Verdana, "Times New Roman";
	letter-spacing:0.03em;
}
ul#leftmenu li{
	display:block;
	margin:0;
	padding:0;
}
ul#leftmenu li a{
	display:block;
	color:#7d6a58;
	text-decoration:none;
	font-weight:bold;
	padding:5px 5px 0px 20px;
	height:25px;
	background:url(../images/list-item.gif) no-repeat 5px 10px;
}
ul#leftmenu li a:hover{
	text-decoration:underline;
	}
.testimonial, .portfolio, .latestnews {
	margin:0px 0px 20px 0px;
	height:100%;
	border-top:1px solid #aeaeae;
	border-bottom:1px solid #aeaeae;
	padding:10px 10px 10px 10px;
}
.testimonial, .portfolio, .latestnews {
	font-family:"Trebuchet MS", Verdana, Arial;
	font-size:14px;
	color:#514539;
	text-align:justify;
}
.testimonial span, .portfolio span, .latestnews span {
	padding:0px 10px 0px 60px;
	line-height:2.5em;
	text-align:left;
	color:#333333;
}
.testimonial p, .portfolio p, .latestnews p {
	padding:2px 10px 4px 10px;
}
.testimonial p a, .portfolio p a, .latestnews p a {
	color:#382d25;
	text-decoration:underline;}
.testimonial p a:hover, .portfolio p a:hover, .latestnews p a:hover {
	text-decoration:none;}
.testimonial h3, .portfolio h3, .latestnews h3 {
	font-weight:bold;
	font-size:14px;
	color:#382d25;
	padding:0px 10px 0px 10px;
	}
.leftmenubar {
	background:url(../images/menubar.png) repeat-x;
	height:30px;
	border-bottom:1px solid #aeaeae;
}
.menubar {
	background:url(../images/menubar.png) repeat-x;
	height:35px;
	margin-top:30px;
	border-top:1px solid #aeaeae;
}

.leftmenubar, .menubar {
	font-size:16px;
	font-weight:bold;
	font-family:"Trebuchet MS", Verdana, Arial;
	text-align:right;
	color:#332922;
	padding:10px 10px 0px 10px;
}
.maincontent {
	height:auto;
	width:698px;
	float:left;
	margin:0px 0px 0px 20px;
	overflow:hidden;
}
.maincontent {
	font-family:"Trebuchet MS", Verdana, Arial;
	font-size:14px;
	padding:20px 25px 20px 25px;
}
#userpanel {
	float:left;
	margin:auto;
	height:100%;
	width:100%;
	margin-top:0px;
	margin-bottom:8px;
	overflow:hidden;
}
#user {
	margin:auto;
	width:990px;
	height:121px;
	margin-top:8px;
	overflow:hidden;
}
#user .user1, #user .user2, #user .user3, #user .user4 {
	background:#CCCCCC;
	float:left;
	height:121px;
	width:229px;
	border:none;
	display:inline;
}
#user .user2, #user .user3 {
	margin:0px 12px 0px 12px;
}
#user .user1 {
	margin-left:1px;
	margin-right:12px;}

#user .user4 {
	margin-left:12px;
	margin-right:1px;
}
#user .user1 img, #user .user2 img, #user .user3 img, #user .user4 img {
	border:none;
} 
	
#footer {
	float:left;
	width:100%;
	height:90px;
	background:#786454 url(../images/footerbg.gif) repeat-x;
	overflow:hidden;
}
#footerwarp {
	margin:auto;
	width:990px;
	height:90px;
}
#footerwarp .footermenu {
	width:970px;
	height:18px;
	padding:8px 10px 8px 10px
}
#footerwarp .footermenu {
	text-align:center;
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#fffdd4;
}
.footermenu a {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#fffdd4;
	text-decoration:none;
	font-weight:normal;
}
.footermenu a:hover {
	text-decoration:underline;
}

#footerwarp .copyright {
	float:left;
	width:970px; /* size change when varification image is set. size 640px */
	height:36px;
	padding:10px 10px 10px 10px;
}
.copyright {
	text-align:center;
	font-size:12px;
	color:#fed09c;
	line-height:20px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
.copyright a {
	color:#ffdbb3;
	text-decoration:underline;
	font-weight:bold;
}
.copyright a:hover {
	text-decoration:none;
}
#footerwarp .varified {
	float:right;
	width:310px;
	height:20px;
	padding:18px 10px 18px 10px;
}
#footerwarp .varified  img {
	border:none;
	}
	/*------------ Box -------------*/
.maincontent .box1, .maincontent .box2, .maincontent .box3, .maincontent .box4, .maincontent .box5  {
	height:100%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:justify;
	color:#1b1713;
	border:1px solid #b5b5b5;
	float:left;
	margin:10px 18px 5px 18px;
	overflow:hidden;
	display:inline;
}
.maincontent .box1 {width:311px;}
.maincontent .box2 {width:660px;} 
.maincontent .box3 {width:215px;} 
.maincontent .box4 {width:405px;}
.maincontent .box5 {width:194px;} 
.maincontent .bbar {
	height:31px;
	background:#e3e4e9 url(../images/bbar.png) repeat-x;
	font-family:"Trebuchet MS", Verdana, Arial;
	font-size:14px;
	text-align:left;
	padding:8px 10px 0px 10px;
	color:#332922;
}
.maincontent .bbody {
	border-top:1px solid #b5b5b5;
	background:#ebecf1;
	padding:12px 12px 12px 12px;
}
.maincontent .bbody p {
	color:#514539;
	text-align:justify;
	font-size:14px;
	font-family:Verdana, Arial, Helvetica, sans-serif; }

.maincontent p {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#514539;
	text-align:justify;
	}
.maincontent p a {
	text-decoration:underline;}
.maincontent p a:hover {
	text-decoration:none;}
.maincontent h1 {
	font-size:24px;
	font-weight:bold;
}
.maincontent h2 {
	font-size:20px;
	font-weight:bold;
 }
 .maincontent h3 {
	font-size:16px;
	font-weight:bold;
 }
 .maincontent h4 {
	font-size:14px;
	font-weight:bold;
 }
 .maincontent h5 {
	font-size:12px;
	font-weight:bold;
 }