body { font-size:22px; color:#000000; font-family:verdana, arial; background-color:#ffffff; background-image:url("http://www.revolversoft.org/.lib/img/bg.jpg"); background-position:top center; background-repeat:repeat-x; /*background-attachment:fixed;*/ } /*IE FIX*/ a img {border:0;} /* @media all { body { font-size: 26.0px!important;}} @media screen and (max-width: 799px) { body { font-size: 12.0px!important;}} @media screen and (min-width: 800px) { body { font-size: 18.0px!important;}} @media screen and (min-width: 1024px) { body { font-size: 24.0px!important;}} @media screen and (min-width: 1280px) { body { font-size: 26.0px!important;}} @media screen and (min-width: 1680px) { body { font-size: 28.0px!important;}} */ .INDEX_BODY { font-size:0.5em; margin:-1em auto; width:74em; padding:2em; border:0.15em solid transparent; border-top:0; } /****** HEAD ******/ .BODY_HEAD { height:15.8em; background-position:top left; background-repeat:no-repeat; padding-left:15em; overflow:hidden; text-align:right; visibility:hidden; } .BODY_HEAD h1 { font-size:6em; color:#7AB23E; margin:0; padding:0; } .BODY_HEAD p { color:#7AB23E; font-size:2em; letter-spacing:0.85em; margin:0; padding:0; } /****** MENU ******/ .BODY_MENU, .BODY_MENU img { height:5.2em; } .BODY_MENU { margin:0.4em 0 3em; list-style:none; display:block; overflow:hidden; } .BODY_MENU a, .BODY_MENU a:visited { font-size:1.4em; font-weight:bold; text-decoration:none; color:#ffffff; margin: 0 1em; } .BODY_MENU li { float:right; display:inline; overflow:hidden; padding:1.4em; cursor:hand; text-shadow:#000000 0 0 0.5em; } .BODY_MENU li:hover { text-shadow:#7AB23E 0 0 0.5em; color:#ffffff; } /****** FOOT ******/ .BODY_FOOT { margin-top:2em; clear:both; padding:2em 0 0; color:#000000; } .BODY_FOOT .valid { float:right; } .BODY_FOOT .copyright { float:left; } .BODY_FOOT a, .BODY_FOOT a:visited { color:#000000; border-bottom:0; text-decoration:none; } .BODY_FOOT a:hover { color:#00A136; text-decoration:underline; } /****** CONTENT ******/ .BODY_CONTENT { line-height:1.75em; text-align:justify; } .BODY_CONTENT h1, .BODY_CONTENT h2, .BODY_CONTENT h3, .BODY_CONTENT h4, .BODY_CONTENT h5 { padding:0; font-family: georgia, times new roman; } .BODY_CONTENT h1 { color:#7AB23E; font-size:2.8em; padding:0.45em 0; border-bottom:0.08em dotted #7AB23E; } .BODY_CONTENT h2 { color:#B52723; font-size:2.2em; padding:0.5em 0 0; } .BODY_CONTENT h3 { color:#000000; font-variant:small-caps; font-size:1.3em; padding:0.25em 0; } .BODY_CONTENT h4 { color:#B52723; font-variant:small-caps; font-size:1.4em; padding:0.25em 0; border-bottom:0.08em dotted #B52723; } .BODY_CONTENT h5 { color:#000000; font-variant:small-caps; font-size:1.3em; padding:0.25em 0; border-bottom:0.08em dotted #000000; } .BODY_CONTENT a, .BODY_CONTENT a:visited { text-decoration:none; color:#B52723; border-bottom:0.08em dotted #7AB23E; } .BODY_CONTENT a:hover { color:#7AB23E; border-bottom:0.08em dotted #7AB23E; } /****** FORM ******/ .BODY_CONTENT form { display:block; } .BODY_CONTENT form .slider { text-align:center; position:relative; margin:0.5em; } .BODY_CONTENT form .recaptcha { margin:0.5em 22em; } .BODY_CONTENT form label, .BODY_CONTENT form input { width:30em; } .BODY_CONTENT form textarea, .BODY_CONTENT form input { color:#000000; border:0.08em solid #1F273E; font-size:1.1em; padding:0.5em; background-color:#ffffff; } .BODY_CONTENT form textarea { width:25.25em; height:25em; font-size:1.2em!important; font-family:arial; } .BODY_CONTENT form textarea:focus, .BODY_CONTENT form input:focus { border-color:#B52723; } .BODY_CONTENT form label { color:#1F273E; } .BODY_CONTENT form label:focus { color:#B52723; } .BODY_CONTENT form label { background-color:transparent; text-align:right; width:30.5em; position:absolute; top:0.40em; z-index:999; } .BODY_CONTENT form input[type="text"] { width:21em; padding-right:7em; } .BODY_CONTENT form input[type="submit"] { background:#ffffff; border-color:#1F273E; } .BODY_CONTENT form input[type="submit"]:hover, .BODY_CONTENT form input[type="submit"]:focus { border-color:#B52723; background:#ffffff; } /*** HOME_SLIDER ***/ /*** LATEST WORKS***/ .LATEST_WORKS { clear:both; margin:3em 0 2em; } .LATEST_WORKS .eff { width:22.30em; height:10.30em; margin:0 1em; position:relative; overflow:hidden; float:left; display:inline; background-color:#ffffff; color:#000000; border:0.15em solid #7AB23E; } .LATEST_WORKS .eff .caption { width:22.30em; height:10.30em; } .LATEST_WORKS .eff img { width:22.30em; height:10.30em; opacity:1.0; } .LATEST_WORKS .eff img:hover { opacity:0.05; } .LATEST_WORKS .clear {clear:both} .LATEST_WORKS .eff img { text-decoration:none; position:absolute; display:block; z-index:500; } .LATEST_WORKS .eff .caption { z-index:0; } .LATEST_WORKS .eff .caption a.header { margin:0.5em; color:#B52723; border-bottom:0.15em solid #B52723; display:block; font-weight:bold; } .LATEST_WORKS .eff .caption p { margin:0.5em; } .LATEST_WORKS .list { display:inline; float:left; width:16em; margin:0.5em; text-align:center; } .PORTFOLIO_IMG { float:left; text-align:center; margin:0 5em 8em 1em; } .PORTFOLIO_IMG a { font-weight:bold; font-variant:small-caps; font-size:1.1em; color:#ffffff!important; text-shadow: #000000 0 0 0.5em; border-bottom:0!important; } .PORTFOLIO_IMG a:hover { text-shadow: #ffffff 0 0 0em; color:#000000!important; } .PORTFOLIO_IMG img { display:block; margin:2em 0 -4em; } .PORTFOLIO_SLIDER #slider { width: 70em; margin: 0 auto; position: relative; } .scroll { height: 30em; width: 70em; overflow: auto; overflow-x: hidden; position: relative; clear: left; } .PORTFOLIO_SLIDER .scrollContainer div.panel { padding: 2em; height: 28em; width: 68em; } .PORTFOLIO_SLIDER ul.navigation { list-style: none; margin: 0; padding: 0; padding-bottom: 1em; } .PORTFOLIO_SLIDER ul.navigation li { display: inline; margin-right: 1em; } .PORTFOLIO_SLIDER ul.navigation a { padding: 1em; color: #1F273E; border:0; } .PORTFOLIO_SLIDER ul.navigation a:hover { color: #7AB23E; } .PORTFOLIO_SLIDER ul.navigation a.selected { color: #B52723; border-bottom:0.08em dotted #B52723; } .PORTFOLIO_SLIDER ul.navigation a:focus { outline: none; } .PORTFOLIO_SLIDER .scrollButtons { cursor: pointer; display:none; } .PORTFOLIO_SLIDER .hide { display: none; } <!--/* 295:2.3% ~ 0.05 */-->