/*CSS Reset*/
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td { margin: 0; padding: 0; }
/*END*/


body
{
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 62.5%;
	background-image:url(images/bg.gif);
	background-repeat:repeat-x;
}

/*START TEMPLATE LAYOUT STYLES*/

#wrapper {
	width:100%; 
	background-image:url(images/bg-header.jpg); 
	background-repeat:no-repeat; 
	background-position:top center;
	margin:auto; 
}

#contentArea {width:930px; margin:auto;}

#contentLeft {
	float:left;
	width:248px;
}

#contentRight {
	float:right;
	width:639px;
}

#bannerFlash {margin:125px 0px 0px 0px;}

#quickEnquiry {
	width:248px;
	background-color:#8cc63f;
	margin:20px 0px 0px 0px;
}

#latestNews {
	width:248px;
	background-color:#8cc63f;
	margin:245px 0px 0px 0px;
	float:right;
	margin:20px 0px 0px 10px;
}


.boxContent {
	padding: 0px 30px 0px 30px;	
}

.boxContent p {font-size:1.1em; color:#FFF; background-color:inherit; padding:10px 0px 10px 0px;}

#brochureDownload {
	width:248px;
	background-color:#b1005d;
	margin:20px 0px 0px 0px;
}

#slogan {
	width:248px;
	background-color:#00aeef;
	margin:245px 0px 0px 0px;
}


#nasbmLogo {
	width:248px;
	background-color:#FFFFFF;
	margin:20px 0px 0px 0px;
}


#menu {border-top:1px solid #FFF;}
#menu ul {list-style:none;}
#menu li{font-size:1.2em; font-weight:bold; color:#FFF; float:right; margin:0px 0px 0px 1px; text-align:center; }
#menu li a {background-image:url(images/menu-tab.gif); background-repeat:no-repeat; color:#FFF; text-decoration:none; display:block; width:94px; height:17px; padding:10px 0px 10px 0px;}
#menu li a.doubleLine {padding:4px 0px 16px 0px;}
#menu li a:hover {background-image:url(images/menu-tab-over.gif); background-repeat:no-repeat; color:#FFF; text-decoration:none;}

#menu li a.active {background-image:url(images/menu-tab-over.gif); background-repeat:no-repeat; color:#FFF; text-decoration:none;}

#tel {clear:both; text-align:right; color:#00aeef; background-color:inherit; font-size:1.8em; padding:6px 0px 0px 0px;}
#tel span {font-size:1.6em;}


#footer {
	clear:both;
	width:100%;
	background-image:url(images/bg-footer.gif);
	background-repeat:repeat-x;
	background-color:#00aeef;
}

#footerContentArea {
	width:950px;
	background-image:url(images/bg-footer-area.jpg);
	background-repeat:no-repeat;
	min-height:276px;
	margin:auto;
}

#footerContent {
	width:450px;
	padding:0px 20px 5px 0px;
	float:right;
	text-align:right;
	min-height:156px;
}

#footerContent p {font-size:1.1em; color:#FFF; background-color:inherit; padding:10px 0px 10px 0px;}

/*END TEMPLATE LAYOUT STYLES*/

/*##########################################################################################*/

