/* CSS Document piano */

* {
	margin: 0;
	padding: 0;
	border: 0;
	font-family: "Book Antiqua" ;
	font-style: normal;
} 
body { padding: 0; background: #481b05; color: #333; font-family: Comic Sans MS, Verdana, Arial, Helvetica, sans-serif; }
#container { width: 1024px; background: url(images/h8.jpg) repeat-y; margin: 0 auto; }
#header { width: 1024px; height: 321px; background: url(images/logo6.jpg) no-repeat; margin: 0 auto; }

#pv { width: 980px; height: 1px; background: url(images/pv.jpg) no-repeat; margin: 0 auto; }
#pn { width: 980px; height: 1px; background: url(images/pn.jpg) no-repeat; margin: 0 auto; }


#nav { background : #3d1703; color: #ffe390; font-size: 110%; font-weight: bold; line-height: 1.8em; text-align: center; } 
#nav ul { list-style-type: none; } 
#nav li { display: inline; margin: 0 30px; } 
#nav li a { color: #ffe390; } 
#nav li a:hover { color: #e4b395; }
a { text-decoration: none; }

#sendmail { width:560px; margin: 40px 0 20px 100px; }
#sendmail p { color: #e4b395; text-align: left; text-indent: .9em; margin: 0; padding: 0 15px; }


#right { width: 150px; height: auto; background: #dadbaf; color: #333; float: right; margin: 83px 20px 10px; } 
#right h6 { color: #333; font-size: 110%; padding: 0 16px; font-weight: bold; text-align: center; }
#right p { text-align: justify; text-indent: 1.5em; margin: 0; padding: 0 15px; }
#right ul { color: #999; font-size: 100%; margin: 10px; float: left; }
#right li { margin: 0 5px; }

.img9 { width: 1024px; height: 100px; margin: 0 ; float: center; }
.img10 { width: 301px; height: 480px; margin: 80px 0 10px 80px ; float: left; }
.img11 { width: 400px; height: 400px; margin: 80px 0 10px 83px ; float: left; }
.img18 { width: 600px; height: 450px; margin: 80px 0 0 40px ; float: left; }
.img19 { width: 450px; height: 356px; margin: 80px 0 10px 43px ; float: left; }

.portfolio {margin: 8px 10px 43px 10px; }

#text { width: 850px; font-size: 1.0em; color: #e4b395; font-weight: normal; margin: 43px 13px 43px 43px ; float: left; }
#text h1 { color: #e4b395; font-size: 110%; padding: 0 16px; font-weight: bolder; text-align: center; }
#text h2 { color: #333; font-size: 110%; padding: 0 16px; font-weight: bolder; text-align: right; }
#text h3 { color: #333; font-size: 110%; padding: 0 16px; font-weight: bolder; text-align: left; }
#text h4 { color: #333; font-size: 110%; padding: 0 16px; font-weight: bolder; text-align: center; }
#text p { text-align: left; text-indent: 1.5em; margin: 0; padding: 0 0 0 13px; } 
#text a { color: #ffe390; } 
#text a:hover { color: #e4b395; border-bottom: #f36 dotted 1px; }

.line { background: url( images/line_horz.gif) top center repeat-x; height: 1px; width: 940px; }
.line1 { background: url( images_1/line_horz.gif) top left repeat-x; height: 3px; width: 800px; }

#news { width: 250px; color: #333; font-size: 1.0em; margin: 80px 20px 20px 10px; float: right; } 
#news h5 { color: #dd127b; font-size: 110%; font-weight: bold; text-align: center; margin: 0;  }
#news ul { color: #333; font-size: 100%; margin: 10px; float: left; } 
#news li { margin: 8px 0 8px 0; }
#news li a { color: #7e969c; } 
#news li a:hover { color: #bb127d; }
#news p { text-align: left; text-indent: 1.5em; margin: 0; padding: 0 15px; }
#news p a { color: #7e969c; }
#news p a:hover { color: #bb127d; }


#news1 { width: 260px; color: #333; font-size: 1.0em; margin: 40px 20px 0 10px; float: right; } 
#news1 h5 { color: #333; font-size: 110%; font-weight: bold; text-align: center; margin: 0;  }
#news1 ul { color: #333; font-size: 100%; margin: 10px; float: left; } 
#news1 li { margin: 8px 0 8px 0; }
#news1 li a { color: #630; } 
#news1 li a:hover { color: #C30; }
#news1 p { text-align: left; text-indent: 1.5em; margin: 0; padding: 0 15px; }
#news1 p a { color: #7e969c; }
#news1 p a:hover { color: #bb127d; }

 
.clearfloat { clear: both; }

#footer { background: #3d1703; color: #ffe390; font-size: 70%; padding: 5px; clear: both; } 
#footer a { color: #ffe390; } 
#footer a:hover { color: #fbfbf3; } 
#footer p { padding: 2px; text-align: center; }
.clearfloat { clear: both; }

a:link {
font-weight: bold;
color: fff ;
text-decoration:none;
}
a:visited{
font-weight: bold;
color: fff ;
text-decoration:none;
}
a:hover {
font-weight: bold;
color: fff ;
text-decoration:none;
}
a:active {
font-weight: bold;
color: fff ;
text-decoration:none;
}

div.b_1 {
	display:block;
	width:201px;
	height:34px;
	background:url(/img/b_1.jpg) no-repeat;
	cursor:pointer;
}
div.b_1:hover {
	background:url(/img/b_12.jpg) no-repeat;
}

div.b_2 {
	display:block;
	width:207px;
	height:34px;
	background:url(/img/b_2.jpg) no-repeat;
	cursor:pointer;
}
div.b_2:hover {
	background:url(/img/b_22.jpg) no-repeat;
}

div.b_3 {
	display:block;
	width:205px;
	height:34px;
	background:url(/img/b_3.jpg) no-repeat;
	cursor:pointer;
}
div.b_3:hover {
	background:url(/img/b_32.jpg) no-repeat;
}

div.b_4 {
	display:block;
	width:209px;
	height:34px;
	background:url(/img/b_4.jpg) no-repeat;
	cursor:pointer;
}
div.b_4:hover {
	background:url(/img/b_42.jpg) no-repeat;
}

div.m_1 {
	padding-top:5px;
	padding-right:0px;
	padding-left:0px;
	padding-bottom:0px;
}

div.m_1 {
	padding-top:5px;
	padding-right:0px;
	padding-left:0px;
	padding-bottom:0px;
	color: fff ;
	text-decoration:none;
}

div.text {
	padding-top:130px;
	padding-right:40px;
	padding-left:60px;
	padding-bottom:0px;
	color: 000 ;
}




.img-shadow img{
  position: relative;
  background-color: #FFFFFF;
  border: 1px solid #000000;
  margin: -6px 6px 6px -6px;
  padding: 2px;
}

div.portfolio {
width: 640px; 
	padding-top:80px;
	padding-right:20px;
	padding-left:40px;
	padding-bottom:0px;
	color: 000 ;
}

div.portfolio1 {
width: 840px; 
	padding-top:70px;
	padding-right:20px;
	padding-left:40px;
	padding-bottom:0px;
	color: 000 ;
}

div.index01 {
	background: url('/img/bg_001.jpg') no-repeat;
	background-position: center top;
}