/*************************************************************************************************/
/*CSS Document */
/*************************************************************************************************/
/*
BROWSER REQUIREMENTS : IE7+, MOZILLA 1+, SAFARI 1+
LAYOUT MODE : fixed
*/
/*************************************************************************************************/

/*************************************************************************************************/
/* ELEMENTs (Generic styles - establish base website elements presentation) */
/*************************************************************************************************/
a {
	background-color: transparent;
	color: #000000;
	text-decoration: underline;
}

a:hover {
	color: #2988b5;
}

body {
	background-color: #000000;
	color: #231f20;
	font-family: /*Futura,"Trebuchet MS",*/"Tahoma",Arial,Helvetica,sans-serif;
	font-size: 62.5%;
	line-height: 1.3;
	margin: 0;
	padding: 0;
}

h1 {
	background: 0px 0px no-repeat;
	height:31px;
	margin: 0;
	padding: 0;
	text-indent:-9999px;
}

h1.caltowie { background:url(../images/h1Caltowie.jpg) 0px 60px no-repeat; height: 91px; margin-bottom: 15px;}
h1.aroona { background:url(../images/h1Aroona.jpg) 0px 60px no-repeat; height: 91px; margin-bottom: 15px;}
h1.gayadari { background:url(../images/h1GayaDari.jpg) 0px 60px no-repeat; height: 91px; margin-bottom: 15px;}
h1.coombell { background:url(../images/h1Coombell.jpg) 0px 60px no-repeat; height: 91px; margin-bottom: 15px;}
h1.zen { background:url(../images/h1Zen.jpg) 0px 60px no-repeat; height: 91px; margin-bottom: 15px;}
h1.avocardo { background:url(../images/h1Avocardo.jpg) 0px 60px no-repeat; height: 91px; margin-bottom: 15px;}
h1.buni { background:url(../images/h1Buni.jpg) 0px 60px no-repeat; height: 91px; margin-bottom: 15px;}
h1.paringa { background:url(../images/h1Paringa.jpg) 0px 60px no-repeat; height: 91px; margin-bottom: 15px;}
h1.guyra { background:url(../images/h1Guyra.jpg) 0px 60px no-repeat; height: 91px; margin-bottom: 15px;}
h1.boroke { background:url(../images/h1Boroke.jpg) 0px 60px no-repeat; height: 91px; margin-bottom: 15px;}
h1.illuka { background:url(../images/h1Illuka.jpg) 0px 60px no-repeat; height: 91px; margin-bottom: 15px;}
h1.tanunda { background:url(../images/h1Tanunda.jpg) 0px 60px no-repeat; height: 91px; margin-bottom: 15px;}
h1.stoneWithStyle { background:url(../images/h1StoneWithStyle.jpg) 0px 16px no-repeat; margin-bottom: 6px; padding-top: 16px;}

img{
	border:none;
}

p {
	margin: 0em 0em 0.8em 0em;
	padding: 0em 0em 0em 0em;
}

/*************************************************************************************************/
/* END ELEMENTs */
/*************************************************************************************************/

/*************************************************************************************************/
/* IDS (Unique styles - primarily used for layout and major content section presentation) */
/*************************************************************************************************/

#banner {
	background: url(../images/bannerBg.jpg) 0px 0px no-repeat;
	height: 170px;
}

/*************************************************************/
/*start CONTACT*/
/*************************************************************/
body#contact #content {
	background: url(../images/contactBg.jpg) 0px 0px no-repeat;
}

#contactCont {
	font-size: 1.4em;
	left: 50px;
	position: absolute;
	top: 72px;
	width: 800px;
}
/*************************************************************/
/*end CONTACT*/
/*************************************************************/

/*************************************************************/
/*start CONTAINER*/
/*************************************************************/

#container{
	height:680px;
	margin:0px auto auto auto;
	position: relative;
	text-align: left;
	width:900px;
}

/*to allow hor,ver centering of page*/
/*encapsulates page div (controlled by page class)*/
#containerCentre{
	left:0px;
	margin-top:-340px;/*set to height/2 of page to centre vert*/
	min-width:900px;/*set to width of page to centre hor*/
	position:absolute;
	text-align:center;
	top:50%;
	width:100%;
}

