Info for every page  

body {background-repeat: repeat; font-family: arial, helvetica, sans-serif;	font-color: #FFFFFF;}
	
body {
	background-color: #6950A1;
	background-image: url(images/bg08.jpg);
}	

a:link	{
	color: #660066;
	text-decoration: underline;
}
a:visited {
	color: #660066;
	text-decoration: underline;
}
	
	
	 look into #336699 as an alternate bg colour 
	
h1 {color:white; font-family: arial, helvetica, sans-serif; font-size:9.5pt;}
#type1 {
	color:#000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size:8pt;
	z-index:20;
}
#type2 {color:white; font-family: arial, helvetica, sans-serif; font-size:9pt; z-index:20;}
#type3 {color:black; font-family: arial, helvetica, sans-serif; font-size:9pt; z-index:20;}
#type4 {color:white; font-family: arial, helvetica, sans-serif; font-size:10pt; letter-spacing:3; z-index:20;}
#heading {color:pink; font-family: arial, helvetica, sans-serif; font-size:10pt; letter-spacing:3; z-index:20;}
h2 {color:black; font-family: arial, helvetica, sans-serif; font-size:12pt; z-index:20;}
h3 {color:white; font-family: arial, helvetica, sans-serif; font-size:10pt; z-index:20;}
	
#scribble {
	position:absolute;
	top:61px;
	left:50%;
	margin-left: -384px;
}
#scribble2 {
	position:absolute;
	top:80px;
	left:50%;
	margin-left: -320px;
}




#line {
	position:absolute;
	top:570px;
	left:50%;
	background-color: #FFFFFF;
	height: 5px;
	width: 575px;
	margin-left: -385px;
}
.newprojects { position: absolute; top: 366px; left: 250px !important }
.newfolio { position: absolute; top: 345px; left: 101px; width: 208px; height: 102px }
.newpimg { position: absolute; top: 53px; left: 430px }
.newprojtxt { position: absolute; top: 50px; left: 250px }
.sorrytxt { color: white; font-size: 12pt; font-family: "Arial Narrow", Arial; font-weight: 700 }
#contactrokat {	position:absolute;
	top:520px;
	left:50%;
	margin-left: -350px}
#contacttxt {	position:absolute;
	top:580px;
	left:50%;
	margin-left: -345px;}

#aboutrokat {
	position:absolute;
	top:520px;
	left:50%;
	margin-left: -315px;
}
#abouttxt {
	position:absolute;
	top:580px;
	left:50%;
	margin-left: -310px;
}

#foliorokat {
	position:absolute;
	top:520px;
	left:50%;
	margin-left: -280px
}
#foliotxt {
	position:absolute;
	top:580px;
	left:50%;
	margin-left: -275px;
}

#processrokat {
	position:absolute;
	top:520px;
	left:50%;
	margin-left: -245px
}
#processtxt {
	position:absolute;
	top:580px;
	left:50%;
	margin-left: -240px;
}

#rokatlogo {
	position:absolute;
	top:490px;
	left:50%;
	margin-left: 200px;
}
#goplaces {position:absolute; top:510; left:625;}

#introbox {position:absolute; top:490; left:450; width:296; height:50; text-align:right;}

 Info for Contact page  

#greenrokat { position:absolute; top: 224; left: 45; }
#grokat {position:absolute; top: 224; left: 45;} 
#gtitle {position:absolute; top: 274; left: 52;}
#gtext {position:absolute; top: 150	; left: 163; z-index: 20; width: 216px; text-align: right; font-color: #FFFFFF;}

#gtl {position:absolute; left: 103; top: 130;} 
#gt {position:absolute; left: 134; top: 130;} 
#gtr {position:absolute; left: 370; top: 130;} 

#gl {position:absolute; left: 103; top: 164;} 
#gp {position:absolute; left: 134; top: 164;} 
#gr {position:absolute; left: 370; top: 164;} 

#gbl {position:absolute; left: 103; top: 348;} 
#gb {position:absolute; left: 134; top: 348;} 
#gbr {position:absolute; left: 370; top: 348;} 

 Info for About Main Page  

#orangerokat { position:absolute; top: 207; left: 69;}
#orokat {position:absolute; top: 207px; left: 69px; z-index: 20;} 
#otitle {position:absolute; top: 255; left: 76;}
#orok1 {position:absolute; top: 150	; left: 160; z-index:20; width: 383px; text-align: center; letter-spacing:3;}
#orok2{position:absolute; top:200	; left: 160; z-index: 20; width: 383px; text-align: center; letter-spacing:3;}
#orok3{position:absolute; top:250	; left: 160; z-index: 20; width: 383px; text-align: center; letter-spacing:3;}
#orok4{position:absolute; top:300	; left: 160; z-index: 20; width: 383px; text-align: center; letter-spacing:3;}

.line {line-height:0.1;}

		
#otl {position:absolute; left: 127; top: 131;} 
#ot {position:absolute; left: 160; top: 131;} 
#otr {position:absolute; left: 543; top: 131;} 

#ol {position:absolute; left: 127; top: 164;} 
#op {position:absolute; left: 160; top: 164;} 
#or {position:absolute; left: 543; top: 164;} 

