/* 
================================
Home Page skin styles for N2 Sites
Adopted from a DNNCreative Skin
By Mikol Westling, CTO
================================
*/
/* --------------
Background Layouts
---------------*/
#BackGroundWrap
{
	z-index: 100;
	width: 945px;
	height: 960px;
	/*position: relative;
	top: -960px;
	left: 0%;*/
}
#LeftPanelBG
{
	Width: 315px;
	Height: 960px;
	display:inline;
	float:left;
}
#LeftBGImage
{
	width: 315px;
	height: 960px;
	/*background-image: url(images/N2HHomeLeftPanelAnimated.gif);*/
	/*background-repeat: no-repeat;*/
	position: relative;
	top: 0px;
	left: 0px;
	z-index: 100;
}
#LogoImage
{
	width: 315px;
	height: 107px;
	background-image: url(images/N2HHomeLeftPanelaniLogo.gif);
	background-repeat: no-repeat;
	position: relative;
	top: 0px;
	left: 0px;/**/
	z-index: 200;
}
.HLP01 {
	width:315px; 
	height: 149px; 
	background-image: URL(images/XMasLeftPanel/slice01.gif);
	background-repeat:no-repeat;
}
.HLP02 {
	width:130px; 
	height:130px; 
	display:inline; 
	float:left; 
	background-image: URL(images/XMasLeftPanel/blink01.gif);
	background-repeat:no-repeat;
}
.HLP03 {
	width:185px; 
	height: 130px; 
	display:inline; 
	float:right; 
	background-image: URL(images/XMasLeftPanel/slice02.gif);
	background-repeat:no-repeat;
}
.HLP04 {
	width:315px; 
	height:21px; 
	background-image: URL(images/XMasLeftPanel/slice03.gif);
	background-repeat:no-repeat;
}
.HLP05 {
	width:72px; 
	height: 130px; 
	display:inline; 
	float:left; 
	background-image: URL(images/XMasLeftPanel/slice04.gif);
	background-repeat:no-repeat;
}
.HLP06 {
	width:130px; 
	height:130px; 
	display:inline; 
	float:left; 
	background-image: URL(images/XMasLeftPanel/blink02.gif);
	background-repeat:no-repeat;
}
.HLP07 {
	width:113px; 
	height: 130px; 
	display:inline; 
	float:right; 
	background-image: URL(images/XMasLeftPanel/slice05.gif);
	background-repeat:no-repeat;
}
.HLP08 {
	width:315px; 
	height:69px; 
	background-image: URL(images/XMasLeftPanel/slice06.gif);
	background-repeat:no-repeat;
}
.HLP09 {
	width:26px; 
	height: 130px; 
	display:inline; 
	float:left; 
	background-image: URL(images/XMasLeftPanel/slice07.gif);
	background-repeat:no-repeat;
}
.HLP10 {
	width:130px; 
	height:130px; 
	display:inline; 
	float:left; 
	background-image: URL(images/XMasLeftPanel/blink03.gif);
	background-repeat:no-repeat;
}
.HLP11 {
	width:159px; 
	height: 130px; 
	display:inline; 
	float:right; 
	background-image: URL(images/XMasLeftPanel/slice08.gif);
	background-repeat:no-repeat;
}
.HLP12 {
	width:315px; 
	height:23px; 
	background-image: URL(images/XMasLeftPanel/slice09.gif);
	background-repeat:no-repeat;
}
.HLP13 {
	width:164px; 
	height: 130px; 
	display:inline; 
	float:left; 
	background-image: URL(images/XMasLeftPanel/slice10.gif);
	background-repeat:no-repeat;
}
.HLP14 {
	width:130px; 
	height:130px; 
	display:inline; 
	float:left; 
	background-image: URL(images/XMasLeftPanel/blink04.gif);
	background-repeat:no-repeat;
}
.HLP15 {
	width:21px; 
	height: 130px; 
	display:inline; 
	float:right; 
	background-image: URL(images/XMasLeftPanel/slice11.gif);
	background-repeat:no-repeat;
}
.HLP16 {
	width:315px; 
	height:70px; 
	background-image: URL(images/XMasLeftPanel/slice12.gif);
	background-repeat:no-repeat;
}
.Blink01 {width:315px; height:130px;}
.Blink02 {width:315px; height:130px;}
.Blink03 {width:315px; height:130px;}
.Blink04 {width:315px; height:130px;}

#CenterPanelBG
{
	Width: 315px;
	Height: 960px;
	display: inline;
	float: left;
	background-image: url(images/N2HHomeCenterPanel.jpg);
	background-repeat: no-repeat;
}
#RightPanelBG
{
	Width: 315px;
	Height: 960px;
	display: inline;
	float: right;
	background-image: url(images/N2HHomeRightPanel.jpg);
	background-repeat: no-repeat;
}
/* --------------
Foreground Layouts
NOTE: Left Panel and elements Defined in skin.css as they are global
Might be moved here
---------------*/
/* --- Center Panel Items --- */
#ForegroundWrap
{
	z-index: 500;
	width: 945px;
	height: 960px;
	position: relative;
	top: -960px;
}
#LeftPanelFG
{
    width: 315px;
    height: 960px;
    display: inline;
    float: left;
    z-index: 500;
    /*border: solid 1px red;*/
    color: #FFFFFF;
}
#MenuWrap
{
	width:295px;
	height:400px;
	padding-right:30px;
}
#MenuArea
{
	width:295px;
	height:400px;
	text-align:right;
}
#PrivacyTermsArea
{
	width:295px;
	height:200px;
	font-weight: bold;
	text-align:right;
}
#PrivacyTermsArea a, #PrivacyTermsArea a:link, #PrivacyTermsArea a:visited
{
	text-decoration:none;
	color:#FFFFFF;
}
#CopyrightArea
{
	width:315px;
	height:40px;
	text-align:center;
	vertical-align:bottom;
}
#CenterPanelFG
{
    width: 315px;
    height: 960px;
    display: inline;
    float: left;
    z-index: 500;
    /*border: solid 1px green;*/
}
/* --- Right Panel Items --- */
#RightPanelFG
{
    width: 300px;
    height: 960px;
    display: inline;
    float: right;
    z-index: 500;
    /*border: solid 1px yellow;*/
}
#SearchArea
{
	Width: 315px;
	Height: 200px;
	padding-top:15px;
}
.SearchModule
{
	color:#FFFFFF;
	font-weight: bold;
}
.SearchModule a, a:link, a:visited, a:hover
{
	color: #FFFFFF;
}
#TickerArea
{
	Width: 315px;
	Height: 100px;
}
#ContentArea
{
	Width: 290px;
	Height: 600px;
	overflow: auto;
}