html {background-color:#fff}
body {	margin: 0;padding: 0;background-position: bottom;font-family: Verdana;font-size: 13px;letter-spacing:0.2px ;color: #5e5d5d;}
h1, h2, h3, h4 {margin: 0;font-family: Verdana;color: #fff;font-weight:normal;margin-bottom:20px}
h1 { font-size: 13px; font-weight: bold; margin-left: 20px;border-bottom: 1px solid #eff0eb;padding-bottom:7px }
h2 { font-size: 26px; }
h3.bold, h4.bold  { font-weight: bold; text-transform: uppercase;font-size:12px;margin-left:20px}

div.hint_info { z-index:2; display:block; position:absolute;	top:0px; left:0px; width:148px; height:63px; }
div.hint_info div {font-size:11px; margin-top:10px; margin-left: 10px; width:130px; height: 30px; vertical-align: middle; background-color: #fff}

ul.sitemap li {margin-left: 20px;padding-left:0px;line-height: 18px;margin-top: 4px;list-style-image: url('/graph/triangle.png' );list-style-type:  none}
ul.sitemap li.section {margin-left:0px}

a { color: #fff; font-weight:bold; text-decoration: none }
a:hover { text-decoration:underline; }
a img {border: none;}
img.left {float: left;margin: 7px 30px 0 0;}
img.right {float: right;margin: 7px 0 0 30px;}
div.clear {float:left; clear:both}

#wrapper {width:984px; margin: 0 auto; background-color: #fff;}
/* Header */
#header-wrapper {}
#top {height:60px;background:#f0f0f0}
#logo {float:left;}
#logo h1 {margin:0;padding:0;line-height: 57px;height:57px; margin-left:26px}
#logo h1 a { color:#666}
#head-navi {float:right;font-size:11px;margin-top: 5px;margin-right: 20px;color:#888}
#head-navi a {color:#666;font-weight:normal}
#head-navi .sm_link {margin-right: 28px}

/* Menu */
#info {height: 30px;background: #40474d;border-bottom: 1px solid #4a5056;}
#info span {float: left;padding: 7px 0px 4px 26px;text-decoration: none;font: 14px Verdana;color: #dedede;border-right: 1px solid #4a5056;height:20px;}

/*path*/
div#path {width:675px; margin-bottom:12px;margin-top:10px; font-size:10px; color:#5e5d5d}
div#path a {color:#bababa;font-weight: normal; letter-spacing: 1px}

/* Page */
#page {background-color: #000;color:#fff;float:left;clear:both;width:984px}
.column {width:954px; margin:0 auto; }

.folder {float:left; margin: 0 0 26px 0;width:310px}
.folder .photo {}
.folder.odd {clear:left}
.folder.even {}
.folder.last {width:610px}
.folder_full {float:left}
.folder_full .introduction {margin-top:10px}
.full_folder .introduction {margin:20px}

.folder.last .recommend .photo {height:65px}
.folder.last .recommend .title {clear:left}

/* galeria */
.gallery img,.video .photo {border:0;float:left; margin:8px;padding:0;margin-bottom:12px;background-position: top left;width:300px;height:146px}
.gallery img:hover,.video .photo:hover {border:1px solid #fff;width:298px;height:144px;background-position: -1px -1px}
.video .photo img:hover {position:relative;top:-4px; left: -4px}
#gallery {display:none; z-index:3}
.video .photo {width:300px; height:146px;display:block;float:left}

.videoInfo {margin: 0 0 20px 50px;float:left}
.videoInfo h3 {float:left;clear:both; color:#5D5E5E; font-weight: bold;font-size:13px;width:100%}
.videoInfo .div {float:left;clear:both}

.strong {font-weight:bold; cursor:  pointer; color: #273577}
#overlay {margin-bottom:20px;position:relative; display:block}
#overlay td {vertical-align: top; padding: 16px 20px 16px 20px}
#overlay td.left {padding-left: 0}
#overlay div.clientOnList {list-style-type: none; margin: 4px;line-height: 20px; font-size:12px; width:412px; padding:4px; padding-right: 10px;border-bottom:1px solid #e0e0e0}
#overlay .even {float:left;clear:left;margin-left:30px;}
#overlay .odd { float: right;clear: right}
strong.padleft {margin-left: 8px}
.clientOnList .title {width:200px}
.clientOnList .reference.linker {float:right; font-size: 11px}

#player {width:800px; height:520px; margin:50px 50px 30px 50px}

#logos {margin:0 auto;height:70px; clear:both;width:940px}

/* Footer */
#footer {margin: 0 auto; padding-top: 10px;padding-bottom: 20px;width:984px;float:left;clear: both;background-color: #000;font-family: Tahoma;font-size:11px; color:#999a9a}
#footer_copyrights {float:left;font-size: 10px;}
#footer_copyrights img {position: relative;top:6px; margin-right: 6px}
#footer_menu {float:left;margin:5px 0 0 126px}
.footer_menu {margin:10px 6px; font-size: 11px;color:#999a9a}
#footer_by {float:right;background-color:#fff;width:100%;text-align:right;padding-top:20px}

.grayBG {background-color: #f00;width:984px;}

.body {margin:20px;}

#main_col .intro p {margin-top:20px}
#main_col .intro .foot p {margin:0}

@media screen {
  .sIFR-flash {visibility: visible !important; margin: 0;padding: 0;background: inherit}
  .sIFR-replaced, .sIFR-ignore {visibility: visible !important;}
  .sIFR-alternate {position: absolute;left: 0;top: 0;width: 0;height: 0;display: block;overflow: hidden;}
  .sIFR-replaced div.sIFR-fixfocus {margin: 0pt; padding: 0pt; overflow: auto; letter-spacing: 0px; float: none;}
  .sIFR-replaced {margin:0; line-height:30px}
  .sIFR-active h3.sifred {font-family: Verdana;visibility: hidden;margin:16px 0 0 20px}
}
