/* -------------------------------------------------------------------------------------- */
/* --------------------------------------  GENERIC -------------------------------------- */
/* -------------------------------------------------------------------------------------- */

.clearer, #regionBox div.clearer{
	clear: both;
	line-height: 0px;
	height: 0px;
	margin: 0;
	padding: 0;
	width: 0;
	overflow: hidden;
	visibility: hidden;
	float:none;
}

p.noJS {
    font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
	color: #FFF;
    display: block;
    width: 100%;
    padding: 4px 0 3px 0;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
    background-color: #F24E31;
}
em {
    font-style:italic;
}
strong {
    font-weight:bold;
}


/* -------------------------------------------------------------------------------------- */
/* -------------------------------------- STRUCTURE ------------------------------------- */
/* -------------------------------------------------------------------------------------- */

html, body {
	font-family:Verdana, Arial, Helvetica, Sans-Serif;
	background:#fff;
	}


#wrapper {
	width:800px;
	margin:0px auto;
	}

/* -------------------------------------------------------------------------------------- */
/* --------------------------------------- HEADER --------------------------------------- */
/* -------------------------------------------------------------------------------------- */

#header {
	position:relative;
	margin-top:6px;
	margin-bottom:10px;
	}

#header h1 {
	display:block;
	width:800px;
	height:93px;
	position:absolute;
	top:0px;
	left:0px;
	background:url(../images/ui/headerBackground.png) 0px 0px no-repeat;
	text-indent:-9999px;
	z-index:100;
	}
	
#header p {
	position:absolute;
	left:-9999px;
	top:-9999px;
	}

#header #flashWrapper {
	padding-top:87px;
	width:800px;
	height:266px;
	position:relative;
	overflow:hidden;
	}
#header #flashWrapper img {
    width:800px;
    }
#header #flashWrapper #upgrade {
    display:block;
    width:790px;
    padding:5px;
    background:#a4c2e6;
    text-align:center;
    position:absolute;
    bottom:0px;
    left:0px;
    z-index:50;
    color:#666;
	line-height:1.6;
	line-height:1.6;
	font-size:11px;
    }
#header #flashWrapper #upgrade a {
    color:#fc7613;
    text-decoration:none;
    }
#header #flashWrapper #upgrade a:hover {
    text-decoration:underline;
    color:#fff;
    }
#header div#flashWrapper span.footerMask {
    position:absolute;
    left:0px;
    bottom:0px;
    background:url(../images/ui/galleryMask.png) 0px 0px no-repeat;
    height:10px;
    width:800px;
    z-index:100;
    text-indent:-9999px;
    display:block;
    line-height:1px;
	}
	
/* -------------------------------------------------------------------------------------- */
/* ------------------------------------- MAIN BODY -------------------------------------- */
/* -------------------------------------------------------------------------------------- */

#leftContent {
	float:left;
	width:550px;
	}
#rightContent {
	float:right;
	width:240px;
	}
	
#rightContent .adSection {
	margin-bottom:10px;
	background:#f0efee url(../images/ui/adSectionFooter.png) left bottom no-repeat;
	position:relative;
	padding-bottom:13px;
	}
#rightContent .adSection .topRound {
    display:block;
    background:url(../images/ui/adImageMask.png) 0px 0px no-repeat;
    height:150px;
    width:240px;
    position:absolute;
    top:0px;
    left:0px;
}
#rightContent .adSection img{
    margin-bottom:10px;
}
#rightContent .adSection a{
	color:#99958e;
	line-height:1.6;
	font-size:11px;
	text-decoration:none;
	background:url(../images/ui/adSectionLinkBackground.png) 189px 0px no-repeat;
	padding:0px 32px 0px 0px;
	width:181px;
	display:inline-block;
	}
#rightContent .adSection a:hover{
	background-position: 189px -4220px;
	}
#rightContent .adSection p {
	color:#99958e;
	line-height:1.6;
	font-size:11px;
	text-decoration:none;
	padding:2px 9px 5px 9px;
	display:inline-block;
    width:195px;
}
#rightContent .adSection h3 {
    line-height:1.6;
    font-weight:bold;
    font-size:12px;
    color:#94b7e2;    
	padding:2px 9px 0px 9px;
}
#rightContent .adSection a p, #rightContent .adSection a h3 {
    width:auto;
}


#leftContent h2 {
	line-height:1.2;
	font-weight:bold;
	font-size:18px;
	color:#a4c2e6;
	margin-bottom:15px;
	}
#leftContent h3 {
	line-height:1.6;
	font-weight:bold;
	font-size:14px;
	color:#94b7e2;
	}
#leftContent p {
	line-height:1.6;
	color:#333;
	line-height:1.6;
	font-size:11px;
	margin-bottom:19px;
	}
#regionBox {
	position:relative;
	width:550px;
	padding-top:0px;
	background:#4f5255 url(../images/ui/regionBackground.png) bottom left no-repeat;
	margin-bottom:10px;
	padding-bottom:20px;
	}
#regionBox #regionBoxInner {
    display:block;
    width:550px;
    height:20px;
    background:#f00;
	background:#4f5255 url(../images/ui/regionBackgroundTop.png) top left no-repeat;
    }
#regionBox a#distributorLogin 
{
    float:right;
	width:210px;
	height:20px;
	background:url(../images/ui/distLoginButton.png) 0px 0px no-repeat;
	text-indent:-9999px;
	margin-right:20px;
	}
#regionBox a#distributorLogin:hover {
	background-position:0px -20px;
	}
#regionBox h2 {
	color:#fff;
	font-size:14px;
	font-weight:bold;
	font-size:14px;
	line-height:1;
	margin-left:20px;
	}
	
#regionBox div {
	float:left;
	width:130px;
	margin-left:10px;
	}
#regionBox div.wide {
	width:230px;
	margin-left:20px;
	-margin-lef\t:10px;
	}
#regionBox div h3 {
	font-size:11px;
	color:#fff;
	font-weight:bold;
	line-height:1.6;
	display:block;
	width:110px;
	padding:1px 10px 5px 10px;
	background:url(../images/ui/regionBoxDivBackground.png) top left no-repeat;
	margin:0px;
	}
#regionBox div.wide h3 {
	width:210px;
	background:url(../images/ui/regionBoxDivWideBackground.png) top left no-repeat;
	}

#regionBox div a {
	width:110px;
	float:left;
	padding:0px 10px;
	color:#fff;
	text-decoration:none;
	font-size:11px;
	line-height:1.6;
	}
#regionBox div.wide a {
	width:95px;
	}
#regionBox div a:hover {
	text-decoration:underline;
	}
	
/* -------------------------------------------------------------------------------------- */
/* ------------------------------------- FOOTER ----------------------------------------- */
/* -------------------------------------------------------------------------------------- */