/*************************************************************/
/*end CONTAINER*/
/*************************************************************/

#content {
	background: url(../images/contentBg.jpg) 0px 0px no-repeat;
	height: 455px;
	margin: 0;
	padding: 0px 30px 0px 30px;
	position: relative;
}

#footer {
	background: url(../images/footerBg.jpg) 0px 0px no-repeat;
	height: 55px;
}

/*************************************************************/
/*start HOME*/
/*************************************************************/
body#home #content {
	background: url(../images/homeBg.jpg) 0px 0px no-repeat;
}

#homeWelcome {
	font-size: 1.4em;
	left: 50px;
	position: absolute;
	top: 72px;
	width: 380px;
}
/*************************************************************/
/*end HOME*/
/*************************************************************/

/*************************************************************/
/*start NAV*/
/*************************************************************/
#nav {
	left: 30px;
	position: absolute;
	top: 144px;
}

#nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#nav ul li {
	background-image: none;
	display: inline;
	margin: 0;
	padding: 0;
}

#nav ul li a {
	background: 0px 0px no-repeat;
	display: block;
	float: left;
	height: 14px;
	margin: 0px 18px 0px 0px;
	overflow: hidden;
	padding: 0;
	text-indent: -9999px;
}

#nav ul li a.navHome {background-image:url(../images/navHome.png); width: 64px;}
#nav ul li a.navProducts {background-image:url(../images/navProducts.png); width: 113px;}
#nav ul li a.navContact {background-image:url(../images/navContact.png); width: 102px;}

body#home #nav ul li a.navHome {background-position: 0px -28px;}
body.products #nav ul li a.navProducts {background-position: 0px -28px;}
body#contact #nav ul li a.navContact {background-position: 0px -28px;}

#nav ul li a:hover {background-position: 0px -14px;}
/*************************************************************/
/*end NAV*/
/*************************************************************/

/*************************************************************/
/*start PRODUCTS*/
/*************************************************************/
#productsNav {
	left: 30px;
	list-style: none;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 15px;
}

#productsNav li {
	background-image: none;
	display: inline;
	margin: 0;
	padding: 0;
}

#productsNav li a {
	background-color: #ffffff;
	border: 1px solid #000000;
	display: block;
	float: left;
	font-size: 1.2em;
	font-weight: normal;
	height: 1.8em;
	line-height: 1.6em;
	margin: 0px 15px 0px 0px;
	padding: 0;
	text-align: center;
	text-decoration: none;
	vertical-align: middle;
	width: 1.8em;
}

/*
body#caltowie #productsNav li a[href="caltowie.htm"] {background-color: #000000; color:#ffffff;}
body#aroona #productsNav li a[href="aroona.htm"] {background-color: #000000; color:#ffffff;}
body#gayadari #productsNav li a[href="gaya-dari.htm"] {background-color: #000000; color:#ffffff;}
body#coombell #productsNav li a[href="coombell.htm"] {background-color: #000000; color:#ffffff;}
body#zen #productsNav li a[href="zen.htm"] {background-color: #000000; color:#ffffff;}
body#avocardo #productsNav li a[href="avocardo.htm"] {background-color: #000000; color:#ffffff;}
body#buni #productsNav li a[href="buni.htm"] {background-color: #000000; color:#ffffff;}
body#paringa #productsNav li a[href="paringa.htm"] {background-color: #000000; color:#ffffff;}
body#guyra #productsNav li a[href="guyra.htm"] {background-color: #000000; color:#ffffff;}
body#boroke #productsNav li a[href="boroke.htm"] {background-color: #000000; color:#ffffff;}
body#illuka #productsNav li a[href="illuka.htm"] {background-color: #000000; color:#ffffff;}
body#tanunda #productsNav li a[href="tanunda.htm"] {background-color: #000000; color:#ffffff;}
*/

