body {
background-color: #9A9DA2;
margin: 0px;
padding: 0px;
font-family: arial, tahoma, helvetica, sans-serif;
color: #63737A;
font-size: 10px;
}

/* link styling */

a:link, a:visited, a:hover, a:active {
color: #8B989D;
text-decoration: none;
}

/* font styling */

p {
text-align: justify;
}

.about {
font-size: 12px;
}

.title {
font-size: 14px;
font-weight: 900;
}

.subTitle {
font-size: 12px;
font-weight: 900;
}

.name {
font-size: 12px;
font-weight: 400;
font-style: italic;
}


/* div box styling */

  /*background*/
	
	
#container {
z-index: 100;
margin-top: 0px;
margin-left: 0px;
width: 1050px;
}

#a1 {
background-image: url(a1.gif);
background-repeat: no-repeat;
width: 300px;
height: 150px;
top: 0px;
border: none;
}

#a2 {
margin-left: 300px;
background-image: url(a2.gif);
background-repeat: no-repeat;
width: 150px;
height: 150px;
border: none;
}

#a3 {
margin-left: 150px;
background-image: url(a3.gif);
background-repeat: no-repeat;
width: 150px;
height: 150px;
border: none;
}

#a4 {
margin-left: 150px;
background: url(a4.gif);
background-repeat: no-repeat;
width: 150px;
height: 150px;
border: none;
}

#a5 {
margin-left: 150px;
background: url(a5.gif);
background-repeat: no-repeat;
width: 150px;
height: 150px;
top: 0;
border: none;
}

#a6 {
margin-left: 150px;
background: url(a6.gif);
background-repeat: no-repeat;
width: 150px;
height: 150px;
border: none;
}

#b1 {
background-image: url(b1.gif);
background-repeat: no-repeat;
width: 300px;
height: 150px;
top: 0px;
border: none;
}

#b2 {
margin-left: 300px;
background-image: url(b2.gif);
background-repeat: no-repeat;
width: 150px;
height: 150px;
border: none;
}


#b3 {
margin-left: 150px;
background-image: url(b3.gif);
background-repeat: no-repeat;
width: 150px;
height: 150px;
border: none;
}

#b4 {
margin-left: 150px;
background: url(b4.gif);
background-repeat: no-repeat;
width: 150px;
height: 150px;
border: none;
}

#b5 {
margin-left: 150px;
background: url(b5.gif);
background-repeat: no-repeat;
width: 150px;
height: 150px;
top: 0;
border: none;
}

#b6 {
margin-left: 150px;
background: url(b6.gif);
background-repeat: no-repeat;
width: 150px;
height: 150px;
border: none;
}

#c1 {
background-image: url(c1.gif);
background-repeat: no-repeat;
width: 300px;
height: 150px;
top: 0px;
border: none;
}

#c2 {
margin-left: 300px;
background-image: url(c2.gif);
background-repeat: no-repeat;
width: 150px;
height: 150px;
border: none;
}


#c3 {
margin-left: 150px;
background-image: url(c3.gif);
background-repeat: no-repeat;
width: 150px;
height: 150px;
border: none;
}

#c4 {
margin-left: 150px;
background: url(c4.gif);
background-repeat: no-repeat;
width: 150px;
height: 150px;
border: none;
}

#c5 {
margin-left: 150px;
background: url(c5.gif);
background-repeat: no-repeat;
width: 150px;
height: 150px;
top: 0;
border: none;
}

#c6 {
margin-left: 150px;
background: url(c6.gif);
background-repeat: no-repeat;
width: 150px;
height: 150px;
border: none;
}

#d1 {
background-image: url(d1.gif);
background-repeat: no-repeat;
width: 300px;
height: 150px;
top: 0px;
border: none;
}

#d2 {
margin-left: 300px;
background-image: url(d2.gif);
background-repeat: no-repeat;
width: 150px;
height: 150px;
border: none;
}


#d3 {
margin-left: 150px;
background-image: url(d3.gif);
background-repeat: no-repeat;
width: 150px;
height: 150px;
border: none;
}

#d4 {
margin-left: 150px;
background: url(d4.gif);
background-repeat: no-repeat;
width: 150px;
height: 150px;
border: none;
}

#d5 {
margin-left: 150px;
background: url(d5.gif);
background-repeat: no-repeat;
width: 150px;
height: 150px;
top: 0;
border: none;
}

#d6 {
margin-left: 150px;
background: url(d6.gif);
background-repeat: no-repeat;
width: 150px;
height: 150px;
border: none;
}

#e1 {
background-image: url(e1.gif);
background-repeat: no-repeat;
width: 300px;
height: 150px;
top: 0px;
border: none;
}

#e2 {
margin-left: 300px;
background-image: url(e2.gif);
background-repeat: no-repeat;
width: 150px;
height: 150px;
border: none;
}


#e3 {
margin-left: 150px;
background-image: url(e3.gif);
background-repeat: no-repeat;
width: 150px;
height: 150px;
border: none;
}

#e4 {
margin-left: 150px;
background: url(e4.gif);
background-repeat: no-repeat;
width: 150px;
height: 150px;
border: none;
}

#e5 {
margin-left: 150px;
background: url(e5.gif);
background-repeat: no-repeat;
width: 150px;
height: 150px;
top: 0;
border: none;
}

#e6 {
margin-left: 150px;
background: url(e6.gif);
background-repeat: no-repeat;
width: 150px;
height: 150px;
border: none;
}

     /*Content*/
		 
#container2 {
position: absolute;
z-index: 200;
left: 0px;
top: 0px;
}		 

#homeLink {
position: absolute;
left: 0px;
top: 77px;
}

#leftArrowTall {
position: absolute;
top: 494px;
left: 325px;
width: 11px;
border: none;
}

#rightArrowTall {
position: absolute;
top: 494px;
left: 644px;
width: 11px;
border: none;
}

#leftArrowWide {
position: absolute;
left: 275px;
top: 394px;
width: 11px;
border: none;
}

#rightArrowWide {
position: absolute;
top: 394px;
left: 695px;
width: 11px;
border: none;
}

#singleMainImage {
position: absolute;
top: 114px;
left: 290px;
width: 400px;
border: none;
z-index: 500;
}

#singleMainAbout {
position: absolute;
top: 97px;
left: 275px;
width: 450px;
border: none;
}

#dropThing {
position: absolute;
top: 420px;
left: 290px;
width: 400px;
border: none;
}

#dropThing2 {
position: absolute;
top: 97px;
left: 290px;
width: 400px;
border: none;
z-index: 900;
}

#firstLink {
position: absolute;
top: 108px;
left: 814px;
border: none;
z-index: 300;
}

#link2 {
position: absolute;
top: 188px;
left: 813px;
border: none;
z-index: 300;
}

#link3 {
position: absolute;
top: 267px;
left: 815px;
border: none;
z-index: 300;
}

#link4 {
position: absolute;
top: 338px;
left: 814px;
border: none;
z-index: 300;
}

#link5 {
position: absolute;
top: 417px;
left: 812px;
border: none;
z-index: 300;
}


.main {
width: 395px;
text-align:justify
font-size: 12px;
}

.menu {
display: none;
z-index: 900;
}

.holder {
width: 400px; 
height: 20px; 
display: block; 
background: #97A0A4; 
}

.holder:hover {
width: 400px;
height: 20px; 
cursor: arrow;
background: #97A0A4;
}