/* CSS Document */

/* CSS Document */

body {	background-color: #FFFFFF;}
#base { width: 780px;
padding:0px;}

body, td, th, input, select, option, textarea { color: #878787;font-size:12px;line-height:150%;}

a:link {	color: #DE8286; background: #ffffff; text-decoration: none;}
a:visited {	color: #DE8286; background: #ffffff; text-decoration: none;}
a:active {	color: #FF0790; background: #ffffff; text-decoration: none;}
a:hover {	color: #FF0790; background: #ffffff; text-decoration: underline;}

ol li { list-style-type: decimal;}
ul li { list-style-image: none;}

h1{
	color:#DE8286;
	font-size:12px;
	font-weight:normal;
	background: none;
	padding:0px;
	
}

h2{
	color:#DE8286;
	font-size:12px;
	font-weight:normal;
	background: none;
	padding-left:0px;
	padding-top: 15px;
	padding-bottom: 0px;
}




.hide {
	visibility: hidden;
}

/*
-------------------------------------------------------------------------
toppage
-------------------------------------------------------------------------
*/
#topimg_bg{height:500px;
	clear:both;
	background: url(../images/topimg_bg.jpg) no-repeat 220px 0px;
	margin: 0;
}

#topside{
	width:238px;
	padding:21px 0 0 18px;
	float: left;
}

#toplogo{
}

.whatsnew{font-size: 10px;color:#878787;text-align: left;
padding:10px 0px 10px 30px;}

#topslider{width:780px;
padding:20px 0 0 0;
clear:both;
border-top: 1px solid #ccc;
}

.slidertitle{font-size: 12px;
	color: #de8286;
	text-align: left;
}

.slidercaption{ font-size: 10px;
margin: 0 0 20px 0; 
padding: 0 5px 0 5px;
text-align: left;
}

.slidercaption a{color: #878787;
}

.slidercaption a:hover {color: #878787;
text-decoration: underline;
}

.sliderimg a:hover img {opacity: 0.8;
	filter: alpha(opacity=80);
}



#topmenu UL {
	display: block;
	list-style-type:none;
	float: left;
	padding-left: 32px;
	padding-bottom:90px;
	margin: 0px;
}

#topmenu li#tabout a {
    display: block;
	text-decoration: none;
	background-image:  url(../images/top_about.jpg);
	background-repeat: no-repeat;
	height: 37px;
	width:83px;
	clear:both;
}
#topmenu li#tabout a:hover {
    display: block;
    text-decoration: none;
	background-image:  url(../images/top_about_on.jpg);
	background-repeat: no-repeat;
	height: 37px;
	width:83px;
	clear:both;
}

#topmenu li#tworks a {
    display: block;
	text-decoration: none;
	background-image:  url(../images/top_works.jpg);
	background-repeat: no-repeat;
	height: 37px;
	width:75px;
	clear:both;
}
#topmenu li#tworks a:hover {
    display: block;
    text-decoration: none;
	background-image:  url(../images/top_works_on.jpg);
	background-repeat: no-repeat;
	height: 37px;
	width:75px;
	clear:both;
}

#topmenu li#tnews a {
    display: block;
	text-decoration: none;
	background-image:  url(../images/top_news.jpg);
	background-repeat: no-repeat;
	height: 37px;
	width:75px;
	clear:both;
}
#topmenu li#tnews a:hover {
    display: block;
    text-decoration: none;
	background-image:  url(../images/top_news_on.jpg);
	background-repeat: no-repeat;
	height: 37px;
	width:75px;
	clear:both;
}

#topmenu li#tgallery a {
    display: block;
	text-decoration: none;
	background-image:  url(../images/top_gallery.jpg);
	background-repeat: no-repeat;
	height:38px;
	width:103px;
	clear:both;
}
#topmenu li#tgallery a:hover {
    display: block;
    text-decoration: none;
	background-image:  url(../images/top_gallery_on.jpg);
	background-repeat: no-repeat;
	height: 38px;
	width:103px;
	clear:both;
}

#topmenu li#tblog a {
    display: block;
	text-decoration: none;
	background-image:  url(../images/top_blog.jpg);
	background-repeat: no-repeat;
	height:34px;
	width:73px;
	clear:both;
}
#topmenu li#tblog a:hover {
    display: block;
    text-decoration: none;
	background-image:  url(../images/top_blog_on.jpg);
	background-repeat: no-repeat;
	height: 34px;
	width:73px;
	clear:both;
}

#topmenu li#tlink a {
    display: block;
	text-decoration: none;
	background-image:  url(../images/top_link.jpg);
	background-repeat: no-repeat;
	height:34px;
	width:65px;
	clear:both;
}
#topmenu li#tlink a:hover {
    display: block;
    text-decoration: none;
	background-image:  url(../images/top_link_on.jpg);
	background-repeat: no-repeat;
	height: 34px;
	width:65px;
	clear:both;
}

