@charset "utf-8";

/* CSS Document */

/* 
Project:iCity.cn
Version:1.0
Author: Jet Yang
(c) BlogBus Web Team All Rights Reserved.
*/



/***** reset *****/

html { color:#000;  }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td { margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset, img { border:0; }
address, caption, cite, code, dfn, em, var { font-style:normal; font-weight:normal; }
li { list-style:none; }
caption, th { text-align:left; }
h1, h2, h3, h4, h5, h6 { font-size:100%; color:#333;  }
q:before, q:after { content:''; }
abbr, acronym { border:0; font-variant:normal; }
/* to preserve line-height and selector appearance */
sup { vertical-align:text-top; }
sub { vertical-align:text-bottom; }
input, textarea, select { font-family:inherit; font-weight:inherit; }
/*to enable resizing for IE*/
input, textarea, select { *font-size:100%; }
/*because legend doesn't inherit in IE */
legend { color:#000; }
.clear { clear:both; height:0; line-height:0; font-size:0; visibility:hidden; }
a { text-decoration:none; color:#ff3385; }
a:hover { text-decoration: underline; }
.more { text-align:right; }

html {  }
body { font-size:12px;  color:#666; font-family:Tahoma,  Arial, Verdana, Helvetica, sans-serif; background:#FE84BF;}
p { line-height:140%; }
 
/***** structure *****/
#wrapper { width: 1000px; margin: 0 auto; background: #fff;overflow:hidden;  }
#head { height: 130px; background: url(bg_header.jpg) no-repeat 0 0; overflow:hidden; zoom:1; }
.subNavi { background:url(subnav.gif) no-repeat 0 0; width:165px; height:26px; float:right; margin:10px 20px 0 0; display:inline;  }
.subNavi a { display:block; width:50px; height:26px; float:left; display:inline; margin-right:28px; text-decoration:none; } 
.subNavi a span { visibility:hidden; }
#container { background: url(bg_main2.jpg) no-repeat 100% 0; }
#container #main { width: 680px; background: url(bg_main1.jpg) no-repeat 0 0; padding:35px 0 0 50px; }
#foot { height: 88px; background: url(bg_footer.jpg) repeat-x; clear:both; margin:20px 0 0; overflow:hidden; }
.copyright { text-align:center; margin-top:30px; color:#999; }

/***** navbar *****/
.navi ul { margin:75px 0 0 220px; width:670px; background:url(navbar.jpg) no-repeat 0 100%; height:55px; }
.navi ul li { float:left; height:55px; }
.navi ul li a { display:block; margin-right:15px; height:55px; width:85px; background-image:url(navbar.jpg); background-repeat:no-repeat;  }
.navi ul li a:hover { text-decoration:none; }
.navi ul li a span { visibility:hidden; }
.navi ul li.nav1 a { width:60px; background-position:0 100%; }
.navi ul li.nav2 a { background-position:-75px 100%; }
.navi ul li.nav3 a { background-position:-175px 100%; }
.navi ul li.nav4 a { background-position:-275px 100%; }
.navi ul li.nav5 a { background-position:-375px 100%; }
.navi ul li.nav7 a { background-position:-475px 100%; }
.navi ul li.nav6 a { background-position:-575px 100%; margin-right:0; }


.navi ul li.nav1 a:hover { background-position:0 0; }
.navi ul li.nav2 a:hover { background-position:-75px 0; }
.navi ul li.nav3 a:hover { background-position:-175px 0; }
.navi ul li.nav4 a:hover { background-position:-275px 0; }
.navi ul li.nav5 a:hover { background-position:-375px 0; }
.navi ul li.nav7 a:hover { background-position:-475px 0; }
.navi ul li.nav6 a:hover { background-position:-575px 0; }

.navi ul li.nav1 a#current { background-position:0 0; }
.navi ul li.nav2 a#current { background-position:-75px 0;  }
.navi ul li.nav3 a#current { background-position:-175px 0; }
.navi ul li.nav4 a#current { background-position:-275px 0; }
.navi ul li.nav5 a#current { background-position:-375px 0; }
.navi ul li.nav7 a#current { background-position:-475px 0; }
.navi ul li.nav6 a#current { background-position:-575px 0; }

/* module */
#indexIntro { background:url(title_about.jpg) no-repeat 0 0; overflow:hidden; zoom:1; padding:65px 0 0 45px; margin-bottom:20px;  }
#indexIntro .introVideo { width:250px; float:left; display:inline; }
#indexIntro .introVideo #introVideo1{ width:250px; height:177px; overflow: hidden; }
#indexIntro .introVideo #introVideo1 img { border: 1px solid #ddd; }
#indexIntro .introVideo p { color:#ff3385; margin-top: 10px; text-align: center; }
#indexIntro .introText { width:350px; float:right; display:inline; }
#indexIntro .introText p { margin-bottom:10px; line-height:150%; }
#indexIntro .introText p strong { font-size:14px; color:#333; }

#bestDeal { background:url(title_best.jpg) no-repeat 0 0; overflow:hidden; zoom:1; padding:65px 0 0 45px; width:250px; float:left; }
#bestDeal ul li { margin:0 0 5px 0; padding:0 2px 5px; border-bottom:1px dotted #ddd; }
#bestDeal ul li a { color:#666; }
#bestDeal ul li a:hover { color:#ff3385; }

#slidshow { background: url(title_titbits.jpg) no-repeat 0 0; overflow:hidden; zoom:1; padding:65px 0 0 45px; width:330px; float:left; margin-left:10px; }

#creative { background:url(title_amazing.jpg) no-repeat 0 0; overflow:hidden; zoom:1; padding:65px 0 0 45px; margin-bottom:20px; }
#creative .item { overflow:hidden; zoom:1; margin-bottom:15px; }
#creative .item h3 { font-size:14px; margin:5px 0 10px; }
#creative .item img { padding:5px; border:1px solid #ddd; float:right; margin-left:15px; }
#creative .even img { float:left; margin-right:15px; }

#wedding1 {  background:url(title_tra.jpg) no-repeat 0 0; overflow:hidden; zoom:1; padding:65px 0 0 45px; margin-bottom:20px; }
#wedding2 {  background:url(title_cla.jpg) no-repeat 0 0; overflow:hidden; zoom:1; padding:65px 0 0 45px; margin-bottom:20px; }
#wedding3 {  background:url(title_lux.jpg) no-repeat 0 0; overflow:hidden; zoom:1; padding:65px 0 0 45px; margin-bottom:20px; }
#wedding img { padding:8px; border:1px solid #ddd; float:left; margin-right:20px; display:inline; }
#wedding .detail { float:left; width:340px; display:inline; }
#wedding .detail h3 { font-size:14px; margin-bottom:10px;  }
#wedding .detail p { margin-bottom:10px; }
#wedding .detail p img { margin:0; border:0; float:none; padding:0; }

#flower { background:url(title_flower.jpg) no-repeat 0 0; overflow:hidden; zoom:1; padding:80px 0 0 45px; margin-bottom:20px; }
#flower ul li { float:left; display:inline; margin:0 5px 2px 0; width:125px; height:83px; }

#car { background:url(title_car.jpg) no-repeat 0 0; overflow:hidden; zoom:1; padding:65px 0 0 45px; margin-bottom:20px; }
#car ul li { float:left; text-align:center; margin: 0 10px 15px 0; }
#car ul.subList li { margin-right:3px; width:158px; height:118px; }

#contact { background:url(title_contact.jpg) no-repeat 0 0; overflow:hidden; zoom:1; padding:65px 0 0 45px; margin-bottom:20px; }

#service { background:url(title_service.jpg) no-repeat 0 0; overflow:hidden; zoom:1; padding:85px 0 0 45px; margin-bottom:20px; }
#service h3 { font-size:16px; margin-bottom:10px; color:#FE84BF; } 
#service ul { margin-bottom:20px; }
#service ul li { margin-bottom:5px; list-style: disc; list-style-position:inside; }

#titbits { background:url(title_titbits.jpg) no-repeat 0 0; overflow:hidden; zoom:1; padding:85px 0 0 45px; margin-bottom:20px; }
#titbits ul li { float:left; width:100px; height:100px; margin:0 5px 5px 0; display:inline; }

#tips { background:url(title_tips.jpg) no-repeat 0 0; overflow:hidden; zoom:1; padding:85px 0 0 45px; margin-bottom:20px; }
#tips .item { overflow:hidden; zoom:1; margin-bottom:20px; }
#tips .item img { border:2px solid #ccc; padding:1px; float:left; margin-right:15px; margin-bottom:50px; }
#tips .item p { margin-top:5px; }

.opacity img { filter: alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7; }