@font-face {
    font-family: "eurostile";
    src: url("../eurostile/eurostile-webfont.eot");
    src: url("../eurostile/eurostile-webfont.eot?#iefix") format("embedded-opentype"),
         url("../eurostile/eurostile-webfont.woff") format("woff"),
         url("../eurostile/eurostile-webfont.ttf") format('truetype'),
         url("../eurostile/eurostile-webfont.svg#eurostile") format("svg");
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'segoe_uilight';
    src: url('../ufonts.com_segoe_ui_light-webfont.eot');
    src: url('../ufonts.com_segoe_ui_light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../ufonts.com_segoe_ui_light-webfont.woff') format('woff'),
         url('../ufonts.com_segoe_ui_light-webfont.ttf') format('truetype'),
         url('../ufonts.com_segoe_ui_light-webfont.svg#segoe_uilight') format('svg');
    font-weight: normal;
    font-style: normal;

}


body {font-family:'segoe_uilight',Helvetica,sans-serif; color:#666; font-size:14px;background-color:#525356; margin:0px; padding:0px; width:100%} 
h1{ font-size:15px;; margin-top:0px; }

#top{
     background-color:#606166;
	 
	 width:100%; border-bottom:solid 1px #999
	 
	}
	
img[src$=".gif"], img[src$=".png"] {
                   image-rendering: -moz-crisp-edges;         /* Firefox */
                   image-rendering:   -o-crisp-edges;         /* Opera */
                   image-rendering: -webkit-optimize-contrast;/* Webkit (non-standard naming) */
                   image-rendering: crisp-edges;
                   -ms-interpolation-mode: nearest-neighbor;  /* IE (non-standard property) */
                 }
/*@media screen and (max-device-width: 480px) {
 #top { width: 1000px; position:absolute; background-color:#FFF; z-index:99; top:0px;}
}*/
	#contentTop{width:100%; background-color:#FFF}
#content {
    margin:0 auto;
    max-width: 1000px;
	background-color:#FFF;
	/*height:590px*/
	}
