/*
Name: Baoxiniao Group 2011
Date: 2011-12-25
Description: Baoxiniao.com.cn
Version: 1.0
Author: Firekinger
*/

/* Imports */
@import url("reset.css");
/*--- Link Styles ---*/
/*-- border-bottom: 1px solid #ddd; --*/
a:link {color: #FFFFFF; text-decoration: none;}
a:visited {color: #444; text-decoration: none;}
a:hover {color: #000000; text-decoration: none;}
a:active {color: #000000; text-decoration: none;}

/***** Global *****/
body{
font-family: arial, sans-serif; background-color: #eee;
font-size: 14px; line-height: 22px;
}

#g960{margin-left: auto; margin-right: auto;width: 960px; height: 30px; background-color: Fuchsia;
}

#wrapper, #demo{
margin: 20px auto;
width: 960px; height: 600px; background-color: #fff;
}

#header{
top:-20px;
position:relative;
z-index: 1;
}
#nav{
width: 720px; height: 200px;
top: 220px;
position:absolute;
z-index: 10;
}
h1#logo {
float: left;
}
ul#menu{
float: left;
padding-top: 25px;
width: 240px; height: 175px; background-color: #5a5a5a;
}
ul#menu li{
margin: 0px auto;
margin-bottom: 1px;
width: 200px;
background-color: #4f4f4f;
}
ul#menu li a{
padding-left: 20px;
display: block;
height: 36px; line-height: 36px;
color: #fff;
font-size: 14px;
}
ul#menu li a:hover{
display: block;
background-color: #555;
}

#content{
	overflow:hidden;
	width:960px;
	position:relative;
	height:600px;
	float:left;
}

.section{
	width:4800px;
	position:relative;
}
.section .sub{
	position:relative;
	float:left;
	width:960px;
	height:600px;
}

#footer{
margin: 0px auto;
width: 960px;
}


.grid_l6{
width: 480px; height: 600px;
float: left;
}
.grid_r6{
padding: 0px;
width: 480px; height: 560px;
float: right;
}
.grid_r6t{
padding: 20px;
width: 440px; height: 560px;
float: right;
}
.grid_form{
padding-top: 50px;
width: 480px; height: 550px;
float: right;
}

.box_contact{
padding: 20px;
width: 200px; height: 160px;
float: right;
background-color: #8F011D;
color: #fff;
}
.box_contact2{
padding: 20px;
width: 440px; height: 160px;
float: right;
background-color: #8F011D;
color: #fff;
}

.bg_left{
float: left;
}
.bg_items{
background-image: url(../images/bg_items.gif);
}
.bg_r3{
top: 0px;
position:relative;
float: left;
}
.left{
float: left;
}
.mark
{
	top: 0px;
	z-index: 2;
	opacity: 0.80;
	filter: alpha(opacity=80);
}

p{
margin: 0px 2px;
text-indent: 2em;
}
p.line50{
height: 50px;
}
p.line180{
padding-top: 10px;
height: 180px;
float: left;
}


/***** Form *****/

input[type=text]{
	background: url(../images/input.png) no-repeat top center;
	border: none;
	color: #4f4e4e;
	width: 270px;
	height: 27px;
	font: 14px "Helvetica", "Helvetica Neue", Arial, sans-serif;
	padding: 10px 10px 0 10px;
}

input[type=text]:focus{
	background-position: 0 -37px;
}

input[type=text].error{
	background-position: 0 -74px;
}

textarea{
	background: url(../images/textarea.png) no-repeat top center;
	border: none;
	color: #4f4e4e;
	width: 270px;
	height: 130px;
	font: 14px "Helvetica", "Helvetica Neue", Arial, sans-serif;
	padding: 10px;
}

textarea:focus {
	background-position: 0 -150px;
}

textarea.error {
	background-position: 0 -300px;
}

input[type=submit]{
	background: url(../images/button.png) no-repeat top center;
	color: #FFF;
	border: none;
	width: 102px;
	height: 37px;
	font: 14px "Helvetica", "Helvetica Neue", Arial, sans-serif;
	text-align: center;
}

input[type=submit]:hover{
	background-position: 0 -37px;
}

input[type=submit]:active{
	background-position: 0 -74px;
}