/* CSS Document */

/* Basic Page Style */


* { 
	margin:0; 
	padding:0; 
}


html {
	height:100%;
	border:0;
}
body {
	height:100%;
	background-color: #FFFFFF;
}
body,table,td {
	font-family: "微软雅黑", Verdana, Arial, "宋体";
	font-size: 12px;
	color: #000000;
}
body {
	margin-top:0px;
	margin-right:0px;
	margin-bottom:0px;
	margin-left: 0px;
}
input{
	font-family: "微软雅黑", Verdana, Arial, "宋体";
	font-size: 12px;
	height:22px;
}
select {
	font-family: "微软雅黑", Verdana, Arial, "宋体";
	font-size: 9px;
	border: 1px solid #7F9DB9;
}
option {
	font-family: "微软雅黑", Verdana, Arial, "宋体";
	font-size: 9px;
	border: 1px solid #7F9DB9;
}
textarea {
	font-family: "微软雅黑", Verdana, Arial, "宋体";
	font-size: 12px;
	border: 1px solid #7F9DB9;
}
button {
	border: none;
	background:none;
	cursor: hand;	
	padding:0px;
}




/* default Page Style */
#defaultpic{
    padding-top:60px;
}
#defaulttext{
    padding-top:20px;
	padding-left:600px;
	text-align:center;
	font-size:16px;
}
#defaulttext a{
    text-decoration:none;
}
#defaulttext a:hover, #defaulttext a:active {
    text-decoration:underline;
}


/* index Page Style */

#header {
	width:960px;
	margin:0 auto;
	margin-top:10px;
	padding: 0px;
}
#headcontainer{
    width:960px;
	height:90px;
	border-bottom:1px solid #c7c7c7;
}
#logo {
    display:block;
    float:left;
	margin-top:10px;
	width:240px;
	height:80px;
	text-align:center;
	text-indent: -50000px;
	background-image: url(../images/logo.jpg);
	background-repeat: no-repeat;
	background-position: center;
}
#headnav{
    float:right;
	width:660px;
    padding-top:50px;
}
#headnav a{
	/*display: block;*/
	
	display:block;
	float:left;
	width:80px;
	height:24px;
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#headnav a:hover, #headnav a:active {
	background-position: -80px;
}
#headnav #home{
    
    float:left;
	background-image: url(../images/nav_home.jpg);
	border:1px solid #636363;
}
#headnav #about{
 
    float:left;
	background-image: url(../images/nav_about.jpg);
	border:1px solid #636363;
}
#headnav #newevent{
 
    float:left;
	background-image: url(../images/nav_newevent.jpg);
	border:1px solid #636363;
}
#headnav #service{
    float:left;
	background-image: url(../images/nav_service.jpg);
	border:1px solid #636363;
}
#headnav #wedding{
    float:left;
	background-image: url(../images/nav_wedding.jpg);
	border:1px solid #636363;
}
#headnav #doc{
   float:left;
	background-image: url(../images/nav_doc.jpg);
	border:1px solid #636363;
}
#headnav #contact{
    float:left;
	background-image: url(../images/nav_contact.jpg);
	border:1px solid #636363;
}





#container{
    width:960px;
	margin:0 auto;
	padding: 0px;
}
#sidebar {
	float:left;
	width:100px;
	height:auto;
	font-family:"微软雅黑", Verdana, Arial, "宋体";
	color:#777;
	font-weight:bolder;
	line-height:18px;
	border-bottom:1px #eee;
	padding-left: 10px;
}

#sidebar h1 a{
    margin:24px 4px 4px 4px;
	font-size:16px;
	font-weight:bolder;
	color:#666;
    display:block;
	text-decoration:none;
}
#sidebar h1 a:hover{
    text-decoration:underline;
}
#sidebar li{
	list-style:none;
}
#sidebar li a {
	width:80%;
	margin:1px 1px 1px 0;
	display:block;
	padding:2px 5px 2px 20px;
	color:#666;
	font-size:14px;
	text-decoration:none;
	border-bottom: 1px solid #eee;
}
#sidebar li a:hover{
    
	background-image: url(../images/bullet_black.gif);
	background-repeat: no-repeat;
	background-position: left;

}
#sidebarhrservice li {
list-style:normal;
}
#sidebarhrservice li a {
    font-size:12px;
    padding:1px 0px 1px 30px;
	border-bottom:0;
}
#sidebarhrservice li a:hover {
    background-image: url(../images/bullet_black.gif);
	background-repeat: no-repeat;
	background-position: left;
}



