/****************************************************** 
	Title:    Biser Oliva
	Author:   Martin Metodiev
	Company:  Mag Studio
	Updated:  03/07/2009
	Style:    DEFAULT Stylesheet
******************************************************/



/****************************************************** 
	LIST OF CONTENTS

		Global styles:		:	Common
							:	Clearfix
							:	Links
							:	Headings
							:	Forms
							:	Tables
							:	CMS input


		Layout:				:	Body
							:	Wrapper
							:	Header
							:	Main
							:	Sidebar
							:	Footer


		Layout elements		:	Logo
							:	Search
							:	Toolbar
							:	Tooltip
							:	Scrollbar
							:	Copyright
							:	Mag Studio


		Navigation:			:	Quick menu
							:	Main menu
							:	Sub menu
							:	Footer menu


		Page elements:		:	Breadcrumbs
							:	Paginator
							:	Music player
							:	Video player
							:	Banners
							:	Quotes
							:	Downloads


		Home page			:	Wrapper
							:	Main
							:	Badge
							:	Voucher
							:	Text box
							:	Footer


		Inner pages:		:	Winners
							:	Multimedia

******************************************************/



/* ************************ GLOBAL STYLES */

/* .................... Common */
	span.date {
		
	}

	a.arrow {
		
	}
/* ........................... */


/* .................. Clearfix */
	div#header:after,
	div#main:after,
	div#footer:after,
	div.paginator:after,
	div.paginator ol:after,
	div.multimedia div.type:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
		font-size: 0pt;
	}
/* ........................... */


/* ..................... Links */
	a {
		text-decoration: none;
		color: #b81015;
	}

		a:hover {
			text-decoration: underline;
		}
/* ........................... */


/* .................. Headings */
	h1 {
		font: bold 3.4em Arial, Helvetica, sans-serif; /*34px*/
		padding-bottom: 50px;
		color: #333;
	}

	h2 {
		font: bold 2.4em Arial, Helvetica, sans-serif; /*24px*/
		color: #333;
	}

	h3 {
		
	}

	h4 {
		
	}

	h5 {
		
	}

	h6 {
		
	}
/* ........................... */


/* ..................... Forms */
	
/* ........................... */


/* .................... Tables */
	
/* ........................... */


/* ................. CMS input */
	div.text {
		font: normal 1.4em Arial, Helvetica, sans-serif;
		color: #333;
	}


		div.text h1 {
			font: bold 2.43em Arial, Helvetica, sans-serif; /*34px*/
		}

		div.text p {
			padding-bottom: 20px;
		}

		div.text img {
			padding: 0px 3px 20px;
		}
/* ........................... */





/* ******************************* LAYOUT */

/* ...................... Body */
	body {
		background-color: #EA8723;
	}
/* ........................... */


/* ................... Wrapper */
	div#wrapper {
		background: url(../images/site_images/backgrounds/bgr_glow.png) center 61px no-repeat;
		height: 100%;
	}

		div#wrapper_top {
			background: url(../images/site_images/backgrounds/bgr_white_line.gif) center top repeat-x;
			min-height: 49em; /*490px*/
		}

			div#wrapper_layout {
				width: 96em; /*960px*/
				margin: 0px auto;
				position: relative;
			}
/* ........................... */


/* .................... Header */
	div#header {
		height: 14.5em; /*145px*/
		position: relative;
		z-index: 100;
	}

		div#header div.flower {
			position: absolute;
			width: 9em; /*90px*/
			height: 8.7em; /*87px*/
			top: 112px;
			right: 22px;
		}
/* ........................... */


/* ...................... Main */
	div#main {
		position: relative;
		z-index: 10;
	}
/* ........................... */


/* ................... Sidebar */
	div#sidebar {
		width: 24.5em; /*245px*/
		float: left;
	}
/* ........................... */


/* ................... Content */
	div#content {
		float: right;
		width: 71.5em; /*715px*/
	}

		div#content div.top,
		div#content div.bottom {
			height: 4em; /*40px*/
			background-position: 0px 0px;
			background-repeat: no-repeat;
		}

		div#content div.top {
			background-image: url(../images/site_images/backgrounds/bgr_content_top.png);
		}

		div#content div.bottom {
			background-image: url(../images/site_images/backgrounds/bgr_content_bottom.png);
		}

		div#content div.content_holder {
			background: url(../images/site_images/backgrounds/bgr_content_line.gif) center center repeat-y;
			padding: 0px 45px;
		}
