/* 
--------------------------------------------------------------------------------------------------
Print Page Layout - Global Setting
--------------------------------------------------------------------------------------------------
*/


*, body, p, tr, td, h1, h2, h3, h4, h5, h6, ul, li { margin: 0; padding: 0; text-align: left; }

img { border: none;}
.hidden { display: block; float: left;}
.show { display: none;}

body {
	margin: 0;
	padding: 0;
	font-family: "Verdana", Arial, Helvetica, sans-serif; 
	text-align: justify;
	font-size: 12px;
	line-height: 17px;
	color: #000;
}

p { font-size: 12px; margin-bottom: 20px; color: #000; }
h1 {	color: #000; font: bold 25px/20px "Georgia", Verdana; margin-bottom: 20px; }
h2 {	color: #000; font: bold 25px/20px "Georgia", Verdana; margin-bottom: 20px; }
h3 {	color: #04518b; font: bold 15px/20px "Trebuchet MS", Georgia, Verdana; margin-bottom: 20px; text-transform:uppercase; }
h4 {	color: #04518b; font: bold 15px/20px "Trebuchet MS", Georgia, Verdana; margin-bottom: 30px; text-transform:uppercase; }

ul.list { list-style: square; margin: 0 0 20px 35px; }
ul.list li { font-size: 1.1em; color: #000; }


/*-------------------- Main Layout ---------------------*/


#container { 	width: 100%;	height: 100%;	margin-left: 15px; }


/*-- Header Section  --*/

#logo { width: 100%; height: 140px;  display: block;	 clear: both; }
#inpage { display: block; width: 100%; clear: both; padding-top: 10px; }
#left-nav {
	width: 100%;
	height: 12px;
	clear: both;
	display: inline-block;
	font: bold 11px/16px "Trebuchet MS", Verdana;
	text-transform: uppercase;
	border-top: 3px solid #919191;
	border-bottom: 3px solid #919191;
	padding: 10px 0;
}
#right-contents { width: 95%; padding-top: 20px; display: block; clear: both; }
#footer { 
	width: 100%;
	padding: 15px 0;
	clear: both;
	border-top: 3px solid #919191;
}
#footer p {
	font-size: 11px;
	line-height: 17px;
	color: #04518b;
	margin-bottom: 10px;
}

/*-- Accessories --*/

input, select, textarea {
	width: 250px;
	height: 20px;
	padding: 2px;
	border: 1px solid #919191;
	font: normal 12px/17px "Verdana";
	color: #000;
	overflow: hidden;
	background: #f2f2f2;
}

input.send {
	border: none;
	width: 80px;
	height: 22px;
	padding: 2px;
	font-weight: bold;
	text-align: center;
	margin: 5px 10px 20px 0;
	border: 1px solid #919191;
}

textarea.expand { height: 50px; }

input.enquiry { width: 200px; height: 27px; padding: 0; margin-bottom: 20px; border: none; float: right; }
.breakline { border-bottom: 1px dashed #919191; margin: 0 0 20px 0; clear: both;}
.nogap { margin-bottom: 5px; }
span.shrink { font: normal 12px/15px "Verdana"; color: #000; text-transform: none; }


/*-- CMS --*/

div.displayarea {
	width: 100%;
	height: auto;
	display: inline-block;
	clear: both;
}

div.display-box {
	float: left;
	width: 140px;
	height: auto;
	margin: 0 15px 15px 0;
	border: 10px solid #000;
	background: #000;
}

div.display-box ul, div.display-box ul li, div.details-box1 ul, div.details-box1 ul li { margin: 0; padding: 0; list-style: none; }

div.display-box ul li a, div.details-box1 ul li a {
	width: 140px;
	height: 11px;
	display: block;
	padding: 6px 0 10px 0;
	font: bold 11px/15px "Verdana";
	border-top: 10px solid #000;
	color: #04518b;
	text-align: center;
	text-decoration: none;
}

div.display-box ul li a:hover, div.details-box1 ul li a:hover {
	color: #d23c1a;
	text-decoration: underline;
}

div.details-box1 {
	float: left;
	width: 140px;
	height: 220px;
	margin: 0 25px 50px 0;
	border: 10px solid #000;
}

div.details-box2 {
	float: left;
	width: 70%;
	height: auto;
}