/*
Theme Name: Innocent Theme by kubicastudio.com

*/
@font-face {
    font-family: 'VAGRoundedStdLightBold';
    src: url('./fonts/vagroundedstd-black-webfont.eot');
    src: url('./fonts/vagroundedstd-black-webfont.eot?#iefix') format('embedded-opentype'),
         url('./fonts/vagroundedstd-black-webfont.woff') format('woff'),
         url('./fonts/vagroundedstd-black-webfont.ttf') format('truetype'),
         url('./fonts/vagroundedstd-black-webfont.svg#VAGRoundedStdLightBold') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'VAGRoundedStdThinBold';
    src: url('./fonts/vagroundedstd-bold-webfont.eot');
    src: url('./fonts/vagroundedstd-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('./fonts/vagroundedstd-bold-webfont.woff') format('woff'),
         url('./fonts/vagroundedstd-bold-webfont.ttf') format('truetype'),
         url('./fonts/vagroundedstd-bold-webfont.svg#VAGRoundedStdThinBold') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'VAGRoundedStdLightRegular';
    src: url('./fonts/vagroundedstd-light-webfont.eot');
    src: url('./fonts/vagroundedstd-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('./fonts/vagroundedstd-light-webfont.woff') format('woff'),
         url('./fonts/vagroundedstd-light-webfont.ttf') format('truetype'),
         url('./fonts/vagroundedstd-light-webfont.svg#VAGRoundedStdLightRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'VAGRoundedStdThinRegular';
    src: url('./fonts/vagroundedstd-thin-webfont.eot');
    src: url('./fonts/vagroundedstd-thin-webfont.eot?#iefix') format('embedded-opentype'),
         url('./fonts/vagroundedstd-thin-webfont.woff') format('woff'),
         url('./fonts/vagroundedstd-thin-webfont.ttf') format('truetype'),
         url('./fonts/vagroundedstd-thin-webfont.svg#VAGRoundedStdThinRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

body{margin:0; font-family:Verdana, Arial; background:#FFF;}

#wrapper{
	float:left;
	position:relative;
	top:0;
	left:0;
	width:100%;
	height:auto;
}

/* Branding Header */
#branding{
	border: none;
	position: relative;
	background: #FFF;
	height: 140px;
	width: 970px;
	padding: 20px 28px 0 28px;
}
#branding img {
  position: absolute;
  top: 44px;
  left: 0;
}
#topmenu {
  position: relative;
  top: 58px;
  left: 0px;
  display: block;
}
/* End Branding Header */

#wrapper #site{
	position:relative;
	width:968px;
	height:1280px;
	margin:auto;
	clear:both;
	background:url(./img/bg.jpg) 0 0 no-repeat;
}
#wrapper #site .header{
	position:relative;
	float:left;
	width:1025px;
	height:auto;
	clear:both;
	margin-bottom:35px;
	cursor:pointer;
}
#wrapper #site .header img.special{
	position:absolute;
	top:5px;
	left:15px;
}
#wrapper #site .cont{
	position:relative;
	margin:auto;
	width:974px;
	height:431px;
	clear:both;
	background:url(./img/square.png) 1px top no-repeat;
}
#wrapper #site .cont .left{
	position:relative;
	float:left;
	width:465px;
	height:400px;
	margin:15px 0 0 15px;
}
#wrapper #site .cont .left h2{
	float:left;
	width:465px;
	clear:both;
	font-family: 'VAGRoundedStdThinBold';
	font-size:30px;
	color:#fff;
}
#wrapper #site .cont .left span{
	float:left;
	width:465px;
	clear:both;
	font-family: 'VAGRoundedStdThinBold';
	font-size:23px;
	color:#fff;
}
#wrapper #site .cont .left img{
	float:left;
	clear:both;
	margin:0 0 0 40px;
}
#wrapper #site .cont .left .clouds{
	position:relative;
	float:left;
	clear:both;
	margin:25px 0 0 5px;
	background:url(./img/clouds.png) left top no-repeat;
	width:448px;
	height:219px;
}
#wrapper #site .cont .left .clouds a, #wrapper #site .cont .left .clouds a:visited {
	color:#009ddc;
}
#wrapper #site .cont .left .clouds span{
	color:#009ddc;
	font-family: 'VAGRoundedStdThinBold';
	font-weight:bold;
	font-size:23px;
	width:120px;
	text-align:center;
}
#wrapper #site .cont .left .clouds span.cloud1{
	position:absolute;
	top:25px;
	left:15px;
}
#wrapper #site .cont .left .clouds span.cloud2{
	position:absolute;
	top:145px;
	left:20px;
}
#wrapper #site .cont .left .clouds span.cloud3{
	position:absolute;
	top:75px;
	left:165px;
}
#wrapper #site .cont .left .clouds span.cloud4{
	position:absolute;
	top:20px;
	right:15px;
}
#wrapper #site .cont .left .clouds span.cloud5{
	position:absolute;
	top:160px;
	right:10px;

}
#wrapper #site form{
	position:relative;
	margin:auto;
	width:974px;
	height:432px;
	clear:both;
	background:url(./img/form-square.png) 1px top no-repeat;
}
#wrapper #site form .left{
	float:left;
	width:465px;
	height:400px;
	margin:15px 0 0 15px;
}
#wrapper #site form .left label{
	float:left;
	width:220px;
	font-family: 'VAGRoundedStdThinBold';
	font-size:16px;
	color:#fff;
	margin-top:5px;
	text-align:left;
}
#wrapper #site form .left input,#wrapper #site form .left select{
	float:left;
	width:220px;
	font-family: 'VAGRoundedStdThinBold';
	font-size:15px;
	color:#000;
	margin-top:5px;
	border: #252d37 solid 1px;
	text-indent:5px;
}
#wrapper #site form .left .colour{
	float:left;
	width:220px;
	font-family: 'VAGRoundedStdThinBold';
	font-size:16px;
	color:#000;
	margin-top:5px;
}
#wrapper #site form .left .colour input{
	float:left;
	width:15px;
	margin:10px 5px 5px 0;
	border: none;
}
#wrapper #site form .left .colour  label{
	float:left;
	width:80px;
	font-family: 'VAGRoundedStdThinBold';
	font-size:16px;
	color:#fff;
	text-align:left;
}
#wrapper #site form .left .enter{
	float:right;
	width:141px;
	height:49px;
	background:url(./img/enter.png) left top no-repeat;
	margin:15px 0 0 0;
	text-indent:-99999px;
	/*clear:both;*/
}
#wrapper #site form .left .browse{
	float:right;
	width:250px;
	margin-top:5px;
}
#wrapper #site form .left .browse a.qq-upload-cancel{
	color:#666;
}
#wrapper #site form .left .browse span{
	float:right;
	width:150px;
	clear:none;
	font-family: Arial;
	font-size:9px;
	color:#666;
	margin-top:5px;
}
#wrapper #site form .left h2{
	float:left;
	width:465px;
	clear:both;
	font-family: 'VAGRoundedStdThinBold';
	font-size:30px;
	color:#fff;
}
#wrapper #site form .left span{
	float:left;
	width:465px;
	clear:both;
	font-family: 'VAGRoundedStdThinBold';
	font-size:23px;
	color:#fff;
}
#wrapper #site form .left img{
	float:left;
	clear:both;
	margin:25px 0 25px 0;
}
#wrapper #site .download{
	position:relative;
	margin:auto;
	width:974px;
	height:147px;
	clear:both;
	background:url(./img/download-square.png) 1px top no-repeat;
	margin-top:10px;
}
#wrapper #site .download .text{
	float:left;
	color:#5a87df;
	font-family: 'VAGRoundedStdThinBold';
	margin:35px 0 0 5px;
}
#wrapper #site .download .text a{
	color: #5A87DF;
}
#wrapper #site .download .text a:hover{
	color: #FFF;
}
#wrapper #site .download .text h5{
	font-size:30px;
	float:left;
	clear:both;
}
#wrapper #site .download .text span{
	font-size:22px;
	float:left;
	clear:both;
}
#wrapper #site .download img{
	float:left;
	margin:25px 0 0 140px;
}
#wrapper #site .header h1{
	position:relative;
	width:258px;
	height:88px;
	clear:both;
	margin:auto;
	background:url(./img/logo.png) left top no-repeat;
	text-indent:-99999px;
	margin-top:10px;
}
#wrapper #site .header h4{
	position:relative;
	width:100%;
	text-align:center;
	height:auto;
	clear:both;
	margin:auto;
	margin-top:10px;
	font-family: 'VAGRoundedStdThinBold';
	color:#fff;
	font-size:40px;
}
#wrapper #site .cloud{
	position:absolute;
	bottom: 150px;
	right:15px;
}
#wrapper #site .arrow1{
	position:absolute;
	bottom: 25px;
	left:93px;
	background:url(./img/arrow1.png) left bottom no-repeat;
	width: 166px;
	height: 278px;
}
#wrapper #site .arrow2{
	position:absolute;
	bottom: 35px;
	left:390px;
