/* TAG*/

body {
margin:0px; 
text-align:left;
width: 100%;
}

a{
text-decoration:none; 
text-align:left;
color: #afbfd6;
}

img{
border: none;
}

div{
position: relative; 
}

h1{
font: lighter 18px Univers, Verdana, Helvetica, sans-serif;
display: inline;
}

h2{ 
font: normal 14px Univers, Verdana, Helvetica, sans-serif;
display: inline;
}

h3{
font: lighter 18px Univers, Verdana, Helvetica, sans-serif;
margin-left: 30px;
}

h4{
font: lighter 18px Univers, Verdana, Helvetica, sans-serif;
display: inline;
margin-left: 120px;
}

h5{ 
font: normal 8px Univers, Verdana, Helvetica, sans-serif;
display: inline;
}

/* ID*/

#dPageholder{
width: 100%; 
height:660px; 
margin-left:auto; 
margin-right:auto; 
background-color: white;
}


#dImage {
width:100%; 
height:470px; 
}


#dHeader {
left:30px
}

#dHeader1 {
left:30px;
position: absolute;
top: 48px;
}

#dHeader2 {
left:30px;
position: absolute;
top: 10px;
}

#dHeader3 {
left:30px;
position: absolute;
top: 60px;
}



#dText {
width:auto;
margin-right: 50px;
margin-left: 150px; 
top: -50px; 
color: black;
font: 12px Verdana, Geneva, sans-serif;
display: table;
vertical-align: top;
text-align: justify;

}
#dTextOr {
color: #FF7F00;


}

#dText1{
width:auto;
margin-right: 50px;
margin-left: 150px; 
top: 10px; 
color: black;
font: 12px Verdana, Geneva, sans-serif;
display: table;
vertical-align: top;
text-align: justify;

}

#dText3 {
width:auto;
margin-right: 50px;
margin-left: 150px; 
top: -40px; 
color: black;
font: 12px Verdana, Geneva, sans-serif;
vertical-align: top;
text-align: justify;
position: relative;
}

#dText4 {
width:auto;
margin-right: 50px;
margin-left: 150px;  
color: black;
font: 12px Verdana, Geneva, sans-serif;
vertical-align: top;
text-align: justify;

}


#dBottom {
width:100%; 
height: 90px;
position: absolute;
bottom: -60px; 
}

#dNavi{
width: 800px;
margin-left: 110px;
top: 20px;
}

#dLogo { 
float:right;
top: 25px;
right:150px;
}

#dMail { 
font: 12px Verdana, Geneva, sans-serif;  
color:#FF7F00;
top: 45px;
float: right;
}

#mail{
font: 12px Verdana, Geneva, sans-serif;
top: -
}

#dBiglogo {
position: absolute;
left:150px;
}


#dBiglogo {
position: absolute;
left:150px;
}

#dAdress {
display: block;
left: 855px;
top: 15px;
}
#imglogo_steendyk {
position: absolute;
left: 300px;
top: 404px
}
#steendyklogo {
position: absolute;
left: 190px;
top: 404px
}
#imgDrift {
position: absolute;
top: 30px;
}

#imgMap {
position: absolute;
top: 30px;
}
#imgPinch {
position: absolute;
top: 80px;
}

#imgTop {
position: absolute;
top: -30px;
}

#imgCero{
position: absolute; 
top:150px; 
}

#imgPalmDine{
position: absolute; 
top:170px;
}

#imgCoral{
position: absolute; 
top:10px; 
}

#imgCero2{
position: absolute; 
left: 200px;
top: 130px; 
}

#imgCero3{
position: absolute; 
left: 0px;
top: 80px; 
}


#imgRug{
position: absolute;
top: 20px;
}


#imgTypo{
float: right;
}

#imgSlide {
position: absolute; 
right: 0px;
bottom: -270px; 
}

#imgYhi {
position: absolute;
top: 0px;
}

#mesure {
position: absolute;
right: 10px;
top: 20px;
}

#mesure2 {
position: absolute;
right:15px;
top: 100px;
}

#colla{
position: absolute;
top: 50px;
}

#cplink {
left:450px;
position: absolute;
top: 60px;
}

#date {
position: absolute;
left: 340px;
top: 340px;
}

/* CLASS */

.arrow {
cursor: pointer;
font-family:"Arial Unicode MS",Arial,sans-serif;
font-size:26pt;
font-weight: lighter;
position:relative;
top: 0px;
padding-right: 20px;
color: #FF7F00;
}

#arrow2{
position: absolute;
left: 30px;
top: 20px;
}

.dBar{
width: 100%; 
height:170px;
background-color:#cad9c8; 
opacity:0.6; filter: alpha(opacity=60);
color: black;
top: 10px;
}

.collab{
list-style-type: none;
margin-top: -5px;
margin-left: 0px;
}


