@charset "UTF-8";
/**

  CSS TopContent

  @project       topcontent

  @lastmodified  00:27 2009-10-06
  @since         2009-09-30

  @colordefs
  - text:        #333
  - links:       #c6161d

*/


/* ************************************************

   @section Global

************************************************ */

/* @group reset
------------------------------------------------ */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
body { line-height: 1.5; }
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
a img { border: none; }
ul { list-style: none}

/* @group defaults
------------------------------------------------ */
body { background: #fff; color: #333; font: normal 13px/1.4em Arial, "Helvetica Neue", Helvetica, sans-serif; }
a { color: #c6161d; text-decoration: none; }
a:hover { text-decoration: underline; }
p, ul, table { margin: 0 0 1em }
h1, h2, h3, h4, h5 { font-weight: normal; } 
sup { vertical-align: top; }

/* @group commons */
.alignCenter { text-align: center} .alignRight { text-align: right} .alignLeft { text-align: left}
.floatRight { float: right} .floatLeft { float: left}
.clear { clear: both} .clearLeft { clear: left}
.strong { font-weight: bold; }

/* @group text */
#main h2 { font-size: 20px; margin-bottom: .9em; font-weight: normal; }
.formatter h2 { }
.formatter h3 { font-size: 16px; margin-bottom: .6em; color: #575f64; font-weight: bold; }
.formatter hr,
.formatter .hr
{ background:#eee;color:#eee;clear:both;float:none;width:100%;height: 1px ;margin:0 0 1em;border:none; overflow: hidden; }
.formatter em { font-style: italic; } 
.formatter ul { list-style: none }
.formatter .imgleft { float: left; margin: 4px 8px 8px 0 }
.formatter .imgright { float: left; margin: 4px 0 8px 8px }
.formatter ul li,
#content-extra ul li,
#column li
 { background: url(../images/bullet.png) 4px .3em no-repeat; padding-left: 24px; margin-bottom: .2em;  }

/* @group clearing */
.clearfix:after,
#header:after,
#footer:after,
#main:after
{ content: ""; display: block; height: 0; overflow: hidden; clear: both }

/* @group sprites */
/* 
{ background-image: url(../images/misc-sprites.png); background-repeat: no-repeat; background-position: -9999px -9999px; }
 */


/* ************************************************

   @section Layout

************************************************ */

/* @group Header
------------------------------------------------ */
#header { position: relative; height: 88px; width: 800px; margin: 0 auto }
#header h1 { position: absolute; top: 34px }
#nav { float: right; margin-top: 50px }
#nav li { float: left; border-left: 1px solid #333; margin-left: 20px; padding-left: 20px; }
#nav li.first,
#nav li:first-child { padding-left: 0; margin-left: 0; border-left: 0; }
#nav li a { float: left; font-size: 20px; color: #333; }
#nav li a:hover { /* border-bottom: 1px dotted #bbb; */ }

#lang-switch { position: absolute; top: 18px; right: 0; background: url(../images/icon-globe.png) 0 0 no-repeat; padding-left: 26px; font-size: 10px; color: #333; }
#lang-switch a { color: #333; }

#heading-banner { background: #000; text-align: center; }


#main { width: 762px; margin: 16px auto }


/* @group Home
------------------------------------------------ */	
#about { width: 355px; background: #f5f5f5 url(../images/lowstrokes-sprite.png) -1524px 0 no-repeat; padding-top: 18px; float: left; }
	#about-in { position: relative; background: url(../images/lowstrokes-sprite.png) -1878px 100% no-repeat; padding: 0 18px 0 }
	#about-in h2 { color: #C6161D; margin-bottom: 1em; }
	#about-in img.clip { position: relative; left: -53px; float: left; margin-right: -53px; }
	#about-in div.text { margin-left: 100px; }
		
#column { width: 377px; float: right; }		
#offer {}		
#offer h2 { margin-top: 10px; }		
#offer .more { text-align: right; padding-right: 20px; }

#partners a:hover { text-decoration: none; }
#partners img { vertical-align: middle; }		
#partners a .rgb { display: none; }		
#partners a:hover img.rgb { display: inline; }		
#partners a:hover img.gray { display: none; }		

#column .box { background: url(../images/box-sprite.png) -564px 0 no-repeat; padding-top: 12px; }
#column .box-in { background: url(../images/box-sprite.png) -941px 100% no-repeat; padding: 0 11px 1px 13px }
		
		
/* @group Subpage
------------------------------------------------ */		
#main.subpage {}

#path { padding: 3px 0 0 28px; background: url(../images/icon-home.png) no-repeat; font-size: 11px; margin-bottom: 2em; }
#path i { margin: 0 .6ex }

#content { float: left; width: 430px; }
#content h2 { color: #C6161D; line-height: 1.2; }
#content-extra { float: right; width: 282px; }
#column h2,
#content-extra h2  { color: #575f64; }

.box { background: url(../images/box-sprite.png) no-repeat; padding-top: 12px; }
.box-in { background: url(../images/box-sprite.png) -282px 100% no-repeat; padding: 0 11px 1px 13px }
.box-in2 {padding-top: 15px;}
.box-in2 img { padding-right:8px; vertical-align: absmiddle;}
.box-in2 p { margin-bottom:3px; font-size:11px; font-weight:bold;}

.active { font-weight: bold; }

	
	
/* @group Footer
------------------------------------------------ */
#footer { width: 762px; background: url(../images/lowstrokes-sprite.png) no-repeat; padding-top: 10px; margin: 0 auto; font-size: 11px; margin-top: 2.5em; }
#footer p { font-size: 10px; color: #D4D0C8; }
#footer-in { background: url(../images/lowstrokes-sprite.png) -762px 100%; padding: 0 10px 10px; margin-bottom: 8px; }
#footer-in p { margin: 0; font-size: 11px; color: #666; }