/* ........................... */


/* .................... Footer */
	div#footer {
		font: normal 1.2em Arial, Helvetica, sans-serif; /*12px*/
		color: #333;
		line-height: 1.83em; /*22px*/
		margin: 25px 0px;
		padding: 0px 30px;
	}
/* ........................... */





/* ********************** LAYOUT ELEMENTS */

/* ...................... Logo */
	div#logo {
		width: 19.2em; /*192px*/
		height: 10.6em; /*106px*/
		float: left;
		margin-top: 30px;
	}
/* ........................... */


/* ................. Languages */
	div.languages {
		
	}

		div.languages ul {
			
		}

			div.languages ul li {
				
			}

				div.languages ul li a {
					
				}

					div.languages ul li a:hover {
						
					}

				div.languages ul li a.active {
					
				}

					div.languages ul li a.active:hover {
						
					}
/* ........................... */


/* .................... Search */
	div.search {
		
	}
/* ........................... */


/* ................... Toolbar */
	div.toolbar {
	
	}
/* ........................... */


/* ................... Tooltip */
	div.tooltip {
		
	}
/* ........................... */


/* ................. Scrollbar */
	div.scrollbar {
		
	}
/* ........................... */


/* ................. Copyright */
	div.copyright {
		float: left;
	}
/* ........................... */


/* ................ Mag Studio */
	div.magstudio {
		float: right;
		color: #B81015;
	}

		div.magstudio * {
			float: left;
		}

		div.magstudio span {
			padding: 0px 5px;
		}

		div.magstudio a {
			cursor: pointer;
		}

				div.magstudio a img {
					
				}
/* ........................... */





/* *************************** NAVIGATION */

/* ................ Quick menu */
	div#quick_menu {
		
	}

		div#quick_menu ul {
			
		}

			div#quick_menu ul li {
				
			}

				div#quick_menu ul li a {
					
				}

					div#quick_menu ul li a:hover {
						
					}

			div#quick_menu ul li.first {
				
			}

				div#quick_menu ul li.first a {
					
				}

					div#quick_menu ul li.first a:hover {
						
					}

			div#quick_menu ul li.last {
				
			}

				div#quick_menu ul li.last a {
					
				}

					div#quick_menu ul li.last a:hover {
						
					}
/* ........................... */


/* ................. Main menu */
	div#main_menu {
		float: left;
		font: bold 1.7em Arial, Helvetica, sans-serif; /*17px*/
		text-transform: uppercase;
		height: 2.12em; /*36px*/
		margin: 50px 0px 0px 78px;
	}

		div#main_menu ul {
			height: 100%;
		}

			div#main_menu ul li {
				float: left;
				height: 100%;
				line-height: 2.12em; /*36px*/
				border-right: 1px solid #fad309;
				padding: 0px 10px;
			}

				div#main_menu ul li a {
					color: #333;
				}

				div#main_menu ul li.active span {
					color: #B81015;
				}

					div#main_menu ul li a:hover {
						color: #B81015;
					}

			div#main_menu ul li.first {
				padding-left: 0px;
			}

				div#main_menu ul li.first a {
					
				}

					div#main_menu ul li.first a:hover {
						
					}

			div#main_menu ul li.last {
				border-right: 0px;
				padding-right: 0px;
			}

				div#main_menu ul li.last a {
					
				}

					div#main_menu ul li.last a:hover {
						
					}
/* ........................... */


/* .................. Sub menu */
	div#sub_menu {
		
	}

		div#sub_menu ul {
			
		}

			div#sub_menu ul li {
				
			}

				div#sub_menu ul li a {
					
				}

					div#sub_menu ul li a:hover {
						
					}

			div#sub_menu ul li.first {
				
			}

				div#sub_menu ul li.first a {
					
				}

					div#sub_menu ul li.first a:hover {
						
					}

			div#sub_menu ul li.last {
				
			}

				div#sub_menu ul li.last a {
					
				}

					div#sub_menu ul li.last a:hover {
						
					}
