/*
	Date Created : 12.15.2009
	Developed By: Webcraft bangladesh
	Email: admin@webcraftbd.com
*/

* {margin:auto; padding: 0;}

body {font-family: "Helvetica", Arial, Verdana, sans-serif;line-height:1.5em;text-decoration:none; font-size: 12px; color: #555; background:#ECEBE6 url(../images/bodybg.gif) repeat-x; overflow-x: hidden;}

h1,h2,h3,h4,h5{font-family:'Helvetica Neue', Arial, FreeSans, sans-serif; margin:0; padding:0;}
h1 {font-size:28px; color:#EEEEEE; font-style:normal;} 
h2 {font-size:24px; color:#333; font-style:normal;} 
h3 {font-size:22px; color:#333; font-style:normal;} 
h4 {font-size:20px; color:#333; font-style:normal;} 
h5 {font-size:18px; color:#333; font-style:normal;} 
h6 {font-size:16px; color:#333; font-style:normal; margin:5px 0px;} 
hr {border:0px; border-top-width: 1px; clear: both; height:0px;}

p, blockquote, ul, ol {margin-bottom: 1.6em;}
blockquote {margin-left: 3em; font-style: italic;}
ul {margin:0px 0px 0px 15px;}

hr {display: none;}
img {border: none; position:inherit;}
input {border:1px solid #cccccc; background:#ffffff; font-style:italic; width:125px;}
textarea {border:1px solid #cccccc; background:#ffffff; font-style:normal;}
input[type="button"] {border:2px solid #474747; background:#2D2D2D; font-style:normal; color:#dddddd; font-size:11px;}
input[type="button"]:hover {border:2px solid #474747; background:#545454; font-style:normal; color:#dddddd; font-size:11px; cursor:pointer;}


a {color: #52AEEC; text-decoration:none;}
a:hover {color: #109BF8; text-decoration:none;}

#wrapper{width:1000px; height:auto;}
.more a {color: #52AEEC; text-decoration:none;}
.more a:hover {color: #109BF8; text-decoration:underline;}
.clear{clear:both}

#header{width:1000px; height:112px; background:url("../images/header.gif") no-repeat;}
#header .logo{float:left; width:450px; height:112px;}
#header .logo .image {padding:20px 10px 0px 80px; font-family:"Helvetica",Times New Roman, Times, serif; font-size:30px; font-weight:bold;}

#header .logoright{ float:left; width:500px; height:112px;}
#header .search{float:left; width:300px; height:112px; margin:10px 0px 0px 280px;background:url("../images/searchbox.gif") no-repeat;}
#header .search input {float:left; width:150px; height:16px; margin:2px; font-size:14px; background:none; color:#aaaaaa; font-style:italic; text-transform:lowercase; border:0px;}
#header .search	.button a {float:left;  margin:5px 0px 2px 10px; border:0px; width:22px; height:20px;}
#header .search	.button a:hover {float:left;  margin:5px 0px 2px 10px; border:0px; width:22px; height:20px;}


#nav{float:right; width:1000px; height:35px; background:url("../images/nav.gif") no-repeat; clear:both;}
#nav .tabs {float:right; height: 28px; width:600px; margin: 5px 0 0 0px; padding:0px 0px 0px 10px;}
.tabs_right {float: right;}
#nav .tabs ul {list-style: none; display: inline;}
#nav .tabs li {float:left;}
#nav .tabs li a {float: left;display: block;color: #fff;text-decoration: none;font-size: 12px;margin: 0 5px 0 0;padding: 0 0 0 13px;height: 28px;line-height: 27px;text-align: center;cursor: pointer;}
#nav .tabs li a b {
	float: left;
	display: block;
	height: 28px;
	padding-top: 0;
	padding-right: 15px;
	padding-bottom: 0;
	padding-left: 7px;
}
#nav .tabs li.current a, #nav .tabs li a:hover {background: url("../images/navleft.png") no-repeat;color: #fff;}
#nav .tabs li.current a b, #nav .tabs li a:hover b {background: url("../images/navright.png") right top no-repeat;}


#banner{
	width:1000px;
	height:280px;
	clear:both;
	padding-top:00px;
	color:#FFFFFF;
}

#content1 {width:1000px; background:url("../images/middle.gif") repeat-y; padding: 5px 0px 8px 0px;}

#content1 .bar1 {float: left; width: 270px; margin-left:100px;}
#content1 .bar1 .header {float:left; height:25px; width:auto;}
#content1 .bar1 .icons {float:left; height:25px; width:25px;margin:0px 10px 0px 0px;}
#content1 .bar1 .details {float:left; height:auto; width:240px;padding:5px 5px 0px 0px;}

#content1 .bar2 {float: left; width:260px; margin-left:15px;}
#content1 .bar2 .header {float:left; height:25px; width:auto;}
#content1 .bar2 .icons {float:left; height:25px; width:25px;margin:0px 10px 0px 0px;}
#content1 .bar2 .details {float:left; height:auto; width:240px;padding:5px 5px 0px 0px;}

#content1 .bar3 {float:left; width:270px; margin-left:15px;}
#content1 .bar3 .header {float:left; height:25px; width:auto;}
#content1 .bar3 .icons {float:left; height:25px; width:25px;margin:0px 10px 0px 0px;}
#content1 .bar3 .details {float:left; height:auto; width:240px;padding:5px 5px 0px 0px;}

#content1 .err{color:#C42B2B;}

/* Bottomcontent */
#bottomcontent {width: 1000px; height:210px; padding:10px 0px 0px 68px; margin:0px auto;}

#bottomcontent .whitebox {float:left; width: 270px; height:196px; background:url("../images/rounded.gif") no-repeat; padding:10px 20px 0px 10px;}
#bottomcontent .whitebox .header {float:left; height:30px; width:auto;}	  
#bottomcontent .whitebox .icons {float:left; height:25px; width:25px;margin:0px 10px 0px 0px;}
#bottomcontent .whitebox .details {float:left; padding-left:10px; width:225px; height:145px; overflow:hidden}

#bottomcontent .bluebox {float:left; width: 270px; height:196px; background:url("../images/bluerounded.gif") no-repeat;  padding:10px 20px 0px 15px; color:#dddddd;}
#bottomcontent .bluebox .header {float:left; height:30px; width:auto;}						  
#bottomcontent .bluebox .details {float:left; width:240px; height:145px; overflow:hidden;}


/* Division topcurve used to get the top curved section of every page Page */
#topcurve {width: 1000px; height:19px; background:url("../images/top.gif") no-repeat; padding:0px 10px 0px 110px;}

/* Division Blogging used on blog.html Page */
#blogging {width:1000px; padding:10px 10px 0px 100px; background:url("../images/middle.gif") repeat-y;}

#blogging .bloglists {float:left; width:180px; height:auto;}
#blogging .bloglists ul {list-style:disk; padding:5px 10px 20px 0;}
#blogging .bloglists h2 {height:15px; margin-bottom:10px;  text-transform: Capitalize; letter-spacing: 1px; font-size: 15px; color:#535151;}
#blogging .bloglists a {color: #676767; text-decoration:none;}
#blogging .bloglists a:hover {color: #A3A3A3; text-decoration:none;}

#blogging .blogpost {
	float:left;
	width:800px;
	margin-bottom:0px;
}
#blogging .blogpost h2 {margin:0;}
#blogging .blogpost .date {float:left; height:20px; width:auto; background:#efefef; padding:5px; margin:10px 0px; font-size:10px;}			   
#blogging .blogpost .next a {float:left; height:15px; width:auto; margin:0px 10px 0px 0px; background:#dddddd; padding:5px;text-align:center; font-size:10px; color:#3B3B3B; border:1px solid #8A8A8A;} 
#blogging .blogpost .selected a {float:left; height:15px; width:auto; margin:0px 10px 0px 0px; background:#3D3D3D; padding:5px;text-align:center; font-size:10px; color:#fff; border:1px solid #8A8A8A; text-decoration:none;}	   
#blogging .blogpost .next a:hover{float:left; height:15px; width:auto; margin:0px 10px 0px 0px; background:#3D3D3D; padding:5px;text-align:center; color:#ffffff; font-size:11px; text-decoration:none;}
						   
						   
/* Division Portfolio used on Portfolio.html Page */
#portfolio {width:1000px; padding:10px 0px 0px 90px; background:url("../images/middle.gif") repeat-y;}
#portfolio .boxed {float:left; height:auto; width:250px; margin:0px 25px 15px 0px;}
#portfolio .boxed ul {margin-left: 15px; line-height: 180%;}
#portfolio .boxed li { list-style:none; margin: 10px 0px;}
#portfolio .boxed h3 {height:25px; margin-left:15px; text-transform: Capitalize; font-family:verdana; font-size: 15px; color:#333;}

/* Division Contactus used on cotactus.html Page */
#contactus {width:1000px; padding:5px 10px 10px 100px; background:url("../images/middle.gif") repeat-y;}
#contactus .leftbox {width:300px; height:auto; float:left;}
#contactus .leftbox .followicons{float:left; height:60px; width:60px; margin-top:10px;}
#contactus .rightbox {width:600px; height:auto; float:left;}
#contactus .rightbox h3 {height:15px; margin-bottom:5px;  text-transform: Capitalize; letter-spacing: 1px; font-size: 15px; color:#535151; padding-left:40px;}

/* Division Reg_content used to place form feild on different page*/
#reg_content{width:435px; float:left; margin-top:5px; padding:0px;}
#reg_content2{width:435px; float:left; margin-top:5px; padding:0px;}
#reg_content3{width:435px; float:left; margin-top:5px; padding:0px;}
#reg_content4{width:435px; float:left; margin-top:5px; padding:0px;}
#reg_content5{width:435px; float:left; margin-top:5px; padding:0px;}
.reg_field_name{width: 95px; float:left; margin: 0px; padding:0px;}
.reg_field_value{width: 250px; float:left; margin: 0px; padding:0px;}
.reg_gap{width: 40px; float:left; margin: 0px; padding:0px;}

/* Division bottomcurve used to get the bottom curved section of every page Page */
#bottomcurve {width: 1000px; height:19px; background:url("../images/bottom.gif") no-repeat; margin:0px 0px 10px 8px;}


/* Division Footer used to place the footer section on every pages. */
#footer {width:100%; height:80px; clear:both; background:url("../images/footer.gif") repeat-x; }
#footer a {color: #FFFFFF;}
#footer a:hover {color: #52AEEC;}
#footer .navigate {float:left; width:100%; height:auto; text-align:center; margin-top:10px; color:#B0B0B0;}
#footer .navigate ul li {display:inline; list-style: none; padding: 0px 10px;}
#footer .copyright {float:left; width:100%; height:auto; text-align:center; margin-top:10px; color:#B0B0B0;}

/*Those Css Coding Used Only For jQuery Lightbox Plugins*/
#jquery-overlay {position: absolute;top: 0;left: 0;z-index: 90;width: 100%;height: 500px;}
#jquery-lightbox {position: absolute;top: 0;left: 0;width: 100%;z-index: 100;text-align: center;line-height: 0;}
#jquery-lightbox a img {border: none;}
#lightbox-container-image-box {position: relative;background-color: #fff;width: 250px;height: 250px;margin: 0 auto;}
#lightbox-container-image {padding: 10px;}
#lightbox-loading {position: absolute;top: 40%;left: 0%;height: 25%;width: 100%;text-align: center;line-height: 0}
#lightbox-nav {position: absolute;top: 0;left: 0;height: 100%;width: 100%;z-index: 10;}
#lightbox-container-image-box > #lightbox-nav {left: 0;}
#lightbox-nav a {outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {width: 49%;height: 100%;display: block;}
#lightbox-nav-btnPrev {left: 0;float: left;}
#lightbox-nav-btnNext {right: 0;float: right;}
#lightbox-container-image-data-box {font: 10px Verdana, Helvetica, sans-serif;background-color: #fff;margin: 0 auto;
									line-height: 1.4em;overflow: auto;width: 100%;padding: 0 10px 0;}
#lightbox-container-image-data {padding: 0 10px;color: #666;}
#lightbox-container-image-data #lightbox-image-details {width: 70%;float: left;text-align: left;}
#lightbox-image-details-caption {font-weight: bold;}
#lightbox-image-details-currentNumber {display: block;clear: left;padding-bottom: 1.0em;}
#lightbox-secNav-btnClose {width: 66px;float: right;padding-bottom: 0.7em;}