@charset "utf-8";
/*=== stylesheet file ===
description:for Xingis Soho Studios Cascading Style Sheet
author:jason chu
version:3.0
E-mail:xingis@gmail.com
updated:01:19 02/22/2010 +0800*/
/********** common **********/
html, body, div, ul{margin:0;padding:0;border:0;outline:0;vertical-align:baseline;}
body{background:url("http://www.macalicious.com/images/bg_body.jpg") repeat-x scroll left top #032D57;word-wrap:break-word;word-break:normal}
body, p, td, th, li{font-size:12px;font-family:Tahoma,Arial,"微软雅黑";color:#333;line-height:2em}
ol, ul{list-style:none}
img{border:0;vertical-align:middle;-ms-interpolation-mode:bicubic}
a, a:link, a:visited{color:#444;text-decoration:none}
a:hover, a:active{color:#08c}
.fl{float:left;}
.fr{float:right;}
.clear{clear:both}
.hide{display:none}
/********** layout **********/
#header, #mainBanner, #mainWrapper, #Links, #footer{width:960px;margin:0 auto 15px;background:#fff;-moz-border-radius:5px;-webkit-border-radius:5px;}
#mainBanner .inner{height:auto;overflow:hidden;padding:15px 15px 5px}
#mainWrapper .inner, #Links .inner, #footer .inner{padding:15px}
#footer .inner{text-align:center}
.main_top{height:10px;background:transparent url("../images/bg_main.gif") 0 0 no-repeat}
.main_bottom{height:10px;background:transparent url("../images/bg_main.gif") 0 bottom no-repeat}
/********** header **********/
#header{height:90px;background:url("http://www.macalicious.com/images/bg_header.jpg") no-repeat scroll 0 0 transparent}
#logo{}
#menu ul li{ float:left; display: inline; line-height:90px;}
#menu ul li a {display: block; width:76px; margin:0 3px; color:#fff;font-weight:bold;text-align:center}
#menu ul li a:hover, #menu ul li a.current{color:#ccc}
/********** mainBanner **********/
#Focus{clear:left;margin:0;padding:0;}
#play{float:left;height:250px;overflow:hidden;width:930px;}
#play_list a{display:block;overflow:hidden;}
#play_text{width:930px;clear:left;margin:0;padding:0;}
#play_text ul{margin-left:430px;display:block;list-style-type:none;opacity:0.8;padding-top:5px;}
#play_text ul li{cursor:pointer;display:block;float:left;margin:2px;text-align:center !important;width:15px;height:11px;background:url(../images/client_tab.gif) center no-repeat;text-indent:-9999px;margin-top:5px;}
/********** Home mainWrapper **********/
#mainWrapper .top a{display:block;height:100px;margin:0;background-image:url("../images/bg_box_top.png");background-repeat:no-repeat}

#index #about, #index #services, #index #contact{width:270px}

#index #about .top a{}
#index #about .top p{color:#e53a0e}

#index #services{margin:0 23px;padding:0 23px}
#index #services .top a{background-position:0 -100px;}
#index #services .top p{color:#425d94}

#index #contact .top a{background-position:0 -300px;}
#index #contact .top p{color:#176534}

#index #portfolio {_height:303px}
#index #portfolio .top a{background-position:0 -200px;width:220px;float:left}
#index #portfolio .top p{color:#c19211}
#index #portfolio .box li{float:left; margin-right:14px;_margin-right:13px}
#index #portfolio .box li img{width:125px; height:125px; border:5px solid #E5E5E5;-moz-border-radius:3px;-webkit-border-radius:3px;}
#index #portfolio .box li a:hover img{border:5px solid #CCC;opacity:0.5;}
#index #portfolio .box li p {text-align: center}
/********** Page mainWrapper **********/
#page #about, #page #services, #page #contact{width:770px}

/********** Links **********/
/********** footer **********/
#Links a,#footer a{padding:1px 3px;-moz-border-radius:3px;-webkit-border-radius:3px;text-decoration:none}
#Links a:hover,#footer a:hover{background:#ccc}