#obl {position:absolute; left: 127; top: 332;} 
#ob {position:absolute; left: 160; top: 332;} 
#obr {position:absolute; left: 543; top: 332;}

 Info for About other sections  


#o2 {position:absolute; top:140	; left: 160; z-index: 1; width: 383px; text-align: center; letter-spacing:3; z-index:20;} 
#otext {position:absolute; top:140	; left: 160; z-index: 1; width: 383px; text-align: center; letter-spacing:3; z-index:20;} 

#ms {position:absolute; top:210	; left: 160; z-index: 1; width: 383px; height: 138px	; text-align: center; color:white; font-size:12; font-family: arial, helvetica, sans-serif; z-index:20;} 

#whois {position:absolute; top:190	; left: 160; z-index: 1; width: 383px; height: 138px	; text-align: center; color:white; font-size:12; font-family: arial, helvetica, sans-serif; z-index:20;} 
		
#back {position: absolute; top: 370; left: 500;}
.backnew { position: absolute; top: 425px; left: 360px }
#back2 {position: absolute; top: 370; left: 500;}

 Info for Folio Page 	 

#greenrokat { position:absolute; top: 220; left: 108; }
#arokat {position:absolute; top: 220; left: 108;} 
#atitle {position:absolute; top: 275; left: 114;}
#atext {position:absolute; top: 192	; left: 153; z-index: 20; width: 216px; text-align: right; font-color: #FFFFFF;}

#atl {position:absolute; left: 157; top: 80;}
#at {position:absolute; left: 189; top: 80;} 
#atr {position:absolute; left: 373; top: 80;} 

#al {position:absolute; left: 157; top: 110;} 
#ap {position:absolute; left: 189; top: 110;} 
#ar {position:absolute; left: 373; top: 110;} 

#abl {position:absolute; left: 157; top: 375;} 
#ab {position:absolute; left: 189; top: 375;} 
#abr {position:absolute; left: 373; top: 375;}

#f1 {position:absolute; top: 100	; left: 153; z-index: 20; width: 190px; text-align: right; font-color: #FFFFFF;}
 #fb1 {position:absolute; top: 99	; left: 365; z-index: 20;}
#newprojtxtpos { position: absolute; z-index: 20; top: 100px; left: 175px; width: 230px; height: 320px }
#f2 {position:absolute; top: 130	; left: 153; z-index: 20; width: 190px; text-align: right; font-color: #FFFFFF;}
 #fb2 {position:absolute; top: 129	; left: 365; z-index: 20;}
 
  #f3 {position:absolute; top: 160	; left: 153; z-index: 20; width: 190px; text-align: right; font-color: #FFFFFF;}
 #fb3 {position:absolute; top: 159	; left: 365; z-index: 20;}
 
 #f4 {position:absolute; top: 190	; left: 153; z-index: 20; width: 190px; text-align: right; font-color: #FFFFFF;}
 #fb4 {position:absolute; top: 189	; left: 365; z-index: 20;}
 
 #f5 {position:absolute; top: 220	; left: 153; z-index: 20; width: 190px; text-align: right; font-color: #FFFFFF;}
 #fb5 {position:absolute; top: 219	; left: 365; z-index: 20;}
 
  #f6 {position:absolute; top: 250	; left: 153; z-index: 20; width: 190px; text-align: right; font-color: #FFFFFF;}
 #fb6 {position:absolute; top: 249	; left: 365; z-index: 20;}
 
 #f7 {position:absolute; top: 280	; left: 153; z-index: 20; width: 190px; text-align: right; font-color: #FFFFFF;}
 #fb7 {position:absolute; top: 279	; left: 365; z-index: 20;}
 
 #f8 {position:absolute; top: 310	; left: 153; z-index: 20; width: 190px; text-align: right; font-color: #FFFFFF;}
 #fb8 {position:absolute; top: 309	; left: 365; z-index: 20;}
 
  #f9 {position:absolute; top: 340	; left: 153; z-index: 20; width: 190px; text-align: right; font-color: #FFFFFF;}
 #fb9 {position:absolute; top: 339	; left: 365; z-index: 20;}
 
 #f10 {position:absolute; top: 370	; left: 153; z-index: 20; width: 190px; text-align: right; font-color: #FFFFFF;}
 #fb10 {position:absolute; top: 369	; left: 365; z-index: 20;}
 

  Folio SEVEN pieces 
 
  #p7a {position:absolute; top: 110 ; left: 413; z-index: 20;}
	#netsc01 {position:absolute; top:110; left:413; z-index:20;}
 #p7aa {position:absolute; top: 115	; left: 190; z-index: 20; text-align: right; width: 200px;}
   #p7b {position:absolute; top: 150	; left: 413; z-index: 20;}
 #p7bb {position:absolute; top: 155	; left: 190; z-index: 20; text-align: right; width: 200px;}
   #p7c {position:absolute; top: 190	; left: 413; z-index: 20;}
 #p7cc {position:absolute; top: 195	; left: 190; z-index: 20; text-align: right; width: 200px;}
   #p7d {position:absolute; top: 230	; left: 413; z-index: 20;}
 #p7dd {position:absolute; top: 235	; left: 190; z-index: 20; text-align: right; width: 200px;}
    #p7e {position:absolute; top: 270	; left: 413; z-index: 20;}
 #p7ee {position:absolute; top: 275	; left: 190; z-index: 20; text-align: right; width: 200px;}
   #p7f {position:absolute; top: 310	; left: 413; z-index: 20;}
 #p7ff {position:absolute; top: 315	; left: 190; z-index: 20; text-align: right; width: 200px;}
   #p7g {position:absolute; top: 350	; left: 413; z-index: 20;}
 #p7gg {position:absolute; top: 355	; left: 190; z-index: 20; text-align: right; width: 200px;}
 
 #back {position:absolute; top: 415	; left: 320;}
 
 Folio Four pieces 

 #p4 {position:absolute; top: 100	; left: 185; z-index: 20; text-align: right; width: 200px;}
 #netsc02 {position:absolute; top:100; left:185; z-index:20; text-align:right; width:200;}
 #p4a {position:absolute; top: 80	; left: 420; z-index: 20;}
  #p4b {position:absolute; top: 80	; left: 535; z-index: 20;}
	 #p4c {position:absolute; top: 200	; left: 420; z-index: 20;}
	  #p4d {position:absolute; top: 200	; left: 535; z-index: 20;}
		
		#one {position:absolute; top: 80	; left: 650; z-index: 20;}
		#two {position:absolute; top: 200	; left: 650; z-index: 20;}
		#three {position:absolute; top: 320	; left: 420; z-index: 20;}
		
		 Process Stuff 
		
		#yellowrokat { position:absolute; top: 220; left: 135; }
		#yelrok {position:absolute; top:220; left:136;}
		#yellowtitle { position:absolute; top: 275; left: 142; }
		
