body{
background:url(images/bg.gif) repeat-x;
margin:0;
padding:0;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}
a{outline:none;}
h1{font-size:18px;}
h2{
	font-size:12px;
	font-weight: 600;
	color: #336699;
}
img{border:0;}
.clear{
clear:both;
}


#logo{
width:900px;
margin:0 auto;
}
#body{
margin:0 auto;
position:relative;
}



#menubox{position:absolute;top:100px;}
#menu{width:100%;background:url(images/menutile.gif) repeat-x;}
#menu ul{list-style:none; height:36px; padding:0;width:900px;margin:0 auto;}
#menu ul li{float:left; padding:0; margin:0;}
#menu ul li a{text-indent:-2000px; display:block; height:36px; background-repeat:no-repeat;}
#menu ul li a:hover{background-position:0 100%;}

#menu ul li.home {background-image:url(images/mainmenu.gif); width:70px; background-position:-860px 100%; }
#menu ul li.why {background-image:url(images/mainmenu.gif); width:134px; background-position:-20px 100%; }
#menu ul li.products {background-image:url(images/mainmenu.gif); width:132px;  background-position:-154px 100%;}
#menu ul li.testing {background-image:url(images/mainmenu.gif); width:162px;  background-position:-286px 100%; }
#menu ul li.about {background-image:url(images/mainmenu.gif); width:153px;  background-position:-448px 100%; }
#menu ul li.architects {background-image:url(images/mainmenu.gif); width:117px;  background-position:-601px 100%; }
#menu ul li.gallery {background-image:url(images/mainmenu.gif); width:128px; background-position:-718px 100%; }

#menu ul li.home:hover {background-image:url(images/mainmenu.gif); width:70px; background-position:-860px 0; }
#menu ul li.why:hover {background-image:url(images/mainmenu.gif); width:134px; background-position:-20px 0; }
#menu ul li.products:hover {background-image:url(images/mainmenu.gif); width:132px;  background-position:-154px 0;}
#menu ul li.testing:hover {background-image:url(images/mainmenu.gif); width:162px;  background-position:-286px 0; }
#menu ul li.about:hover {background-image:url(images/mainmenu.gif); width:153px;  background-position:-448px 0; }
#menu ul li.architects:hover {background-image:url(images/mainmenu.gif); width:117px;  background-position:-601px 0; }
#menu ul li.gallery:hover {background-image:url(images/mainmenu.gif); width:128px; background-position:-718px 0; }


#menu ul li ul {display: none;}

#menu ul li ul li a {display:block; text-decoration:none; color:#333;width:220px; height:32px; text-align:left;  font-size:11px;font-weight: bold; /*overflow:hidden;*/ line-height:30px;margin:0 auto;}

#menu ul li ul li a div {line-height:11px; text-indent:0px;margin-left:10px;height:30px;padding-top:4px;}
#menu ul li ul li a div:hover{cursor:pointer;}
#menu ul li:hover a {color:#fff;}
#menu ul li:hover ul {display:block; position:absolute; top:176px; margin-left:-5px;width:230px; z-index:130;}
#menu ul li:hover ul li{width:230px;background:url(images/ddulbg.png);text-align:center;}
#menu ul li:hover ul li.end{width:230px;background:url(images/liend.png) no-repeat; height:30px;}
#menu ul li:hover ul li ul li.end{width:230px;background:url(images/liend.png) no-repeat; height:30px;}
#menu ul li:hover ul li a.hide {background:#fff; color:#000;}
#menu ul li:hover ul li:hover a.hide {background:#6fc; color:#000;}
#menu ul li:hover ul li ul {display: none;position:relative;}
#menu ul li:hover ul li ul li{position:relative;}
#menu ul li:hover ul li a {display:block; /*background:#f9bb35;*/ background:url(images/ddbg.gif); color:#fff;text-indent:7px;}
#menu ul li:hover ul li a:hover {/*background:#f9bb35;*/ color:#333;background:url(images/ddbg-over.gif);}
#menu ul li:hover ul li:hover ul {display:block; position:absolute; left:145px; top:0;}


#contentbox{
width:900px;
margin:0 auto;
position:relative;
z-index:90;
}
#conten{
	width:900px;
	margin:0 auto;
	position:relative;
	z-index:90;
	background-color: #FFFFFF;
}

#sideBoxes{
margin-top:0px;
float:left;
z-index:90;
width:280px;
}
#sideBoxes{
position:absolute;
left:-11px;
top:0;
}
#sideBoxes ul{ margin:0;padding:0; }
#sideBoxes ul li{
	margin-bottom:5px;
	padding-left:0px;
	margin-left:11px;
	margin-top: 0;
	margin-right: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
}
#bodytext{
	float:right;
	margin-top:0px;
	margin-bottom:10px;
	margin-right:0px;
	width:602px;
	border:solid 1px #eeeeee;
	background:#FFFFFF;
	min-height:480px;
	padding-bottom:50px;
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
}
.inactive{
font-weight:bold;
list-style:none;
min-height:25px;
width:240px;
background:url(images/inactivebg.gif) repeat-x;
color:#FFFFFF;
font-size:12px;
}
.inactive a{
	color:#FFFFFF;
	text-decoration:none;
	width:190px;
	display:block;
	padding-top:5px;
	padding-left: 10px;
	line-height: 30px;
}
.inactive a:hover{
	font-weight:bold;
	list-style:none;
	width:277px;
	background:url(images/activebg.gif) no-repeat;
	font-size:12px;
	color:#333333;
}
.active{
font-weight:bold;
list-style:none;
height:60px;
width:277px;
background:url(images/activebg.gif) no-repeat;
font-size:12px;
color:#333333;
}
.active a{
	color:#FFFFFF;
	text-decoration:none;
	width:200px;
	display:block;
	padding-top:5px;
	padding-left: 10px;
}





#footer{
	height:70px;
	background:url(images/footertile.gif) repeat-x #1275B0;
	clear: both;

}
#footer a{
color:#FFFFFF;text-decoration:none;
}
#footer a:hover{
text-decoration:underline;
}
#footer #text{
display:block;
height:30px;
color:#FFFFFF;
width:900px;
margin:0 auto;
padding-top:22px;
}

#footer #text2 {
	width:850px;
	margin: 0 auto;
	text-align:right;
	color:#fff;
	padding-right: 50px;
}


.flash {
	width:900px;
	clear: both;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 10px;
	padding-bottom: 10px;
}
#sidebar li{
	line-height: 20px;
	height: 20px;
}
#sidebar a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #336699;
	text-decoration: none;
}
#sidebar a:hover{
	color: #000000;
}