body#caltowie #productsNav li a.caltowie {background-color: #000000; color:#ffffff;}
body#aroona #productsNav li a.aroona {background-color: #000000; color:#ffffff;}
body#gayadari #productsNav li .gayadari {background-color: #000000; color:#ffffff;}
body#coombell #productsNav li .coombell {background-color: #000000; color:#ffffff;}
body#zen #productsNav li a.zen {background-color: #000000; color:#ffffff;}
body#avocardo #productsNav li a.avocardo {background-color: #000000; color:#ffffff;}
body#buni #productsNav li a.buni {background-color: #000000; color:#ffffff;}
body#paringa #productsNav li a.paringa {background-color: #000000; color:#ffffff;}
body#guyra #productsNav li a.guyra {background-color: #000000; color:#ffffff;}
body#boroke #productsNav li a.boroke {background-color: #000000; color:#ffffff;}
body#illuka #productsNav li a.illuka {background-color: #000000; color:#ffffff;}
body#tanunda #productsNav li a.tanunda {background-color: #000000; color:#ffffff;}

#productsNav li a:hover {
	background-color: #2988b5;
	color: #ffffff;
}

body.products #content {
	background-image: url(../images/productsBg.jpg);
}

body.products #content dl {
	background: url(../images/transparentBlackP50.png) 0px 0px repeat;
	color: #ffffff;
	font-size: 1.2em;
	height: 28px;
	left: 30px;
	line-height: 28px;
	margin: 0;
	padding: 0;
	position: absolute;
	text-align: center;
	top: 427px;
	vertical-align: middle;
	width: 522px;
}

body.products #content dt {
	display: inline;
	font-weight: bold;
	margin: 0px 5px 0px 0px;
	padding: 0;
}

body.products #content dd {
	display: inline;
	margin: 0px 10px 0px 0px;
	padding: 0;
}

body.products #content h2 {
	text-indent: -9999px;
}

body.products #content img {
	left: 30px;
	position: absolute;
	top: 108px;
}

body.products #content p {
	font-size: 1.4em;
	left: 587px;
	position: absolute;
	top: 121px;
	width: 268px;
}

body.products #content ul#availableMaterials {
	left: 572px;
	list-style: none;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 265px;
	width: 310px;
}

body.products #content ul#availableMaterials li {
	background: 0px 0px no-repeat;
	float: left;
	margin: 0px 7px 10px 0px;
	padding: 65px 0px 0px 0px;
	width: 70px;
}

body.products #content ul#availableMaterials li.shanxiBlack { background-image: url(../images/avMatShanxiBlack.jpg);}
body.products #content ul#availableMaterials li.peaceGrey { background-image: url(../images/avMatPeaceGrey.jpg);}
body.products #content ul#availableMaterials li.pearlWhite { background-image: url(../images/avMatPearlWhite.jpg);}
body.products #content ul#availableMaterials li.bluePearl { background-image: url(../images/avMatBluePearl.jpg);}
body.products #content ul#availableMaterials li.darkEmpradorMarble { background-image: url(../images/avMatDarkEmpradorMarble.jpg);}
body.products #content ul#availableMaterials li.carraraMarble { background-image: url(../images/avMatCarraraMarble.jpg);}
body.products #content ul#availableMaterials li.cremaMarfil { background-image: url(../images/avMatCremaMarfil.jpg);}
/*************************************************************/
/*end PRODUCTS*/
/*************************************************************/

/*************************************************************/
/*start SPLASH*/
/*************************************************************/
body.splashTemplate h1 {
	margin: 0;
	padding: 0;
	text-indent: -9999px;	
}

body.splashTemplate h2 {
	margin: 0;
	padding: 0;
	text-indent: -9999px;
}

body.splashTemplate a {
	background: url(../images/BtnEnterSite.gif) 0px 0px no-repeat;
	display: block;
	height: 16px;
	left: 404px;
	margin: 0;
	overflow: hidden;
	padding: 0;
	position: absolute;
	text-indent: -9999px;
	top: 625px;
	width: 92px;
}

body.splashTemplate a:hover {
	background-position: 0px -15px;
}

body.splashTemplate #container {
	background: url(../images/splashBg.jpg) 0px 0px no-repeat;
}
/*************************************************************/
/*end SPLASH*/
/*************************************************************/

/*************************************************************************************************/
/* END IDS */
/*************************************************************************************************/

/*************************************************************************************************/
/* CLASSES (Reusable styles - establish presentation on multiple elements from one class) */
/*************************************************************************************************/

/*************************************************************************************************/
/* END CLASSES */
/*************************************************************************************************/