@charset "utf-8";
#holdindex {
	height: 770px;
	width: 1030px;
	background-image: url(images/index-backgound.png);
	background-repeat: no-repeat;
	margin: auto;
}
#sugarwebpage {
	width: 430px;
	height: 54px;
	margin-left: 30px;
	float: left;
	margin-top: 15px;
}
#fuelwebpage {
	width: 638px;
	height: 55px;
	float: left;
	margin-left: 30px;
}
#miningpage {
	width: 395px;
	height: 51px;
	float: left;
	margin-left: 30px;
}

#srmwebpage {
	width: 450px;
	height: 55px;
	margin-left: 30px;
	float: left;
	margin-top: 500px;
}

#enter {
	width: 200px;
	height: 29px;
	float: left;
	margin-top: 10px;
	margin-left: 50px;
}


#hold {
	height: 1650px;
	width: 100%;
}
#holdsugar {
	height: 800px;
	width: 100%;
}
#holdoil {
	height: 800px;
	width: 100%;
}
#pageanim {
	width: 241px;
	height: 459px;
	margin-top: 150px;
	float: left;
}
#aboutpageanim {
	width: 241px;
	height: 459px;
	margin-top: 150px;
	float: left;
}

#inner {
	width: 1024px;
	height: 1500px;
	margin: auto;
	background-image: url(images/about-us1.png);
	background-repeat: no-repeat;
}
#innersugar {
	width: 1024px;
	height: 1500px;
	margin: auto;
	background-image: url(images/SUGAR.png);
	background-repeat: no-repeat;
}
#inneroil {
	width: 1024px;
	height: 1500px;
	margin: auto;
	background-image: url(images/OIL.png);
	background-repeat: no-repeat;
}
#innerplat {
	width: 1024px;
	height: 1500px;
	margin: auto;
	background-image: url(images/platinum.png);
	background-repeat: no-repeat;
}
#eventspageanim {
	width: 241px;
	height: 459px;
	margin-top: 150px;
	float: left;
}
#innerindex {
	width: 450px;
	height: 770px;
	background-image: url(index-backgound.png);
}
#innerabout {
	width: 1024px;
	height: 2100px;
	margin: auto;
	background-image: url(images/about-us1.png);
	background-repeat: no-repeat;
}
#negotiateimage {
	width: 326px;
	height: 576px;
	background-image: url(images/savings.png);
	margin-top: 50px;
	float: left;
	margin-right: 20px;
	background-repeat: no-repeat;
}

#innernews {
	width: 1024px;
	height: 2100px;
	margin: auto;
	background-image: url(images/latestnews.png);
	background-repeat: no-repeat;
}
#innerevents {
	width: 1024px;
	height: 900px;
	margin: auto;
	background-image: url(images/latestnews.png);
	background-repeat: no-repeat;
}
#case2 {
	width: 988px;
	height: 462px;
	float: left;
	margin-top: 20px;
	margin-left: 20px;
	background-image: url(images/case2.png);
	background-repeat: no-repeat;
}
#case3b {
	width: 988px;
	height: 312px;
	float: left;
	margin-left: 20px;
	background-image: url(images/case3b.png);
	background-repeat: no-repeat;
}
#case1 {
	width: 1024px;
	height: 659px;
	float: left;
	margin-top: 20px;
	margin-left: 20px;
	background-image: url(images/case1.png);
	background-repeat: no-repeat;
}
#case3 {
	width: 988px;
	height: 617px;
	float: left;
	margin-top: 20px;
	margin-left: 20px;
	background-image: url(images/case3.png);
	background-repeat: no-repeat;
}
#case4 {
	width: 988px;
	height: 446px;
	float: left;
	margin-top: 20px;
	margin-left: 20px;
	background-image: url(images/case4.png);
	background-repeat: no-repeat;
}
#typicalsavings {
	width: 988px;
	height: 502px;
	background-image: url(images/execute-image_03.png);
	float: left;
	background-repeat: no-repeat;
	margin-left: 20px;
	margin-top: 70px;
}

