@charset "utf-8";
/* CSS Document */
body {
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	background-image:url(../images/bg_strip.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
	background-color:#660033;
}
div#top {
	float:left;
	width:100%;
	height:15px;
	background-color:#333;
	margin-top:-10px;
}
img {
	border:0;
}
a {
	text-decoration:none;
}
div#body {
	width:900px;
	margin:0 auto;
}
div#header {
	width:100%;
	height:130px;
	margin-top:10px;
}
div#logo {
	height:85px;
	width:161px;
	float:left;
	margin:20px 0 0 7px;
	background-image:url(../images/logo_sdi.png);
	background-repeat:no-repeat;
	background-position:left top;
}
div#nav
{
	float:left;
	width:513px;
	height:30px;
	margin:86px 0 0 197px;
}

div#nav a
{
	float:left;
	background-image:url(../images/header_sprite.png);
	background-repeat:no-repeat;	
	width:100%;
	height:100%;
}



div#homediv
{
	float:left;
	height:30px;	
	width:66px;
	text-align:center;
}

#homediv a.on, #homediv a:hover
{
	background-position:0px -20px;
}

#homediv a
{
	background-position:0px 1px;
}

div#officediv
{
	float:left;
	height:30px;	
	width:126px;
	text-align:center;
}

#officediv a.on, #officediv a:hover
{
	background-position:-66px -20px;
}

#officediv a
{
	background-position:-66px 1px;
}

div#furniturediv
{
	float:left;
	height:30px;	
	width:81px;
	text-align:center;
}

#furniturediv a.on, #furniturediv a:hover
{
	background-position:-192px -20px;
}

#furniturediv a
{
	background-position:-192px 1px;
}

div#washroomdiv
{
	float:left;
	height:30px;	
	width:107px;
	text-align:center;
}

#washroomdiv a.on, #washroomdiv a:hover
{
	background-position:-273px -20px;
}

#washroomdiv a
{
	background-position:-273px 1px;
}

div#projectdiv
{
	float:left;
	height:30px;	
	width:78px;
	text-align:center;
}

#projectdiv a.on, #projectdiv a:hover
{
	background-position:-380px -20px;
}

#projectdiv a
{
	background-position:-380px 1px;
}

div#contactdiv
{
	float:left;
	height:30px;	
	width:55px;
	text-align:center;
}

#contactdiv a.on, #contactdiv a:hover
{
	background-position:-458px -20px;
}

#contactdiv a
{
	background-position:-458px 1px;
}

div#nav a {
	float:left;
	text-decoration:none;
	height:20px;
}
div#main {
	width:914px;
	margin:0 auto;
	float:left;
}
div#title {
	float:left;
	width:100%;
	height:40px;
	background-image:url(../images/home_page/sdi_header_grey.png);
}
div#content {
	float:left;
	width:100%;
	background-image:url(../images/sdi_middle.png);
	background-repeat:repeat-y;
	margin-left:1px;
}
img.hashline {
	float:left;
	margin:10px 0 10px 35px;
}
div#details {
	height:10px;
	width:100%;
	margin-top:10px;
	color:#660033;
	font-size:13px;
	font-weight:bold;
	text-align:center;
	float:left;
}
div#copyright {
	height:20px;
	margin-top:5px;
	float:right;
	color:#FFF;
	font-size:10px;
}
div#copyright p {
	padding:0;
	margin:0;
	float:left;
}
div#copyright a {
	text-decoration:none;
	color:#FFF;
}
/*IE fix*/
img, div {
	behavior: url(css/iepngfix.htc);
}
/*home page css*/
img#words {
	margin:25px 0 20px 50px;
	float:left;
}

div#main a {
	padding:0;
}
img#washroom-image {
	float:left;
	margin-left:35px;
}
img#commercial-image {
	float:left;
	margin-left:35px;
}
img#office_image {
	float:left;
	margin-left:35px;
}
div#feedback {
	float:left;
	width:840px;
	margin:20px 0 40px 35px;
}
div#feedback_image {
	float:left;
}

div#feedback_text {
	float:right;
	margin-left:20px;
	width:660px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#999;
	line-height:22px;
}
div#text {
	float:left;
	height:160px;
	margin-bottom:20px;
}

