* { color: white; margin: 0px; padding: 0px; }

html, body { height: 100%; }
body { background: #e89b3d url(/img/bg.gif) repeat-x fixed; }

a img { border: none;}

p, li, dd, dt, span { font-family: Calibri, Tahoma; }

/* Округлости */
.inside { position: relative; /*padding: 20px;*/ overflow: hidden;  }
.top { position: absolute; top: -4px; width: 100%; height: 4px; opacity: .05; font-size: 0; }
.bottom { position: absolute; bottom: -5px; width: 100%; height: 5px; opacity: .05; font-size: 0; }
.t1 { position: relative; height: 1px; margin: 0px 4px; background: white; overflow: hidden; }
.t2 { position: relative; height: 1px; margin: 0px 2px; background: white; overflow: hidden; }
.t3 { position: relative; height: 2px; margin: 0px 1px; background: white; overflow: hidden; }
.middle { position: absolute; width: 100%; height: 100%; background: white; opacity: .05; }


.wrpr { margin: 0px auto; min-width: 700px; max-width: 1200px; height: 100%; background: url(/img/logo.gif) 5% 25px no-repeat; }
.gomain { position: absolute; display: block; left: 1px; top: 25px; width: 260px; height: 80px;  }

.main { position: relative; margin: 0px 4% -67px 4%; min-height: 100%; }
.maininside  { position: relative; padding-bottom: 60px; overflow: hidden;  }
.mainmiddle { position: absolute; top: 145px; bottom: 70px; width: 100%; background: white; opacity: .05; }
.mainbottom { position: absolute; bottom: 65px; width: 100%; height: 5px; opacity: .05; font-size: 0; }
.maintop { position: absolute; top: 141px; width: 100%; height: 4px; opacity: .05; font-size: 0; }

.mainmenu { margin-top: 10px; }
.mainmenu li { list-style: none; margin: 10px 0px; }
.mainmenu li .biglink { font-size: 1.5em; font-family: Georgia; color: #a0502b; }
.mainmenu li .biglink:hover { color: #75000d; }


h1, h2, h3, h4, h5, h6 { font-family: Constantia, Georgia !important; color: #ffe6b9; }
h1 { font-size: 1.5em; color: #75000d; font-weight: normal; }
h3 { font-weight: normal; font-size: 1.3em; }
h4 { color: #75000d; }

p { font-size: 1em; margin: 0.2em 0px 0.7em 0px; }

.intro { margin-bottom: 25px !important; }
.intro .inside, .folio .inside { padding: 15px 20px; }
.folio .inside { margin-bottom: 20px; }
.folio h3, .intro h3 { margin-top: 0px !important; text-align: center; font-size: 1.2em; }

.content { position: relative; width: 100%; margin: 15px 0px; height:1%; }
/*.content .middle, .content .t1, .content .t2, .content .t3 { background: #FFF; }*/
.content .middle, .content .top, .content .bottom { opacity: .05; }
.inside { padding: 0px 10px; }
.content h3 { margin-top: 1em; margin-bottom: 0.25em; }
.content a { color: #ffe6b9; }
.content h3 a { color: #75000d; }

.leftside { width: 100%; margin-right: -20%; float: left; margin-top: 130px; }
.rightside { width: 19%; float: right; margin-top: 145px; }
.holder { margin-right: 20%; padding: 10px 10px; }

.stripe { position: relative; top: 10px; right: 10px; }
.stripe h3 { text-align: center; font-size: 1.3em; }
.stripe h4 { font-size: 1em; font-weight: normal; color: #75000d; }
.stripe p { margin-left: 1em; font-size: 0.8em; }
.stripe p a  { position: static; white-space: normal; font-size: 1em; }
.stripe a  { position: absolute; right: 10px; bottom: 0.5em; font-size: 0.65em; color: #ffe6b9; white-space: nowrap; }
.stripe .inside { padding: 0px 10px 1.5em 10px; }

.dore4i { margin-left: 30px; color: #ffe6b9; font-size: 0.8em; }

.footer { font-size: 0.6em; color: #fae991; height: 16px; text-align: right; padding-right: 75px; }

#center { width: 350px; position: absolute; top: 50%; left: 50%; display: none; z-index: 2; }
.add { position: relative; top: -150px; left: -50%; padding-bottom: 1px; }
.add .inside  { text-align: center; padding: 3px 10px; }
.add h3 { color: #75000d; }
.add  .middle, .add  .top, .add   .bottom { opacity: .9; }
.add a { position: absolute; font-size: 1em; color: #404040; font-weight: bold; text-decoration: none; top: 0px; right: 10px; }
.add a:hover { color: #75000d; }
.add table * { vertical-align: top; font-size: 12px; color: black; }
.add table { width: 100%; text-align: right; margin-top: 10px; }
.add table input { position: relative; border: 1px solid #00a2ff; width: 90%; }
.add table textarea { position: relative; border: 1px solid #00a2ff; height: 100px; width: 100%; }
.add table input { top: -10px; }
.add table p { font-size: 9px; text-align: center; margin: 0px; margin-top: -9px; }
.add table p span { color: #a50000; }
.add input { position:relative; border: 1px solid #00a2ff; color: black; background-color: white; font-size: 12px; padding: 2px 5px; margin-top: 7px; }
/*
.nav1, .nav2 { width: 20%; position: absolute; display: block; text-align: center; top: -4px; font-size: 0.8em !important; z-index: 1; height: 20px; }
a.nav1:hover, a.nav2:hover { background: url(img/grad.png) top repeat-x; }
span.nav1, span.nav2 { background: url(img/grad_select.png) top repeat-x; font-size: 1em !important; cursor: default;  }
.nav1 { left: 20%; }
.nav2 { right: 20%; }
*/

.portfolio { margin: 10px 0px; }
.portfolio li { overflow: hidden; margin: 0px; }
.portfolio li .inside { padding: 0px 10px 0 10px; }
.portfolio li p { font-size: 1em; overflow: hidden; margin-bottom: 1em; }
.portfolio .link { font-size: 0.7em; position: absolute; right: 7px; bottom: 3px; float: left; color: #a0502b; }
.portfolio .link:hover { color: #75000d; }
.portfolio .img { float: left; margin: 2px 7px 2px -3px; width: 100px; height: 100px; }
.portfolio .img img { width: 70px; height: 70px; position: relative; top: 15px; left: 15px; }

.portfolio h3 { margin: 10px 0px 5px 0px; padding: 0px; }

.port { margin: 10px 0px; }

.portfoliopage { float: left; margin-top: 15px; }
.portfoliopage li { overflow: hidden; margin: 0px; padding: 7px 0px; }
.portfoliopage img { width: 30px; margin: 0px auto; display: block; position: relative; left: 2px; opacity: 0.5; }
.portfoliopage .content img { width: 50px; left: 0px; opacity: 1; }
.portfoliopage .content { margin: 0px 0px 0px 0px; }
.portfoliopage .inside { padding: 5px 4px 5px 8px; }
.portfoliopage .inside img { margin: 0px; }
.portfoliopage .t1, .portfoliopage .t2, .portfoliopage .t3 { margin-right: 0px; }

.port, .portfoliocontent { overflow: hidden; }

#preview { display: block; margin: 10px auto; }

.portfoliocontent ul { display: block; text-align: center; margin-top: 30px; line-height: 60px; }
.portfoliocontent li { display: inline; margin: 0px 6px; }
.portfoliocontent ul img { opacity: 0.5; width: 30px; margin-bottom: -3px; }
.portfoliocontent ul a { cursor: pointer; position: relative; top: -12px; }
.portfoliocontent .here a { cursor: default; top: 0px; }
.portfoliocontent .here img { width: 60px; opacity: 1; }

#next, #prev { color: black; position: absolute; top: 0px; height: 100%; z-index: 10; text-decoration: none; }
#next b, #prev b { position: absolute; top: 50%; font-family: arial; font-size: 30px; margin-top: -15px; font-family: Arial; }
#next { right: 0px; }
#prev{ left: 0px; }
#next b { right: 0px; }
#prev b { left: 0px; }
#next:hover, #prev:hover { color: #75000d; }

#mail { color: white; }

.portfoliocontent h3 { text-align: center; margin: 5px 10px 15px 10px; }
#pageinfo p { text-align: center; font-size: 14px; margin: 5px 0px 30px 0px; }
#pageinfo img { margin: 0px auto; display: block; max-width: 100%; }
#pageinfo { overflow: hidden; margin: 0; min-height: 300px; }
#info { font-size: 0.8em; margin: 0 20px; text-align: center; }
a { color: #75000d; }

.loading { background: url(/img/loading.gif) center no-repeat; }

.lastportfolio { margin: 0px 30px; text-align: center; word-spacing: 10px; line-height: 165px; }
.lastportfolio img { vertical-align: bottom; }

.left { width: 30%; margin: 10px 5% 0px 5%;  float: left;border-left: 1px solid white; padding-left: 20px; }
.right { width: 30%; margin: 10px 5% 0px 5%; float: right; border-left: 1px solid white; padding-left: 20px; }
.left, .right { font-size: 0.8em; text-indent: 0px; }
.left p, .right  p{ text-indent: 0px; margin: 0px; }
.twocol { overflow: hidden; }
.big { font-size: 1.4em; position:relative; top: 0.075em; white-space: nowrap; }

.middle, .top, .bottom, .mainmiddle, .maintop, .mainbottom, .t1, .t2, .t3
{ 
	/* Только один хак под ie8... Это чудесно! */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=5)"; 
}