#ytl {position:absolute; left: 180; top: 80;} 
#yt {position:absolute; left: 209; top: 80;} 
#ytr {position:absolute; left: 393; top: 80;} 

#yl {position:absolute; left: 180; top: 110;} 
#yp {position:absolute; left: 209; top: 110;} 
#yr {position:absolute; left: 393; top: 110;} 

#ybl {position:absolute; left: 180; top: 375;} 
#yb {position:absolute; left: 209; top: 373;} 
#ybr {position:absolute; left: 393; top: 375;}

#yhead {position:absolute; top:55; left:200; z-index:20; text-align:right; width:200;}
#ytext {position:absolute; top:95; left:200; z-index:20; text-align:right; width:200;}
#pr1 {position:absolute; top: 80	; left: 440; z-index: 20;}
#pr2 {position:absolute; top: 80	; left: 555; z-index: 20;}
#pr3 {position:absolute; top: 200	; left: 440; z-index: 20;}
#pr4 {position:absolute; top: 200	; left: 555; z-index: 20;}
#pr5 {position:absolute; top: 80	; left: 670; z-index: 20;}
#pr6 {position:absolute; top: 200	; left: 670; z-index: 20;}

 #pback {position:absolute; top: 415	; left: 320;}
.foliotxt { color: white; font-size: 9pt; font-family: Arial }
#mainbg {
	background-image: url(images/bg08-2.jpg);
	height: 600px;
	width: 800px;
	margin-left: -400px;
	position: absolute;
	left: 50%;
	top: 50px;
}
#textboxbg {
	background-color: #FFFFFF;
	border-left-width: 10px;
	border-left-style: solid;
	border-left-color: #00A5A0;
	height: 300px;
	width: 550px;
	margin-left: -235px;
	position: absolute;
	left: 50%;
	top: 150px;
	border-top-width: 20px;
	border-top-style: solid;
	border-top-color: #00A5A0;
}
#textbox {
	border-left-style: none;
	height: 259px;
	width: 462px;
	margin-left: -210px;
	position: absolute;
	left: 629px;
	top: 147px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
}
#textboxbg-about {
	background-color: #FFFFFF;
	border-left-width: 10px;
	border-left-style: solid;
	border-left-color: #ff6633;
	height: 300px;
	width: 550px;
	margin-left: -235px;
	position: absolute;
	left: 50%;
	top: 150px;
	border-top-width: 20px;
	border-top-style: solid;
	border-top-color: #ff6633;
}
#textboxbg-process {
	background-color: #FFFFFF;
	border-left-width: 10px;
	border-left-style: solid;
	border-left-color: #ffcc00;
	height: 300px;
	width: 550px;
	margin-left: -235px;
	position: absolute;
	left: 50%;
	top: 150px;
	border-top-width: 20px;
	border-top-style: solid;
	border-top-color: #ffcc00;
}
#textboxbg-folio {
	background-color: #FFFFFF;
	border-left-width: 10px;
	border-left-style: solid;
	border-left-color: #3399cc;
	height: 300px;
	width: 550px;
	margin-left: -235px;
	position: absolute;
	left: 50%;
	top: 150px;
	border-top-width: 20px;
	border-top-style: solid;
	border-top-color: #3399cc;
}