html, body {
height: 100%;
width: 100%;
padding: 0;
margin: 0;
text-align: center; 
font-family:  Verdana, Arial, Helvetica, sans-serif;
color: #1d1d1d;
font-size: 12px;
}





img.bg {
			/* Set rules to fill background */
			min-height: 100%;
			min-width: 1024px;
			
			/* Set up proportionate scaling */
			width: 100%;
			height: 100%;
			
			/* Set up positioning */
			position: fixed; z-index:-1;
			top: 0;
			left: 0;
}
		
		@media screen and (max-width: 1024px){
			img.bg {
				left: 50%;
				margin-left: -512px; 
}
}
		



#wrapper {
  position: relative;
  width: 940px;
  margin: 0px auto;
  overflow:hidden;


}
@media only screen and (max-width: 1050px) {
	
#wrapper {
  position: relative;
  width: 800px;
  margin: 0px auto;
}
#listmenu_gray
{
overflow: hidden;   display:block;
 position: fixed;
  left: 10%;
  top: 30px;
  width:150px;
  margin-top: -0.5em;
 text-align: left; 

}
#art_menu {
color: #1d1d1d;
overflow: hidden;   
display:block;
 position: fixed;
  left: 10%;
  top: 250px;
  width:130px;
 text-align: center; 
 color: #d32944;
 font-size: 11px;
}

.rel {
	width:600px;  
	float:right;
	margin: 0px;
	padding:  20px 30px 0px 0px;
	position: relative;
	z-index: inherit;
	zoom: 1; /* For IE6 */
}
#footer {
color: #1d1d1d;
overflow: hidden;   display:block;
 position: fixed;
  left: 10%;
  bottom: 5px;
  width:150px;
 text-align: left; 
 font-size: 11px;
 line-height: 18px;
}

}

@media only screen and (max-width: 768px) {
#wrapper {
  position: relative;
  width: 500px;
  margin: 0px auto;

}
#listmenu_gray
{
overflow: hidden;   display:block;
 position: fixed;
  left: 5px;
  top: 30px;
  width:150px;
  margin-top: -0.5em;
 text-align: left; 

}
#art_menu {
color: #1d1d1d;
overflow: hidden;   
display:block;
 position: fixed;
  left: 5px;
  top: 250px;
  width:130px;
 text-align: center; 
 color: #d32944;
 font-size: 11px;
}

.rel {
	width:380px;  
	float:left;
	margin: 0px 20px 0px 80px;
	padding:  20px 0px 0px 0px;
	 text-align: left; 
	position: relative;
	z-index: inherit;
	zoom: 1; /* For IE6 */
}
#footer {
color: #1d1d1d;
overflow: hidden;   display:block;
 position: fixed;
  left: 5px;
  bottom: 5px;
  width:150px;
 text-align: left; 
 font-size: 11px;
 line-height: 18px;
}
}

@media only screen and (max-width: 479px) {	
#wrapper {
  position: relative;
  width: 300px;
  margin: 0px auto;
}
#listmenu_gray
{
overflow: hidden;   display:block;
 position: fixed;
  left: -5px;
  top: 30px;
  width:150px;
  margin-top: -0.5em;
 text-align: left; 

}
#art_menu {
color: #1d1d1d;
overflow: hidden;   
display:block;
 position: fixed;
  left: -5px;
  top: 250px;
  width:130px;
 text-align: center; 
 color: #d32944;
 font-size: 11px;
}
.rel {
	width:300px;  
	float:right;
	margin: 0px 0px 0px 150px;
	 text-align: left; 
	padding:  20px 0px 0px 0px;
	position: relative;
	z-index: inherit;
	zoom: 1; /* For IE6 */
}
#footer {
color: #1d1d1d;
overflow: hidden;   display:block;
 position: fixed;
  left: 10px;
  bottom: 5px;
  width:150px;
 text-align: left; 
 font-size: 11px;
 line-height: 18px;
}
}