a {color:#666; text-decoration:none}
a:hover {color:#CCC; text-decoration:underline}
#header{height:116px;max-width: 1000px;position:relative; margin:0 auto}
#logo{height:40px; position:absolute; left:0px}
#logo a {color:#FFF}
#idMenu{padding-top:11px; position:absolute; right:0px; .right:0px; top: 30px; }

#contenu{margin:0px 0 0px 0; padding-left:1px;  min-height:530px;max-width:999px; background-color:#FFF}
#left{ float:left; min-height:530px}
#right{float:right;}

#footerTop{width:100%; border-top:solid 1px #999;background-color:#606166; padding-bottom:25px; padding-top:15px}
#footer{height:10px;max-width:990px; color:#FFF; font-size:12px; padding:5px;text-align:center; margin:10px auto 5px}
#footer a{color:#FFF;}
#footer a:hover{color:#CCC; text-decoration:underline}
#footerLeft {position:absolute; left:5px; top:3px}
#footerRight {position:absolute; right:5px}
#exhibition{}
#news{margin-top:90px}
#allrights{width:1000px; text-align:center; font-size:10px; color:#666; border-top: solid 1px #000; padding-top:10px;}
#bio{border-right:solid 1px #666;  padding-right:10px} 


#nomArt h1{font-size:17px}
#newsArtist{border-right:solid 1px #666; margin-top:40px;  padding-right:10px;}
.UlArt{list-style:none; margin-left:-40px; .margin-left:0px}
.UlArt li{height:40px}
.title{height:20px}
.TitleArt{padding:2px 5px 2px 0px;}
.TitleArt a{text-decoration:none; color:#000; font-size:13px}
.TitleArt a:hover{color:#999}
.TitleArt a:active{color:#999}
.TitleArt a:focus{color:#999}
.TextArtCont{padding-bottom:10px; padding-top:10px; margin-bottom:10px}

#list3{padding-top:12px}

#newsExpoCurrent{margin-top:40px; border-bottom:solid 1px #999; width:370px}
#newsExpoCurrentCont{ height:170px; overflow:auto;  padding-right:20px;}
#expoPlus{ margin-top:40px;  padding-right:10px;}
.UlExpo{list-style:none; margin-left:-40px; .margin-left:0px}


#contenuAbout{ padding:50px 0 10px 4px;  padding-right:10px; min-height:370px}

#contact{ margin:160px 0 20px 0px;}
#Submit:hover { color:#999}

#NewsContent{min-height:370px}
#UlNews{list-style:none; margin-left:-40px; .margin-left:0px}

#UlNews li{margin-bottom:20px; border-bottom:solid 1px #999; padding-bottom:10px}

#UlLink{list-style:none; margin-left:-40px; .margin-left:0px}
#UlLink li{margin-bottom:20px; padding-bottom:10px}

#paging_container9{margin-top:10px}
#photo-artist{padding-left:0px}

#contenu{height:auto; overflow:hidden; padding:20px 60px}
#contenuAbout{ padding:20px 60px}

a.bold {font-weight:bold; }
a.link{pointer-events: none}

#contactLeft{float:left; width:30%;}

#contactRight{float:right; width:65%; padding-top:39px;. padding-top:43px; text-align:right; min-width:300px}
#powered{max-width:1000px; text-align:center; font-size:11px; color:#999; margin:21px auto 0}
@media screen and (max-width: 860px) {
	#contactRight{float:none; margin-top:20px;width:100%; padding-top:0px}
	#contactLeft{float:none; width:100%;}
}
@media screen and (max-width: 660px) {
	body{padding: 0 10px}
#PhotoRight {display:none !important}
.ImgArtIndex{display:none}
#photo-artist{padding-left:0px}
#contenu{height:auto; overflow:hidden; padding:20px 10px}
#contenuAbout{ padding:40px 10px}
#powered{max-width:1000px; text-align:center; font-size:11px; color:#999; margin:51px auto 0}
} 

@media screen and (max-width: 450px) {
#header {
    height: 136px;}
	#idMenu {
    left: 0;
    padding-top: 11px;
    position: absolute;
    top: 91px;
}
#idMenu ul {
    padding: 0;
}
#logo {
    left: 5px;
}

} 

input, textarea {background-color:#FFF; border:solid 1px #666}
#back a{color:#333;}
#back a:hover{text-decoration:none}
#back {margin-bottom:20px;
	
	-moz-box-shadow:inset 0px 1px 0px -50px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px -50px #ffffff;
	box-shadow:inset 0px 1px 0px -50px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #a6a4a6), color-stop(1, #cfcfcf) );
	background:-moz-linear-gradient( center top, #a6a4a6 5%, #cfcfcf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6a4a6', endColorstr='#cfcfcf');
	background-color:#a6a4a6;
	-webkit-border-top-left-radius:0px;
	-moz-border-radius-topleft:0px;
	border-top-left-radius:0px;
	-webkit-border-top-right-radius:0px;
	-moz-border-radius-topright:0px;
	border-top-right-radius:0px;
	-webkit-border-bottom-right-radius:0px;
	-moz-border-radius-bottomright:0px;
	border-bottom-right-radius:0px;
	-webkit-border-bottom-left-radius:0px;
	-moz-border-radius-bottomleft:0px;
	border-bottom-left-radius:0px;
	text-indent:-1.84px;
	display:inline-block;
	color:#777777;
	font-family:Arial;
	font-size:10px;
	font-weight:bold;
	font-style:normal;
	height:16px;
	line-height:16px;
	width:46px;
	text-decoration:none;
	text-align:center;
	text-shadow:0px 0px 0px #ffffff;
}
#back:hover  {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #cfcfcf), color-stop(1, #a6a4a6) );
	background:-moz-linear-gradient( center top, #cfcfcf 5%, #a6a4a6 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#cfcfcf', endColorstr='#a6a4a6');
	background-color:#cfcfcf;
}

a.screenshot2:hover{text-decoration:none}