#bg {
position: absolute;
top: 0;
left: 0;
z-index: 1;
overflow: hidden;
width: 100%;
min-width: 1000px;
}

#bgr {
repeat: repeat;
position: absolute;
top: 0;
left: 0;
z-index: 1;
overflow: hidden;
width: 100%;
min-width: 1000px;
}

#bg2 {
top: 50%;
left: 50%;
z-index: 0;
overflow: hidden;
}
.info {
background-color : white;
filter:alpha(opacity=90);
opacity:.90;
moz-opacity:90;
font-family : georgia, times, serif;
font-size : 12px;
line-height: 1.5em;
padding:10px;
width : 270px;
position: fixed;
z-index: 10;
top: 50px;
left: 50px;
}
.infoi {
background-color : white;
font-family : georgia, times, serif;
font-size : 12px;
line-height: 1.5em;
padding:10px;
width : 270px;
position: fixed;
z-index: 10;
top: 50px;
left: 50px;
}
#title {
filter:alpha(opacity=90);
opacity:.90;
moz-opacity:90;
background-color : white;
font-family : georgia, times, serif;
font-size : 12px;
line-height: 1.5em;
padding:10px;
width : 330px;
height: 61px;
position: fixed;
z-index: 2;
top: 50px;
right: 91px;
}
#portfolio {
background-color : white;
font-family : georgia, times, serif;
font-size : 12px;
line-height: 1.5em;
padding:10px;
width : 240px;
height: 20px;
position: absolute;
z-index: 2;
top: 50px;
right: 91px;
}
#next {
filter:alpha(opacity=80);
opacity:.80;
moz-opacity:80;
height:40px;
width:40px;
position: fixed;
z-index: 2;
border: none;
padding:0px;
top: 50px;
right: 50px;
}
#next:hover {
filter:alpha(opacity=100);
opacity:1;
moz-opacity:100;
border-width: 0px;
}
#previous {
filter:alpha(opacity=80);
opacity:.80;
moz-opacity:80;
height:40px;
width:40px;
position: fixed;
z-index: 2;
top: 91px;
right: 50px;
}
#previous:hover {
filter:alpha(opacity=100);
opacity:1;
moz-opacity:100;
border-width: 0px;
}
#projects {
background-color : white;
color:black;
padding:10px;
font-family : georgia, monaco;
font-size : 12px;
line-height: 1.5em;
position: absolute;
z-index: 2;
bottom: 50px;
left: 50px;
}
.about {
background-color : white;
font-family : georgia, times, serif;
font-size : 18px;
line-height: 1.5em;
padding:10px;
width : 445px;
position: fixed;
z-index: 10;
top: 50px;
left: 350px;
float:left;
}
.clientsabout {
filter:alpha(opacity=90);
opacity:.90;
moz-opacity:90;
background-color : white;
color:black;
padding:10px;
font-family : georgia, monaco;
font-size : 12px;
line-height: 1.5em;
position: fixed;
z-index: 2;
top: 50px;
width:150px;
padding-right:20px;
left: 825px;
float:left;
}
.studentinfo {
filter:alpha(opacity=90);
opacity:.90;
moz-opacity:90;
background-color : white;
color:black;
padding:10px;
font-family : georgia, monaco;
font-size : 12px;
line-height: 1.5em;
position: fixed;
z-index: 2;
width: 430px;
top: 391px;
left: 331px;
float:left;
}
.line {
background-color : black;
height: 1px;
width : 200px;
}
p {
margin-top:0px;
margin-bottom:0px;
font-family : georgia, times, serif;
font-size : 12px;
line-height: 1.5em;
}
.col1 {
padding-right:10px;
border-width:0px 1px 0px 0px;
border-colour:black;
border-style:solid;
margin-right:10px;
float:left;
margin-top:0px;
margin-bottom:0px;
}
.col2 {
float:left;
margin-top:0px;
margin-bottom:0px;
padding-right:10px;
}
a {
text-decoration : none;
border : 0px;
line-height: 1.5em;
color:black;
}
.links {
text-decoration : none;
font-family : helvetica, monaco;
font-weight: bold;
font-size : 12px;
line-height: 1.5em;
color:black;
}
.links:hover {
text-decoration : none;
font-family : helvetica, monaco;
font-weight: bold;
font-size : 12px;
line-height: 1.5em;
color:red;
}
.sub {
font-size : 10px;
}
#index1a {
background-image : url(../i1a/rotate.php);
top: 0px;
left: 0px;
position:fixed;
z-index: 1;
overflow: hidden;
width:300px;
height:200px;
float:left;
}
#index2a {
background-image : url(../i2a/rotate.php);
top: 0px;
left: 300px;
position:fixed;
z-index: 1;
overflow: hidden;
width:300px;
height:200px;
float:left;
}
#index3a {
background-image : url(../i3a/rotate.php);
top: 0px;
left: 600px;
position:fixed;
z-index: 1;
overflow: hidden;
width:300px;
height:200px;
float:left;
}
#index4a {
background-image : url(../i4a/rotate.php);
top: 0px;
left: 900px;
position:fixed;
z-index: 1;
overflow: hidden;
width:300px;
height:200px;
float:left;
}
#index5a {
background-image : url(../i5a/rotate.php);
top: 0px;
left: 1200px;
position:fixed;
z-index: 1;
overflow: hidden;
width:300px;
height:200px;
float:left;
}
#index1b {
background-image : url(../i1b/rotate.php);
top: 200px;
left: 0px;
position:fixed;
z-index: 1;
overflow: hidden;
width:300px;
height:200px;
float:left;
}
#index2b {
background-image : url(../i2b/rotate.php);
top: 200px;
left: 300px;
position:fixed;
z-index: 1;
overflow: hidden;
width:300px;
height:200px;
float:left;
}
#index3b {
background-image : url(../i3b/rotate.php);
top: 200px;
left: 600px;
position:fixed;
z-index: 1;
overflow: hidden;
width:300px;
height:200px;
float:left;
}
#index4b {
background-image : url(../i4b/rotate.php);
top: 200px;
left: 900px;
position:fixed;
z-index: 1;
overflow: hidden;
width:300px;
height:200px;
float:left;
}
#index5b {
background-image : url(../i5b/rotate.php);
top: 200px;
left: 1200px;
position:fixed;
z-index: 1;
overflow: hidden;
width:300px;
height:200px;
float:left;
}
#index1c {
background-image : url(../i1c/rotate.php);
top: 400px;
left: 0px;
position:fixed;
z-index: 1;
overflow: hidden;
width:300px;
height:200px;
float:left;
}
#index2c {
background-image : url(../i2c/rotate.php);
top: 400px;
left: 300px;
position:fixed;
z-index: 1;
overflow: hidden;
width:300px;
height:200px;
float:left;
}
#index3c {
background-image : url(../i3c/rotate.php);
top: 400px;
left: 600px;
position:fixed;
z-index: 1;
overflow: hidden;
width:300px;
height:200px;
float:left;
}
#index4c {
background-image : url(../i4c/rotate.php);
top: 400px;
left: 900px;
position:fixed;
z-index: 1;
overflow: hidden;
width:300px;
height:200px;
float:left;
}
#index5c {
background-image : url(../i5c/rotate.php);
top: 400px;
left: 1200px;
position:fixed;
z-index: 1;
overflow: hidden;
width:300px;
height:200px;
float:left;
}
#index1d {
background-image : url(../i1d/rotate.php);
top: 600px;
left: 0px;
position:fixed;
z-index: 1;
overflow: hidden;
width:300px;
height:200px;
float:left;
}
#index2d {
background-image : url(../i2d/rotate.php);
top: 600px;
left: 300px;
position:fixed;
z-index: 1;
overflow: hidden;
width:300px;
height:200px;
float:left;
}
#index3d {
background-image : url(../i3d/rotate.php);
top: 600px;
left: 600px;
position:fixed;
z-index: 1;
overflow: hidden;
width:300px;
height:200px;
float:left;
}
#index4d {
background-image : url(../i4d/rotate.php);
top: 600px;
left: 900px;
position:fixed;
z-index: 1;
overflow: hidden;
width:300px;
height:200px;
float:left;
}
#index5d {
background-image : url(../i5d/rotate.php);
top: 600px;
left: 1200px;
position:fixed;
z-index: 1;
overflow: hidden;
width:300px;
height:200px;
float:left;
}
#index1e {
background-image : url(../i1e/rotate.php);
top: 800px;
left: 0px;
position:fixed;
z-index: 1;
overflow: hidden;
width:300px;
height:200px;
float:left;
}
#index2e {
background-image : url(../i2e/rotate.php);
top: 800px;
left: 300px;
position:fixed;
z-index: 1;
overflow: hidden;
width:300px;
height:200px;
float:left;
}
#index3e {
background-image : url(../i3e/rotate.php);
top: 800px;
left: 600px;
position:fixed;
z-index: 1;
overflow: hidden;
width:300px;
height:200px;
float:left;
}
#index4e {
background-image : url(../i4e/rotate.php);
top: 800px;
left: 900px;
position:fixed;
z-index: 1;
overflow: hidden;
width:300px;
height:200px;
float:left;
}
#index5e {
background-image : url(../i5e/rotate.php);
top: 800px;
left: 1200px;
position:fixed;
z-index: 1;
overflow: hidden;
width:300px;
height:200px;
float:left;
}
#about1 {
background-image : url(../a1/rotate.php);
top: 0px;
left: 0px;
position:fixed;
z-index: 1;
overflow: hidden;
width:750px;
height:500px;
float:left;
}
#about2 {
background-image : url(../a2/rotate.php);
top: 0px;
left: 750px;
position:fixed;
z-index: 1;
overflow: hidden;
width:750px;
height:500px;
float:left;
}
#about3 {
background-image : url(../a3/rotate.php);
top: 500px;
left: 0px;
position:fixed;
z-index: 1;
overflow: hidden;
width:750px;
height:500px;
float:left;
}
#about4 {
background-image : url(../a4/rotate.php);
top: 500px;
left: 750px;
position:fixed;
z-index: 1;
overflow: hidden;
width:750px;
height:500px;
float:left;
}