/* ........................... */


/* ............... Footer menu */
	div#footer_menu {
		
	}

		div#footer_menu ul {
			
		}

			div#footer_menu ul li {
				
			}

				div#footer_menu ul li a {
					
				}

					div#footer_menu ul li a:hover {
						
					}

			div#footer_menu ul li.first {
				
			}

				div#footer_menu ul li.first a {
					
				}

					div#footer_menu ul li.first a:hover {
						
					}

			div#footer_menu ul li.last {
				
			}

				div#footer_menu ul li.last a {
					
				}

					div#footer_menu ul li.last a:hover {
						
					}
/* ........................... */





/* ************************ PAGE ELEMENTS */

/* ............... Breadcrumbs */
	div.breadcrumbs {
		
	}

		div.breadcrumbs ul {
			
		}

			div.breadcrumbs ul li {
				
			}

				div.breadcrumbs ul li a {
					
				}

					div.breadcrumbs ul li a:hover {
						
					}

			div.breadcrumbs ul li.first {
				
			}

				div.breadcrumbs ul li.first a {
					
				}

					div.breadcrumbs ul li.first a:hover {
						
					}

			div.breadcrumbs ul li.last {
				
			}

				div.breadcrumbs ul li.last a {
					
				}

					div.breadcrumbs ul li.last a:hover {
						
					}
/* ........................... */


/* ................. Paginator */
	div.paginator {
		border-top: 1px solid #fad309;
		padding: 20px 45px 0px;
		font: normal 1.4em Arial, Helvetica, sans-serif;
		color: #333;
		margin: 20px -45px 0px;
	}

		div.paginator ol {
			float: right;
		}

			div.paginator ol li {
				float: left;
				background: url(../images/site_images/backgrounds/breakline_paginator.gif) right 2px no-repeat;
			}

			div.paginator ol li.last {
				background: none;
			}

				div.paginator ol li a {
					color: #333;
					padding: 0px 10px;
				}

				div.paginator ol li.active a {
					color: #B81015;
				}

					div.paginator ol li a:hover {
						color: #B81015;
						text-decoration: underline;
					}
/* ........................... */


/* .............. Music player */
	div.music_player {
		
	}
/* ........................... */


/* .............. Video player */
	div.video_player {
		
	}
/* ........................... */


/* ................... Banners */
	div#sidebar div.banners {
		position: relative;
		top: 48px;
		left: -12px;
	}
/* ........................... */


/* .................... Quotes */
	div.quotes {
		background: url(../images/site_images/backgrounds/quotes.gif) 15px top no-repeat;
		font: italic 1.3em Arial, Helvetica, sans-serif; /*13px*/
		margin-top: 30px;
	}

		div.quotes div {
			background: url(../images/site_images/backgrounds/quotes.gif) 165px bottom no-repeat;
			padding: 15px 0px 15px 35px;
		}
/* ........................... */


/* ................. Downloads */
	div.downloads {
		font: normal 1.4em Arial, Helvetica, sans-serif;
		background-color: #fffa99;
		padding: 15px;
	}

		div.downloads a {
			background: url(../images/site_images/icons/clip.png) left 0px no-repeat;
			padding: 3px 0px 3px 30px;
			text-decoration: underline;
		}

			div.downloads a:hover {
				text-decoration: none;
			}
/* ........................... */





/* **************************** HOME PAGE */

/* ................... Wrapper */
	body.home_page div#wrapper_top {
		background: url(../images/site_images/backgrounds/home_page_bgr_white_line.gif) center top repeat-x;
		min-height: 38.6em; /*386px*/
	}
/* ........................... */


/* ...................... Main */
	body.home_page div#main {
		background: url(../images/site_images/backgrounds/home_page.png) center 8px no-repeat;
		min-height: 61.7em; /*617px*/
	}
/* ........................... */


/* ................... Sidebar */
	body.home_page div#sidebar {
		position: absolute;
	}
/* ........................... */


/* ..................... Badge */
	div.badge {
		width: 47.8em; /*478px*/
		height: 25em; /*250px*/
		background: url(../images/site_images/backgrounds/badge_glow.png) 0px 0px no-repeat;
		position: absolute;
		left: -130px;
		top: 196px;
	}
