body {
font-family:"ËÎÌå", Verdana, Arial, sans-serif;
font-size:12px;
margin:0
}

a {
color:#c33;
text-decoration:none;
outline:none
}

a:hover {
color:#963;
text-decoration:none
}

div.headbg {
position:relative;
border-bottom:1px solid #fff;
width:100%;
height:29px;
top:0;
left:0;
background:#fff url(../../../../global/item_bg.jpg) top repeat-x
}

div.arrow_ {
position:relative;
background:url(../../../../global/item_arrow.jpg) 98% no-repeat;
float:right;
height:100%;
width:100%
}

#container {
width:960px;
text-align:left;
font-size:12px;
margin:0 auto
}

a.btn_viewcase {
position:absolute;
right:163px;
bottom:25px;
background:url(../../../index/image/view_other.jpg) left top no-repeat;
text-indent:-9999px;
display:block;
height:28px;
width:129px
}

a.btn_viewcase:hover {
background:url(../../../index/image/view_other.jpg) left bottom no-repeat
}

#header {
width:960px;
height:41px;
text-align:left;
background:url(../../../../global/head_bg.jpg) left top repeat-x;
position:relative;
overflow:hidden;
margin:0 auto
}

#logo {
position:relative;
text-align:left;
width:167px;
height:29px;
background:url(../../../../global/aado_logo.gif) left top no-repeat;
filter:alpha(opacity=80);
-moz-opacity:0.8;
opacity:0.8;
margin:30px auto 11px 14px
}

#logo_ {
position:relative;
width:172px;
height:19px;
top:12px;
left:11px;
background:url(../../../../global/aado_logo.jpg) left top no-repeat
}

.menu {
width:633px;
height:16px;
top:13px;
right:0;
text-align:left;
position:absolute;
margin:0
}

.menu li {
height:16px;
position:absolute;
display:block;
background:url(../../../../global/menu.jpg) 0 0 no-repeat
}

.menu a {
height:16px;
display:block
}

.menu #home_btn {
width:30px;
left:0
}

.menu #about_btn {
width:58px;
left:57px;
background-position:-57px 0
}

.menu #case_btn {
width:58px;
left:142px;
background-position:-142px 0
}

.menu #service_btn {
width:58px;
left:227px;
background-position:-227px 0
}

.menu #brand_btn {
width:85px;
left:313px;
background-position:-313px 0
}

.menu #coop_btn {
width:58px;
left:425px;
background-position:-425px 0
}

.menu #contact_btn {
width:58px;
left:510px;
background-position:-510px 0
}

.menu #blog_btn {
width:37px;
left:584px;
background-position:-584px 0
}

.menu #home_btn a:hover,.menu #home_btn a:active {
background:url(../../../../global/menu.jpg) 0 -16px no-repeat scroll
}

.menu #about_btn a:hover,.menu #about_btn a:active {
background:url(../../../../global/menu.jpg) -57px -16px no-repeat scroll
}

.menu #case_btn a:hover,.menu #case_btn a:active {
background:url(../../../../global/menu.jpg) -142px -16px no-repeat scroll
}

.menu #service_btn a:hover,.menu #service_btn a:active {
background:url(../../../../global/menu.jpg) -227px -16px no-repeat scroll
}

.menu #brand_btn a:hover,.menu #brand_btn a:active {
background:url(../../../../global/menu.jpg) -313px -16px no-repeat scroll
}

.menu #coop_btn a:hover,.menu #coop_btn a:active {
background:url(../../../../global/menu.jpg) -425px -16px no-repeat scroll
}

.menu #contact_btn a:hover,.menu #contact_btn a:active {
background:url(../../../../global/menu.jpg) -510px -16px no-repeat scroll
}

.menu #blog_btn a:hover,.menu #blog_btn a:active {
background:url(../../../../global/menu.jpg) -584px -16px no-repeat scroll
}

#splash {
position:relative;
width:960px;
height:356px;
top:0;
left:0;
background:#fff url(../../../../global/ad_bg.jpg) bottom repeat-x
}

#content {
position:relative;
width:auto;
height:862px;
top:0;
left:0;
background:none
}

#content_bg {
position:absolute;
width:960px;
height:862px;
top:0;
left:0;
background:#f5f5f5;
filter:alpha(opacity=40);
-moz-opacity:0.4;
opacity:0.4;
z-index:-1
}

#case {
position:relative;
margin-bottom:11px;
text-align:left;
border:1px solid #fff;
width:938px;
height:840px;
top:11px;
left:11px;
background:#e4e5e5
}

div.headline_case {
background:url(../../../index/image/case_.jpg) 16px 7px no-repeat;
height:100%;
width:100%
}

#mainContainer{
margin:15px 0 17px 13px;
padding:0;
left:0;
top:0;
width:915px;
text-align:left
}

.clear{
clear:both;
}
	
#DHTMLgoodies_panel_one,#DHTMLgoodies_arrows,#DHTMLgoodies_thumbs{
width:286px;
margin:0;
padding:0
}

#DHTMLgoodies_panel_one{		
float:right;
margin:0;
padding:0	
}

#DHTMLgoodies_thumbs{
overflow:hidden;
position:relative;
float:left;
margin:0;
padding:0
}

#DHTMLgoodies_largeImage{
width:622px;
height:422px;
left:0;
margin:0;
padding:0
}

#DHTMLgoodies_largeImage table{
width:100%;
height:100%;
text-align:center;
background:#e3e4e4 url(../../index/image/big_bg.jpg) no-repeat
}
	
.strip_of_thumbnails{
width:286px;
}

.strip_of_thumbnails ul{
margin:0;
padding:0
}

.strip_of_thumbnails li{
list-style:none;
float:left;
padding:0;
margin:0
}

.strip_of_thumbnails div{
width:141px;
height:101px;
margin:0 2px 2px 0;
text-align:left;
background:#e3e4e4 url(../../index/image/thumb_bg.jpg) no-repeat
}

.strip_of_thumbnails img{
border:0px;
margin:7px 0 0 7px;
}

.strip_of_thumbnails .activeImage{
padding:0px
}

.leftArrow{
float:left;
}

.rightArrow{
float:right;
}

#DHTMLgoodies_thumbs_inner{
position:relative;
width:286px;
margin:0;
padding:0
}

#info{
position:absolute;
left:24px;
top:480px;
width:600px;
height:300px;
line-height:20px;
}

#info ul{
margin:0;
padding:0
}

#info li{
color:#4e4e4e;
list-style:none
}

#footer {
border:1px solid #474646;
vertical-align:bottom;
position:relative;
height:64px;
top:0;
left:0;
background:#333;
padding:40px 15px 15px
}

#footer ul {
padding:0;
margin:0
}

#footer li {
list-style:none;
left:0;
line-height:17px;
font-size:12px;
color:#7c7c7c;
font-family:"ËÎÌå", Verdana, Arial, sans-serif;
margin:0;
padding:0
}

#footer li#one {
font-size:14px;
font-weight:700
}

#footer li#four {
font-size:11px
}

#footer a {
color:#919191
}

#footer a:hover {
color:#963
}