/************************************
 * Reset
 *
 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }


/************************************
 * Basic elements
 *
 */

html, body { height: 100%; }
body {
	font: normal 100%/1.3 "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #2d2d2d;
	text-align: center;
	background: #960003 url('/assets/templates/site/images/bg-body-strip.gif') no-repeat center top;
	 
}
body.ff-match { background-color: #00748c; background-image: none; }
body.ff-event { background-color: #78461e; background-image: none; }
body.ff-design { background-color: white; background-image: none; }

p, li { font-size: 0.75em; }

a { color: #0a99bd; text-decoration: none; }
a:link { }
a:visited { }
a:hover { text-decoration: none; }
a:active { }
body.ff-event a { color: #76481e; }

h1, h2, h3, h4, h5, h6 { margin: 0; font-weight: normal; line-height: 1.3; }
h1 { font-size: 24px; color: #7e010c; margin-bottom: 1em;}
h2 { font-size: 18px; color: #0a99bd; }
h3 { font-size: 14px;  }
h4, h5, h6 { font-size: 12px; }

body.ff-match h1, 
body.ff-match h3 { color: #00758c; }
body.ff-match h2 { color: #2d2d2d; }
body.ff-event h1, 
body.ff-event h3 { color: #76481d; }
body.ff-event h2 { color: #2d2d2d; }
body.ff-design h1, 
body.ff-design h2,
body.ff-design h3 { color: #4e4e4e; }

sub { vertical-align: baseline; position: relative; bottom: -0.25em; font-size: smaller; }
sup { vertical-align: baseline; position: relative; bottom: 0.33em; font-size: smaller; }

ul, ol { margin: 1em 0 1em 1em; padding-left: 1em; }
ol { list-style-type: decimal; }
ul { list-style-type: disc; }
ol li, ul li { margin: 0.1em 0; line-height: 1.3; }
li li {	font-size: 1em; }
li ul {	margin: 0; }

address { font-style: normal; }

td { font-size: 0.75em; padding-right: 1.5em; vertical-align: top;}
td p, td li { font-size: 1em; }

/************************************ 
 * Classes
 *
 */

.red { color: #7c0009; }
.black { color: #2d2d2d; }
.blue { color: #0a99bd;}
 
/************************************
 * Layout
 *
 */

#outer-wrapper {
	text-align: left; position: relative; min-height: 100%;
	z-index: 10;
	background: transparent url('/assets/templates/site/images/bg-wrapper.gif') repeat-x left bottom;
	overflow:hidden;
} 
body.ff-match #outer-wrapper,
body.ff-event #outer-wrapper,
body.ff-design #outer-wrapper { background-image: none; }


#wrapper { width: 1152px; margin: 0 auto;  position: relative; overflow-x: hidden; }
#container,
#container-bottom { 
	width: 840px; margin: 0 0 0 145px; 
	background: transparent url('/assets/templates/site/images/bg-container.png') repeat-y left top; 
	
}
#container-bottom {
	background: transparent url('/assets/templates/site/images/bg-container-bottom.png') no-repeat left top;
	height: 25px;  
} 
#page { position: relative; width: 799px; margin: 0 22px 0 18px; text-align: left; z-index: 51;}
#header { position: relative; height: 83px; background: white; }
#header-logo { position: absolute; top: 18px; left: 16px; }
#print-logo { display: none; }

#page-image { height: 227px; background: white; }
#slideshow { height: 227px; overflow: hidden; background: white; z-index: 4; }

#navigation { 
	position: absolute; left: -145px; 
	width: 252px; min-height: 214px; height: auto !important; height: 214px;  
	background: transparent url('/assets/templates/site/images/bg-navigation.png') repeat left top;
	z-index: 60;
}

.facebook-like { margin: 24px 0 6px 12px; }

#content { padding-bottom: 2em; z-index: 40; position: relative; }

#main { margin: 0 0 0 135px; float: left; min-height: 470px; height: auto !important; height: 470px; }
#main.normal { width: 430px; }
#main.narrow { width: 380px;  }
body.ff-match #main { background: url('/assets/templates/site/images/ffmatch.gif') no-repeat left top; padding-top: 60px;  }
body.ff-event #main { background: url('/assets/templates/site/images/ffevent.gif') no-repeat left top; padding-top: 60px;  }
body.ff-design #main { background: url('/assets/templates/site/images/ffdesign.gif') no-repeat left top; padding-top: 72px;  }
body.ff-conference #main { background: url('/assets/templates/site/images/ffconference.gif') no-repeat left top; padding-top: 60px;  }

#sidebar { float: right; margin: 164px 0 24px 0; color: #747474; min-height: 350px; height: auto !important; height: 350px; }
#sidebar.normal { width: 220px; }
#sidebar.wide { border-left: 2px solid #858585; width: 268px;}
#sidebar-content.normal { padding: 0 5px 0 40px; width: 175px; margin-bottom: 24px; }
#sidebar-content.wide { padding: 0 5px 0 20px; width: 242px; margin-bottom: 24px; }
#side-images { z-index: 45; position: relative; top: -310px;  }
#side-image-1 {	position: absolute; top: 140px; right: 85px; width: 171px; height: 157px; }
#side-image-2 {	position: absolute; top: 290px; right: 10px; width: 171px; height: 157px; }
#side-image-circle { position: absolute; top: 225px; right: 60px; width: 214px; height: 196px; }

#side-links { width: 208px; margin: 0 auto 24px;}
#footer { min-height: 1.5em; height: auto !important; height: 1.5em;  clear: both; }
#footer p { font-size: 11px; color: #909090; text-align: center; line-height: 22px; padding-bottom: 10px; }
#footer p.footer-products { padding: 15px 0 0; }
#footer p.footer-products img { margin: 0 15px; }

#decoration-image { 
	position: absolute; z-index: 1; width: 124px; height: 456px; left: 39px; top: 0; 
	background: transparent url('/assets/templates/site/images/decoration-image.gif') no-repeat left top;
}
body.ff-match #decoration-image { background-image: url('/assets/templates/site/images/decoration-image-ffmatch.gif'); }
body.ff-event #decoration-image { background-image: url('/assets/templates/site/images/decoration-image-ffevent.gif'); }
body.ff-design #decoration-image { background-image: url('/assets/templates/site/images/decoration-image-ffdesign.gif'); }

#main *,
#sidebar * { background-color: white;}

/***************************************
 * Navigation
 *
 */

#navigation ul { margin: 24px 0 16px; padding: 0 0 0 12px; list-style: none; }
#navigation ul li { margin: 0; font-size: 13px; }
#navigation ul li a { color: white;  }
#navigation ul li.last { }
#navigation ul li a:hover,
#navigation ul li a.current {
	color: #0a99bd;
}
#navigation ul li a.active {
	text-decoration: none; 
}
#navigation ul li a:active { }

#navigation li ul { padding-left: 12px; margin: 0;  }
#navigation li ul li ul { padding-left: 24px;  }
#navigation li ul li ul li ul { padding-left: 36px;  }

#navigation li ul li { font-size: 1em;  }
#navigation li ul li,
#navigation li.last ul li { }
#navigation li ul li.last { }
#navigation li ul li a,
#navigation li.last ul li a,
#navigation ul li.active ul li a {
}
#navigation li:hover ul { }
#navigation li ul li a:hover { text-decoration: none; }


/* After home */
#navigation li#menu-main-38,
#navigation li#menu-main-75 { margin: 1em 0 0; }  

/* After 4 main groups */
#navigation li#menu-main-41,
#navigation li#menu-main-95 { margin: 1em 0 0; }

/* After normal pages */
#navigation li#menu-main-44,
#navigation li#menu-main-99 { margin: 1em 0 0; }

/* Language */
#navigation li#menu-main-64,
#navigation li#menu-main-65 { margin: 2.5em 0 0; }  
  
/*
#navigation li#menu-main-38,
#navigation li#menu-main-39,
#navigation li#menu-main-40,
#navigation li#menu-main-75,
#navigation li#menu-main-83,
#navigation li#menu-main-88 { padding-left: 12px; }  
*/
/************************************ 
 * News
 *
 */

h3.news { text-decoration: underline; margin-bottom: 1em; color: black; }
h3.news-more { text-align: right; margin-right: 8px; }
div.news-item { }
#sidebar div.news-item-short { margin-bottom: 0.8em;  }
div.news-date, 
div.news-item-content { margin-bottom : 0.8em; }



/************************************ 
 * Pagination
 *
 ************************************/

div.pagination { text-align: center; margin: 1em 0; padding: 1em 1em 0 0; font-size: 12px; }
div.pagination span.left { width: 25%; float: left; text-align: left; }
div.pagination span.right { width: 25%; float: right; text-align: right; }
div.pagination .ditto_off { color: #e0e0e0; }
div.pagination span.ditto_currentpage, 
div.pagination a.ditto_page { padding: 0 3px; font-size: 12px; 	}


/************************************ 
 * Fixes and special cases
 *
 */


.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */

.hidden { display: none; }