@charset "UTF-8";


html{
	margin: 0px;
	padding:0px;
}

body{
	background-color: #041423;
	margin: 0px;
	padding: 0;
}

h1{
	margin:0px;
	padding:0px;
	font-size:24px;
	color:#333;
	font-weight:normal;
	line-height:33px;
}

h2{
	color: #041423;
	font-family:Arial, Helvetica, sans-serif;
	margin:0px;
	font-size:18px;
	margin-bottom: 0px;
}

h3{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 20px;
	font-style:italic;
	font-weight:bold;
	color:#FF9933;
	margin-bottom: 10px;
	margin-top: 20px;
	margin-left: 10px;
}

img{
	border: 0px;
}

a {
	text-decoration:underline;
	color: #003259;
}
a:hover{
	text-decoration:none;
	color: 
}

.clearFix{
	clear:both;
}

/********************/
/* Main Containers */
/********************/


/* HEADER */

#siteHeader{
	width:100%;
	height: 150px;
	background-color:#FFF;
	background-image:url(../img/ui/headerSwoosh.jpg);
	background-repeat: no-repeat;
}

#logo {
	display: block;
	text-indent: -1000px;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='http://www.fansfirst.com/img/ui/headerLogo.png');
	width: 270px;
	height: 122px;
}
html > body #logo {
	background: url(../img/ui/headerLogo.png) 0 0 no-repeat;
}

#siteBody{
	width:100%;
	background-image:url(../img/ui/snippetsGlow.jpg);
	background-repeat: no-repeat;
	background-position: center 200px;
	
	
}

#bodyContainer{
	width:952px;
	margin: 0px auto;
	margin-top: 40px;
}

#bodyContent{
	width: 630px;
	float:left;
	background-color:#FFF;
	/*background-image:url(../img/ui/bodyBackground.jpg);*/
	background-repeat:no-repeat;
	background-position:left 60px;
	text-align: justify;
}

#rightBarContainer{
	width: 320px;
	float:right;
}


/********************/
/* HEADER */
/********************/
#headerLogo{
	width: 952px;
	margin: 0px auto;
	
}



/********************/
/* RIGHTBAR */
/********************/

.rightBarElement{
	width:310px;
	margin-left: 10px;
	margin-bottom: 20px;
}

.rightBarElement .top{
	
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='http://www.fansfirst.com/img/ui/boxElementTop.png');
	background-repeat:no-repeat;
	height: 10px;
	overflow: hidden;
}

html > body .rightBarElement .top{
	background-image:url(../img/ui/boxElementTop.png);
}

.rightBarElement .bottom{
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='http://www.fansfirst.com/img/ui/boxElementBottom.png');
	/*background-image:url(../img/ui/boxElementBottom.png);*/
	background-repeat:no-repeat;
	height: 10px;
	overflow: hidden;
}

html > body .rightBarElement .bottom {
	background-image:url(../img/ui/boxElementBottom.png);
	background-repeat:no-repeat;
}

.rightBarElement .center{
	background-color: #FFF;
	text-align:center;
}

.showCaseLink{
	width:100%;
	margin-top: 10px;
	text-align:left;
}

.showCaseLink  div{
	display:block;
	padding-left: 24px;
	margin-left: 10px;
	font-family:Arial, Helvetica, sans-serif;
	background-image:url(../img/ui/showCaseLinkBg.jpg);
	background-repeat:no-repeat;
	text-decoration:none;
	color:#2C5976;

}

.showCaseLink a{
	display:block;
	padding-left: 24px;
	margin-left: 10px;
	font-family:Arial, Helvetica, sans-serif;
	background-image:url(../img/ui/showCaseLinkBg.jpg);
	background-repeat:no-repeat;
	text-decoration:none;
	color:#2C5976;
}

.showCaseLink a:hover{
	color:#FF9933;
}

/********************/
/* CONTENT */
/********************/

#contentTopBar{
	background-image:url(../img/ui/contenTopBar.jpg);
	background-repeat:no-repeat;
	height: 60px;
}


/********************/
/* Footer */
/********************/

#contentFooter{
	height: 142px;
	background-image:url(../img/ui/footerBackground.jpg);
	background-repeat:repeat-x;
	padding: 0 0 0 100px;
	color: gray;
}
#contentFooter a{
	color: gray;
}
#contentFooter h2{
color: gray;
}

#contentFooterCloser{
	height:8px;
}

#copyrights{
	background-color:#041423;
	border: 1px solid #041423;
	height: 60px;
	background-image:url(../img/ui/dialogue_logo_footer.jpg);
	background-repeat:no-repeat;
	background-position: 190px 5px;
	position:relative;
	font-family: sans-serif;
}
#copyrights a{
	position:absolute;
	left: 190px;
	top: 0px;
	
	display: block;
	width:100px;
	height:100px;
	color: gray;
	
}
#copyrights div{
	font-size: 11px;
	font-weight: normal;
	color:#FFF;
	margin-left: 10px;
	margin-top:18px;
}

.addressBlock{
	float:left;
	width: 120px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-top: 16px;
	line-height: 16px;
}
.addressBlockRight{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-left: 145px;
	margin-top: 16px;
}

.addressBlockRight .left{
	float:left;

}
.addressBlockRight .right{
	margin-left: 15px;

}

/********************/
/* MAIN CONTENT */
/********************/


#contentMain{
	width:420px;
	margin-left: 100px;
	
}
#contentIntro{
	margin-top: 24px;
}

.bodytext{
	margin-top: 30px;
	margin-bottom: 30px;
	font-family:Arial, Helvetica, sans-serif;
	color: #003259;
	font-size: 12px;
	line-height: 20px;
}

.blue{
	color: #005AA4;	
}
.oranje{
	color: #FF9933;	
}