* {
	margin:0;
	padding: 0;
}


body { font-size: 88%; font-family: Arial, Verdana, sans-serif; text-align:center;} 
body#dis-aircon{ background: transparent url(../images/dis-aircon-background.png) top center no-repeat; }
body#nite{	background: transparent url(../images/header_nite.png) top center no-repeat; }
body#customer{	background: transparent url(../images/portfolio.png) top center no-repeat; }



h1 			{ font-size:250%; color: #2988be; background-color: inherit; font-weight: normal; line-height:34px;}
h1.introHeader { font-size: 150%; color: #2988be; font-weight:bold; }

h1.left 	{
	text-align: left;
	margin: 0;
	padding: 20px 30px 20px 30px;
}
h1.right 	{ text-align: right; }


h2 { margin: 0; padding: 0; font-size: 200%; color: #5c5c5c; background-color: inherit; }
h3 { margin: 0 0 10px 0; padding: 0; font-size: 150%; color: #5c5c5c;}
h4 { margin: 0 0 10px 0; padding: 0; font-size: 120%;}


p { color: #5c5c5c; }
p.intro {
	font-size:120%;
	line-height:17px;
}
p.header {
	font-size:120%;
	line-height:17px;
	color: #0691dc;
	text-align:left;
}
hr {width:100%; border-top:1px dotted #cccccc;background:#fff;color:#fff;}


/* tag styles */
form { padding: 0; margin: 0; }
input, select, textarea { font-size: 100%; }
img { border: 0px; }


.copyurltextbox {width:454px;clear:both;display:block;border:1px solid #999999;}

/* generic link styles */
a:link, a:visited { color: #0691dc; background-color: inherit; text-decoration: none; }
a:hover, a:focus { color: #0691dc; background-color: inherit; text-decoration: underline; }
a.on:link, a.on:visited, a.on:hover, a.on:focus {color: #0691dc;background-color: inherit;text-decoration:none;}



/* useful styles */
.clear {
	clear:both;
}

div.1C_txtCont 		{
	margin: 0;
} 
div.2C_txtCont_TLB 	{ 	margin-top: 20px; margin-right: 0px; margin-bottom: 20px; margin-left: 20px; 	}
div.2C_txtCont_TRB 	{	margin-top: 20px; margin-right: 20px; margin-bottom: 20px; margin-left: 0px; 	} 
div.2C_txtCont_LB 	{
	padding-left: 20px;
	padding-bottom: 20px;
	float: left;
} 
div.2C_txtCont_RB 	{	margin-right: 20px; padding: 0; margin-bottom: 20px;  	} 
div.2C_txtCont_RL 	{	margin-right: 20px; margin-left: 20px; 		} 
div.2C_txtCont_TB 	{	margin-top: 20px; margin-bottom: 20px;  	} 




/*list styles */
.bigGrey {list-style: none;margin:0 0 8px 0;padding:0;}
.bigGrey li {padding: 5px 0 5px 22px !important;background:transparent url(../images/icons/listBigGreyArr.gif) top left no-repeat !important;font-size:115% !important;color:#666 !important;}

ul.ra-blu {list-style: none;margin:0 0 10px 0;padding:0;}
ul.ra-blu li {padding: 0 0 5px 9px;background:transparent url(../images/icons/raquo-blue.gif) top left no-repeat;color:#5c5c5c;}
ul.ra-blu li a.on {font-weight:bold;}
ul.ra-blu li.viewall {margin-top: 20px;font-weight:bold;}

ul.ra-blu-twocol {float:left;list-style: none;margin:10px 0 10px 15px !important;padding:0 !important;width:170px;}
ul.ra-blu-twocol li {padding: 0 0 5px 9px !important;background:transparent url(../images/icons/raquo-blue.gif) top left no-repeat;}
ul.ra-blu-twocol li a.on {font-weight:bold;}
ul.ra-blu-twocol li.viewall {margin-top: 20px;font-weight:bold;}
/* ul.ra-blu-twocol li .addsmall {margin: -2px 0 -4px 0;padding: 2px 0 0 0;clear:none;} */
.componentRight ul.ra-blu-twocol {width:130px;margin:0 0 10px 10px;}

ol {color:inherit; color:#5c5c5c;margin: 0 0 0 24px;}

a.ra-blu {padding: 0 0 5px 9px;background:transparent url(../images/icons/raquo-blue.gif) top left no-repeat;}

ul.tick_blu {list-style: none;margin:0 0 10px 0;padding:0;}
ul.tick_blu li {padding: 0 0 9px 30px;background:transparent url(../images/icons/tick-blue.gif) top left no-repeat;}

ul.tick_blue {list-style: none;margin:0 0 10px 0;padding:0;}
ul.tick_blue li.image {padding: 0 0 9px 30px;background:transparent url(../images/icons/tick-blue.gif) top left no-repeat;}
ul.tick_blue li.noimage {padding: 0 0px 9px 0;}
ul.tick_blue li.noimage p {padding: 0 0px 9px 0;}
















/****TOP MENU****/
/****************/
div.top_menu_container {
	width: 900px;
	height: 45px;
	margin-left: auto;
	margin-right: auto;
}
div.top_menu_container#dis-aircon {
	background: transparent url(../images/top_menu_bar.png) top center no-repeat;
}
div.top_menu_container#aboutus { background: transparent url(../images/menu_bar_bg2.png) top center no-repeat; }
div.top_menu_container#customer { background: transparent url(../images/menu_bar_bg.png) top center no-repeat; }


div.logo {
	width: 902px;
	height: 200px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	padding-top: 25px;
	padding-left: 180px;
	
}


div.top_menu_container .left_menu_container {
	float: left;
	width: 550px;
	height: 45px;
}

div.top_menu_container .right_menu_container {
	float: right;
	width: 350px;
	height: 45px;
}


div.top_menu_container .left_menu{
	height: 20px;
	text-align:left;
	padding-left: 30px;
	padding-top: 10px;
}

div.top_menu_container .right_menu{
	padding-right:30px;
	text-align: right;
	padding-top: 5px;
}


div.left_menu ul {list-style: none; font-size:12px; }
div.left_menu li {display:inline; color: #FFFFFF;}

div.left_menu a:link, 
div.left_menu a:visited {color:#fff; text-decoration: none;}
div.left_menu a:hover, 
div.left_menu a:focus {color:#fbd317; text-decoration:none;}


div.right_menu .menu_item {
	float: right;
	padding-left: 20px;
}



/* ##################################### */
/* ############# CONTAINERS ############ */
/* ##################################### */
div.main_container {
	width: 800px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 50px;
	font-size: 12px;
	margin-top: 193px;
}



div.RHStop {
	width:800px;
	background: transparent url(../images/template/content_bg_top.png) top left no-repeat;
	height:10px;
	overflow: hidden;
}

div.RHSheader {
	width:800px;
	background: transparent url(../images/template/content_bg_header.png) top left no-repeat;
	font:Georgia, "Times New Roman", Times, serif;
	color:#66CCFF;
	padding: 0;
	margin: 0;
	height: 99px;
}


div.RHScenter {
	width: 800px;
	background: transparent url(../images/template/content_bg_center.png) top left repeat-y;
}


div.RHScenter .Column1 {
	width:416px;
	text-align: justify;
	float: left;
	padding-left: 50px;
	padding-bottom: 20px;
}

div.RHScenter .Column2 {
	float:right;
	width:272px;
	text-align:right;
	overflow: hidden;
	padding-right: 50px;
	padding-bottom: 20px;
}

.right_panel img {
	border:none; 
} 

div.galleryContainer {
	float: left;
	width:584px;
	float: left;
}

div.gallery {
	width:464px;
	padding: 50px 60px 50px 60px;
}



div.Footer {
	background: transparent url(../images/template/content_bg_center.png) top repeat-y;
	width: 800px;
	padding-top: 10px;
}


.Footer .FTleft {
	float:left;
	width: 416px;
	text-align: left;
	padding-left: 30px;
}

.Footer .FTright {
	float:right;
	width: 272px;
	text-align:right;
	padding-right: 30px;
}


.Footer .FTleft a:link, .Footer .FTleft a:visited {color: #999999;}
.Footer .FTleft a:hover, .Footer .FTleft a:focus {color: #0691dc;}

.Footer hr {
	height: 0;
	border-bottom: 1px dotted #CFCFCF;
}

.Footer .FTleft p {
	font:Arial, Helvetica, sans-serif;
	font-size:10px;
	text-align: left;
}



.Footer .FTleft span {color: #999999;}
.Footer .FTleft a:link, .Footer .FTleft a:visited {text-decoration:none;}


div.Footer_bottom {
	background: transparent url(../images/template/footer_bg.png) top no-repeat;
	height: 10px;
}


div.divider {
	background: transparent url(../images/template/divider.png) top no-repeat;
	height: 1px;
	overflow: hidden;
}




ul.topic 
{
	display:block;
	list-style:none;
}
ul.topic li 
{display:inline; width:112px; height:87px; float:left; border:1px solid #fff; margin:1px;}
 ul.topic li:hover
{
	white-space:normal;
}

ul.topic li a
{display:block; width:110px; height:85px; cursor:default; float:left; text-decoration:none; background:#444; border:1px solid #888;}
ul.topic li a img
{display:block; width:100px; height:75px; border:5px solid #eee;}
ul.topic li:hover a:hover 
{white-space:normal; position:relative;}
ul.topic li:hover a:hover img, 
ul.topic li a:hover img
{position:relative; left:-50px; top:-32px; width:200px; height:150px; border-color:#0691dc;}
ul.topic li a.set {display:block; font-size:11px; width:124px; height:30px; text-align:center; line-height:30px; color:#000; text-decoration:none; border:1px solid #fff; border-width:1px 1px 0 0; background:#ccc; font-family:verdana, arial, sans-serif;}