a.bold {
	color:#666;
}
a.italic {
	color:#666;
	font-style:italic;
	font-size:12px;
	width:200px;
}
/*------------------------------wang--------------*/
div#main_left {
	float:left;
	width:600px;
	margin-top:40px;
	margin-left:30px;
	height:auto;
	text-align:left;
	display:inline;
}
div#main_right {
	float:right;
	width:210px;
	margin-top:40px;
	margin-right:30px;
	height:500px;
	text-align:left;
	display:inline;/*background-color:#999999;*/
}
div#blog_title {
	font-family: "Trebuchet","regular";
	font-size: 26px;
	color:#660033;
}
div#blog_date {
	font-family: "Trebuchet","regular";
	font-size: 12px;
	color:#fff;
	margin:10px 0px 20px 0px;
}
div#blog_img1 {
	width:600px;
	height:150px;
	border:3px solid #ccc;
	margin-bottom: 20px;
}
div#blog_text {
	font-family: "Trebuchet","regular";
	font-size:16px;
	color:#999;
	line-height:25px;
	width:600px;
	height:auto;
}
div#blog_text p {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 30px;
	margin-left: 0px;
}
div#blog_img2 {
	width:600px;
	height:400px;
	border:3px solid #ccc;
	margin-bottom: 20px;
}
div#blog_text2 {
	font-family: "Trebuchet","regular";
	font-size:16px;
	color:#999;
	line-height:25px;
	width:600px;
	height:auto;
}
div#blog_text2 p {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
}
div#blog_img3 {
	width:600px;
	height:110px;
	border:1px solid #ccc;
	margin-bottom: 20px;
}
div#comments_imgbar1 {
	width:600px;
	height:50px;
	background-image:url(../images/chop/content/comments_bar.jpg);
	background-repeat:no-repeat;
	margin: 20px 0px 30px 0px;
}
div#imgbar1_text1 {
	font-family: "Trebuchet","regular";
	font-size:18px;
	line-height:38px;
	color:#fff;
	width:400px;
	height:50px;
	margin-left:10px;
	float:left;
}
div#imgbar1_text2 {
	font-family: "Trebuchet","regular";
	font-size:14px;
	color:#fff;
	line-height:38px;
	height:50px;
	margin-right:10px;
	float:right;
	display:inline;
}
div#imgbox {
	margin-bottom:30px;
	height:auto;
}
div#img_box {
	width:70px;
	height:70px;
	border:3px #ccc solid;
	margin:0px 20px 120px 50px;
	float:left;
	display:inline;
}
div#text_box {
	float:left;
	width:400px;
	height:auto;
	margin-bottom:30px;
	display:inline;
}
div#top_title {
	margin-bottom:20px;
	height:18px;
}
div#left_title {
	font-family: "Trebuchet","regular";
	font-size:18px;
	color:#660033;
	width:200px;
	float:left;
	display:inline;
}
div#right_title {
	font-family: "Trebuchet","regular";
	font-size:14px;
	color:#999;
	font-weight:bold;
	width:150px;
	float:right;
	display:inline;
}
div#b_text {
	width:350px;
	height:150px;
	color:#999;
	line-height:25px;
	float:left;
	display:inline;
}
div#blog_img_line1 {
	width:599px;
	height:10px;
	background-image:url(../images/chop/divide/divide_line.jpg);
	background-repeat:no-repeat;
}
div#comments_imgbar2 {
	width:600px;
	height:50px;
	background-image:url(../images/chop/content/comments_bar.jpg);
	background-repeat:no-repeat;
	margin: 20px 0px 20px 0px;
	font-family: "Trebuchet","regular";
	font-size:18px;
	line-height:38px;
	color:#fff;
	padding-left:20px;
}
div#form_box {
	width:600px;
	height:350px;
}
div#form_box_left {
	width:100px;
	height:300px;
	float:left;
	text-align:right;
	margin-left:25px;
	margin-right:20px;
	display:inline;
}
div#form_box_right {
	width:250px;
	height:300px;
	float:left;
	display:inline;
}
div.form_hr {
	margin-top:10px;
}
div.form_hr2 {
	width:415px;
	text-align:right;
	margin-top:30px;
}
input.ipt {
	font-family: "Trebuchet","regular";
	font-size:16px;
	width:190px;
	border:0px;
	background-color:#F0F0F0;
}
textarea.mtxt {
	font-family: "Trebuchet","regular";
	font-size:16px;
	width:415px;
	border:0px;
	background-color:#F0F0F0;
}
label.lb {
	font-family: "Trebuchet","regular";
	font-size:16px;
	font-weight:bold;
	color:#660033;
}
#test {
	background-color:#999999;
	width:5px;
	height:20px;
	margin-left:120px;
}
#right_title1 ul {
	list-style-type: none;
	line-height: 35px;
	font-size: 14px;
	font-family: "Trebuchet","regular";
	font-weight: bold;
	color: #660033;
}
#right_title1 li {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	margin-left: -40px;
}
div.right_title {
	font-size:20px;
	font-family: "Trebuchet","regular";
	color: #999;
}