#topmenu li#tmail a {
    display: block;
	text-decoration: none;
	background-image:  url(../images/top_mail.jpg);
	background-repeat: no-repeat;
	height:35px;
	width:80px;
	clear:both;
	margin:19px 0 0 35px;
}
#topmenu li#tmail a:hover {
    display: block;
    text-decoration: none;
	background-image:  url(../images/top_mail_on.jpg);
	background-repeat: no-repeat;
	height: 35px;
	width:80px;
	clear:both;
	margin:19px 0 0 35px;
}

#topimg{
	float: right;
	padding: 0 0 30px 0;
}

/*
-------------------------------------------------------------------------
header
-------------------------------------------------------------------------
*/

#header{
	width:780px;
	align:left;
	clear: none;


}

.menu {float:left;
padding:20px 0px 10px 20px;}

#logo  {
	float:left;
	width:218px;
	clear:both;
	}

#menu {
width:640px;
	display: block;
	float: left;
	
}
	
#menu UL {
	display: block;
	list-style-type:none;
	float: left;
    margin: 0px;
	padding: 0px;
	
}

#menu LI {
	display: inline;
	float: left;
	
}

#menu li#mabout a {
display: block;
	text-decoration: none;
	background-image:  url(../images/header_about.jpg);
	background-repeat: no-repeat;
	height: 32px;
	width:75px;
	margin-left:3px;
	
}
#menu li#mabout a:hover {display: block;
    text-decoration: none;
	background-image:  url(../images/header_about_on.jpg);
	background-repeat: no-repeat;
	height: 32px;
	width:75px;
	margin-left:3px;
	
	
}

#menu li#mworks a {display: block;
	text-decoration: none;
	background-image:  url(../images/header_works.jpg);
	background-repeat: no-repeat;
	height: 32px;
	width:69px;
	margin-left:27px;
	
}
#menu li#mworks a:hover {display: block;
    text-decoration: none;
	background-image:  url(../images/header_works_on.jpg);
	background-repeat: no-repeat;
	height: 32px;
	width:69px;
	margin-left:27px;
}

#menu li#mnews a {display: block;
	text-decoration: none;
	background-image:  url(../images/header_news.jpg);
	background-repeat: no-repeat;
	height: 32px;
	width:69px;
	margin-left:27px;
	
}
#menu li#mnews a:hover {display: block;
    text-decoration: none;
	background-image:  url(../images/header_news_on.jpg);
	background-repeat: no-repeat;
	height: 32px;
	width:69px;
	margin-left:27px;
}

#menu li#mgallery a {display: block;
	text-decoration: none;
	background-image:  url(../images/header_gallery.jpg);
	background-repeat: no-repeat;
	height:32px;
	width:102px;
	margin-left:24px;
}
#menu li#mgallery a:hover {display: block;
    text-decoration: none;
	background-image:  url(../images/header_gallery_on.jpg);
	background-repeat: no-repeat;
	height: 32px;
	width:102px;
	margin-left:24px;
}

#menu li#mblog a {display: block;
	text-decoration: none;
	background-image:  url(../images/header_blog.jpg);
	background-repeat: no-repeat;
	height:32px;
	width:69px;
	margin-left:30px;
}
#menu li#mblog a:hover {display: block;
    text-decoration: none;
	background-image:  url(../images/header_blog_on.jpg);
	background-repeat: no-repeat;
	height: 32px;
	width:69px;
	margin-left:30px;
}

#menu li#mlink a {display: block;
	text-decoration: none;
	background-image:  url(../images/header_link.jpg);
	background-repeat: no-repeat;
	height:32px;
	width:75px;
	margin-left:24px;
}
#menu li#mlink a:hover {display: block;
    text-decoration: none;
	background-image:  url(../images/header_link_on.jpg);
	background-repeat: no-repeat;
	height: 32px;
	width:75px;
	margin-left:24px;
}

#menu li#mmail a {display: block;
	text-decoration: none;
	background-image:  url(../images/header_mail.jpg);
	background-repeat: no-repeat;
	height:33px;
	width:67px;
	margin-left:24px;
}
#menu li#mmail a:hover {display: block;
    text-decoration: none;
	background-image:  url(../images/header_mail_on.jpg);
	background-repeat: no-repeat;
	height: 33px;
	width:67px;
	margin-left:24px;
}

/*
-------------------------------------------------------------------------
contents
-------------------------------------------------------------------------
*/

#main{
	width:780px;
	padding-top:20px;
	clear:both;
	text-align: left;
}

#about{
	width:780px;
	padding:20px 0 150px 0;
	clear:both;
	background: url(../images/about-me2.jpg) no-repeat 380px 150px;
	margin: 0;
}