img{border:0px;}
img.border {border: 3px solid #AFADAD;}

img.slogan{margin:auto;}
img.caseThumb {border: 5px solid #AFADAD; margin:10px 5px 10px 5px; float:left;}

.marginT {margin-top:10px;}
.marginR {margin-right:10px}
.marginB {margin-bottom:30px;}
.marginL {margin-left:10px;}
.alignleft {float:left;}
.alignright{float:right;}
.clear {clear:both;}


/*START CONTENT STYLES*/

a:link, a:visited { color: #f7931d;	text-decoration: underline; background-color:inherit;}
a:active, a:hover { color: #00aeef; text-decoration: underline; background-color:inherit;}

.boxContent a:link, .boxContent a:visited { color: #FFF; text-decoration: underline; background-color:inherit;}
.boxContent a:active, .boxContent a:hover { color: #FFF; text-decoration: none; background-color:inherit;}

h2 a:link, h2 a:visited { color: #b0005c; text-decoration: none; background-color:inherit;}
h2 a:active, h2 a:hover { color: #b0005c; text-decoration: underline; background-color:inherit;}

#footerContent a:link, #footerContent a:visited { color: #FFF;	text-decoration: underline; background-color:inherit;}
#footerContent a:active, #footerContent a:hover { color: #FFF; text-decoration: none; background-color:inherit;}

h1 {font-size: 2.0em; font-weight: normal; color: #b0005c; background-color:inherit; padding:10px 0px 10px 0px;}
h2 {font-size: 1.8em; font-weight: normal; color: #b0005c; background-color:inherit; padding:20px 0px 10px 0px;}
h3 {font-size: 1.6em; font-weight: normal; color: #FFF; background-color:inherit;}
h4 {font-size: 1.4em; font-weight: bold; color: #8cc63f; background-color:inherit; padding:10px 0px 0px 0px;}
h5 {font-size: 80%; font-weight: bold; color: #F94F0D; background-color:inherit;}
h6 {font-size: 80%; font-weight: bold; color: #F94F0D; background-color:inherit;}

hr {
	border: dashed #CCCCCC 0px;
	border-top:dashed #CCCCCC 1px;
	height:0px;
	clear:both;
}
	

form{display:inline;}
textarea, input, select {font-family: Arial, Helvetica, sans-serif; color: #000000; font-size: 11px; width:188px; margin:0px 0px 10px 0px;}
.submit { background-color:#406410; color:#FFF; padding:5px; border:0px; cursor:pointer; width:90px;}
.submit:hover { background-color:#00aeef; color:#FFF; padding:5px; border:0px; cursor:pointer;}
label.error {font-weight:bold; color:#FF0000; background-color:inherit; padding:5px 5px 5px 25px; line-height:30px; background-image: url(images/icon_error.png); background-repeat:no-repeat; background-position:5px 4px;}
input.error, textarea.error, select.error {border:1px solid #FF0000; background-color:#FFF; color:#000000;}

p, td, th{font-size: 1.2em; font-weight: normal; color: #666; background-color:inherit; padding:10px 0px 10px 0px;}
td p {font-weight: normal; color: #666; background-color:inherit;}

.pdf {background-image:url(images/icon_pdf.png); background-repeat:no-repeat; background-position:0px 0px; padding:1px 0px 3px 20px; font-weight:normal;}

.required {color:#000; background-color:inherit; font-weight:bold;}
.blue {color:#00aeef; background-color:inherit;}

div.serviceBoxBlue a {
	float:left;
	background-image:url(images/bg-service-box-blue.gif); 
	background-repeat:no-repeat; 
	width:200px;
	height:25px;
	color:#FFF;
	background-color:inherit;
	text-align:center;
	font-size:1.8em;
	display:block;
	margin:10px 5px 10px 5px;
	padding:13px 0px 13px 0px;
	text-decoration:none;
}

div.serviceBoxBlue a:hover {
	background-image:url(images/bg-service-box-blue-over.gif); 
	background-repeat:no-repeat; 
	color:#FFF;
	background-color:inherit;
	text-decoration:none;
}


div.serviceBoxPink a {
	float:left;
	background-image:url(images/bg-service-box-pink.gif); 
	background-repeat:no-repeat; 
	width:200px;
	height:25px;
	color:#FFF;
	background-color:inherit;
	text-align:center;
	font-size:1.8em;
	display:block;
	margin:10px 5px 10px 5px;
	padding:13px 0px 13px 0px;
	text-decoration:none;
}

div.serviceBoxPink a:hover {
	background-image:url(images/bg-service-box-pink-over.gif); 
	background-repeat:no-repeat; 
	color:#FFF;
	background-color:inherit;
	text-decoration:none;
}

div.serviceBoxOrange a {
	float:left;
	background-image:url(images/bg-service-box-orange.gif); 
	background-repeat:no-repeat; 
	width:200px;
	height:25px;
	color:#FFF;
	background-color:inherit;
	text-align:center;
	font-size:1.8em;
	display:block;
	margin:10px 5px 10px 5px;
	padding:13px 0px 13px 0px;
	text-decoration:none;
}

div.serviceBoxOrange a:hover {
	background-image:url(images/bg-service-box-orange-over.gif); 
	background-repeat:no-repeat; 
	color:#FFF;
	background-color:inherit;
	text-decoration:none;
}


div.serviceBoxGreen a {
	float:left;
	background-image:url(images/bg-service-box-green.gif); 
	background-repeat:no-repeat; 
	width:200px;
	height:25px;
	color:#FFF;
	background-color:inherit;
	text-align:center;
	font-size:1.8em;
	display:block;
	margin:10px 5px 10px 5px;
	padding:13px 0px 13px 0px;
	text-decoration:none;
}

div.serviceBoxGreen a:hover {
	background-image:url(images/bg-service-box-green-over.gif); 
	background-repeat:no-repeat; 
	color:#FFF;
	background-color:inherit;
	text-decoration:none;
}


div.date {text-align:left; padding:12px 0px 0px 0px; margin:0px 0px 7px 0px;}
span.day {font-size:11px; color:#FFF; background-image:url(images/bg-date.png); background-repeat:no-repeat; text-align:center; width:22px; height:16px; display:block; margin:0px auto 2px auto; padding:11px 0px 0px 1px; float:left;}
span.year {font-size:11px; color:#FFF; float:left; padding:10px 0px 0px 6px;}

#latestNews ul {margin:0px; padding:0px 0px 0px 0px; list-style:none; height:205px; overflow:hidden;}
#latestNews li {font-size:1.1em; padding:0px 0px 20px 0px; margin: 0px 0px 5px 0px; list-style:none; display:block; }

#smIcons img {margin:0px 0px 15px 15px; text-align:right;}

#twitter {background-image:url(images/bg-twitter.gif); background-repeat:no-repeat; width:248px; height:220px; float:right; margin:10px 0px 10px 20px; clear:right;}
#twitterContent {
	width:216px;
	padding:12px 16px 0px 16px;
	color:#FFF;
	background-color:inherit;
	line-height:18px;
}
#twitterContent span.content {font-size:15px; color:#FFF;}
#twitterContent span.name {padding:0px 0px 0px 27px; font-size:11px;}
#twitterContent span.time {font-size:10px;}
#twitterContent a:link, #twitterContent a:visited { color: #000; text-decoration: underline; background-color:inherit;}
#twitterContent a:active, #twitterContent a:hover { color: #000; text-decoration: underline; background-color:inherit;}
