﻿/******************************************************
	FRAMEWORK
******************************************************/
*{outline:0;}
html{color:#222;background:#fff;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,
form,fieldset,legend,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;width:100%;}
td{vertical-align:top;}
th{font-weight:normal;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%; font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym{border-bottom:1px dotted #000;cursor:help;font-variant:normal;}
sup{vertical-align:super;}
sub{vertical-align:sub;}
legend{color:#000;}
label{cursor:pointer;}
/* fonts */
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;
	font-style:inherit;font-weight:inherit;}
input,button,textarea,select{*font-size:100%;}
body{*font-size:small;*font:x-small;}
select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}
table{font-size:inherit;font:100%;}
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}

strong,dt{font-weight:bold;}
optgroup{font-weight:normal;}
em{font-style:italic;}
blockquote,ul,ol,dl{margin:10px;}
ol,ul,dl{margin-left:20px;}
ol li{list-style:decimal outside;}
ul li{list-style:disc outside;}
dl dd{margin-left:10px;}
th,td{padding:5px;}
p,fieldset,table,pre{margin-bottom:10px;}

html {background:#313A91 url('bg_repeat.jpg') repeat-x left -30px;}
html, body, .total_form {height:100%;}
body {font:12px/1.4 Georgia, Times New Roman; background:url('bg.jpg') no-repeat center -30px;}

/***§§§ — FOR ALL — §§§***/
a {text-decoration:underline; color:#337DBB;}
a:hover {text-decoration:none;}

.cb {clear:both; overflow:hidden; height:0!important; display:block!important; float:none!important; 
	font-size:0!important; width:auto!important; padding:0!important; margin:0!important;}
.display_inline {display:inline!important;}
.display_block {display:block!important;}
.display_none {display:none!important;}

.h10, .h15, .h20, .h25, .h30 {display:block!important; float:none!important; 
	padding:0!important; margin:0!important;}
.h10 {height:10px;}
.h15 {height:15px;}
.h20 {height:20px;}
.h25 {height:25px;}
.h30 {height:30px;}

h1{font-size:20px; margin:0 0 20px;}
h2{font-size:18px;}
h3{font-size:16px;}
h4{font-size:14px;}
h5{font-size:12px; font-weight:bold;}
h6{font-size:11px; font-weight:bold;}

/******************************************************
	TEMPLATE
******************************************************/
.wrapper {width:800px; margin:0 auto; position:relative;
    height:auto!important; min-height:100%; height:100%;}
.logo_main {position:absolute; top:109px; left:285px;}

/***§§§ — HEADER — §§§***/
.header .logo_samsung {float:left; padding:20px 0 0 6px;}
.header .logo_gastro {float:right; padding:40px 10px 0 0;}

.menu {text-align:center; margin:20px auto 0; width:600px;}
.menu a {display:block; width:150px; height:43px; padding:0; margin:0 0 55px; float:left;}
.menu a:hover {padding:55px 0 0; margin:0;}
.menu a img {display:none;}
.menu a:hover img {display:inline;}
.menu .challenge {background:url('menu_challenge.gif') no-repeat center top;}
.menu .challenge:hover {background:url('menu_challenge2.gif') no-repeat center top;}
.menu .prizes {background:url('menu_prizes.gif') no-repeat center top;}
.menu .prizes:hover {background:url('menu_prize2.gif') no-repeat center top;}
.menu .recipes {background:url('menu_recipes.gif') no-repeat center top;}
.menu .recipes:hover {background:url('menu_recipes2.gif') no-repeat center top;}
.menu .crafts {background:url('menu_crafts.gif') no-repeat center top;}
.menu .crafts:hover {background:url('menu_crafts2.gif') no-repeat center top;}

.menu .active {padding:55px 0 0; margin:0;}
.menu .active img {display:inline;}

/***§§§ — CONTENT — §§§***/
.content {background:#fff; padding:0 10px 30px; margin:215px 0 0;}
.content p {font-size:16px; text-align:center;}
.join_btn {margin:50px 0;}
.join_btn a {display:block; width:436px; height:176px; padding:40px 0 0; margin:0 auto;
	background:url('join.jpg') no-repeat left top; color:#B55277; font-weight:bold;
	text-decoration:none; font-size:14px; line-height:20px;}
.join_btn a span {color:#D12C23;}
.join_btn a span span {font-size:20px;}
.join_btn a:hover {text-decoration:underline;
	background:url('join_over.jpg') no-repeat left top;}

.btn2 a {background:url('join2.jpg') no-repeat left top;}
.btn2 a:hover {background:url('join2_over.jpg') no-repeat left top;}

.participants {margin:0 50px;}
.participants .photo_div {float:left; width:150px; height:230px; padding:0 10px;}
.participants p {margin:0; padding:0; font-size:12px;}
.participants .uspic {display:block; margin:0 auto 5px;}

.prizes {margin:30px 0;}
.prizes .item {margin:0 0 20px; float:right; width:680px; 
	background:url('prizes_bg.jpg') no-repeat 120px top;}
.prizes .item img {float:left; margin:5px 0 0;}
.prizes .item p {text-align:left; font-weight:bold; font-size:14px; line-height:16px; 
	height:90px; padding:15px 0 0; float:right; width:500px;}
.prizes .item p span {color:#888;}

.recipes {margin:60px 0 30px;}
.recipes .item {margin:0 0 60px; float:right; width:650px; padding:0 70px 0 0; 
	background:url('recipes_bg.jpg') no-repeat 130px top;}
.recipes .item img {float:left; width:173px; margin:5px 0 0;}
.recipes .item p {text-align:left; font-size:12px; line-height:18px;}
.recipes .item .what_need {text-align:left; font-weight:bold; 
	height:170px; float:right; width:460px;}
.recipes .item .what_need span {color:#888;}
.recipes .item .what_need h2 {margin:15px 0 5px; font-size:20px;}
.recipes .item .what_need p {line-height:16px;}
.recipes .item .what_do h3 {margin:10px 0 5px; font-size:17px;}

.crafts {margin:30px 0;}
.crafts .item {margin:0 0 20px; float:right; width:680px; 
	background:url('crafts_bg.jpg') no-repeat 120px top;}
.crafts .item img {float:left; margin:10px 0 0; width:166px;}
.crafts .item div {text-align:left; 
	height:220px; padding:15px 0 0; float:right; width:495px;}
.crafts .item div p {text-align:left; font-size:12px; line-height:21px; font-weight:bold; 
	padding:0 80px 0 0; color:#888;}
.crafts .item h2 {margin:10px 0; font-size:20px;}

/***§§§ — FOOTER — §§§***/
.footer {margin:50px 0 20px;}
.footer h2 {color:#fff; text-align:center;}