/* COLOR DIVS */
	
	
	.dWhite {
	height: 12px;
	width: 50px;
	background-color:white;
	border: 1px solid #dbdbdb;
	float: right;
	margin-left: 6px;
	}
	.dBlack {
	height: 12px;
	width: 50px;
	background-color:#333333;
	float: right;
	margin-left: 6px;
	}
	.dBlueberry {
	height: 12px;
	width: 50px;
	background-color:#1072BA;
	float: right;
	margin-left: 6px;
	}
	.dChrome {
	height: 12px;
	width: 50px;
	background-color:#D1D3D4;
	float: right;
	margin-left: 6px;
	}	
	.dGlass {
	height: 12px;
	width: 50px;
	background-color:#B3DFD2;
	float: right;
	margin-left: 6px;
	}
	.dSilver {
	height: 12px;
	width: 50px;
	background-color:#d5d9d6;
	float: right;
	margin-left: 6px;
	}
	.dOrange {
	height: 12px;
	width: 50px;
	background-color:#FF7F00;
	float: right;
	margin-left: 6px;
	}
	
	.dTomato {
	height: 12px;
	width: 50px;
	background-color:#f00000;
	float: right;
	margin-left: 6px;
	}
	.dRed {
	height: 12px;
	width: 50px;
	background-color:#cc1937;
	float: right;
	margin-left: 6px;
	}
	.dApple {
	height: 12px;
	width: 50px;
	background-color:#0bbd3b;
	float: right;
	margin-left: 6px;
	}
	.dSlate {
	height: 12px;
	width: 50px;
	background-color:#515e54;
	float: right;
	margin-left: 6px;
	}
	.dLiquorice {
	height: 12px;
	width: 50px;
	background-color:#1A171B;
	float: right;
	margin-left: 6px;
	}
	.dWhitepepper {
	height: 12px;
	width: 50px;
	background-color:#dde6df;
	float: right;
	margin-left: 6px;
	}
	.dFairyfloss {
	height: 12px;
	width: 50px;
	background-color:#E30062;
	float: right;
	margin-left: 6px;
	}
	.dLatte {
	height: 12px;
	width: 50px;
	background-color:#d1d6a9;
	float: right;
	margin-left: 6px;
	}
	.dOlive {
	height: 12px;
	width: 50px;
	background-color:#54573a;
	float: right;
	margin-left: 6px;
	}
	.dOliveleaves {
	height: 12px;
	width: 50px;
	background-color:#595733;
	float: right;
	margin-left: 6px;
	}
	.dLemon {
	height: 12px;
	width: 50px;
	background-color:#FFED00;
	float: right;
	margin-left: 6px;
	}
	
	.dArabian {
	height: 12px;
	width: 50px;
	background-color:#2e2828;
	float: right;
	margin-left: 6px;
	}
	.dWhitesand {
	height: 12px;
	width: 50px;
	background-color:#dce8bc;
	float: right;
	margin-left: 6px;
	}
	.dSicilian {
	height: 12px;
	width: 50px;
	background-color:#EAE2A3;
	float: right;
	margin-left: 6px;
	}
	.dAlexandrian {
	height: 12px;
	width: 50px;
	background-color:#7C703E;
	float: right;
	margin-left: 6px;
	}
	.dArabiansand {
	height: 12px;
	width: 50px;
	background-color:#EEECD7;
	float: right;
	margin-left: 6px;
	}
  .dLime {
	height: 12px;
	width: 50px;
	background-color:#97BF0D;
	float: right;
	margin-left: 6px;
	}
	.dPurple {
	height: 12px;
	width: 50px;
	background-color:#3A2459;
	float: right;
	margin-left: 6px;
	}
	.dNavy {
	height: 12px;
	width: 50px;
	background-color:#0C2F6F;
	float: right;
	margin-left: 6px;
	}
	.dCharcoal {
	height: 12px;
	width: 50px;
	background-color:#828071;
	float: right;
	margin-left: 6px;
	}
	.dGumleaves {
	height: 12px;
	width: 50px;
	background-color:#928768;
	float: right;
	margin-left: 6px;
	}
	.dLatte {
	height: 12px;
	width: 50px;
	background-color:#C7BA8F;
	float: right;
	margin-left: 6px;
	}
	.dWhitecream {
	height: 12px;
	width: 50px;
	background-color:#EEECE2;
	float: right;
	margin-left: 6px;
	}
	.dTranslucent {
	height: 12px;
	width: 50px;
	background-color:#F8F8F6;
	float: right;
	margin-left: 6px;
	}
	.dArmy {
	height: 12px;
	width: 50px;
	background-color:#5D581C;
	float: right;
	margin-left: 6px;
	}
	.dFlame {
	height: 12px;
	width: 50px;
	background-color:#E53723;
	float: right;
	margin-left: 6px;
	}
	.dBlue {
	height: 12px;
	width: 50px;
	background-color:#004F85;
	float: right;
	margin-left: 6px;
	}
	.dHazel {
	height: 12px;
	width: 50px;
	background-color:#00A99D;
	float: right;
	margin-left: 6px;
	}
	.dChocolate {
	height: 12px;
	width: 50px;
	background-color:#412311;
	float: right;
	margin-left: 6px;
	}
	.dMidgrey {
	height: 12px;
	width: 50px;
	background-color:#727269;
	float: right;
	margin-left: 6px;
	}
	.dSlate {
	height: 12px;
	width: 50px;
	background-color:#5D574A;
	float: right;
	margin-left: 6px;
	}
	.dBright {
	height: 12px;
	width: 50px;
	background-color:#FFFFFF;
	float: right;
	margin-left: 6px;
	}
	.dBTrim {
	height: 6px;
	width: 50px;
	background-color:#000000;
	float: top;
	margin-left: 6px;
	}
	.dGTrim {
	height: 6px;
	width: 50px;
	background-color:#939598;
	float: top;
	margin-left: 6px;
	}
#dColorrange {
position: absolute;
bottom:0px;
right: 10px;
  }
#dColorrange2 {
position: absolute;
bottom:50px;
right: 10px;
}


.colortx {
position: absolute;
top: -40px;
font:lighter 10px Verdana, Geneva, sans-serif;
color:#878787;

}



/* COLOR DIVS */