*
{
	margin: 0;
	padding: 0;
}
body
{
	background: #ff9d0b url(bg.png) no-repeat;
	font-size: 14px;
	font-family: Arial,Verdana,Helvetica,sans-serif;
	color: #000000;
	height: 100%;
}
a
{
	color: #000000;
	text-decoration: underline;
}
:focus, :active {
  -moz-outline-style: none;
  outline-style: none;
}

a:hover
{
	color: #434343;
}
a.header
{
	color: #000000;
	text-decoration: none;
}
img
{
	border: 0 none;
}
/* Normal button */
a.black-button
{
	text-decoration: none;
	background: url(button_black.png) no-repeat scroll 0 -55px;
	padding: 0 0 0 20px;
}
a.black-button span
{
	height: 45px;
	font-size:20px;
	cursor:pointer;
	color: #ffffff;
	padding: 14px 60px 0 0;
	background: url(button_black.png) no-repeat scroll 100% 0;
	font-weight:bold;
	display:block;
}
a.white-button
{
	background: url(button_white.png) no-repeat scroll 0 -55px;
	padding: 0 0 0 20px;
	text-decoration: none;
}
a.white-button span
{
	height: 45px;
	font-size:20px;
	cursor:pointer;
	color: #000000;
	padding: 14px 60px 0 0;
	background: url(button_white.png) no-repeat scroll 100% 0;
	font-weight:bold;
	display:block;
}
a.small-black-button
{
	text-decoration: none;
	background: url(button_black_mini.png) no-repeat scroll 0 -45px;
	padding: 0 0 0 20px;
}
a.small-black-button span
{
	height: 35px;
	font-size: 18px;
	cursor:pointer;
	color: #ffffff;
	padding: 10px 60px 0 0;
	background: url(button_black_mini.png) no-repeat scroll 100% 0;
	font-weight:bold;
	display:block;
}
#BBButton {
	position: absolute;
	margin: 280px 0 0 160px;
}

#WBButton {
	position: absolute;
	margin: -85px 0 0 598px;
}

h1, h2, h3, h4, h4, .cf {
    font-family: 'TitilliumText22LMedium', Arial, sans-serif; }
}

h1
{
	margin: 0 0 0 0;
	font-size: 24px;
	font-weight: bold;
}
h2
{
	margin: 0 0 14px 0;
	font-size: 22px;
	font-weight: bold;
}
h3, h4, h5, h6
{
	color: #525252;
	margin:0 0 5px 0;
	font-size: 12px;
	font-weight:normal;
}
ul
{
	margin-left: 15px;
	margin-bottom: 12px;
}
ol
{
	margin-left: 15px;
	margin-bottom: 12px;
}
p
{
	margin: 0 0 12px 0;
}
table
{
	font-size: 44px;
	color: #ffffff;
}
td {
	padding-right: 30px;
	font-weight: bold;
}

.clear-float
{
	overflow: hidden;
	clear: both;
	height: 0px;
	font-size: 0px;
}
.clearfix:after
{
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	content: ".";
}
.clearfix
{
	display: inline-block;
}
* html .clearfix
{
	height: 1px;
}
.clearfix
{
	display: block;
}
.block
{
	display: block;
}
.relative
{
	position: relative;
}
.bold
{
	font-weight: bold;
}
.pointer
{
	cursor: pointer;
}
.no-list
{
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.float-left
{
	float: left;
}
.float-right
{
	float: right;
}
.clear-left
{
	clear: left;
}
.top-margin
{
	margin-top: 15px;
}
.right-margin
{
	margin-right: 10px;
}
.left-margin
{
	margin-left: 10px;
}
ul.li-float li
{
	float: left;
}
ul
{
	margin: 0;
	padding:  0;
	list-style: none;
}
ul li {
	background: url(li_bg.png) no-repeat;
	padding-left: 25px;
	margin-top: 10px;
}

/* STRUCTURE */
#Container
{
	width: 956px;
	margin: 0 auto;
	position: relative;
}
#ContainerTop
{
	height: 110px;
}
#ContainerTop404 {
	height: 100px;
}
#ContainerTop404 h1
{
	margin: 60px 0 0 0;
	color: #000;
}

#ContainerTop #Logo
{
	width: 400px;
	margin: 50px 0 0 10px;
	float: left;
}
#ContainerTop  #TopLinks 
{
	float: right;
	width: 500px;
	margin-top: 30px;
}
#ContainerTop  #TopLinks div.links a
{
	float: right;
	margin-right: 4px;
}

#ContainerTop a.logout
{
	background: #63b361;
	margin-right: 5px;
}
#ContainerTop a.feedback
{
	background: #b1c903;
}
#ContainerMiddle
{
	padding: 10px 11px 10px 11px;
	min-height: 400px;
}

#ContainerMiddle #BgGroup 
{
	margin-top: 30px;
	height: 365px;
	background: transparent url(white_box.png) no-repeat 0px 7px;

}
#ContainerMiddle #BgGroup  #WhiteText
{
	position: absolute;
	margin: 30px 0 0 390px;
	height: 265px;
	width: 300px;
}

#ContainerMiddle #BgGroup #BlackBox
{
	margin-top: 30px;
	height: 365px;
	width: 365px;
	background: transparent url(bl_box.png) no-repeat top left;

}
#ContainerMiddle #BgGroup  #BlackBox #BlackText
{
	color: #ffffff;
	padding: 30px 0 0 30px;
}

#ContainerMiddle #MiddleText
{
	padding-top: 40px;
	height: 80px;
	font-size: 28px;
	color: #ffffff;
	
}
#ContainerMiddle #PostItNote
{
	background: url(postit.png)  no-repeat top left;
	position: absolute;
	height: 217px;
	width: 239px;
	margin: 0 0 0 700px;
}

#ContainerBottom
{    
margin-top: 40px;
color: #fff;
}
#ContainerBottom > div
{    
float: left;
width: 255px;
margin-left: 35px;
}
#ContainerBottom h2
{
	color: #000;
	margin-bottom: 30px;
}
#ContainerFooter
{
	padding-top: 20px;
	padding-bottom: 40px;
	margin-top: 40px;
	border-top: 1px solid #bf7608;
	font-size: 11px;
	color: #fff;
}
#ContentMain {
		min-height: 480px;
		width: 552px;
}

.content-wrapper {
	padding:10px 20px 10px 20px;
}

#ContainerCenter div.top
{
	background: #ffffff url(../images/container_middle_center_top_bg.png) no-repeat scroll 0 0;
	min-height: 53px;
}
#ContainerCenter div.content
{
	background: url(../images/container_middle_center_repy_bg.png) repeat-y scroll 0 0;	
}
#ContainerRight
{
	float: right;
	width: 229px;
	background: url(../images/container_right_bottom_bg.png) no-repeat scroll 0 100%;
	padding: 0 0 16px 0;
}
#ContainerRight div.content
{
	background: url(../images/container_right_bg.png) no-repeat scroll 0 0;
	min-height: 522px;
}