background:url(./img/arrow2.png) left bottom no-repeat;
	width:150px;
	height:350px;
}
#wrapper #site .arrow3{
	position:absolute;
	bottom: 35px;
	left:600px;
	background:url(./img/arrow3.png) left bottom no-repeat;
	width:164px;
	height:350px;
}
#wrapper #site .arrow4{
	position: absolute;
	bottom: 114px;
	left: 252px;
	background: none;
	width: 125px;
	height: 267px;
}
#wrapper #site .logo-footer{
	position:absolute;
	bottom: 25px;
	right:20px;
}
#wrapper #site .footer{
	position:absolute;
	bottom:7px;
	left:33%;
	width:1025px;
	height:auto;
	clear:both;
	font-family: 'VAGRoundedStdThinBold';
	color:#fff;
	font-size:13px;
}
#wrapper #site .footer span{
	float:left;
	margin-top:0;
	margin:2px 0 0 5px;
	color: white;
}
#wrapper #site .footer img{
	float:left;
	margin:0 0 0 5px;
}

/* ======== lightbox page =============== */

#shadowbox {
  width: 100%;
  height: 100%;
  background: url(img/shadowbox.png);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10000;
  display: none;
}
/* POPUPS */
#wrapper #site .cloudsBig{
	position:relative;
	margin:auto;
	width:974px;
	height:230px;
	clear:both;
}
#wrapper #site .cloudsBig .cloud1{
	position:absolute;
	top:25px;
	left:0px;
	background:url(./img/cloud1.png) left top no-repeat;
	width:425px;
	height:210px;
	display:none;
	padding:20px 0 0 55px;
}
#wrapper #site .cloudsBig .cloud1 h5{
	float:left;
	width:146px;
	height:43px;
	clear:both;
	background:url(./img/title-cloud1.png) left top no-repeat;
	text-indent:-99999px;
}
#wrapper #site .cloudsBig .cloud1 p{
	float:left;
	width:290px;
	height:auto;
	clear:both;
	text-align:left;
	color:#1d1d1b;
	font-size:13px;
	font-family: 'VAGRoundedStdLightRegular';
}
#wrapper #site .cloudsBig .cloud1 span{
	color:#b20933;
}
#wrapper #site .cloudsBig .cloud1 a{
	float:left;
	width:150px;
	height:auto;
	clear:both;
	color:#ff0000;
	font-size:13px;
	font-family: 'VAGRoundedStdLightRegular';
	text-decoration:underline;
}
#wrapper #site .cloudsBig .cloud2{
	position:absolute;
	top:0px;
	left:250px;
	background:url(./img/cloud2.png) left top no-repeat;
	width:479px;
	height:225px;
	display:none;
	padding:35px 0 0 70px;
}
#wrapper #site .cloudsBig .cloud2 h5{
	float:left;
	width:215px;
	height:auto;
	clear:both;
	background:url(./img/for-kids.png) right top no-repeat;
	color:#3fa535;
	font-family: 'VAGRoundedStdThinBold';
	font-size:20px;
}
#wrapper #site .cloudsBig .cloud2 p{
	float:left;
	width:280px;
	height:auto;
	clear:both;
	text-align:left;
	color:#1d1d1b;
	font-size:13px;
	font-family: 'VAGRoundedStdLightRegular';
}
#wrapper #site .cloudsBig .cloud2 span{
	color:#3fa535;
}
#wrapper #site .cloudsBig .cloud2 a{
	float:left;
	width:150px;
	height:auto;
	clear:both;
	color:#ff0000;
	font-size:13px;
	font-family: 'VAGRoundedStdLightRegular';
	text-decoration:underline;
}

