/* CSS Document */
*{
margin:0;
padding:0;
}
img {border:0px}
html{
width:100%;
background-color:#000000;
margin:0px;
padding:0px;
}
body{
width:1000px;
height:100%;
margin:auto;
text-align:center;
font-size:14px;
}
#header{
font-family:Arial, Helvetica, sans-serif;
width:1000px;
height:355px;
background-image:url(images/title_slogan.jpg);
background-repeat:no-repeat;
background-position:0 55px;
text-align:left;
}
#footer{
clear:both;
margin:20px 0 40px 0;
padding:30px 0 30px 70px;
height:35px;
font-family:Tahoma;
font-size:11px;
color:#FFFFFF;
}
.menu{
background-image:url(images/menu_bg.jpg);
background-position:top left;
background-repeat:repeat-x;
display:block;
width:766px;
list-style-type:none;
padding:0;
}
.menu li{
display:inline
}
#footer div{float:left}
.bottom_menu a{
font-size:11px;
color:#9c9c9c;
text-decoration:none;
}
#footer li {
display:block;
float:left;
padding:0 7px 2px 7px;
}
.copy{
padding:5px 5px;
margin:0px 80px; 
}
.copy a{
font-size:11px;
color:#9c9c9c;
text-decoration:none;
}
.copy a:link{text-decoration:none;}
.copy a:visited{text-decoration:none;}
.copy a:hover{text-decoration:none;
font-size:12px;
}
.bottom_menu{
width:575px;
margin:0 20px 0 20px;
padding:7px 0 7px 20px;
text-align:center;
}
a {
color:#CCCCCC;
text-decoration:none;
}
a:hover{
font-size:12px;
color:#FF0000;
text-decoration:none;
}

.small_title{
text-transform:capitalize;
color:#af0e0e;
font-weight:bold;
padding:5px 0 3px 8px;
text-decoration:none;
font-size:22px;
}
.smaller_title{
	font-family: "Angsana New";
background-image:url(images/bullet_m.jpg);
background-position:top left;
background-repeat:no-repeat;
color:#af0e0e;
font-weight:bold;
text-decoration:none;
float:left;
}
.arrow{
padding:0 0 0 20px;
background-image:url(images/bullet.png);
background-position:2px 7px ;
background-repeat:no-repeat;
}
#content{
padding:10px 0 0 0px;
margin:5px 0 5px 0;
text-align:left;
font-family:Tahoma;
color:#d2d1c6;
}
#note
{
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#000000,direction=150);
	text-align:right;
	width:500px;
	background:transparent url(images/content.jpg) repeat-y;
	color:#FFFFFF;
	font-size:18px;
	font-family:SolaimanLipi;
	float:left;
	margin:0 167px;
	padding:53px;
	text-shadow:#000000 1px 3px 3px;

}
#b_note
{
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#000000,direction=150);
	text-shadow:#000000 1px 3px 3px;
	text-align:right;
	width:560px;
	background:transparent url(images/content.jpg) repeat-y;
	color:#000000;
	font-size:18px;
	font-family:SolaimanLipi;
	float:left;
	margin:0 117px;
	padding:53px;
	
}
.column{
background-image:url(images/dash.gif);
background-position:top right;
background-repeat:repeat-y;
width:275px;
text-align:left;
padding:5px;
float:left;
font-size:12px;
}
.family{
width:180px;
text-align:left;
padding:0px;
float:left;
font-size:17px;
font-family:SolaimanLipi;
}
.family1{
width:250px;
text-align:left;
padding:0px;
float:left;
font-size:17px;
font-family:SolaimanLipi;
}
.readmore{
text-align:right;
margin:16px 10px 0 0 
}
.readmore a{
font-family:Tahoma;
color:#af0e0e;
font-weight:bold;
text-decoration:none;
}
.column2{
width:195px;
text-align:left;
padding:0 5px 0 5px;
float:left;
}
.column3{
float:left;
width:850px;
padding:0 5px 0 10px;
margin: 10px 190px;
}
.column1{
background-image:url(images/dash.gif);
background-position:top right;
background-repeat:repeat-y;
width:350px;
padding:0 7px 0 10px;
float:left;
}
.column2 img{margin:3px 0 8px 0}
.column img{margin:8px 0 8px 0}
.column2 img{margin:3px 0 8px 0}

#comments1{
width:495px;
padding:5px;
font-size:14px;
float:left;
margin:0 200px;
}
#comments{
width:285px;
padding:5px;
font-size:14px;
}

.cssform p{
text-align:left;
width: 350px;
clear: left;
margin: 5px;
padding: 5px 0px 10px 126px;
padding-left: 155px; /*width of left column containing the label elements*/
border-top: 1px dashed gray;
height: 1%;
}

.cssform label{
padding:5px;
font-weight: bold;
float: left;
margin-left: -155px; /*width of left column*/
width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 180px;
}

.cssform textarea{
padding:0px;
width: 250px;
height: 100px;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
}
#Layer1 {
	text-align:left;
	position:absolute;
	width:200px;
	height:115px;
	z-index:1;
	left: 639px;
	top: 383px;
}
.layer2 {
	text-align:center;
	height:57px;
	width:297px;
	padding:0px;
	position:absolute;
}

#Layer3 {
	text-align:left;
	position:relative;
	margin:0 117px;
	font-size:18px;
	color:#FFFFFF;
	}
.gallery
{
	width:880px;
	text-align:center;	
	display:list-item;
}
.gallery a
{

	float:left;
	display:inline;
	padding:15px 22px;;
}
.gallery a img
{
	width:125;
	height:125;
	display:block;
	border:2px solid #FFFFFF;
}
#preview{
	position:absolute;
	border:1px solid #ccc;
	background:#333;
	padding:5px;
	display:none;
	color:#FFFFFF;
	width:250px;
	}
#preview img
{
	width:250px;
}