/* 
CSS Document 
Authoer: Cris Yap 2007
*/
body{
padding:0;
margin:0;
text-align:center;
background:url(../images/bg_02.jpg);
font-family:Arial, Helvetica, sans-serif;
}
/*----CLASSES-----*/
.clear{
clear:both;
}
.read_more{
background:#C9C49A;
float:right;
width:60px;
height:19px;
color:#990000;
text-align:center;
padding:2px 3px 0 3px;
font-size:11px;
border:#000000 1px dashed;
display:block;
margin: 0 15px 0 0;
font-weight:bold;
}
.read_more a:link, a:active, a:visited{
color:#990000;
text-decoration:none;
display:block;
}
.read_more a:hover{
color:#000000;
text-decoration:underline;
}
/*----CONTAINER-----*/
#container1{
margin:0 auto;
width:822px;
height:auto;
overflow:auto;
}
#container2{
background:#FFFFFF;
margin:0 auto;
width:822px;
height:auto;
overflow:auto;
background-image:url(../images/bg_loop_15.jpg);
background-repeat:repeat-y;
}
#container3{
margin:0 auto;
width:822px;
height:auto;
overflow:auto;
}
#container4{
margin:0 auto;
width:822px;
height:auto;
overflow:auto;
background:#FFFFFF;
}
/*----Logo Area-----*/
#logo_area{
background-image:url(../images/logo_bg_12.jpg);
text-align:left;
padding: 0 0 0 15px;
}
#logo_area h1{
margin:0;
padding:0;
}
/*----Content AREA-----*/
#content_area{
height:auto;
text-align:center;
color:#000000;
padding-top:2px;
overflow:auto;
background:url(../images/sb_bed_13.jpg) no-repeat 200% 0;
}
#menu{
background-image:url(../images/menu_bg_12.jpg);
background-repeat:no-repeat;
}

#cont_container{
width:800px;
height:auto;
margin:0 auto;
overflow:auto;
padding:0;
}
#index{
margin: 0 0 0 1em;
padding:0;
}
#sub{
margin: 0 0 0 1em;
padding:0;
}
#ad_area{
text-align:left;
float:left;
width:50%;
margin: 1em 0 0 1em;
padding:10px 5px 5px 5px;
font-size:12px;
color:#605748;
border:#999966 2px solid;
}
#cont_left{
text-align:left;
float:left;
width:60%;
margin: 1em 0 0 1em;
padding:10px 5px 5px 5px;
font-size:12px;
color:#605748;
border:#999966 2px solid;
}
#cont_left h1{
color:#605748;
width:450px;
padding: .2em 0 0 .3em;
margin: 10px 0 0 0;
border-bottom: dashed 1px #333333;
border-left: solid 5px #990000;
font-size:12px;
}
#cont_left h2{
color:#605748;
width:400px;
padding: .2em 0 0 .3em;
margin: 10px 0 0 20px;
font-size:12px;
border-left: solid 5px #000000;
}
#cont_left ul{
margin: 10px 0 0 0;
padding: 10px 0 0 15px;
list-style:none;
border:none;
}
#cont_left li{
margin: 5px;
padding:0;
float:left;
}
#cont_left p{
color:#000000;
width:400px;
padding:0;
margin: 5px 0 0 10px;
font-size:12px;
}
#cont_right{
float:right;
width:33%;
height:auto;
overflow:auto;
padding: 0;
margin: 0;
}
#right_equi{
width:auto;
height:auto;
overflow:auto;
}
#right_equi h1{
font-family:Arial, Helvetica, sans-serif;
margin: 5px 0 0 0;
padding: 0 0 0 5px;
text-align:left;
border-left: solid 5px #990000;
border-bottom: dashed 1px #000000;
font-size:80%;
color:#605748;
}
#right_equi ul{
margin: 5px 0 15px 10px;
width:auto;
padding:0;
list-style:none;
text-align:right;
height:auto;
overflow:auto;
}
#right_equi li{
margin: 5px 0 0 0;
padding:5px;
width:96%;
background:#000000;
text-align:left;
display:block;
height:auto;
vertical-align:middle;
}
#right_equi li img {
border: 1px #FFFFFF solid;
}
#right_equi li p {
font-family:Arial, Helvetica, sans-serif;
margin: 5px 0 5px 0;
padding:0;
color:#B1A478;
font-weight:bold;
font-size:14px;
}
#right_equi a{
color:#B1A478;
text-decoration:none;
}
#contact_index{
margin: 0 0 15px 0;
padding:0;
text-align:left;
}
#contact_index h1{
color:#605748;
width:90%;
padding: .2em 0 0 .3em;
margin: 10px 0 0 0;
border-bottom: dashed 1px #333333;
border-left: solid 5px #990000;
font-size:12px;
}
#contact_index h2{
margin: 5px 0 0px 0;
padding: 5px 0 0 10px;
color:#990000;
font-size:12px;
}
#contact_index p{
font-size:12px;
margin: 3px 0 0 10px;
padding: 0 0 0 0px;
border-bottom:1px dashed #333333;
width:80%;
}
#review{
margin: 0 0 0 1em;
padding:0;
font-family:Georgia, "Times New Roman", Times, serif;
}
#review p{
margin: 10px 0  0 10px;
}
#gall_images{

}
/*----About-band-----*/
#artist{
margin:0;
padding:0;
}
#artist h1{
font-size:14px;
padding: 0 0 0 5px;
margin: 10px 0 0 0;
}
#artist ul{
margin: 5px 0 0 0;
padding: 2px 0 0 15px;
list-style:none;
border:none;
text-align:center;
}
#artist li{
color:#000000;
margin: 0px 5px 0 0;
padding:0;
float:left;
}
/*----SB Clients Top-----*/
#clients_top{
font-family:Arial, Helvetica, sans-serif;
margin: 0;
padding: 0 0 15px 0;
overflow:auto;
}
#clients_top ul{
margin: 5px 0 0 10px;
padding:0;
list-style:none;
width: 450px;
}
#clients_top li{
width:215px;
margin: 5px 10px 0 0;
text-align:left;
font-size:14px;
}
#clients_top a:link, a:active, a:visited {
color:#000000;
text-decoration:none;
}
#clients_top a:hover {
color:#000000;
text-decoration:underline;
}
#clients_top p{
margin: 30px 0 0 20px;
padding: 0;
}
/*----Comments-----*/
#equip h2{
font-size:14px;
}
#equip ul{
margin: 0 0 0 5px;
padding:0;
}
#equip li{
margin: 5px 0 0 25px;
padding:0;
}
#equip h3{
font-size:14px;
border-bottom: 1px dashed #666666;
margin:0;
padding:0;
}
#equip p{
margin:0;
padding:0;
}