@media only screen and (max-width: 320px) {	
#wrapper {
  position: relative;
  width: 200px;
  margin: 0px auto;
}
#listmenu_gray
{
overflow: hidden;   display:block;
 position: fixed;
  left: -5px;
  top: 30px;
  width:80px;
  margin-top: -0.5em;
 text-align: left; 
}
#listmenu_gray li a {
color: #d32944;
display: block;
height: 16px;
padding: 4px 0 4px 0px;
font-family:  Arial, Verdana, Helvetica, sans-serif; 
text-decoration: none;
font-weight:bold;
font-size: 14px;
text-align: left; 

}

#art_menu {
color: #1d1d1d;
overflow: hidden;   
display:block;
 position: fixed;
  left: -5px;
  top: 250px;
  width:80px;
 text-align: center; 
 color: #d32944;
 font-size: 11px;
}
.rel {
	width:200px;  
	float:right;
	margin: 0px 0px 0px 120px;
	 text-align: left; 
	padding:  20px 0px 0px 0px;
	position: relative;
	z-index: inherit;
	zoom: 1; /* For IE6 */
}
#footer {
color: #1d1d1d;
overflow: hidden;   display:block;
 position: fixed;
  left: 10px;
  bottom: 5px;
  width:150px;
 text-align: left; 
 font-size: 11px;
 line-height: 18px;
}

#content_name {
width:100%;  
padding: 20px 0px  20px  30px;
	margin: 0 auto 15px 0;
text-align: left; 
color: #fff;
text-decoration: none;
font-weight:bold;
font-size: 30px;
}


}

	  

.intro_big  {  font-family:  Arial, Verdana, Helvetica, sans-serif; color: #d32944; font-weight: bold; text-decoration: none; font-size: 70px; padding: 0 10px;
}
.intro_big:hover {  color:#fff; border:5px solid #fff; text-decoration: none;
	-moz-border-radius: 70px;
	-webkit-border-radius: 70px;
	border-radius: 70px;
	behavior: url(border-radius.htc);
}


h3 {  font-family:  Arial, Verdana, Helvetica, sans-serif; font-size: 18px; color: #fff; font-weight: bold; margin: 0px ;  padding: 0px;
}
h4 {  font-family:  Arial, Verdana, Helvetica, sans-serif; font-size: 1em; color: #d32944; font-weight: bold; margin: 0px ;  padding: 0px;
}
h5 {  font-family:  Arial, Verdana, Helvetica, sans-serif; font-size: 24px; color: #d32944; font-weight: bold; margin: 0px ;  padding: 0px;
}
h2  {  font-size: 16px; font-weight: bold; margin: 0px ;  padding: 0px;
}
h6 {  font-family:  Arial, Verdana, Helvetica, sans-serif; font-size: 20px; color: #d32944; font-weight: bold; margin: 0px ;  padding: 0px;
}

hr {height:1px; width:100%; color:#BDBDBD; background-color:#BDBDBD;  border:none;
} 

.link {  font-family:  Arial, Verdana, Helvetica, sans-serif; font-size: 16px; color: #d32944; font-weight: bold; margin: 0px ;  padding: 0px; float:right; text-decoration: none;
}
.link a {  color: #d32944; font-weight: bold; margin: 0px ;  padding: 0px; float:right; text-decoration: none;
}
.link a:hover {   color: #000; text-decoration: underline;
}

a {
color: #d32944; text-decoration: none;
 }
a:link   a:visited a:active    {  color: #d32944; text-decoration: none;
}
a:hover {
color: #000; text-decoration: underline;
 }


#listmenu ul {
margin: 0;
padding: 0 0 5px 0;
list-style-type: none;
width:120px; 
}
 
