/* CSS Document 
	Jasim Uddin Ahmed
	10/15/2008
*/
body{
	voice-family:"\"}\"";
	voice-family:inherit;
	font-size:13px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#2e3c54;
	text-align:center;
	font-weight:normal;
	background: url(images/body_bg.gif) repeat;
}
*{
	margin:0; padding:0; border:0;
}
a{
	text-decoration:none;
}

h1 span, .art_type li a b, .galleries b{
	display:none;
	visibility:hidden;
}

/*================ wrap ==================*/
#wrap{
	width:701px;
	margin:68px auto 0 auto;
	text-align:left;
}

/*=============== hdr ================*/

#hdr{
	width:701px;
	height:173px;
	position:relative;
	background:url(images/header_bg_03.gif) no-repeat;
}
#hdr h1 a{
	width:344px;
	height:88px;
	background:url(images/logo.jpg) no-repeat;
}

.hdr_link{
	width:334px;
	height:82px;
	position:absolute;
	top:29px;
	left:178px;
}

#hdr ul{
	padding-top:131px;
	list-style:none;
	padding-left:88px;
}
#hdr ul li{
	float:left;
	position:relative;
} 
#hdr ul li a{
	text-decoration:none;
	color:#fff;
	text-align:center;
	display:block;
	font-size:20px;
	line-height:40px;
}
#hdr ul li a:hover{
	color:#2f3e54;
}
.bio{
	width:103px;
	height:40px;
	background: url(images/bio.jpg) no-repeat;
}
.demo{
	width:104px;
	height:40px;
	background:url(images/demo.jpg) no-repeat;
}
.demo2{
	width:81px;/*96*/
	height:40px;
	padding-left:15px;
	text-align:left!important;
	background:url(images/demo2.jpg) no-repeat;
}
.credits2{
	width:87px;/*96*/
	height:40px;
	padding-left:9px;
	text-align:left!important;
	background:url(images/demo2.jpg) no-repeat;
}
.link2{
	width:78px;/*96*/
	height:40px;
	padding-left:18px;
	text-align:left!important;
	background:url(images/demo2.jpg) no-repeat;
}
.contact2{
	width:94px;/*104*/
	height:40px;
	padding-left:10px;
	text-align:left!important;
	background:url(images/contact2.jpg) no-repeat;
}
.credit{
	width:103px;
	height:40px;
	background:url(images/credit.jpg) no-repeat;
}
.link{
	width:104px;
	height:40px;
	background:url(images/links.jpg) no-repeat;
}
.contact{
	width:111px;
	height:40px;
	background:url(images/contact.jpg) no-repeat;
}
.select_bio{
	width:111px;
	height:40px;
	position:absolute;
	top:0;
	left:0;
	z-index:600;
	background:url(images/bio_selected.jpg) no-repeat !important;
}
.select_bio span, .select_contact span{
	color:#2F3E54;
}
.select_contact{
	width:111px;
	height:40px;
	position:absolute;
	top:0;
	left:0;
	z-index:600;
	background:url(images/contact_select.jpg) no-repeat !important;
}
/*============== main ================*/

#main{
	width:701px;
	background:url(images/main_bg.gif) repeat-y;
}
#main_btm{
	width:503px;/*701*/
	padding:40px 99px 92px 99px;
	background: url(images/main_btm_02.gif) no-repeat bottom;
}
#main_btm p{
	margin-bottom:26px;
} 
#main_btm dl{
	text-align:center;
}
#main_btm dl dt{
	margin-bottom:30px;
}
#main_btm dl dd{
	margin-bottom:48px;
} 
#main_btm dl dd p{
	margin:0;
}
#main_btm dl dd a{
	text-decoration:underline;
	color:#413C26;
	clear:both;
}
.demo_show{
	text-align:center;
	margin-bottom:100px;
}
.demo_show dt{
	margin-bottom:22px;
	color:#000033;
	font-size:16px;
}
.link_show dd{
	margin-bottom:50px;
	text-align:center;
}
.link_show dd a{
	text-decoration:underline;
	color:#2f3d54;
	font-size:13px;
	display:block;
}
.link_show dd a:hover{
	text-decoration:none;
}
/*----------- footer --------*/
#footer{
	width:701px;
	color:#435265;
	text-align:right;
	font-size:10px;
	padding:5px 0 20px 0;
}
#footer a{
	color:#435265;
	text-decoration:none;
}
#footer a:hover{
	text-decoration:underline;
}
/*---------- for image ----------------*/
img.aligncenter  {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
.center{
	text-align:center;
}
/*---------------- end image ------------------*/
