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; background: url(../revisedIMAGES/background1.jpg); background-repeat:repeat;
}

#container {position: relative;top: 0px;margin: 0 auto; min-height: 625px; width: 960px; background-image: url(../revisedIMAGES/topBACK.jpg); background-repeat:no-repeat; }

#AjArkidesigns {position: absolute;top: 26px;left: 272px;height: 88px;width: 217px;}

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

#Architecture_Design  {position: absolute;top: 3px;left: 494px;height: 115px;width: 108px;}
#Architecture_Design a {display:block; height: 114px;width: 112px; background-image: url(../revisedIMAGES/ArchitectureDesign.jpg);}
#Architecture_Design a:hover {background-image: url(../revisedIMAGES/ArchitectureDesign1.jpg);}

/*-------------------------------------------------------------*/
#menubar {position: absolute;top: 134px;left: 259px;height: 30px;width: 629px;z-index: 1000;}

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

#AjarkidesignsCreativeTree1 {position: absolute;top: 1px;left: -1px;height: 377px;width: 245px;}
#AjarkidesignsCreativeTree1 a {display:block; height: 377px;width: 245px; background-image: url(../revisedIMAGES/creativeTree/CT_Top111.jpg) 
}

#AjarkidesignsCreativeTree1 a:hover {
background-image: url(../revisedIMAGES/creativeTree/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(../revisedIMAGES/creativeTree/CT_Middle1.jpg);
}

#AjarkidesignsCreativeTree2 a:hover {
background-image: url(../revisedIMAGES/creativeTree/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(../revisedIMAGES/creativeTree/CT_Bottom1.jpg);
}

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


#AJ_Tree {position: absolute;top: 1px;left: 0px;height: 625px;width: 265px;color:#000000;font-size: 11px;text-align:center;background-image:url(../revisedIMAGES/leftBACK.jpg);background-repeat: repeat-y;
}

/* ---- Scrolling Text Using Css and Javascript --- */
#ArchitectureContentBOX {height: 398px;position: absolute;top: 169px;left: 264px;width: 622px;background-image:url(../revisedIMAGES/squareBACK.jpg);background-repeat:no-repeat;}

.header {padding: 20px; width: 400px;font-family:Georgia, "Times New Roman", Times, serif; font-size: 20px; font-weight: bold; color: #4e4e4e; }

/* ---- for adjusting the height and width of scroll area play with CLIP values --- */
#ArchitectureContent {
	Z-INDEX: 20;
	VISIBILITY: visible;
	CLIP: rect(0px 590px 360px 0px);
	POSITION: absolute;
	LEFT: 12px;
	TOP: 41px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #ffffff;
}


#ArchitectureContent form table tr td {border: 1px solid #333333;} 
#ArchitectureContent table tr td {border: 1px solid #333333;}

#ArchitectureContent form table td input {background-color: #CCCCCC;}
#ArchitectureContent table td input {background-color: #CCCCCC;}

#ArchitectureContent form table tr td textarea {background-color: #CCCCCC;}
#ArchitectureContent table tr td textarea {background-color: #CCCCCC;}

/* ---- for adjusting the height and width of scroll area play with width and height values --- */

#AJscrollingdiv {
	width: 544px;
	height: 300px;
	overflow: auto;
	position: absolute;
	padding-bottom: 25px;
	LEFT: 7px;
	Z-INDEX: 10;
	TOP: 13px;
}

div.flexcroll#AJscrollingdiv div.lipsum p {
	font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color: #ffffff;
}
/* ---- 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(../revisedIMAGES/scrollbarNEW.png);background: no-repeat;width: 22px;height: 110px; background-image: url(../revisedIMAGES/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;}

/* ---Buttons--- */
#Architecture_Buttons {
	position: absolute;
	top: 407px;
	left: 861px;
	height: 153px;
	width: 99px;
	z-index: 800;
	background-image: url(../revisedIMAGES/AjArkidesigns_Buttons.gif);
}

#Architecture_Home {position: absolute;top: 30px;left: 29px;height: 28px;width: 55px;z-index: 1000;}


#Architecture_Home a {display:block; height: 28px;width: 57px; background-image: url(../revisedIMAGES/ArchitectureHome.jpg);}

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

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

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

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

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

/* ---Bottom Nav--- */
#Nav {position: absolute;top: 572px;left: 271px;height: 26px;width: 619px;}

.copyright {font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; font-weight: bold; color:#000000; }

#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--- */