/*----Comments-----*/
#commnt_posted{
text-align:center;
overflow:auto;
width:100%;
height:auto;
}
#commnt_posted h1{
text-align:left;
}
#commnt_posted ul{
padding: 5px 0 0 0;
margin:0;
list-style:none;
overflow:auto;
width:100%;
height:auto;
}
#commnt_posted li{
margin: 10px 0 0 0;
padding:2px;
border: #999966 .2em solid;
background:#F1F2E4;
overflow:auto;
width:98%;
}
#commnt_posted h2{
text-align:left;
border:none;
margin: 10px 0 10px 10px;
padding: 0 0 0 18px;
background:url(../images/ico_comments.gif) no-repeat;
border-bottom: dotted 1px #666666;
}
#commnt_posted h2 em {
font-weight:normal;
margin-left:5px;
}
#commnt_posted p{
margin:0;
padding: 0 0 10px 20px;
text-align:left;
}
#post_rep p{
margin: 10px 0 0 0;
padding:0;
}
.txt_area {
width:230px;
}
/*-----SB GALLERY PAGE----*/
#gall_page{
margin:0;
padding:0;
}
#gall_page h2{
margin: 10px 0 0 5px;
padding: 0 0 0 5px;
}
#gall_page p{
width:95%;
margin-left:0;
margin-top:3px;
color:#000000;
font-weight:bold;
text-align:left;
}
#gall_page p a:link {
color:#000000;
}
#gall_page ul{
list-style:none;
margin:0;
padding:0;
}
#gall_page li{
width:30%;
height:auto;
}
#gall_page img{
width: 130px;
height: 90px;
border: #999966 2px solid;
}
#gall_page form{
width: 345px; 
height:auto; 
margin: 10px 0 0 5px;
}
/*----SB Clients Sub-----*/
#clients_page{
font-family:Georgia, "Times New Roman", Times, serif;
}
#clients_page h1{
border:none;
margin: 15px 0 10px 0;
padding:0;
font-size:18px;
}
#clients_page h2{
border:none;
margin: 15px 0 10px 0;
padding:0;
font-size:14px;
}
#clients_page img{
border:solid .8em #FFFFFF;
}
#clients_page p{
padding:0;
margin:0;
}
/*----CONTACTS-----*/
#contacts{
text-align:left;
float:left;
margin: 0em 0 0 1em;
font-size:12px;
color:#605748;
}
#contacts h1{
color:#605748;
width:400px;
padding: .2em 0 0 .3em;
margin:0;
border-left:#990000 5px solid;
border-bottom: dashed 1px #333333;
font-size:12px;
}
#contacts p{
margin: 5px 0 0 0;
padding:0;
}
.txt_area_contact {
width:250px;
border:solid 1px #000000;
padding-left:3px;
color:#000000;
}
.botn {
background:#59591B;
color:#FFFFFF;
border:#333333 1px solid;
margin: 10px 0 0 5px;
}
/*----Preview Gallery-----*/
#galley{
height:90px;
background:url(../images/preview_gallery_28.jpg) no-repeat #FFFFFF;
padding: 0;
overflow:auto;
}
#galley ul{
text-align:left;
list-style:none;
margin:0;
padding: 12px 0 0 50px;
}
#galley li{
margin:0;
padding:0;
float:left;
margin: 0 10px 0 0;
}
#galley img{
height: 50px;
width: 70px;
border: #ffffff 5px solid;
}




#screen {
	width:798px;
	padding:16px 0 0 24px;
	background:url(../images/preview_gallery_28_index.jpg) no-repeat;
	height:104px;
	margin:0;
		}			
	
	#screen li {
		float:left;
		list-style:none;
		}
			
	#screen .jq-ss-crop {
		margin:5px 5px;
		border:1px solid #FFFFCC;
		float:left;				
		}
#left,#right {					
	margin:0px;
	padding:0px;
	}
			
#view {
	margin:0px;
	width:736px;
	border:0px white solid;
	height:86px;
	overflow:hidden;
	}
	
#images {
	width:3818px !important;
	width:3822px;
	padding:0;
	}

	#images li img{
		border:0;
		}
		
/*----FOOTER-----*/
#footer{
background:url(../images/footer_bg_31.jpg) no-repeat;
height:104px;
}
#footer h3{
margin: 0 15px 0 0;
padding: 58px 0 0 17px;
font-size:12px;
float:left;
color:#000000;
font-weight:bold;
text-align:left;
}
#footer a{
text-decoration:none;
color:#990000;
}
#footer ul{
list-style:none;
margin:0;
padding: 60px 0 0 17px;
width:50%;
float:left;
}
#footer li{
margin: 0 4px 0 0;
padding:0;
float:left;
text-align:left;
font-size:11px;
font-weight:normal;
text-align:left;
}