#inneremergency {
	width: 1024px;
	height: 2100px;
	margin: auto;
	background-image: url(images/emergency.png);
	background-repeat: no-repeat;
}
#innerterms {
	width: 1024px;
	height: 2100px;
	margin: auto;
	background-image: url(images/buy.png);
	background-repeat: no-repeat;
}
#innerprivacy {
	width: 1024px;
	height: 2100px;
	margin: auto;
	background-image: url(images/buy.png);
	background-repeat: no-repeat;
}
#innernegotiate {
	width: 1024px;
	height: 900px;
	margin: auto;
	background-image: url(images/negotiate1.png);
}
#nav {
	width: 325px;
	height: 768px;
	padding-top: 112px;
	padding-left: 67px;
	float: left;
}
#navexecute {
	width: 325px;
	height: 2100px;
	padding-top: 112px;
	padding-left: 67px;
	float: left;
}
#navmanage {
	width: 325px;
	height: 2000px;
	padding-top: 112px;
	padding-left: 67px;
	float: left;
}
#innerexecute {
	width: 1024px;
	height: 2100px;
	margin: auto;
	background-image: url(images/negotiate1.png);
	background-repeat: no-repeat;
}
#adanimation {
	width: 324px;
	height: 324px;
	float: left;
	margin-top: 50px;
}
#cellphoneimage {
	width: 324px;
	height: 324px;
	float: left;
	margin-top: 300px;
}

#content {
	float: right;
	width: 632px;
	height: 768px;
}
#contenttypical {
	float: right;
	width: 1024px;
	height: 768px;
}
#contenttexttitle  {
	height: 30px;
	width: 500px;
	float: left;
	margin-top: 80px;
	margin-left: 64px;
	font-family: Arial;
	font-size: 23px;
	font-weight: bold;
}
#contenttexttitlestrat1  {
	height: 30px;
	width: 500px;
	float: left;
	margin-top: 80px;
	margin-left: 64px;
	font-family: Arial;
	font-size: 23px;
	font-weight: bold;
}
#contenttexttitleid  {
	height: 30px;
	width: 550px;
	float: left;
	margin-top: 80px;
	margin-left: 64px;
	font-family: Arial;
	font-size: 23px;
	font-weight: bold;
}
#contenttexttitleoil  {
	height: 30px;
	width: 550px;
	float: left;
	margin-top: 200px;
	margin-left: 64px;
	font-family: Arial;
	font-size: 23px;
	font-weight: bold;
}
#contenttexttitleplat  {
	height: 30px;
	width: 550px;
	float: left;
	margin-top: 80px;
	margin-left: 64px;
	font-family: Arial;
	font-size: 23px;
	font-weight: bold;
}
#contenttexttitlesugar  {
	height: 30px;
	width: 500px;
	float: left;
	margin-top: 200px;
	margin-left: 64px;
	font-family: Arial;
	font-size: 23px;
	font-weight: bold;
}
#contenttexttitleman1  {
	height: 30px;
	width: 500px;
	float: left;
	margin-top: 80px;
	margin-left: 64px;
	font-family: Arial;
	font-size: 23px;
	font-weight: bold;
}
#typicalbuttons  {
	height: 200px;
	width: 300px;
	float: right;
	margin-top: 200px;
	font-family: Arial;
	font-size: 21px;
	font-weight: bold;
	margin-right: 200px;
}
#contenttexttitletypical  {
	height: 30px;
	width: 550px;
	font-family: Arial;
	font-size: 21px;
	font-weight: bold;
	margin-right: 320px;
	top: 200px;
	float: right;
	margin-top: 50px;
}
#contenttexttitleparastatal  {
	height: 30px;
	width: 550px;
	font-family: Arial;
	font-size: 21px;
	font-weight: bold;
	margin-right: 320px;
	top: 200px;
	float: right;
	margin-top: 100px;
}
#contenttexttitlefinancialinstitution  {
	height: 30px;
	width: 550px;
	font-family: Arial;
	font-size: 21px;
	font-weight: bold;
	margin-right: 320px;
	top: 200px;
	float: right;
	margin-top: 100px;
}
#contenttexttitleinsuranceandfinancial  {
	height: 30px;
	width: 550px;
	font-family: Arial;
	font-size: 21px;
	font-weight: bold;
	margin-right: 320px;
	top: 200px;
	float: right;
	margin-top: 100px;
}
#contenttexttitleinternationalclient  {
	height: 30px;
	width: 550px;
	font-family: Arial;
	font-size: 21px;
	font-weight: bold;
	margin-right: 320px;
	top: 200px;
	float: right;
	margin-top: 100px;
}
#contenttexttitleman3  {
	height: 30px;
	width: 550px;
	float: left;
	margin-top: 80px;
	margin-left: 64px;
	font-family: Arial;
	font-size: 21px;
	font-weight: bold;
}
#emergency {
	width: 180px;
	height: 110px;
	float: right;
	margin-top: 50px;
}
.continuestrat1 {
	width: 115px;
	height: 15px;
	float: left;
	margin-left: 55px;
}
#typicalsavingsbtn {
	width: 180px;
	height: 110px;
	float: right;
	margin-top: 50px;
}
.partners {
	width: 462px;
	height: 64px;
	float: left;
	margin-left: 20px;
}
#srmlogo {
	width: 234px;
	height: 90px;
	background-image: url(images/SRM-TECH.png);
	float: left;
	background-repeat: no-repeat;
}
#mogslogo {
	width: 234px;
	height: 119px;
	background-image: url(images/mogs.png);
	float: left;
}
#casalogo {
	width: 269px;
	height: 104px;
	background-image: url(images/casa.png);
	float: left;
}
#gidsslogo {
	width: 234px;
	height: 126px;
	background-image: url(images/gidds-logo.png);
	float: left;
}
#rbhlogo {
	width: 234px;
	height: 119px;
	background-image: url(images/rbh.png);
	float: right;
}
#doghouselogo {
	width: 234px;
	height: 126px;
	background-image: url(images/doghouse.png);
	float: left;
}

