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: 44px;
left: 233px;
height: 88px;
width: 220px;
}
#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;
}

#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: 25px;
left: 0px;
height: 356px;
width: 229px;

}

#AjarkidesignsCreativeTree2 {
position: absolute;
top: 385px;
left: 1px;
height: 215px;
width: 500px;

}

#AJ_Tree {
 position: absolute;
top: 1px;
left: 0px;
height: 600px;
width: 250px;

}

/* ---- Scrolling Text Using Css and Javascript --- */
#ArchitectureContent {
	Z-INDEX: 20; VISIBILITY: visible; CLIP: rect(0px 555px 292px 0px); POSITION: absolute; LEFT: 261px; TOP: 220px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; color: #ffffff;
}

#AJscrollingdiv {
	width: 514px;
	height: auto;
	overflow: auto;
	
	position: absolute;

	padding-bottom: 25px;
	LEFT: 6px;
	Z-INDEX: 10;
	TOP: 10px; 
}


/* ---- Scrolling Text Using Css and Javascript Ends--- */


/* ---- Scrolling slider and related effects Starts--- */
.scrollgeneric {
line-height: 1px;
font-size: 1px;
position: absolute;
top: 0; left: 0;
}

.vscrollerbase {
width:22px;
}
.vscrollerbar {
background-image: url(../IMAGES/scrollbarNEW.png);
background: no-repeat;
width: 22px;
height: 110px;
background-image: url(../IMAGES/scrollbarNEW.png);

}

* html .vscrollerbar {
/* IE6 alpha png trick */
/* IE7 is not affected by this trick, as it perfectly handles the normal png */
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='scrollbarNEW.png');
background-image: none;
}

.hscrollerbase {height: 22px;}
.hscrollerbar {height: 22px; background-color: #84ADD6;}

.vscrollerbar, .hscrollerbar {
padding: 0px;
z-index: 2;
}
.scrollerjogbox {
width: 22px;
height: 22px;
top: auto; left: auto;
bottom: 0px; right: 0px;
background: #698AAA;
}

/* ---- Scrolling slider and related effects Ends--- */

#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;
}

#ArchitectureContent form table tr td {
border: 1px solid #333333;
} 
#ArchitectureContent form table td input {
background-color: #CCCCCC;
}
#ArchitectureContent form table tr td textarea {
background-color: #CCCCCC;
}


/* ---Buttons--- */
#Architecture_Buttons {
position: absolute;
top: 391px;
left: 795px;
height: 153px;
width: 101px;
z-index: 800;
border: #ffffff;
}

#Architecture_Home {
 position: absolute;
top: 30px;
left: 29px;
height: 28px;
width: 57px;
z-index: 1000;
}
#Architecture_Home a {
display:block; 
height: 28px;
width: 57px; 
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;
z-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--- */

/* ---Bottom Nav--- */
#Nav {
position: absolute;
top: 548px;
left: 297px;
height: 26px;
width: 569px;
}

#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: #cccccc;
}
/* ---Bottom Nav Ends--- */