#content {
    width:820px;
	float:right;
	margin-top:20px;
	padding:0px;
	padding-left:10px;
	border-left-width: 1px;
	border-left-style:solid;
	border-left-color: #c7c7c7;
}
#event{
    padding:0px 10px 0px 10px;
	text-align:center;
	width:800px;
	height:auto;
}
#event #event_header{
    display:block;
	width:780px;
	height:130px;
	background-image: url(../images/reloaded.jpg);
	background-position:center;
	background-repeat:no-repeat;
}



#line{
    float: left;
    width:820px;
	margin:20px 0 20px 0;
	border-bottom:solid 1px #eee;
}



#ourservice {
    padding:10px;
    float:inherit;
	width:800px;
}
#ourservice_header{
    display:block;
	width:800px;
	height:40px;
	padding-top:10px;
    text-align:center;
	text-indent: -50000px;
	background-image: url(../images/ourservice_header.jpg);
	background-position:center;
	background-repeat:no-repeat;
}
#ourservice a{
	/*display: block;*/
	
	display:block;
	padding:1px;
	float:left;
	width:240px;
	height:160px;
	background-repeat: no-repeat;
	background-position: center;
	background-color:#FFF;
	border:1px solid #c7c7c7;
}
#ourservice a:hover, #ourservice a:active {
    border:1px solid #636363;	
}
#ourservice #service_hr{
    float:left;
	background-image: url(../images/ourservice_hrservice.jpg);
}
#ourservice #scene{
    float:left;
	background-image: url(../images/ourservice_wedding.jpg);
}
#ourservice #vehicle{
    float:left;
	background-image: url(../images/ourservice_vehicle.jpg);
}
#ourservice #stagelighting{
    float:left;
	background-image: url(../images/ourservice_stagelighting.jpg);
}
#ourservice #av{
    float:left;
	background-image: url(../images/ourservice_av.jpg);
}
#ourservice #items{
    float:left;
	background-image: url(../images/ourservice_items.jpg);
}




#weddingpic {
    padding:10px;
    float:inherit;
	width:800px;
}
#weddingpic_header{
    display:block;
	width:800px;
	height:40px;
	padding-top:10px;
    text-align:center;
	text-indent: -50000px;
	background-image: url(../images/weddingpic_header.jpg);
	background-position:center;
	background-repeat:no-repeat;
}
#weddingpic a{
	/*display: block;*/
	
	display:block;
	padding:1px;
	float:left;
	width:240px;
	height:160px;
	background-repeat: no-repeat;
	background-position: center;
	background-color:#FFF;
	border:1px solid #c7c7c7;
}
#weddingpic a:hover, #weddingpic a:active {
    border:1px solid #636363;
	
}
#weddingpic #western{
    float:left;
	background-image: url(../images/weddingpic_western.jpg);
}
#weddingpic #chinese{
    float:left;
	background-image: url(../images/weddingpic_chinese.jpg);
}
#weddingpic #lawny{
    float:left;
	background-image: url(../images/weddingpic_lawny.jpg);
}
#weddingpic #theme{
    float:left;
	background-image: url(../images/weddingpic_theme.jpg);
}
#weddingpic #others{
    float:left;
	background-image: url(../images/weddingpic_flower.jpg);
}
#weddingpic #props{
    float:left;
	background-image: url(../images/weddingpic_props.jpg);
}



#footer{
    float:right;
    width:960px;
	margin-top:10px;
	padding:10px;
	text-align:center;
	border-top: 1px solid #c7c7c7;
}
#footer a{
	text-decoration:none;
	color:#333;
	margin-bottom:20px;
}
#footer a:hover, #footer a:active{
    text-decoration:underline;
}
#footer p{
    margin:5px;
}



/* other Pages Style */

#pagehead{
    padding-bottom:10px;
    border-bottom: 1px solid #eee;
}


#about_content{
}
#about_text{
}
#about_pic{
}



#event_flash {
    padding:10px 10px 10px 10px;
    float:left;
	text-align:left
}
#flashBox{
width:766px;
height:576px;
border:1px solid #EEE;
position:relative;
}
#flashBox img{
/*初始不要显示*/
display:none;
/*用边框来实现空位，因为margin和paading有时会引起些麻烦*/
border:3px solid #FFF;
}
#flashBox ul{
position:absolute;
right:7px;
bottom:9px;
font:9px tahoma;
}
#flashBox ul li{
display:block;
float:left;
width:15px;
height:15x;
line-height:15px;
margin-right:3px;
border:1px solid #999;
background:#fff;
font-size:12px;
color:#333;
text-align:center;
cursor:pointer;
}
#flashBox ul li.hover{
border-color:636363;
background:#c7c7c7;
color:#636363;
}
#eventlist{
    margin:20px;
	padding:0px;
}
#eventlist li{
    padding:1px;
	margin-bottom:20px;
	list-style-type:none;
	width:760px;
	height:570px;
    border:1px solid #999;
}



