@charset "UTF-8";
/*
Author: Abdullah Irfan Mohd Radzi
AIMR Services
All Rights Reserved
+60123449642
irfan@aimr-services.com
thepinkflame@gmail.com

TITLE: GENERAL STYLING

*/

/*MAIN*/
html, * {margin:0px; padding:0px;}
body {background:url(../images/testbg.png) repeat-x;
font-family:Arial, Helvetica, sans-serif;}
#bigbox {width:950px; margin:0px auto; padding-bottom:40px;}
.clear {clear:both;}

/*TYPOS*/

h2{
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif; letter-spacing:0px;
	font-size:16px; padding:10px; color:#A9A092; font-style:normal;}
h2 span {font-style:oblique;}

h3 {
	color:#B4B4B4; display:block; padding:10px; margin-bottom:10px;
	letter-spacing:0; text-decoration:none; border-bottom:1px dotted #473A26;}
	/* 
	for IE 
  	filter:alpha(opacity=60);
  	CSS3 standard 
  	opacity:0.6;}
	*/



/* SECTION 1 */
.logo{
	display:block; width:350px; height:90px; float:left;
	background:url(../images/logo.png);}
#section1{display:block; width:950px; height:100px; padding-bottom:25px;}
	
	#section1 ul li span {display:none;}
	
	#section1 ul {list-style-type:none; margin:0; padding:0;}
	#section1 ul li {padding:10px; float:left;}
	
	.navbar {float:right; padding-top:30px;}
	
	#section1 ul li a{
		text-decoration:none; background-image:url(../images/nav-buttons2.png);
		background-repeat:no-repeat;}
		
		a.bthome, a.btabout, a.btgallery, a.btconnect,
		.bthome-active, .btabout-active, .btgallery-active, .btconnect-active
		{display:block; width:96px; height:34px;}
		
		.bthome-active{ background-position:0 -72px; }
		a.bthome:hover{ background-position:0 -36px; }
		
		.btgallery-active{ background-position:-96px -72px; }
		a.btgallery{ background-position:-96px 0; }
		a.btgallery:hover{ background-position:-96px -36px; }
		
		.btabout-active { background-position:-192px -72px; }
		a.btabout{ background-position:-192px 0; }
		a.btabout:hover{ background-position:-192px -36px; }
		
		.btconnect-active{ background-position:-288px -72px; }
		a.btconnect{ background-position:-288px 0; }
		a.btconnect:hover{ background-position:-288px -36px; }
	
	
		
		
		
/* SECTION 2 */
#section2 {display: block;}
.mainBox {
	display:block; background-color:#999; background:url(../images/trans_brown.png);
	width:950px; padding:20px;}
	
	.punchline{display:block; float:left;}
	a.button{
		text-decoration:none; display:block;
		margin-top:20px; width:175px; text-shadow:#000 1px 1px;
		padding:10px; font-size:14px; font-weight:bold;
		color:#CCC; background:url(../images/grey5.png);}
		
	.gallery-snippet{
		display:block; width:360px; height:220px; float:right;}

/* SECTION 3 */
#section3 {display:block; width:950px; margin-top:25px;}

.corny{display:block; padding:10px; background:url(../images/transpwhite.png); height:180px; border:1px solid #473A26;}
.corny p{padding-top:10px; color:#908675; font-size:12px; font-weight:lighter; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;}
.corny a{text-decoration:none; color:#62583B;}
.corny a:hover{color:#FFF;}

#section3 table{border:none; padding:0; margin:0; width:990px;}
td.td1, td.td2, td.td3 {width:316px; vertical-align:top;}
td.td1, td.td2{ padding-right:40px;}

.box2img img.center{padding:0 12px;}
.boxbutt a{
	display:block; padding:10px; background:url(../images/transpwhite.png); 
	height:15px; border:1px solid #473A26; text-align:center;
	text-decoration:none; color:#6D583B; font-weight:bold;}
	.boxbutt a:hover{background:url(../images/blueopaque.png); color:#483A26;}
	
/*GALLERY*/
.gallery-box span{
	background-image:url(../images/header_gallery.png); font-weight:bold; float:left;
	display:block; width:169px; height:51px;}
.bordergal{display:block; width:auto; border-bottom:1px dotted #473A26; clear:both; margin-bottom:30px;}
.nav a{
	text-decoration:none; color:#ccc; display:block; width:80px; margin-top:20px;
	padding:10px; background:url(../images/transpwhite.png); border:1px solid #473A26;}
	.nav a:hover{color:#FFF; background:url(../images/trans_brown.png);}

	/*Slideshow*/
		
	#images {border:2px solid #9ac1c9; height:400px; background:#eef5f6; margin-bottom:20px}
	#image {
		position:relative; width:950px; height:400px; 
		padding:5px; border:2px solid #666; 
		background:#FFF url(../images/loading.gif) center center no-repeat}
		
	#image img {position:absolute; top:5px; left:5px}
	#thumbwrapper {margin-top:10px; padding:5px 5px; width:950px; height:100px; border:2px solid #666; background:#FFF}
	#thumbarea {position:relative; overflow:hidden; height:100px; width:950px; }
	#thumbs {position:absolute; list-style:none; margin-left:5px; height:100px; width:10000px; border-right:5px solid #FFF}
	#thumbs li {float:left; margin-right:5px; cursor:pointer}
	.imgnav {position:absolute; height:400px; width:20%; z-index:100; height:400px; width:20%; z-index:100; outline:none; cursor:pointer}
	#previmg {left:0; background:url(../images/left.gif) left center no-repeat; border-left:5px solid #FFF}
	#previmg:hover {opacity:1; filter:alpha(opacity=100)}
	#nextimg {right:0; background:url(../images/right.gif) right center no-repeat; border-right:5px solid #FFF}
	#nextimg:hover {opacity:1; filter:alpha(opacity=100)}



/*ABOUT*/
.clear2 {display:block; height:30px; clear:both;}
.aboutBox {
	display:block; background:url(../images/transpwhite.png); border:1px dotted #473A26;
	width:950px; padding:20px;}
	.aboutBox p{display:block; color:#908675; padding-left:5px; padding-right:50px; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;}

.about-title {
	color:#B4B4B4; display:block; padding:10px; margin-bottom:10px; font-size:24px;
	letter-spacing:0; text-decoration:none; border-bottom:1px dotted #6D5838;}

td.td4 {width:500px;} td.td5{width:700px; color:#908675;}
td.td4, td.td5{ padding-right:40px; padding-bottom:20px; vertical-align:top;}

.td4 p{font-size:12px; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; color:#908675;}
.td4 p span{font-weight:bold; color:#B4B4B4;} .td4 p span span{font-weight:normal; font-style:italic;}
.td4 img{float:left; padding-right:10px;}


.uls ul li{list-style-type:none; font-size:16px; padding:2px 0;}
.uls ul.services{float:left; margin-right:20px;}
.uls {margin-bottom:20px;}
.uls img {padding-right:10px;}
.uls img.last{padding:0;}



/*FEEDBACK*/
.feedback2{margin-left:5px;}
.clear3{clear:both; display:block; height:20px;}
#thanks {display:block; width:500px; height:282px; padding-top:20px; font-size:12px;}
.feedback {display:block; width:450px; padding-left:5px; float:left; border-right:#473A26 1px solid; margin-right:20px;}
	
	.td5 p span{font-size:18px; color:#B4B4B4} 
	.td5 p{font-size:12px; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; color:#908675;}

#theForm {display:block; width:500px; margin-top:20px; color:#908675}
#theForm label {float:left; padding:5px 20px 5px 0; display:block; width:100px; }
#theForm input.texts, .area {padding:5px; border:none; background:url(../images/trans_brown.png); width:300px;}
.area {height:100px;}
#theForm input.hantar {margin-left:120px; border:1px solid #473A26; background:url(../images/trans_brown.png); padding:5px; margin-top:10px;}

.address{display:block; font-size:12px; padding-top:20px;}
input.hide{display:none;}
.headline{margin-left:5px;}



/* FOOTER */
#footer{
	display:block; padding-top:20px; text-align:center; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:10px; color:#62583B; padding-left:50px; padding-right:10px;}
	
	#footer a{text-decoration:none; color:#666;}
	#footer a:hover{color:#FFF;}
	

#audioplayer_1{
	text-indent:40px;}