HTML {
	OVERFLOW: hidden; HEIGHT: 100%
}
body {
	font-family: Arial, Helvetica, sans-serif;	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; FONT-FAMILY: Arial, Helvetica, sans-serif; HEIGHT: 100%; BACKGROUND-COLOR: #000000; margin-top:0px;
}

#container {
position: relative;
top: 0px;
margin: 0 auto;
height: 100%;
width: 900px;	
background-image: url(../IMAGES/background.jpg); 
}

#AjArkidesigns {
position: absolute;
top: 48px;
left: 231px;
height: 88px;
width: 217px;
z-index: 100;
}

#AjArkidesigns a { 
display:block; 
height: 88px;
width: 217px; 
background-image: url(../IMAGES/Ajarkidesigns.jpg);
}
#AjArkidesigns a:hover { 
background-image: url(../IMAGES/Ajarkidesigns1.jpg);
}

#Architecture_Design  {
 position: absolute;
top: 21px;
left: 454px;
height: 115px;
width: 108px;
z-index: 100;
}

#Architecture_Design a {
display:block; 
height: 114px;
width: 112px; 
background-image: url(../IMAGES/ArchitectureDesign.jpg);
}

#Architecture_Design a:hover {
background-image: url(../IMAGES/ArchitectureDesign1.jpg);
}

/*-------------------------------------------------------------*/
#menubar {
	position: absolute;
	top: 141px;
	left: 250px;
	height: 30px;
	width: 575px;
	z-index: 1000;
}

ul.download li {padding-left:5px; font-size:11px; line-height:1.5em;}

.prodrop5 {padding:0 0 0 2px; margin:0; list-style:none; height:26px; position:relative; z-index:500; font-family:arial, verdana, sans-serif;border-bottom:5px solid  }

.prodrop5 li.top {display:block; float:left;}

.prodrop5 li a.pos1 {background: url(../IMAGES/Philosophy00.jpg); width:102px; height:30px; display:block; text-indent:-99999px;} 
.prodrop5 li a.pos2 {background: url(../IMAGES/Aboutus00.jpg); width:87px; height:30px; display:block;text-indent:-99999px;} 
.prodrop5 li a.pos3 {background:url(../IMAGES/CreativeTree00.jpg); width:157px; height:30px; display:block;text-indent:-99999px;} 
.prodrop5 li a.pos4 {background:url(../IMAGES/work00.jpg); width:65px; height:30px; display:block;text-indent:-99999px;} 
.prodrop5 li a.pos5 {background:url(../IMAGES/Services00.jpg); width:82px; height:30px; display:block;text-indent:-99999px;} 
.prodrop5 li a.pos6 {background: url(../IMAGES/Affiliates002.jpg); width:80px; height:30px; display:block;text-indent:-99999px;} 


.prodrop5 li.p1 {background: url(../IMAGES/Philosophy001.jpg);} 
.prodrop5 li.p2 {background:url(../IMAGES/Aboutus001.jpg);} 
.prodrop5 li.p3 {background:url(../IMAGES/CreativeTree001.jpg);} 
.prodrop5 li.p4 {background:url(../IMAGES/work001.jpg);} 
.prodrop5 li.p5 {background:url(../IMAGES/Services001.jpg);} 
.prodrop5 li.p6 {background:url(../IMAGES/Affiliates001.jpg);} 


.prodrop5 li.current a.pos1,
.prodrop5 li.current a.pos1:hover {background:url(../IMAGES/Philosophy001.jpg);} 
.prodrop5 li.current a.pos2,
.prodrop5 li.current a.pos2:hover {background:url(../IMAGES/Aboutus001.jpg);} 
.prodrop5 li.current a.pos3,
.prodrop5 li.current a.pos3:hover {background:url(../IMAGES/CreativeTree001.jpg);} 
.prodrop5 li.current a.pos4,
.prodrop5 li.current a.pos4:hover {background:url(../IMAGES/work001.jpg);} 
.prodrop5 li.current a.pos5,
.prodrop5 li.current a.pos5:hover {background:url(../IMAGES/Services001.jpg);} 
.prodrop5 li.current a.pos6,
.prodrop5 li.current a.pos6:hover {background: url(../IMAGES/Affiliates003.jpg);} 


.prodrop5 table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Default link styling */

/* Style the list OR link hover. Depends on which browser is used */

.prodrop5 a:hover {visibility:visible; position:relative; z-index:200;}
.prodrop5 li:hover {position:relative; z-index:200;}