#listmenu li a {
color: #fff;
display: block;
height: 16px;
padding: 4px 0 4px 0px;
font-family:  Arial, Verdana, Helvetica, sans-serif; 
text-decoration: none;
font-weight:bold;
font-size: 14px;
text-align: center; 

}
 
 
#listmenu li a:hover {
background-color: #d32944; text-decoration: none;
color:#fff;
}

#listmenu
{
overflow: hidden;   display:block; 
position: fixed; z-index:2;
  left: 20%;
  top: 30px;
  width:150px;
  margin-top: -0.5em;
 text-align: left; 
} 



#listmenu_gray ul {
margin: 0;
padding: 0 0 5px 0;
list-style-type: none;
width:120px; 

}
 
#listmenu_gray li a {
color: #d32944;
display: block;
height: 16px;
padding: 4px 0 4px 0px;
font-family:  Arial, Verdana, Helvetica, sans-serif; 
text-decoration: none;
font-weight:bold;
font-size: 14px;
text-align: center; 

}
 
 
#listmenu_gray li a:hover {
background-color: #d32944; text-decoration: none;
color:#fff;
}
@media screen and (min-width: 1050px) {
#listmenu_gray
{
overflow: hidden;   display:block;
 position: fixed;
  left: 20%;
  top: 30px;
  width:150px;
  margin-top: -0.5em;
 text-align: left; 

}
}

#content_index { 	  

height:800px; line-height:800px; z-index:3; position: relative;
}
 
@media screen and (min-width: 1050px) {
.rel {
	width:600px;  
	float:right;
	margin: 0px;
	padding:  20px 100px 0px 60px;
	position: relative;
	z-index: inherit;
	zoom: 1; /* For IE6 */
}
}

#content_name {
width:100%;  
padding: 20px 0px  20px  30px;
	margin: 0 auto 15px 0;
text-align: left; 
color: #fff;
text-decoration: none;
font-weight:bold;
font-size: 50px;
}


.box2 {
background-color: #0095f3;
text-align: left; 
color: #fff;
line-height: 18px;
	width: 100%;
	padding: 30px 30px 30px 30px;
	margin: 0 auto 15px 0;

	-moz-border-radius: 70px;
	-webkit-border-radius: 70px;
	border-radius: 70px;
	behavior: url(border-radius.htc);
}

#content_gray {
	width:100%;  
	padding: 30px 30px 30px 30px;
	margin: 0 auto 15px 0;
color: #1d1d1d;
line-height: 18px;
text-align: left; 
}

@media screen and (min-width: 1050px) {
#footer {
color: #1d1d1d;
overflow: hidden;   display:block;
 position: fixed;
  left: 20%;
  bottom: 5px;
  width:150px;
 text-align: left; 
 font-size: 11px;
 line-height: 18px;
}
}

#footer a { color: #1d1d1d;
}
#footer a:hover { color: #d32944;
}

@media screen and (min-width: 1050px) {
#art_menu {
color: #1d1d1d;
overflow: hidden;   
display:block;
 position: fixed;
  left: 20%;
  top: 250px;
  width:130px;
 text-align: center; 
 color: #d32944;
 font-size: 11px;
}
}
#art_menu img{
margin-bottom: 10px;  border: 1px solid #d32944;
}

#art_menu img:hover{
 border: 1px solid #000; 
}

#galleriabox { float:left;  width : 100%;  text-align: left;
}
#galleriabox img { border: 1px solid #d32944; margin: 3px;  
}
#galleriabox img:hover { border: 1px solid #000; 
}


/* photogallery mainpage */

#galleria { float:left; width:680px;  margin: 0px 10px 0px 50px; padding: 0px ; text-align: left; 
}


.photos {
float: left;
width : 30%;
text-align: left;
padding: 0px;
margin: 10px 10px 20px 10px;
font-weight: bold;
}
.photos img { border: 1px solid #C2C2C2; margin: 5px 0px 0px 0px; padding: 0px; 
}
.photos img:hover { border: 1px solid #d10202; 
}