/* 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: 534px; }

#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 : #3f1602; 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: 1024px; height: 534px; margin: 0 auto; background: #170000;  }
#sendmail p { 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 63px 43px 63px ; float: left; }
#text h1 { color: #333; 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 83px 0 83px; } 
#text a { color: #c30; } 
#text a:hover { color: #630; border-bottom: #f36 dotted 1px; }

.line { background: url( images/line_horz.gif) top center repeat-x; height: 1px; width: 980px; }
.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; }

#gallery {position: relative ; width: 695px; height: 465px; margin: 0 auto; padding: 0; border: 0px ; }

#images { height: 225px; background: #eef5f6;; margin-bottom: 20px }
#image {position: relative; width: 695px; height: 465px; padding: 2px; }
#image img {position: absolute; top: 0; left: 0}


#thumbwrapper {margin-top: 0; padding: 0 ; width: 695px; height: 65px; }
#thumbarea {position: relative; overflow: hidden; height: 65px; width: 695px; }
#thumbs {position: absolute; list-style: none; margin-left: 0; height: 65px; width: 10000px; }
#thumbs li {float: left; margin-right: 52px; cursor: pointer}

.imgnav {position: absolute; height: 375px; width: 20%; z-index: 100; height: 375px; width: 20%; z-index: 100; outline: none; cursor: pointer}

#previmg:hover {opacity:1; filter: alpha(opacity=100) }
#nextimg:hover {opacity: 1; filter: alpha(opacity=100)}
 
.clearfloat { clear: both; }

#footer { background: #3f1602; 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;
}