/* ----- CNC CSS FRAMEWORK v1.0 ----------------------------------------------------- */
/* ----- Created by Creative Nature Communications 2009/09/25 ----------------------- */
/* ----- iintegrate Systems   ------------------------------------------------------- */
/* ----- Credits: UX: Tim Paul   ---------------------------------------------------- */


/* TABLE OF CONTENTS

00 - Global Includes
01 - Typography 
02 - Main Structure - The core Structure + Homepage + Common Styles
03 - Internal Page Styles 	
04 - Products Area Styles (please goto products.css)

*/

/* 00 - Global Includes  */
/* --------------------------------------------------------------------------------------------------------------------------- */

@import url(cssreset.css);


/* 01 - Typography  */
/* --------------------------------------------------------------------------------------------------------------------------- */

body {
	font-family: "Tahoma",Arial, Helvetica, sans-serif;

	font-size: 62.5%; /* 16px * 62.5% = 10px : 1em now = 10px */
	
	line-height: 1.8em;
	color: #000;
	width: 100%;
	margin: 0;
	background: url(../images/bodyBGWrapper.jpg) 0 0 repeat;
	border-top: 10px solid #f2f2f2;
}

/* All Text Replaced Headings / Links Common Styles */ 
#h2-abt-us, #h3-vision, #h3-gs, #h3-indj, #h2-invstr, #h2-contct
{
	display: block;
	float: left;
	text-indent: -3000em;
	margin: 0;
	padding: 0;
}
h1 {
	color: #315009;
	font-size: 4.5em;
	letter-spacing: -0.09em;
	line-height: 1.0em;
	font-weight: bold;
	margin: 0 0 0.5em 0;
}
h2 {
	color: #506d19;
	font-size: 3.8em;
	letter-spacing: -0.09em;
	line-height: 1.0em;
	font-weight: bold;
	margin: 0 0 0.5em 0;
}
#h2-abt-us {
	width: 167px;
	height: 30px;
	background: url(../images/h2-about-us.png) 0 0 no-repeat;
	margin: 3px 0 0 0;
}
#h2-invstr {
	width: 171px;
	height: 30px;
	background: url(../images/h2-investors.png) 0 0 no-repeat;
	margin: 3px 0 0 0;
}
#h2-contct {
	width: 148px;
	height: 30px;
	background: url(../images/h2-contact.png) 0 0 no-repeat;
	margin: 3px 0 0 0;
}

h3 {
	color: #6b9022;
	font-size: 3.0em;
	letter-spacing: -0.08em;
	line-height: 1.0em;
	font-weight: bold;
	margin: 0 0 0.5em 0;
}
#h3-vision {
	width: 112px;
	height: 98px;
	background: url(../images/h2-our-vis.png) 0 0 no-repeat;
	margin: 4px 0 0 0;
}
#h3-gs {
	width: 303px;
	height: 102px;
	background: url(../images/gs-logo.png) 0 0 no-repeat;
	cursor: pointer;
}
#h3-indj {
	width: 312px;
	height: 87px;
	background: url(../images/indji-logo.png) 0 0 no-repeat;
	margin: 15px 0 0 0;
	cursor: pointer;
}
h4 {
	color: #6b9022;
	font-size: 2.5em;
	letter-spacing: -0.04em;
	line-height: 1.0em;
	font-weight: bold;
	margin: 0 0 0.5em 0;
}
h5 {
	color: #80a834;
	font-size: 1.9em;
	letter-spacing: -0.05em;
	line-height: 1.0em;
	font-weight: normal;
	margin: 0 0 0.5em 0;
}
h6 {
	color: #4a6419;
	font-size: 1.3em;
	letter-spacing: -0.02em;
	line-height: 1.0em;
	font-weight: normal;
	margin: 0 0 0.5em 0;
}
ul{}
ol{}
li{}
a {
	color: #0e75b2;
	border-bottom: 1px dotted #0e75b2;
	text-decoration: none;
}
a:hover {
	color: #1a587d;
	border-bottom: 1px solid #1a587d;
}
#d-bot-banr-mid a, d-bot-banr-mid a:hover {
	border: none;
}
.head a {
	float: right;
	width: auto;
	display: block;
	margin: 0;
	padding: 5px;
	color: #868686;
	border: none;
	font-size: 1.5em;
}
.head a:hover {
	background: #868686;
	color: #fff;
}
.sp-dvdr {
	float: right;
	width: 1px;
	display: block;
	text-indent: -3000em;
	height: 20px;
	margin: 5px 10px 0 10px;
	border-left: 1px dotted #868686;
}
p {
	clear: left;
	line-height: 1.70em;
	color: #8a8a8a;
}
#d-abtus-mid p {
	padding: 30px 0 0 0;
	margin: 0;
	color: #8ab3d9;
	font-size: 1.4em;
	line-height: 1.7em;
}
#d-abtus-mid p.p-invstr {
	padding: 20px 0 0 0;
	font-size: 1.3em;
	line-height: 1.7em;
}
#d-abtus-mid p a {
	color: #fff;
}
#d-abtus-mid p a:hover {
	border-bottom: 1px solid #fff;
}
#d-bot-banr-mid p {
	font-size: 1.1em;
	line-height: 1.7em;
	padding: 20px 0 0 0;	
	margin: 0;
}
#d-bot-banr-mid .vis p {
	font-size: 1.5em;
	line-height: 1.7em;
	color: #0d80c5;
}
#d-bot-banr-mid .gs p {
	color: #a7e4ff;
}
#d-bot-banr-mid .indj p {
	color: #fde7d2;
}
#d-abtus-mid p strong {
	color: #fff;
}
.hidden {
	display: none;
}

