/*
-----------------------------------------------
Master Style Sheet

Site: Armourcote Malaysia Sdn Bhd
Author:   Robbie Donaldson www.raw-digital.co.uk
----------------------------------------------- */
* {
	padding: 0px;
	margin: 0px;
	}
	
html {
	height:100%;
}	

html, body, div, p {
	font-family: Verdana, Arial, sans-serif; 
	color: #fff;
}

body {
	background:#273341 url(../images/background.gif);
}


/*
LINKS --------------------- */

a:link, a:active, {
	color: #48546A;
}

a img {
	border-width: 0; 
	border-style: none;
}

#leftContent a {
	color: #afbd21;
	text-decoration: none;
}

#leftContent a:hover {
	color: #afbd21;
	text-decoration: underline;
}

/*
COMMON --------------------- */
/*
.clear {
	clear: both;
}*/

p { 
	line-height: 150%;
	font-size: 0.7em
}


/*
MAIN BODY --------------------- */


#container {
	position:relative;
	padding-top:10px;
	margin:0 auto;
	width:947px;
}

#masthead {
 	height: 116px;
	background: url(../images/masthead.jpg) no-repeat;
}

#navbar {
 	height: 30px;
	background: url(../images/navbar.jpg) no-repeat;
}

/*
NAVIGATION SECTION ------------------------*/

#navsection {
	position: absolute;
	width: 450px;
	height: 30px;
	left: 318px;
}

#navsection ul {
	list-style: none;
}

#navsection li
{
	display: block;
	font-size: 11px;
	font-weight: bold;
	padding-top: 9px;
	padding-right: 12px;
	padding-bottom: 10px;
	padding-left: 10px;
	line-height: 1;
	float: left;
	width: auto;
}

#navsection a
{
	color: #ffffff;
	display: inline;
	width: auto;
	text-decoration: none;
	margin: 0;
}

#navsection a:hover, #navsection a:active {color: #afbd21; }


/*
MAIN BODY ------------------------*/

#banner {
 	height: 92px;
}

#content {
	float: left;
	width: 945px;
 	background:#333333;
 	border-bottom: 1px solid white;
 	border-right: 1px solid white;
 	border-left: 1px solid white;
}

#fullcontent {
	float: left;
	width: 900px;
	margin: 5px 8px 5px 36px;
}

#flashcontent {
	float: left;
	width: 900px;
	margin: 5px 22px 5px 22px;
}

#leftContent {
	float: left;
	width: 544px;
	padding: 16px 6px 16px 14px;
	border-right: 1px dashed #afbd21;
}

#leftContent p {
	text-align: justify;
}

.thumbcontent {
	width: 98%;
	height: 110px;
}

.thumbcontent img {
	float: right;
	padding: 0px 0px 0px 8px;
}

h2 {
	position: absolute; 
	left: -9000px;
}

#rightContent {
	float: right;
	width: 360px;
	padding: 10px;
}

#footer {
	clear: both;
	width: 945px;
	background: #fff;
	border-top: #afbd21 1px solid;
	border-left: #ffffff 1px solid;
	border-right: #ffffff 1px solid;
	border-bottom: #ffffff 1px solid;
	height: 20px;
	}
	
	
#footer p {	
	padding-top: 0.2em; 
	padding-left: 1.0em;
	line-height: 120%;
	color: #968e83;
}

.shell1 {
	margin: 0;
	padding-left: 0.4em;
	width: 94%;
}


.shell2 {
	margin: 0 auto; 
	width: 90%;
	overflow: hidden;
}

#map {
	width: 500px;
	height: 370px;
}
	
/* Sections in the right hand side  */
.section {
	margin: 0.6em 0 2em 0;
	clear: both; 
	border: 3px double #6f695f; 
	background: #333333;
	}

.section h3 {
	position: absolute; 
	left: -9000px;
}

.section_header {
	width: 318px;
	height: 27px;
	background: url(../images/section.gif) repeat-x;	
}

.section p {
	margin: 0.8em; 
	line-height: 120%;
	color: #fff;
	}

.section_pic {
	float: left; 
	margin: 0.8em; 
	border: 2px solid #afbd21;
	width: 116px;  
	height: 80px;
	text-indent: -9000px;
}
	
/*
SIDEBAR -  MAIN-------------------- */

#Group {
	background: #E2E2D2 url(../images/normanhay.jpg) no-repeat center center;
}

#Facilities {
	background: #E2E2D2 url(../images/facility.jpg) no-repeat center center;
}

#Gallery {
	background: #E2E2D2 url(../images/gallery.jpg) no-repeat center center;
}

#Contact {
	background: #E2E2D2 url(../images/contact.jpg) no-repeat center center;
}

#Service {
	background: #E2E2D2 url(../images/service.jpg) no-repeat center center;
}

/*
GALLERY --------------------- */

.thumbNail {
 	width: 100px;
	height: 75px;
	padding: 2px 0px 0px 2px;
	background: url("../images/thumbFrame.gif") no-repeat;
	float: left;
} 

/* LISTS     */

#content ul  {
	margin-left: 18px;
	list-style-type: none;
	line-height: 150%;
	font-size: 0.7em;
}

#content li {
	background: url(../images/bullet.gif) no-repeat;
	padding: 0 0 5px 20px; 
}
	
	
/*	P.I.E. FLOAT CLEARING
See http://www.positioniseverything.net/easyclearing.html 
--------------------- */

.clearfix:after {
  content: ".";
  clear: both;
  height: 0;
  visibility: hidden;
  display: block;
}
.clearfix {
  display: inline-block; /* Fixes IE/Mac */
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */