/* general */
html {background-color: white; text-align: center;}
body {background-color: white; text-align: center;}
#wrapping {	width: 90%;	margin:10px auto}
h1{font-family: "Arial"; margin:0px;}
h2{font-family: "Arial"; margin:0px;}
h3{font-family: "Arial"; margin:0px;}
h4{font-family: "Arial"; margin:0px;}
h5{font-family: "Arial"; margin:0px;}
a {text-decoration:none; color:#4A2000; margin:0px;}
a:visited {color: #4A2000; }
a:hover {color:#CC3300;}
a:active {color: #4A2000;}
.line {text-decoration:underline}

/* logo banner */
#banner {width:100%; float:right; text-align:right;	border-bottom: solid 1px #4A2000; margin-top:20px}
#banner h1 {font-family:Arial; float:right; text-align: right; margin-top:0px; font-size:small; letter-spacing:0.3em}
#banner h2 {font-size:large; margin; color :#4A2000;}
#banner h2 span { font-family:'ScriptinaRegular'; color:#CC3300; font-size:xx-large }
#banner h3 { clear:both; text-transform:uppercase; color:#DFE1EC; margin-top:-0.5em; font:3em}
#banner img {width:40px; height:20px; float:left; margin-top:25px}
#russian { display:none; float: left; width: 20%; text-align: left; top:0;	font-family: Arial; font-size: medium;}

/* top navigation */
#menuh {list-style-type:none; margin:0; padding:0; float:right; text-align: left; font-family: Arial; font-weight:normal}

#menuh li {display:block; float:left; position:relative; z-index:100; margin-right:1px;}
#menuh li span {display:block; z-index:100; padding: 0px 10px; font-size:1em;}
#menuh li a:visited {display:block; padding:0; white-space:nowrap; }

#menuh li a {display:block; padding:0; white-space:nowrap; }

#menuh dl {position:absolute; top:0; left:0; margin: 0; padding: 0; background: #FFFFFF/*transparent url("images/whiteback.png")*/}
* html #menuh dl {background:transparent url("images/whiteback.gif");}
#menuh dd {margin:0; font-size:1em ; float:left;}
#menuh dt {display:none; background: transparent; clear:left; margin:0; padding:0; font-size: 0.9em; text-align:left;}

#menuh dd a:visited {display:block; padding: 0 10px; text-decoration:none;}

#menuh dd a {display:block; padding: 0 10px; text-decoration:none;}
#menuh dt a:visited {text-decoration:none; display:block; padding: 5px 10px;}

#menuh dt a {text-decoration:none; display:block; padding: 5px 10px;}

#menuh li a:hover dt {display:block;}

#menuh li:hover dt {display:block;}
#menuh li a:hover dl {padding-bottom:15px;}
#menuh li:hover dl {padding-bottom:15px;}
#menuh dt a:hover {color:#CC3300; background:white}


#menuh li a:hover dd a {color:#CC3300; background:white}


#menuh li:hover dd a {color:#CC3300; background:white}


/* project name */
#top h3 {color: #DFE1EC; float:left; margin-top: 0.5em; text-align:left; font-size:2em; text-transform:uppercase; z-index:0 }
#top h4 a {margin-left:-150px; }
#top h4 {text-align:left;  font-size:medium; color: #CC3300; text-transform:lowercase; clear:right; z-index:20; margin-top:-0.5em; }
#top h4 span {font-family: 'ScriptinaRegular', "Goudy Old Style"; font-size: xx-large; color:#CC3300; text-transform:capitalize; z-index:30}
#top{ margin: -1em auto }

/* index page, main content */
.frame {width:100%; border: 1px black solid; }
#image {background-color: black;  margin: 5px; width:auto; height:450px; }
#index {padding:0; margin:0 auto; list-style-type:none; position:relative; overflow:hidden; width:600px; height:450px; }
#index img {border:0; width:600px; height:450px}
#index li {float:left; width:600px; height:450px; display:none;}
#index li a {display:block; width:600px; height:450px; border:0;}
#index li a img {display:block; border:0;}
#index li a img.landscape74{margin:0;border:0; height:400px; width:737px}
#index li a img.landscape44{margin:0;border:0; height:400px; width:400px}
#index li.current {display:block;}
#content {width: 86%;
	margin: 15px 0 15px 2%;
	font-size: large;
	font-family: Arial;
	color: #4A2000;
	float: right;
	text-align: left;
}
#content b{letter-spacing:0.12em; font-weight:normal;line-height:130%;}
#news {text-align:left; font-size: medium; font-family: "Times New Roman"; color:#4A2000; margin-top:10px; clear:both}
#news table {clear:both; width:100%}
.raw1 {width:14%}
.raw2 {width:20%; margin:0 3% 0 0 }
#content h4 {clear:both}
#content h5 {clear:both}

#copyright {width: 100%; clear: both; margin-top: 1em; text-align: right; font-family: Arial; color: #4A2000; font-size: small;}

/* portfolio page new*/
#gallery {width:800px; height:450px; padding:0px; position:relative; margin:0px; float:left; text-align:left; }
#gallery b.default { margin:0px; width:800px; height:450px; }
#gallery b.default img {display:block; margin:0; width:600px; height:450px; }
#gallery b.defaultlong img {display:block; margin:0px; width:800px; height:450px; }

#gallery ul {list-style:none; padding:0; margin:11px 0; width:100%; position:relative; float:left;}
#gallery ul li {display:block; width:30px; height:30px; float:left; margin:0 5px 5px 0; overflow:hidden; }
#gallery ul li a {display:block; width:30px; height:30px; margin:0 5px 5px 0; text-decoration:none; overflow:hidden }
#gallery ul li a span {display:none; text-align:left; font-weight:normal;}
#gallery ul li a img {display:block; width:100px; height:56px; border:0; opacity:0.7; filter:alpha(opacity=70); margin:-35px 0 0 -14p }
#gallery ul li a:hover {white-space:normal; }
#gallery ul li a:hover b {position:absolute; left:0px; top:-460px; width:800px; height:450px; text-align:left; z-index:20;}
#gallery ul li a:hover span {display:block; font-family:"Times New Roman"; font-size: x-large; color:white; width:400px; margin-top:-60px; margin-left:600px; }
#gallery ul li a:hover b img {margin-top:-1px ; width:600px; height:450px;  opacity:1; filter:alpha(opacity=100)}
#gallery ul li a:hover b.long img {margin-top:-1px ; width:800px; height:450px; opacity:1; filter:alpha(opacity=100); }

#gallery ul li a:focus b {position:absolute; left:0px; top:-460px; width:800px; height:450px; text-align:left; z-index:20;}

#gallery ul li a:active b {position:absolute; left:0px; top:-460px; width:800px; height:450px; text-align:left; z-index:20;}
#gallery ul li a:focus span {display:none; font-family:"Times New Roman"; font-size: x-large; color:#CC3300; width:400px; margin-top:-60px; margin-left:700px;}
#gallery ul li a:active span {display:none; font-family:"Times New Roman"; font-size: x-large; color:#CC3300; width:400px; margin-top:-60px; margin-left:700px;}
#gallery ul li a:focus img{margin-top:-1px ; width:600px; height:450px; opacity:1; filter:alpha(opacity=100)}
#gallery ul li a:active img{margin-top:-1px ; width:600px; height:450px; opacity:1; filter:alpha(opacity=100)}
#gallery ul li a:focus b.long img{margin-top:-1px ; width:800px; height:450px; opacity:1; filter:alpha(opacity=100)}

#gallery ul li a:active b.long img{margin-top:-1px ; width:800px; height:450px; opacity:1; filter:alpha(opacity=100)}

/*projects menu*/
ul#projectsmenu { list-style:none; padding:0; margin:40px 0 0 0; position:relative; float:right; height:50px; }
ul#projectsmenu li {display:inline-block; width:25px; height:50px; overflow:hidden; margin:0 0 5px 5px; padding:0; float:left}
ul#projectsmenu li a { display:inline-block; margin:0 0 5px 5px; text-decoration:none; width:30px; height:50px; }
ul#projectsmenu li img { width:50px; height:50px; border:0; opacity:0.3; filter:alpha(opacity=30); margin:-25px 0 0 -25px;}
ul#projectsmenu a:hover img {opacity:1; filter:alpha(opacity=100); margin:0 0 0 -25px; }
ul#projectsmenu li a.here img{ margin:0 0 0 -25px; opacity:1; filter:alpha(opacity=100); border:0}


/* portfolio index page */
ul#portindex { width:720px; height:450px;  list-style:none; padding:0; margin:5px auto; position:relative;}
ul#portindex li {display:block; float:left; margin:5px 10px 5px 0; width:100px; height:100px; overflow:hidden}
ul#portindex li a {display:block; width:100px; height:100px; margin:0 10px 5px 0; text-decoration:none; }
ul#portindex li a span {display:none; }
ul#portindex li a img {height:200px; width:200px; border:0; opacity:0.5; filter:alpha(opacity=50); margin:-100px 0 0 0}
ul#portindex li a:hover {white-space:normal; background:white;}
ul#portindex li a:hover b {text-align:left; z-index:20; background:white; margin:0px}
ul#portindex li a:hover img {margin:-5px 0 0 0px; background:white; opacity:1; filter:alpha(opacity=100); overflow:hidden}
ul#portindex li a:focus span {color:black}

ul#portindex li a:active span {color:black}

ul#portindex2 { width:720px; height:450px;  list-style:none; padding:0; margin:5px auto; position:relative; text-align:center }
ul#portindex2 li {display:inline-block; margin:5px 10px 5px 0; width:100px; height:450px; overflow:hidden}
ul#portindex2 li a {display:block; width:100px; height:450px; margin:0 10px 5px 0; text-decoration:none; }
ul#portindex2 li a span{display:block; font-family:Arial; font-size:large; margin:10px 0 0 0; padding:0; text-align:center; font-weight:normal}
ul#portindex2 li a img {height:300px; width:300px; border:0; margin:-100px 0 0 -100px; opacity:0.6; filter:alpha(opacity=60) }
ul#portindex2 li a:hover {}
ul#portindex2 li a:hover b {}
ul#portindex2 li a:hover span {margin:30px 0 0 0; padding:0}
ul#portindex2 li a:hover img {opacity:1; filter:alpha(opacity=100); overflow:hidden; margin:-5px 0 0 -100px }



/* about us page */
#image01 {background-color: black; text-align:left; margin:5px; width:auto; height:170px;}
#image01 img {margin:0px; width:860px; height:170px; }
ul#navigation {float: left;	width:10%;	text-align:left; margin:15px 0 0 0; padding:0; font-family: Arial; position:relative; }
ul#navigation li {list-style-type:none; list-style-position:outside; margin:0px; padding:0px; height:19px;}
ul#navigation li a {display:block;	margin:0px; padding:0; text-decoration:none; width:100%; height:18px; border-bottom:1px #4A2000 solid; }
ul#navigation li a img {border:0; padding:0; height:170px; width:860px}
ul#navigation li a span {display:none; height:170px; width:860px;}
ul#navigation li a:hover {visibility:visible; position:relative; display:block; width:100%; margin:0; padding:0;}
ul#navigation li a:hover span{display:block; height:170px; width:860px;}
ul#navigation li a:active {border:0}
li.i1 a:hover span{ margin-top:-209px; margin-left:6px}
li.i2 a:hover span{ margin-top:-228px; margin-left:6px}
li.i3 a:hover span{ margin-top:-247px; margin-left:6px}
li.i4 a:hover span{ margin-top:-266px; margin-left:6px}
li.i5 a:hover span{ margin-top:-285px; margin-left:6px}
li.i6 a:hover span{ margin-top:-304px; margin-left:6px}

/* site map page */
#colom2{width: 25%; text-align: left; position:relative; display:inline; }
#colom{width: 25%; text-align: left; position:relative; display:inline; }
#colom {float:left; margin-right:12%}
#colom2 {float:right;}
.menu dl {font-size:medium; text-decoration: none;}
.menu dd {border-bottom: 1px #4A2000 solid; color:#4A2000; font-family: Arial; font-weight:bold; margin:15px 0 0 0; padding:0}
.menu dt {margin-left:2em; font-family :"Times New Roman"; display:block; text-align:left; padding:0}

/* links */
.menu {	list-style-type:none; margin:0; padding:0;	position:relative;	width:100%;	background:white; z-index: 100;}
.menu li { display:block; padding:0; margin:0;	position:relative; z-index: 100;}
.menu li a:visited {display: block;	text-decoration: none;}
.menu li a {display: block;	text-decoration: none;}
.menu li dt {}
.menu li dd {margin:15px 0 0 0; padding:0;}
.menu dl {margin:0;	cursor: pointer; padding:0;}

.menu li a:hover {border:0;}

.menu li:hover {border:0;}
{display: block;}

.menu li a:hover dt {display: block;}

.menu li:hover dt {display: block;}

.menu table {border-collapse: collapse;	padding:0;	margin: -4px; font-size:1em;}
.gallery dd a:visited {display: block;}
.gallery dd a {display: block;}
.gallery dt a:visited {min-height: 1em;	text-decoration: none;	display: block;}
.gallery dt a {min-height: 1em;	text-decoration: none;	display: block;}
* html .gallery dt a:visited {height: 1em;}


* html .gallery dt a {height: 1em;}


@font-face {font-family: 'ScriptinaRegular';
	src: url('scriptina.eot');
	src: local('Scriptina Regular'), local('Scriptina'), url('scriptina.ttf') format('truetype');}

@font-face {font-family: 'ChopinScript';
	src: url('ChopinScript.eot');
	src: local('ChopinScript'), local('ChopinScript'), url('ChopinScript.ttf') format('truetype');}