#wrapper #site .cloudsBig .cloud3{
	position:absolute;
	top:15px;
	left:450px;
	background:url(./img/cloud3.png) left top no-repeat;
	width:470px;
	height:227px;
	display:none;
	padding:30px 0 0 53px;
}
#wrapper #site .cloudsBig .cloud3 h5{
	float:left;
	width:215px;
	height:auto;
	clear:both;
	background:url(./img/for-kids.png) right top no-repeat;
	color:#ec6309;
	font-family: 'VAGRoundedStdThinBold';
	font-size:20px;
}
#wrapper #site .cloudsBig .cloud3 p{
	float:left;
	width:260px;
	height:auto;
	clear:both;
	text-align:left;
	color:#1d1d1b;
	font-size:13px;
	font-family: 'VAGRoundedStdLightRegular';
}
#wrapper #site .cloudsBig .cloud3 span{
	color:#ec6309;
}
#wrapper #site .cloudsBig .cloud3 a{
	float:left;
	width:150px;
	height:auto;
	clear:both;
	color:#ff0000;
	font-size:13px;
	font-family: 'VAGRoundedStdLightRegular';
	text-decoration:underline;
}
#wrapper #site form .left #success-msg{
	float: right;
	width:352px;
	/*clear:both;*/
	font-family: 'VAGRoundedStdThinBold';
	font-size: 18px;
	color:#fff;
	margin: 10px auto;
}
#wrapper #site form .left #success-msg span a{
	color: #fff;
	text-decoration: underline;
}
#wrapper #site form .left #success-msg span{
	font-size: 14px;
	margin-top: 3px;
}

/*
#upload_container div{
	float: left;
	margin: 23px 9px 0 10px;
}*/
#upload_container{
	float: right;
	clear: both;
	width: 100%;
}
#fb-container-custom {
	width: 46px;
	position: absolute;
	top: 86px;
	right: 85px;
	height: 21px;
	overflow: hidden;
}
#fb-container-custom2{
	width: 92px;
	float:right;
	top: 86px;
	right: 85px;
	height: 22px;
	overflow: hidden;
	margin: 28px 0 0 17px;
}