/* general */
body, html {background-color: white; text-align: center;}
#wrapping {	width: 90%;	margin-left: auto;	margin-right: auto; margin-top:-15px;}
h5, h4, h3, h2, h1{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;}
#banner h1 {font-family:ScriptinaRegular; 
float: right; text-align: right; margin-top:-2.25em; font-size:xX-large}
#banner h2 {font-size: 2em; color: #DFE1EC; text-transform: uppercase; clear:both; margin-top:1em}
#banner h2 span {font-size:small; color:#4A2000;}
#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;}

#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, #menuh li a:visited {display:block; padding:0; white-space:nowrap; }

#menuh dl {position:absolute; top:0; left:0; margin: 0; padding: 0; background: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, #menuh dd a:visited {display:block; padding: 0 10px; text-decoration:none;}
#menuh dt a, #menuh dt a:visited {text-decoration:none; display:block; padding: 5px 10px;}

#menuh li:hover dt, #menuh li a:hover dt {display:block;}
#menuh li:hover dl, #menuh li a:hover dl {padding-bottom:15px;}
#menuh li:hover dd a, #menuh li a:hover dd a, #menuh dt a:hover {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; }
#top h4 a {margin-left:-150px; }
#top h4 {text-align: left; margin-top:-0.5em;  font-size:medium; color: #CC3300; text-transform:lowercase;clear:right}
#top h4 span {font-family: 'ScriptinaRegular', "Goudy Old Style"; font-size: xx-large; color:#CC3300;text-transform:capitalize}

/* index page, main content */
.frame {width: 100%; border: 1px black solid; margin-top:-15px;}
#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: "Times New Roman"; color:#4A2000; float:right; text-align:left}
#content b{letter-spacing:0.15em; font-weight:normal;line-height:150%;}
#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-right:2%}
#copyright {width: 100%; clear: both; margin-top: 1em; text-align: right; font-family: Arial; color: #4A2000; font-size: small;}

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

#gallery ul {list-style:none; padding:0; margin:10px; width:250px; position:relative; float:right;}
#gallery ul li {display:inline; width:72px; height:52px; float:left; margin:0 0 5px 5px;}
#gallery ul li a {display:block; width:74px; height:54px; text-decoration:none; border:1px solid black;}
#gallery ul li a span {display:none; text-align:left; font-weight:normal;}
#gallery ul li a img {display:block; width:70px; height:50px; border:0; opacity:0.5; filter:alpha(opacity=50)}
#gallery ul li a:hover {white-space:normal; border:1px maroon solid; background:black; width:72px; height:52px}
#gallery ul li a:hover b {position:absolute; left:-640px; top:-10px; width:600px; height:450px; text-align:left; z-index:20; background:black}
#gallery ul li a:hover span {display:block; font-family:'CityBlueprint'; font-size: xx-large; color:white; width:350px; margin:-80px 620px; }
#gallery ul li a:hover img {margin:0 auto ; width:600px; height:450px; background:black; opacity:1; filter:alpha(opacity=100)}

#gallery ul li a:active, #gallery ul li a:focus {white-space:normal; background:black; border:1px maroon solid}
#gallery ul li a:active b, #gallery ul li a:focus b {position:absolute; left:-640px; top:-10px; width:600px; height:450px; text-align:center; z-index:10;}
#gallery ul li a:active span, #gallery ul li a:focus span {display:block; font-family:'CityBlueprint'; font-size: xx-large; color:#CC3300; width:350px; margin:-90px 620px;}
#gallery ul li a:active img, #gallery ul li a:focus img{margin:0 auto 10px auto; width:600px; height:450px; opacity:1; filter:alpha(opacity=100)}
.next {margin-top:82px}

/* portfolio index page */
ul#portindex { width:720px; height:420px;  list-style:none; padding:0; margin:10px auto; position:relative;}
ul#portindex li {display:block; float:left; margin:10px; }
ul#portindex li a { display:block; width:120px; height:120px; text-decoration:none;}
ul#portindex li a span { display:none; text-align:left; font-weight:normal}
ul#portindex li a img {height:120px; width:120px; border:0; opacity:0.3; filter:alpha(opacity=30)}
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 span {display:block; font-family:'ScriptinaRegular'; width:400px; font-size: xx-large; color:#CC3300; margin:130px auto auto -100px; position:absolute; font-weight:bold}
ul#portindex li a:hover img {margin:-20px 0px 0px -20px; width:160px; height:160px; background:white; opacity:1; filter:alpha(opacity=100);}
ul#portindex li a:active span, ul#portindex li a:focus span {color:black}

/* 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; border-bottom:1px #4A2000 solid; height:18px}
ul#navigation li a {display: block;	margin:0px; padding:0; text-decoration:none; width:100%; height:18px }
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:absolute; display:block; width:100%; margin:0; padding:0; height:19px}
ul#navigation li a:hover span{display:block; height:170px; width:860px;}
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 */
#colom, #colom2{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, .menu li a:visited {display: block;	text-decoration: none;}
.menu li dt {display: none;}
.menu li dd {	margin:15px 0 0 0; padding:0;}
.menu dl {margin:0;	cursor: pointer; padding:0;}

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

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


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