.continuestrat2 {
	width: 115px;
	height: 15px;
	float: left;
	margin-left: 20px;
}
.continueman1 {
	width: 115px;
	height: 15px;
	float: left;
	margin-left: 55px;
}

.continueman2 {
	width: 115px;
	height: 15px;
	float: left;
	margin-left: 20px;
}
.continueneg1 {
	width: 115px;
	height: 15px;
	float: left;
}
.previousman1 {
	width: 115px;
	height: 15px;
	float: left;
	margin-left: 55px;
}
.previousman2 {
	width: 115px;
	height: 15px;
	float: left;
	margin-left: 55px;
}
.previousexecute {
	width: 115px;
	height: 15px;
	float: right;
	margin-right: 150px;
}
.previousstrat2 {
	width: 115px;
	height: 15px;
	float: left;
	margin-left: 55px;
}
.previousneg1 {
	width: 115px;
	height: 15px;
	float: left;
}
.previousstrat2 {
	width: 115px;
	height: 15px;
	float: left;
	margin-left: 55px;
}


#contenttextmain  {
	height: 500px;
	width: 525px;
	float: left;
	margin-left: 64px;
	font-family: HalvettLight, HalvettMedium;
	font-size: 14px;
	line-height: 130%;
	margin-top: 10px;
	font-weight: normal;
}
#contenttextmainsugar  {
	height: 500px;
	width: 525px;
	float: left;
	margin-left: 64px;
	font-family: HalvettLight, HalvettMedium;
	font-size: 14px;
	line-height: 130%;
	margin-top: 45px;
	font-weight: normal;
}
#contenttextmainoil  {
	height: 500px;
	width: 525px;
	float: left;
	margin-left: 64px;
	font-family: HalvettLight, HalvettMedium;
	font-size: 14px;
	line-height: 130%;
	margin-top: 45px;
	font-weight: normal;
}
#sugarbar {
	width: 300px;
	height: 1450px;
	background-image: url(images/sugarbar.png);
	margin-top: 90px;
}
#oilbar {
	width: 300px;
	height: 1450px;
	background-image: url(images/oilbar.png);
	margin-top: 90px;
	background-repeat: no-repeat;
}
#platinumbar {
	width: 300px;
	height: 1450px;
	background-image: url(images/platinumbar.png);
	margin-top: 90px;
	background-repeat: no-repeat;
}
#navtopoil {
	width: 600px;
	height: 80px;
	margin-left: 35px;
}
#platinumbtn  {
	width: 318px;
	float: left;
	margin-top: 30px;
}