/* ........................... */


/* ................... Voucher */
	div.voucher {
		width: 34.6em; /*346px*/
		height: 32.9em; /*329px*/
		background: url(../images/site_images/backgrounds/win_me_glow.png) 0px 0px no-repeat;
		right: -25px;
		top: 26px;
		position: absolute;
	}

		div.voucher a {
			width: 277px;
			height: 349px;
			display: block;
			position: relative;
			top: -83px;
			left: 50px;
		}

			div.voucher a img {
				width: 100%;
				height: 100%;
				position: relative;
				top: -1px;
			}
/* ........................... */


/* .................. Text box */
	div.text_box {
		width: 34.62em; /*900px*/
		height: 1.92em; /*50px*/
		position: absolute;
		top: 14.08em; /*366px*/
		left: 0.42em; /*11px*/
		font: italic 2.6em "Trebuchet MS", Arial, Helvetica, sans-serif; /*26px*/
		color: #FFF;
		z-index: 100;
		padding: 0px 19px;
	}

		div.text_box span {
			line-height: 1.7em; /*50px*/
		}

		div.text_box span.send,
		div.text_box span.number {
			float: left;
		}

		div.text_box span.number {
			font-size: 1.35em; /*35px*/
			line-height: 1.3em;
			margin-left: 67px;
		}

		div.text_box span.win {
			float: right;
		}
/* ........................... */


/* .................... Footer */
	body.home_page div#footer {
		clear: both;
		position: relative;
		top: 40em; /*480px*/
		margin-top: 0px;
	}
/* ........................... */





/* ************************** INNER PAGES */

/* ................... Winners */
	ul.winners {
		margin: 0px -44px;
		font: normal 1.4em Arial, Helvetica, sans-serif; /*14px*/
		color: #333;
	}

		ul.winners li {
			height: 3.21em; /*45px*/
			line-height: 3.21em; /*45px*/
			padding: 0px 44px;
		}

			ul.winners li span.pngfix {
				font: bold 0.79em Arial, Helvetica, sans-serif; /*11px*/
				color: #FFF;
				background: url(../images/site_images/backgrounds/winner_nubmer.png) 0px 0px no-repeat;
				float: left;
				margin: 7px 15px 0px 0px;
				overflow: hidden;
				padding: 6px;
			}

				ul.winners li span.pngfix span {
					width: 1.64em; /*18px*/
					height: 1.64em; /*18px*/
					line-height: 1.64em; /*18px*/
					text-align: center;
					float: left;
					overflow: hidden;
				}

		ul.winners li.even {
			background-color: #fff97d;
			border-top: 1px solid #fad309;
			border-bottom: 1px solid #fad309;
			position: relative;
		}

			ul.winners li.even img {
				position: absolute;
				width: 128px;
				height: 93px;
				right: 44px;
				top: -32px;
			}
/* ........................... */


/* ................ Multimedia */
	div.multimedia {
		margin: 45px -44px 0px;
	}

		div.multimedia div.type {
			padding-bottom: 70px;
		}

		div.multimedia div.wallpapers {
			padding-bottom: 0px;
		}

			div.multimedia div.type div.icon {
				background-color: #fff97d;
				border-top: 1px solid #fad309;
				border-bottom: 1px solid #fad309;
				height: 45px;
				position: relative;
				padding: 0px 44px;
			}

			h2 {
				padding: 20px 44px;
			}

			div.multimedia div.type div.icon img {
				position: absolute;
				top: -48px;
				left: 44px;
			}

		div.multimedia div.type ul {
			font: normal 1.3em Arial, Helvetica, sans-serif; /*13px*/
			margin-left: 44px;
			float: left;
			width: 256px;
		}

			div.multimedia div.type ul li {
				padding-bottom: 10px;
			}

				div.multimedia div.type ul li a {
					padding-left: 12px;
					background: url(../images/site_images/bullets/download.gif) left 7px no-repeat;
					color: #333;
					text-decoration: underline;
				}

					div.multimedia div.type ul li a:hover {
						text-decoration: none;
					}
/* ........................... */