/*-----------------------------------------------------------------------------
Web Site:			Regal Portal

CteatedDate:		16.09.2008
Autor:				Ustyugova Svetlana

LastChangedDate:	16.09.2008
LastChangedBy:		created the styles of the home page
-----------------------------------------------------------------------------*/

@import url(generic/helper.css);
@import url(generic/reset.css);
@import url(modules/branding/footer.css);

/* Importing sifr styles */
@import url(modules/sifr3-372/sIFR-screen.css);


/* =General
-----------------------------------------------------------------------------*/

body {
	color: #fff;
	background: #252525;	
	}
	a, a:visited {
		color: #fff;
		text-decoration: underline;
		}
		a:hover {
			color: #fff;
			text-decoration: none;			
			}
	h1, h2, h3, h4, h5, span.heading {
		color: #fff;
		padding: 0 0 .6em;
		}
		h1 {
			font-size: 1.8em;
			}
		h2, h3, h4 { font-weight: bold;}
			h2, span.heading { font-size: 1.2em;}
				span.heading { padding: 0;}
			h3 { font-size: 1.2em;}
			h4 { font-size: 1.1em;}
		h5 { font-size: 1.1em;}
	p {padding: 0 0 0.6em;}
	
	img.right {
		float: right;
		padding: 0 0 0.6em 1.0em;
		}



/* =Main container boxes
-----------------------------------------------------------------------------*/

.container {
	width: 988px;
	margin: 0 auto;
	text-align:left;
	font-size: 1.1em;	
	}
	
/* =Home page
------------------------------------------------------------------------------*/

.topContent {
	width: 988px;
	min-height: 408px;
	height: auto !important;
	height: 408px;
	float: left;
	background: transparent url(/images/branding/top-content-bg.gif) no-repeat left bottom;
	position: relative;
	}
	.img-shop {
		position: absolute;
		left: 230px;
		bottom: -5px; 
		}
		.regal-shop-title {
			position: absolute;
			left: 284px;
			top: 164px;
			color: #737373;
			font-size: 2em;
			width: 300px;
			}
	.top-content-item {
		padding:213px 0 24px 24px;
		float: left;
		width: 213px;
		line-height: 1.7em;		
		}
	.topContent h1 {
		position: absolute;
		right: 24px;
		top: 80px;
		font-size: 2.9em;
		width: 435px;		
		}
	.topContent .logo {
		position: absolute;
		top: 10px;
		left: 5px;
		background: transparent url(/images/branding/logo.png) no-repeat;
		display: block;
		width: 247px;
		height: 185px;
		text-indent: -9999px;
		text-decoration: none;
		overflow: hidden;
		}
	span.heading {
		display: block;
		padding: 0 0 0.6em;
		}

.primaryContent,
.secondaryContent {
	background: transparent url(/images/branding/content-item-bg.gif) no-repeat top;
	float: left;			
	}
	.secondaryContent {
		float: right;
		margin-right: 137px;
		}
		.content-inner {
			width: 371px;
			w\idth: 181px;
			min-height: 162px;
			height: auto !important;
			height: 162px;
			background: transparent url(/images/branding/content-item-bottom-bg.gif) no-repeat bottom;
			position:relative;
			padding: 0 150px 40px 40px;						
			}
			.primaryContent .content-inner { z-index: 100;}
			.img-shadow {
				background: transparent url(/images/branding/image-shadow.png) no-repeat;
				padding: 24px;
				width: 230;
				height: 148px;
				position: absolute;
				top: 3px;
				left: 228px;
				z-index: 100;											
				}
			.cafe-regal,
			.regal-group {
				background: transparent url(/images/branding/logo-cafe-regal.png) no-repeat;
				display: block;
				width: 166px;
				height: 83px;
				text-indent: -9999px;
				overflow: hidden;
				}
				.regal-group {
					background: transparent url(/images/branding/logo-regal-group.png) no-repeat;				
					width: 152px;		
					margin-left:-23px;
					}
			.content-inner strong,
			.topContent strong {
				color: #d2ac67;
				}