#contenttextmainneg1  {
	height: 370px;
	width: 525px;
	float: left;
	margin-left: 64px;
	font-family: HalvettLight, HalvettMedium;
	font-size: 14px;
	line-height: 120%;
	margin-top: 15px;
}
#contenttextmainman3  {
	height: 500px;
	width: 525px;
	float: left;
	margin-left: 64px;
	font-family: HalvettLight, HalvettMedium;
	font-size: 14px;
	line-height: 130%;
	margin-top: 18px;
}
#contenttextmainprivacy  {
	height: 370px;
	width: 525px;
	float: left;
	margin-left: 64px;
	font-family: HalvettLight, HalvettMedium;
	font-size: 14px;
	line-height: 120%;
}
#contenttextmainid  {
	height: 500px;
	width: 525px;
	float: left;
	margin-left: 64px;
	font-family: HalvettLight, HalvettMedium;
	font-size: 14px;
	line-height: 130%;
	margin-top: 15px;
}
#contenttextmaiexe  {
	height: 500px;
	width: 525px;
	float: left;
	margin-left: 64px;
	font-family: Arial;
	font-size: 14px;
	line-height: 130%;
	margin-top: 15px;
	font-weight: normal;
}
#contenttextnews  {
	height: 500px;
	width: 525px;
	float: left;
	margin-left: 64px;
	font-family: HalvettLight, HalvettMedium;
	font-size: 14px;
	line-height: 130%;
	margin-top: 10px;
}
#contenttextmain2  {
	height: 150px;
	width: 525px;
	float: left;
	margin-left: 64px;
	font-family: HalvettLight, HalvettMedium;
	font-size: 14px;
	line-height: 130%;
	margin-top: 15px;
}
#sasollogo {
	width: 289px;
	height: 400px;
	background-image: url(images/sasol-logo-final.png);
	float: left;
	margin-left: 110px;
	background-repeat: no-repeat;
}



#banner {
	width: 550px;
	height: 50px;
	background-image: url(images/about-us_03.png);
	margin-top: 40px;
	margin-left: 50px;
	background-repeat: no-repeat;
}
#bannertypical {
	width: 485px;
	height: 50px;
	background-image: url(images/about-us_03.png);
	margin-top: 40px;
	margin-left: 442px;
}


.navelementsintel {
	width: 200px;
	height: 41px;
	padding-top: 10px;
}
.navelementsneg {
	width: 200px;
	height: 41px;
	padding-left: 15px;
	padding-top: 10px;
}
.navelementsexe {
	width: 200px;
	height: 41px;
	padding-left: 56px;
	padding-top: 10px;
}
.navelementsman {
	width: 200px;
	height: 40px;
	padding-left: 90px;
	padding-top: 10px;
}
.navelementsbuy {
	width: 136px;
	height: 41px;
	padding-left: 140px;
	float: left;
	padding-top: 10px;
}
.navelementssell {
	width: 47px;
	height: 19px;
	float: left;
	padding-top: 16px;
}
#navtop {
	width: 600px;
	height: 30px;
	margin-left: 35px;
}
.navtopelementshome {
	height: 27px;
	width: 76px;
	float: left;
}
.navtopelementsabout {
	height: 27px;
	width: 123px;
	float: left;
}
.navtopelementsnews {
	height: 27px;
	width: 76px;
	float: left;
}
.navtopelementsevents {
	height: 27px;
	width: 196px;
	float: left;
}
.navtopelementscontact {
	height: 27px;
	width: 116px;
	float: left;
}
.navelementsstrat {
	width: 534px;
	height: 33px;
	margin-top: 150px;
	margin-left: 42px;
}
.navelementsid {
	width: 534px;
	height: 33px;
	margin-top: 30px;
	margin-left: 49px;
}
.navelementsspend {
	width: 534px;
	height: 33px;
	margin-top: 25px;
	margin-left: 53px;
}
#executeimage {
	width: 576px;
	height: 326px;
	background-image: url(images/execute-image.png);
}