#news{
width:780px;
padding-top:20px;
clear:both;
background:none;}

#news dl{
	padding:10px 0 10px 0;
	border-bottom:1px dotted #878787;
	margin: 0;
}

#news dt{font-size: 12px;
	color: #de8286;
	text-align: left;
	margin: 15px 90px 15px 0px;
	padding:10px 0 10px 0;
	
	text-align: left;
}

#news dd{padding:5px 0 30px 0;
margin:0;
text-align: left;}

#news img{float:right; margin:10px 10px 20px 10px;}


.about-text{padding:0px 0 40px 0px;
text-align:left;
}

.about-notice{padding:20px 30px 20px 20px;
margin:0 300px 40px 0;
text-align:left;
border:1px dotted #878787;
}

#mail{
width:780px;
padding:20px 0 110px 0;
clear:both;
background: url(../images/mail2.jpg) no-repeat 60px 40px;}

.mail-text{padding:30px 0 170px 0px;
text-align:left;
}


#link{
width:780px;
padding:20px 0 0 0;
clear:both;
background:none;}

#link dl{
	padding:10px 0 30px 0;
	margin-right: 0px;
    border-bottom:1px dotted #878787;
}

#link dt{padding:10px 0 0px 25px;
         background: url(../images/link_icon.jpg) no-repeat 0px 5px;  }

#link dd{padding:5px 0 5px 0;
margin:0;}

.link-category {
	font-size: 12px;
	color: #de8286;
	text-align: left;
	padding: 30px 30px 5px 0px;
	background-image:  url(../images/link_bg.jpg);
	background-repeat: no-repeat;
	background-position: right center;


}

.link-text{padding:30px 30px 90px 0px;
text-align:left;
}

.linktitle {
	font-size: 12px;
	color: #de8286;
	text-align: left;

}

.linktitle a:link{
	color:#DE8286; text-decoration: none;
}

.linktitle a:hover{
	color:#FF0790; text-decoration: underline;
}

.gallerytoptext {
	margin: 25px 0px 15px 0px;

}

.gallerycaption {
	font-size: 12px;
	color: #de8286;
	text-align: center;
	margin: 15px 0px 15px 0px;

}

.gallerylist {
        width: 780px;
	align:left;
	margin: 0 0 0 0;
	padding: 0 30px 0 0;
	clear:both;
        list-style:none;
}

.gallerythumb {
	float: left;
	padding: 0 10px 10px 0;
}

.gallerythumb a:hover img {opacity: 0.8;
	filter: alpha(opacity=80);
}

.galleryspacer{
        width: 780px;
        clear:both;
	padding-top:20px;
}

.workstoptext {
	margin: 25px 0px 30px 0px;

}

.workslist {
        width: 530px;
	align:right;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	float: right;
        list-style:none;
}

.workslist_330 {
        width: 350px;
	align:right;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	float: right;
        list-style:none;
}

.workstitle {font-size: 12px;
	color: #de8286;
	text-align: left;
	margin: 10px 10px 10px 0px;
	padding:10px 0 10px 0;
	
	text-align: left;
}

.workstextbox {
        width: 250px;
	float: left;
	padding: 0;
}

.workstextbox_330 {
        width: 420px;
	float: left;
	padding: 0;
}


.worksthumbbox {
	width: 510px;
	float: right;
	padding: 0;
}

.worksthumb {
	float: left;
	padding: 0 0 10px 10px;
}

.worksthumb a:hover img {opacity: 0.8;
	filter: alpha(opacity=80);
}

.worksspacer {
        width: 780px;
        clear:both;
	padding-top:10px;
	margin-bottom:20px;
	border-bottom:1px dotted #878787;
}

.newstable {
	padding-top: 30px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}



#container{
	width:750px;
	margin:5px 15px;
	clear:both;

}

#left-side{
	width:400px;
	float:left;

}

#right-side{
	width:300px;
	float:left;

}

#thumbnailbox{
	width:240px;
	margin:30px 45px 10px 45px;

}

#thumbnailbox img{
	border:none;
}
#thumbnailbox a:link{
	color:#ffffff;
}

#thumbnailbox a:hover{
	color:#ffffff;
}
.smalltext {
	font-size: 11px;
}
.portfoliocaption {
	padding-top: 5px;
}


/*
-------------------------------------------------------------------------
footer
-------------------------------------------------------------------------
*/
#footer{
 width:780px;
 padding-top:10px;
 padding-bottom:10px;
 background:  url(../pulcino2009/css/%22none%22);
 background-repeat: no-repeat;
 background-position: bottom;
 text-align:center;
}

.copyright{clear:both;
 font-size: 10px;color:#DE8286;
 line-height:120%;
 text-align: center;

}