#service_hr {
    padding:10px;
    float:inherit;
	width:800px;
}
#service_hr a{
	/*display: block;*/
	
	display:block;
	padding:1px;
	float:left;
	width:160px;
	height:240px;
	background-repeat: no-repeat;
	background-position: center;
	background-color:#FFF;
	border:1px solid #c7c7c7;
}
#service_hr a:hover, #service_hr a:active {
    border:1px solid #636363;	
}
#service_hr #planning{
    float:left;
	background-image: url(../images/service_planning.jpg);
}
#service_hr #emcee{
    float:left;
	background-image: url(../images/service_emcee.jpg);
}
#service_hr #cameraman{
    float:left;
	background-image: url(../images/service_cameraman.jpg);
}
#service_hr #videoman{
    float:left;
	background-image: url(../images/service_videoman.jpg);
}
#service_hr #dresser{
    float:left;
	background-image: url(../images/service_dresser.jpg);
}
#service_hr #entertainer{
    float:left;
	background-image: url(../images/service_entertainer.jpg);
}

#service_details{
	border-top:1px solid #eee;
	padding:20px 0 10px 20px;
	width:800px;
	height:420px;
}
#service_img{
    float:left;
	margin-top:20px;
	margin-right:20px;
	width:240px;
	height:360px;
}
#service_text{
    float:left;
	width:540px;
	font-size:12px;
}




#xwxc{
	border-top:1px solid #eee;
}
#weddingpic_list{
	margin-bottom:20px;
}
#weddingpic_chinese_blank{
    height:450px;
}

#doclist{
	height:400px;
	
}
#doclist li{
    margin:10px 10px 10px 20px;
    font-size:14px;

}
#doclist a{
    text-decoration:none;
	color:#333;
}
#doclist a:hover, #doclist a:active{
    text-decoration:underline;
}
#doctext{
    margin:20px;
}
#doctext h1{
    text-align:center;
	font-size:20px;
}
#doctext h2{
    text-align:left;
	font-size:14px;
	margin-top:10px;
}
#doctext h3{
    text-align:left;
	font-size:12px;
	font-weight:normal;
	margin-top:2px;
}
#doctext h4{
    text-align:left;
	font-size:10px;
	margin-top:5px;
}
#doctext h5{
    text-align:left;
	font-size:16px;
	margin-top:15px;
}

#doctext h6{
    text-align:right;
	font-size:14px;
	margin:20px;
}
#doctext p{
    text-align:left;
	font-size:14px;
	line-height:18px;
	margin-top:10px;
}




#contact_content{
    float:left;
    width:400px;
	height:240px;
}
#contact_content #contact_name{
    font-size:16px;
	font-weight:bold;
}
#contact_content li{
    list-style-type:none;
    margin:20px 0 40px 20px;
    font-size:12px;
	color:#666666;
}
#map{
    float:right;
}
#findus{
	float:left;
}
#findus p{
    margin:0 0 15px 20px;
    font-size:12px;
	color:#666666;
}
#findus li{
    margin:10px 0 10px 36px;
    font-size:12px;
	color:#666666;
}
#googlemap{
    width:400px;
	height:250px;
    margin:10px 0px 0px 20px;
}
#googlemap a{
	/*display: block;*/
	
	display:block;
	padding:1px;
	width:400px;
	height:250px;
	text-align:center;
    text-decoration:none;
	background-repeat: no-repeat;
	background-position: center;
	background-color:#FFF;
	border:1px solid #c7c7c7;
}
#googlemap a:hover, #weddingpic a:active {
    border:1px solid #636363;
	text-decoration:underline;
}
#googlemap #map{
    float:left;
	background-image: url(../images/googlemap_s.jpg);
}

#googlemap_big{
    text-align: center;
	margin-top: 20px;
	margin-right: 20px;
	margin-left: 20px;
}
#googlemap_text{
    text-align: center;
	font-size: 14px;
	font-weight: bold;
	line-height: 30px;
}




/* crumbs Style */

.crumbs{
    margin:0px 0px 20px 20px;
	color:#666;
}
.crumbs a{
    font-size:12px;
	text-decoration:none;
	color:#666;

}
.crumbs a:hover, .crumbs a:active{
    text-decoration:underline;
	color:#333;
}


.pic_list{
	padding: 1px;
	margin:10px 20px 10px 10px;
	border: 1px solid #000000;
}

.pic_list img{
		cursor: pointer;
}
.pic_list_text {
        text-align: center;
}

.pic_big {
	text-align:center;
	margin-top: 20px;
	margin-right: 20px;
	margin-left: 20px;
}

.pic_text {
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	line-height: 30px;
}