#global1a {
background-image : url(../global/i1a/rotate.php);
top: 0px;
left: 0px;
position:fixed;
z-index: 1;
overflow: hidden;
width:300px;
height:200px;
float:left;
}
#global2a {
background-image : url(../global/i2a/rotate.php);
top: 0px;
left: 300px;
position:fixed;
z-index: 1;
overflow: hidden;
width:300px;
height:200px;
float:left;
}
#global3a {
background-image : url(../global/i3a/rotate.php);
top: 0px;
left: 600px;
position:fixed;
z-index: 1;
overflow: hidden;
width:300px;
height:200px;
float:left;
}
#global4a {
background-image : url(../global/i4a/rotate.php);
top: 0px;
left: 900px;
position:fixed;
z-index: 1;
overflow: hidden;
width:300px;
height:200px;
float:left;
}
#global5a {
background-image : url(../global/i5a/rotate.php);
top: 0px;
left: 1200px;
position:fixed;
z-index: 1;
overflow: hidden;
width:300px;
height:200px;
float:left;
}
#global1b {
background-image : url(../global/i1b/rotate.php);
top: 200px;
left: 0px;
position:fixed;
z-index: 1;
overflow: hidden;
width:300px;
height:200px;
float:left;
}
#global2b {
background-image : url(../global/i2b/rotate.php);
top: 200px;
left: 300px;
position:fixed;
z-index: 1;
overflow: hidden;
width:300px;
height:200px;
float:left;
}
#global3b {
background-image : url(../global/i3b/rotate.php);
top: 200px;
left: 600px;
position:fixed;
z-index: 1;
overflow: hidden;
width:300px;
height:200px;
float:left;
}
#global4b {
background-image : url(../global/i4b/rotate.php);
top: 200px;
left: 900px;
position:fixed;
z-index: 1;
overflow: hidden;
width:300px;
height:200px;
float:left;
}
#global5b {
background-image : url(../global/i5b/rotate.php);
top: 200px;
left: 1200px;
position:fixed;
z-index: 1;
overflow: hidden;
width:300px;
height:200px;
float:left;
}
#global1c {
background-image : url(../global/i1c/rotate.php);
top: 400px;
left: 0px;
position:fixed;
z-index: 1;
overflow: hidden;
width:300px;
height:200px;
float:left;
}
#global2c {
background-image : url(../global/i2c/rotate.php);
top: 400px;
left: 300px;
position:fixed;
z-index: 1;
overflow: hidden;
width:300px;
height:200px;
float:left;
}
#global3c {
background-image : url(../global/i3c/rotate.php);
top: 400px;
left: 600px;
position:fixed;
z-index: 1;
overflow: hidden;
width:300px;
height:200px;
float:left;
}
#global4c {
background-image : url(../global/i4c/rotate.php);
top: 400px;
left: 900px;
position:fixed;
z-index: 1;
overflow: hidden;
width:300px;
height:200px;
float:left;
}
#global5c {
background-image : url(../global/i5c/rotate.php);
top: 400px;
left: 1200px;
position:fixed;
z-index: 1;
overflow: hidden;
width:300px;
height:200px;
float:left;
}
#global1d {
background-image : url(../global/i1d/rotate.php);
top: 600px;
left: 0px;
position:fixed;
z-index: 1;
overflow: hidden;
width:300px;
height:200px;
float:left;
}
#global2d {
background-image : url(../global/i2d/rotate.php);
top: 600px;
left: 300px;
position:fixed;
z-index: 1;
overflow: hidden;
width:300px;
height:200px;
float:left;
}
#global3d {
background-image : url(../global/i3d/rotate.php);
top: 600px;
left: 600px;
position:fixed;
z-index: 1;
overflow: hidden;
width:300px;
height:200px;
float:left;
}
#global4d {
background-image : url(../global/i4d/rotate.php);
top: 600px;
left: 900px;
position:fixed;
z-index: 1;
overflow: hidden;
width:300px;
height:200px;
float:left;
}
#global5d {
background-image : url(../global/i5d/rotate.php);
top: 600px;
left: 1200px;
position:fixed;
z-index: 1;
overflow: hidden;
width:300px;
height:200px;
float:left;
}
#global1e {
background-image : url(../global/i1e/rotate.php);
top: 800px;
left: 0px;
position:fixed;
z-index: 1;
overflow: hidden;
width:300px;
height:200px;
float:left;
}
#global2e {
background-image : url(../global/i2e/rotate.php);
top: 800px;
left: 300px;
position:fixed;
z-index: 1;
overflow: hidden;
width:300px;
height:200px;
float:left;
}
#global3e {
background-image : url(../global/i3e/rotate.php);
top: 800px;
left: 600px;
position:fixed;
z-index: 1;
overflow: hidden;
width:300px;
height:200px;
float:left;
}
#global4e {
background-image : url(../global/i4e/rotate.php);
top: 800px;
left: 900px;
position:fixed;
z-index: 1;
overflow: hidden;
width:300px;
height:200px;
float:left;
}
#global5e {
background-image : url(../global/i5e/rotate.php);
top: 800px;
left: 1200px;
position:fixed;
z-index: 1;
overflow: hidden;
width:300px;
height:200px;
float:left;
}