/* 02 - Main Structure - The core Structure + Homepage + Common Styles 
/* --------------------------------------------------------------------------------------------------------------------------- */

/* Core Div Structure Elements */

#d-cntnr {
	width: 950px;
	margin: 0 auto;
	padding: 0;
}

.d-rght-col, .d-lft-col, .d-mid-col, #d-abtus-area
{
	float: left;
}
.d-rght-col.head {
	width: 230px;
	float: right;
	margin: 20px 20px 0 0; 
}
#d-abtus-area {
	width: 276px;
	clear: left;
}
#d-abtus-top, #d-abtus-bot {
	width: 100%;
	background: url(../images/abtus-bg-top.png) 0 0 no-repeat;
	height: 16px;
	float: left;
}
#d-abtus-bot {
	background: url(../images/abtus-bg-bot.png) 0 0 no-repeat;
}
#d-abtus-mid { /* ie 7 hacked */
	width: 206px;
	min-height: 227px;
	float: left;
	padding: 12px 40px 12px 30px;
	background: url(../images/abtus-bg-wrap.png) 0 0 repeat;
}
#d-bot-banr {
	width: 950px;
	clear: left;
	padding: 6px 0 0 0;
}
#d-mid-banr {
	width: 950px;
}
#d-bot-banr-top, #d-bot-banr-bot
{
	width: 950px;
	background: url(../images/botar-bg-top.png) 0 0 no-repeat;
	height: 18px;
	float: left;
}
#d-bot-banr-bot {
	background: url(../images/botar-bg-bot.png) 0 0 no-repeat;
}
#d-bot-banr-mid {
	width: 950px;
	background: url(../images/botar-bg-wrap.png) 0 0 repeat;
	float: left;
	margin: 0;
	padding: 10px 0;
}
.d-lft-col.vis {
	width: 158px;
	margin: 0 0 0 27px;
}
.d-mid-col.gs {
	width: 303px;
	margin: 0 0 0 60px;
}
.d-rght-col.indj {
	width: 312px;
	margin: 0 0 0 60px;
}











/* Other Core Structure Elements */

#a-iint-logo {
	display: block;
	float: left;
	width: auto;
	background: transparent;
	border: none;
	margin: 20px 0 25px 30px;
}
#a-iint-logo:hover {
	background: transparent;
	border: none;
}
.ul-accessibility {
	display: block;
	float: right;
	clear: right;
	margin: 13px 0 0 0;
	padding: 0;
	width: 90px;
}
.ul-accessibility li, .ul-accessibility a {
	float: left;
	margin: 0;
	text-indent: -3000em;
	display: block;
	padding: 0;
	width: 30px;
	height: 30px;
}
.ul-accessibility a {
	background: url(../images/page-tools.png) 0 0 no-repeat;
	border: none;
}
.ul-accessibility a:hover {
	background: url(../images/page-tools.png) 0 0 no-repeat;
}
.ul-accessibility a#a-toggleTextMinus {
	background-position: 0 0;
}
.ul-accessibility a#a-toggleTextPlus {
	background-position: -30px 0;
}
.ul-accessibility a#a-print {
	background-position: -60px 0;
}
.ul-accessibility a#a-toggleTextMinus:hover {
	background-position: 0 -30px;
}
.ul-accessibility a#a-toggleTextPlus:hover {
	background-position: -30px -30px;
}
.ul-accessibility a#a-print:hover {
	background-position: -60px -30px;
}

/* Footer Area */

#d-footer {
	width: 950px;
	clear: left;
	padding: 10px 0 0 0;
}

.d-lft-col.ftr {
	width: 640px;
	margin: 0 0 0 30px;
}
.ul-linkArray {
	width: 100%;
	margin: 0 0 1.0em -4px;
	padding: 0;
	float: left;
}
.ul-linkArray li, .ul-linkArray li a {
	width: auto;
	float: left;
	margin: 0;
	padding: 0;
}
.ul-linkArray li a {
	display: block;
	color: #000;
	border: none;
	font-size: 1.3em;
	font-weight: bold;
	margin: 0 20px 5px 0;
	padding: 5px;
}
.ul-linkArray li a:hover {
	color: #fff;
	background: #0d80c5
}
.ftr p {
	font-size: 1.1em;
	color: #6e6e6e;
	display: block;
	width: 100%;
	clear: left;
	float: left;
	margin: 0 0 1em 0;
}
.ftr p#p-copyrght {
	color: #9a9a9a
}
.d-rght-col.ftr a {
	display: block;
	float: left;
	text-indent: -3000em;
	width: 69px;
	height: 46px;
	background: url(../images/aspac-awrd.png) 0 0 no-repeat;
	border: none;
}
.d-rght-col.ftr a#a-waitta {
	width: 163px;
	height: 48px;
	background: url(../images/waita-awrds.png) 0 0 no-repeat;
	margin: 0 0 0 15px;
}




/* 03 - Internal Page Styles 	
/* --------------------------------------------------------------------------------------------------------------------------- */

/* Core Div Structure Elements */


/* Other Core Structure Elements */





/* ---------- Easy Slider Styles  ------------------ */

#slider, #slider ul, #slider li { 
/* define width and height of container element and list item (slide)
list items must be the same size as the slider area	*/ 
	width: 680px;
	height: 279px;
	float: left;
	overflow: hidden;
	margin:0;
	padding:0;
	list-style: none;
}
#slider {
	margin: 2px 0 0 -6px;
}

/*--------- Slider Control Button Styles -----------------------------------------------*/
#d-sliderControl {
	display: none;
}