.prodrop5 li a.top_link:hover {background:transparent;} 
.prodrop5 li:hover > a.top_link {background:transparent;} 

/* keep the 'next' level invisible by placing it off screen. */
.prodrop5 ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

.prodrop5 :hover ul {left:0; top:30px; padding:2px;background:url(../IMAGES/sub_back.gif); white-space:nowrap; height:auto; width:auto; z-index:1300;}
.prodrop5 :hover ul li {display:block; height:20px; position:relative; font-weight:normal; width:auto; }
.prodrop5 :hover ul li a {display:block; font-size:12px; height:20px; line-height:20px; width:auto; padding:0 10px; color:#000; background:transparent; text-decoration:none;}
.prodrop5 :hover ul li a:hover {text-decoration:underline;}



/*-------------------------------------------------------------*/




#AjarkidesignsCreativeTree1 {
position: absolute;
top: 1px;
left: -1px;
height: 377px;
width: 245px;

}
#AjarkidesignsCreativeTree1 a {
display:block; 
height: 377px;
width: 245px; 
background-image: url(../IMAGES/CT_Top111.jpg);
}

#AjarkidesignsCreativeTree1 a:hover {
background-image: url(../IMAGES/CT_Top222.jpg);
}


#AjarkidesignsCreativeTree2 {
position: absolute;
top: 375px;
left: 15px;
height: 92px;
width: 230px;
}
#AjarkidesignsCreativeTree2 a {
display:block; 
height: 92px;
width: 230px; 
background-image: url(../IMAGES/CT_Middle1.jpg);
}

#AjarkidesignsCreativeTree2 a:hover {
background-image: url(../IMAGES/CT_Middle2.jpg);
}


#AjarkidesignsCreativeTree3 {
position: absolute;
top: 466px;
left: 10px;
height: 135px;
width: 242px;
}
#AjarkidesignsCreativeTree3 a {
display:block; 
height: 135px;
width: 242px; 
background-image: url(../IMAGES/CT_Bottom1.jpg);
}

#AjarkidesignsCreativeTree3 a:hover {
background-image: url(../IMAGES/CT_Bottom2.jpg);
}

#ArchitectureContent {
 position: absolute;
top: 220px;
left: 265px;
height: 294px;
width: 531px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
color: #ffffff;
}

#ArchitectureContent a {
text-decoration: none;
color: #ffffff;
}
#ArchitectureContent a:link {
text-decoration: none;
color: #ffffff;
}
#ArchitectureContent a:visited {
color: #ffffff;
}
#ArchitectureContent a:hover {
color: #cccccc;
text-decoration: underline;
}
#ArchitectureContent a:active {
color: #ffffff;
}

/* ---Buttons--- */

#Architecture_Buttons {
position: absolute;
top: 391px;
left: 764px;
height: 156px;
width: 100px;
index: 800;
border: #ffffff;
background-image: url(../IMAGES/AjArkidesigns_Buttons.gif);
}

#Architecture_Home {
 position: absolute;
top: 30px;
left: 29px;
height: 28px;
width: 55px;
index: 1000;
}
#Architecture_Home a {
display:block; 
height: 28px;
width: 55px; 
background-image: url(../IMAGES/ArchitectureHome.jpg);
}

#Architecture_Home a:hover {
background-image: url(../IMAGES/ArchitectureHome1.jpg);
}

#Architecture_Contact {
position: absolute;
top: 98px;
left: 4px;
height: 26px;
width: 61px;
index: 1000;
}

#Architecture_Contact a {
display:block; 
height: 26px;
width: 61px; 
background-image: url(../IMAGES/ArchitectureContact.jpg);
}

#Architecture_Contact a:hover {
background-image: url(../IMAGES/ArchitectureContact1.jpg);
}

/* ---Buttons End--- */

#Nav {
position: absolute;
top: 548px;
left: 295px;
height: 26px;
width: 528px;
}

#Nav ul {
margin: 0px;
padding: .15em;
font-family: "Times New Roman", Times, serif;
font: Times New Roman;
font-size: 12px;
color: #cccccc;
text-align: left;
}

#Nav ul li {
list-style-type: none;
display: inline;
padding: .10em;
}

#Nav ul li a {
text-decoration: none;
color: #000000;
}

#Nav ul li a:link {
color: #000000;
}
#Nav ul li a:visited {
color: #000000;
}
#Nav ul li a:hover {
color: #CCcccc;
}
#Nav ul li a:active {
color: #000000;
}