/* common */
a:link, a:visited, a:active {color: #FFFFFF}
a:hover {color: #FFC700}
a.g:link, a.g:visited, a.g:active {color: #A0A0A0}
a.g:hover {color: #FFC700}
a.y:link, a.y:visited, a.y:active {color: #FFC700}
a.y:hover {color: #FFFFFF}
a.col01:link, a.col01:visited, a.col01:active {color: #FFEDCC}
a.col01:hover {color: #FFC700}
a.col02:link, a.col02:visited, a.col02:active {color: #ECCC95}
a.col02:hover {color: #FFC700}
a.col03:link, a.col03:visited, a.col03:active {color: #ECBE6E}
a.col03:hover {color: #FFEDCC}
a.col04:link, a.col04:visited, a.col04:active {color: #D09734}
a.col04:hover {color: #FFC700}
a.col05:link, a.col05:visited, a.col05:active {color: #B28E4F}
a.col05:hover {color: #FFC700}
a.col06:link, a.col06:visited, a.col06:active {color: #7B6641}
a.col06:hover {color: #FFC700}

BODY {padding: 0; margin: 0; background-color: #000000; color: #E5E5E5}

TABLE {margin: 0; padding: 0; border: 0}
DIV {margin: 0; padding: 0}
P {margin: 0; padding: 0}

H1, H2, H3, H4, H5 {margin: 0; padding: 0}
INPUT {width: 100%}
HR {clear: left}
IMG {border: 0}
UL {width: 100%; padding: 0; margin: 0}
LI {display: block; font: 90%/100% times new roman; color: #B5B5B5; padding: 0 0 0 22px; margin: 0 0 0.6em 0; list-style: none; background: url('/i/bul_y.gif') left center no-repeat}

.png {
	//background-image: none ! important;
	behavior: url('/pngfix.htc');
}

DIV.header {position: absolute; width:100%; height: 379px; background: url('/i/frc_top_bg.jpg') top center no-repeat; z-index: -1}
IMG.logo {margin: 25px 0 12px 12%}
IMG.logo2 {margin: 15px 0 9px 12%}

DIV.menu {padding: 0 12%}
.menu H5 {font: 80%/120% palatino linotype; margin: 0 0 0.3em 0}
.menu H5.on {background: url('/i/bul_ys.gif') left center no-repeat; padding: 0 0 0 18px; margin-left: -18px}



DIV.banner_rt {width: 100%; position: relative}
DIV.val09 {width: 21%; height: 310px; position: absolute; top: 0; right: 0}
DIV.vr {width: 657px; height: 236px; position: absolute; top: 0; right: 0}

DIV.title {padding: 0 12% 1.2em 6%; margin: 0 0 0.6em 0}
.title DIV.dateblock {width: 100%; margin: 4.6em 0 0.6em 0}
.title P.date {font: 80%/120% arial; margin: 0; float: left}
.title P.nextprev {font: 80%/120% arial; margin: 0}
.title IMG.ico {width: 16px; height: 16px; float: left; margin: 0.35em 12px 0 -28px}
.title P.link {font: 130%/120% arial; float: left; margin: 0}
.title DIV.linkblock {clear: both; width: 100%; overflow: hidden; margin: 0 0 0.4em -28px; padding: 0 0 0 28px}

DIV.mode {}
.mode DIV.on {display: inline; font: 80% times new roman; color: #000000; background-color: #ECBE6E; padding: 0.1em 0.75em 0.2em 0.75em}
.mode DIV.off {display: inline; font: 80% times new roman; padding: 0.1em 0.75em 0.2em 0.75em}

DIV.list {clear: both; padding: 3em 12% 0 12%}

H1 {font: italic 400%/110% Palatino Linotype; margin: 0 0 0.3em 0; padding-right: 12px}
H1.in {font: italic 450%/105% Palatino Linotype; margin: 1em 0 0.4em 0}
SPAN.friend {color: #FFC700; border-bottom: 3px dashed #FFC700; cursor: pointer; }
H2.article {font: 200%/150% palatino linotype; margin: 1.1em 0 0.4em 0}

P {font: 105%/160% times new roman; margin: 0 0 1.4em 0}
P.intro {font: 130%/150% palatino linotype; padding-right: 230px}
P.small {font: 80%/120% palatino linotype; margin: 0 0 0.3em 0}

DIV.portfolio {width: 100%; height: 43em; position: relative}
DIV.card {width: 264px; position: absolute}
DIV.card2 {width: 264px; float: left; margin: 0 1em 0 0}

DIV.pic {margin: 0 0 2.5em 0}
TD.pic_sh {width: 264px; padding: 1px 3px 3px 3px}
DIV.pic_text {font: 60% arial; color: #999999; padding: 0.3em 0.75em}
DIV.pic_s1 {width: 240px; background-color: #4C4C4C; padding: 12px; border-top: 1px solid #666666; border-left: 1px solid #666666}

DIV.tags {width: 100%; height: 35em; position: relative}
.tags H3.tag01 {position: absolute; font: 430% palatino linotype}
.tags H3.tag02 {position: absolute; font: 300% palatino linotype}
.tags H3.tag03 {position: absolute; font: 250% palatino linotype}
.tags H4.tag04 {position: absolute; font: 230% palatino linotype}
.tags H4.tag05 {position: absolute; font: 170% palatino linotype}
.tags H4.tag06 {position: absolute; font: 140% palatino linotype}
.tags H4.tag07 {position: absolute; font: 125% palatino linotype}
.tags H5.tag08 {position: absolute; font: 110% palatino linotype}
.tags H5.tag09 {position: absolute; font: 100% palatino linotype}
.tags H5.tag10 {position: absolute; font: 80% palatino linotype}

DIV.opentag {width:100%;  background: url('/i/frc_tag_bg.jpg') center center no-repeat; z-index: -1; overflow: hidden}

DIV.footer {clear: both; position: absolute; overflow: hidden; width: 100%; height: 218px; background: url('/i/frc_bottom_bg.jpg') bottom center no-repeat; z-index: -1}
.footer IMG.first {margin: 0 12px 0 0}

DIV.text {padding: 0 6% 0 12%}
.text P {padding-right: 230px}
.text .mysl {font: italic 200%/120% palatino linotype; margin: 0 0 0.75em -6%; color: #FFE7A0}
.text DIV.pictureblock {clear: both; width: 100%; overflow: hidden}
.text .pictureblock DIV.col1 {width: 100%; border: none; float: left; margin-right: -230px}
.text .pictureblock DIV.col2 {width: 200px; border: none; float: right; clear: right; margin-left: 30px}
.text .pictureblock IMG {margin: 0 0 0.6em 0}
.text .pictureblock P.small, .pic P.small {font: 70%/150% arial; color: #A0A0A0; padding: 0; margin: 0}

.pic IMG {margin: 0.9em 0 0.3em 0}

DIV.overview {padding: 0.75em 2% 0 12%}
.overview DIV.screenblock {clear: both; width: 928px; margin-left: -24}
.overview DIV.pictureblock {width: 100%; clear: both; overflow: hidden; margin: 0 0 2.2em 0}
.overview DIV.right {position: absolute; width: 250px; top: 0; right: -280px}
.screenblock P.pic_text {font: 80%/130% arial; color: #999999; margin: 0; padding: 0.6em 0 0 0}
.screenblock DIV.pic {clear: both; position: relative; width: 600px; background-color: #404040; padding: 24px; margin: 0 0 1.75em 0}
.screenblock IMG.pic {width: 600px; margin: 0}
.screenblock DIV.pic221 {clear: both; width: 560px; background-color: #404040; padding: 24px; margin: 0 32px 0 0; float: left}
.screenblock DIV.pic222 {width: 240px; background-color: #404040; padding: 24px; margin: 0; float: left}
.screenblock IMG.pic21 {width: 560px; margin: 0}
.screenblock IMG.pic22 {width: 240px; margin: 0}
.screenblock DIV.pic21 {clear: both; width: 400px; background-color: #404040; padding: 24px; margin: 0 32px 0 0; float: left}
.screenblock DIV.pic22 {width: 400px; background-color: #404040; padding: 24px; margin: 0; float: left}
.screenblock IMG.pic2 {width: 400px; margin: 0}
.screenblock DIV.pic31 {width: 240px; background-color: #404040; padding: 24px; margin: 0 32px 0 0; float: left}
.screenblock DIV.pic32 {width: 240px; background-color: #404040; padding: 24px; margin: 0; float: left}
.screenblock IMG.pic3 {width: 240px; margin: 0}

.right DIV.subheader {width: 100%; border-bottom: 1px dashed #666666; margin: 0 0 0.9em 0}
.right H2 {font: 110%/110% palatino linotype, times new roman; color: white; margin: 0 0 0.2em 0}
.right H3 {font: bold 70% arial; color: #FFC700; margin: 0 0 0.1em 0}
.right P {font: 60% arial; color: #888888; margin: 0 0 0.3em 0}
.right TABLE {width: 100%; height: 100%; margin: 0; padding: 0; border: 0; background-color: #4C4C4C}
.right TD.dash_v {background: url(/i/dash_v.gif) left top repeat-y}
.right DIV.dash_h {width: 100%; height: 1px; background: url(/i/dash_h.gif) left top repeat-x}
.right DIV.dash_h2 {position: relative; width: 100%; height: 1px; background: url(/i/dash_h.gif) left top repeat-x; margin: 0 0 -1px 0}
.right DIV.bal00n {position: absolute; width: 100%}
.right .bal00n IMG {margin: 0}
.right DIV.letter {padding: 0.75em; color: #DBDBDB; font: italic 90%/130% palatino linotype, times new roman}
.right DIV.author {padding: 6px 0 0 30px; margin: 0 0 1.2em 0}

DIV.links {width: 100%; background-color: #000000; margin: 0; padding: 0}
.links DIV.container {padding: 0.75em; border: 1px solid #666666}
.links .container H2 {font: 70% arial; color: #B5B5B5}
.links .container P.date {font: 70% arial; color: #FFC700; margin: 0 0 0.3em 0}
.links .container IMG {margin: 0.75em 0 0.6em 0}

DIV.print {width: 100%; border-top: 24px solid #404040; border-bottom: 24px solid #404040; background-color: #FFFFFF; margin: 2em 0; padding: 4em 0 1em 0}
.print P {padding: 0 12%; color: #666666}
.print P.text {margin-right: 230px}
.print P.sign50 {padding: 0 12% 0 50%; font: 80%/120% arial; color: #A0A0A0; margin: 0 0 9em 0}
.print P.sign12 {padding: 0 12%; font: 80%/120% arial; color: #A0A0A0; margin: 0 0 9em 0}
.print P.sign06 {padding: 0 6%; font: 80%/120% arial; color: #A0A0A0; margin: 0 0 9em 0}
.print IMG {margin: 0}
.print IMG.img06 {margin: 0 -6%}

DIV.podval {padding: 1em 12% 0 12%}
.podval H2 {font: 110%/110% palatino linotype, times new roman; color: white; margin: 0 0 0.9em 0}
.podval P.nextprev {font: 110%/120% arial; margin: 0 0 1.1em 0}

/* indents, colors */
.ind06 {padding: 0 6%}
.ind12 {padding: 0 12%}

.mb01 {margin-bottom: 0.1em}
.mb03 {margin-bottom: 0.3em}
.mb04 {margin-bottom: 0.4em}
.mb06 {margin-bottom: 0.6em}
.mb09 {margin-bottom: 0.9em}
.mb12 {margin-bottom: 1.2em}

#g {color: #A0A0A0}
#y {color: #FFE7A0}
#col01 {color: #FFEDCC}
#col02 {color: #ECCC95}
#col03 {color: #ECBE6E}
#col04 {color: #D09734}
#col05 {color: #B28E4F}
#col06 {color: #7B6641}

DIV.floater { 
	position: absolute;
	//float: left; 	
}