/**
  * WHYnot?
  * @version 1.0.0
  * @copyright (C) 2008 by Be&Partners (Be S.r.l.) and Simone Conti
 **/
 
 
/* # GENERAL # */

BODY,
.bodywhite {
	color                : #eaeaea;
	background-color     : #000000;
	border               :  0px;
	margin               :  0px;
	padding              :  0px;
	text-align           : center;
	font-size            : 12px;
	line-height          : 14px; 
	font-family          : "Trebuchet", "Trebuchet MS", "Helvetica", "Helv", "Arial", "Microsoft Sans Serif"; 
}

.bodywhite {
	background-color	: #ffffff;
	color				: #242526;
	line-height         : 16px; 
}

h1 {
	font-size            : 40px;
	line-height          : 44px; 
}

.biglikeh1 {
	font-size            : 40px;
}

.giant {
	font-size            : 90px;
}

h2,
h2.white {
	font-size            : 28px;
	line-height          : 34px; 
}

h2.white {
	color				 : #eaeaea;
}

p {
	font-size            : 16px;
	line-height          : 20px;
}

p.red {
	color				 : #c20e1a;
	font-size            : 24px;
	line-height          : 26px;
}

.rightaligned{
	float: right; 
	text-align: right
}
.center {
	text-align  		 : center;
}

span.red {
	color				 : #c20e1a;
}

.red {
	color				 : #c20e1a;
}

strong {
	color                : #ffffff;
	font-size            : 1.1em;
	line-height          : 1.2em;
	font-weight          : bolder;
}

strong.blue {
	color                : #0156b9;
	font-size            : 1.1em;
	line-height          : 1.2em;
	font-weight          : bolder;
}

.ending {
	float   : none;
	display : block;
	clear   : both;
}

ul {
	font-size  : 1.2em;
	line-height: 1.5em;
}

#teacher {
	position: relative;
	top: -30px;
}

#appunti {
	padding-top: 80px;
	width: 400px;
}

#certified {
}

div.foto {
	float: right;
}

div.redbox,
div.bluebox,
div.cyanbox,
div.blackbox,
div.greybox,
div.bluegreybox,
div.orangebox,
div.goldbox,
div.crimsonbox,
div.yellowbox,
div.peachbox,
div.violetbox {
	position             : relative;
	left                 : -30px;
	width                : 680px;
	padding-left         :  30px;
	padding-top          :  10px;
	padding-right        :  30px;
	padding-bottom       :  15px;
}

div.redbox {
	background           : #c20e1a;
}

div.bluebox {
	background           : #0156b9;
}

div.cyanbox {
	background           : #9ccff3;
}

div.blackbox {
	background           : #000000;
}
div.blackbox h2 {
	margin: 0px;
}

div.blackbox p {
	margin-bottom: 0px;
}

div.greybox {
	background           : #70706f;
}

div.bluegreybox {
	background           : #38606a;
}

div.orangebox {
	background           : #d6652e;
}

div.goldbox {
	background           : #cfbe84;
}

div.crimsonbox {
	background           : #b91622;
}

div.yellowbox {
	background           : #ffde00;
}

div.peachbox {
	background           : #f9b233;
}

div.violetbox {
	background           : #5a5374;
}

h1 big {
	font-size: 2.0em;
	line-height: 1.0em;
}

small.black {
	color: #222222;
	font-size: 0.75em;
}

.black {
	color: #00000;
}

.white {
	color: #eaeaea;
}

.cyan {
	color: #9ccff3;
}

.blue {
	color: #0156b9;
}

.grey {
	color: #70706F;
}

.bluegrey {
	color: #38606a;
}

.orange {
	color: #d6652e;
}

.golden {
	color: #CFBE84;
}

.crimson {
	color : #b91622;
}

.violet {
	color : #5a5374;
}

.markerwhite {
	background: #fff;
	padding: 3px;
}

/* @end */

/* # CANVAS # */

#canvas {
	margin           :   0px auto;
	border           :   0px;
	padding          :   0px;
	width            : 800px;
	min-width        : 800px;
	max-width        : 800px;
	text-align       : center;
	overflow         : hidden;
}

#header,
#headersmaller,
#headerbigger,
#headerblue,
#headerblack,
#headercrimson,
#headerorange,
#headerbiggerblue,
#headerbiggergrey,
#headergiantgrey,
#headergiantbluegrey,
#headerbiggerbluegrey,
#headerbiggerblack,
#headergiantblack,
#headergiantorange,
#headerhugeorange,
#headersmallerblue,
#headersmallerblack,
#headeryellow,
#headerpeach,
#headerviolet {
	background       : #c20e1a;
	color			 : #eaeaea;
	padding-top      :  30px;
	padding-left     :  60px;
	padding-right    :  60px;
	width            : 700px;
	min-width        : 700px;
	max-width        : 700px;
	height           : 210px;
	min-height       : 210px;
	max-height       : 210px;	
	text-align       : left;
}

#headersmaller {
	height           : 150px;
	min-height       : 150px;
	max-height       : 150px;	
}

#headerbigger {
	height           : 250px;
	min-height       : 250px;
	max-height       : 250px;	
}

#headerblue {
	background       : #0156b9;
}

#headerblack {
	background       : #000;
}

#headercrimson {
	background       : #b91622;
}

#headerorange {
	background       : #d6652e;
}

#headerbiggerblue {
	background       : #0156b9;
	height           : 280px;
	min-height       : 280px;
	max-height       : 280px;    
}

#headerbiggergrey {
	background       : #70706F;
	height           : 210px;
	min-height       : 210px;
	max-height       : 210px;    
}
#headerbiggergrey h1 {
	font-size       : 37px;	
}

#headergiantgrey {
	background       : #70706F;
	height           : 250px;
	min-height       : 250px;
	max-height       : 250px;    
}
#headergiantgrey h1 {
	font-size       : 37px;	
}

#headergiantbluegrey {
	background       : #38606a;
	height           : 210px;
	min-height       : 210px;
	max-height       : 210px;    
}
#headergiantbluegrey h1 {
	font-size       : 37px;    
}

#headergiantorange {
	background       : #d6652e;
	height           : 210px;
	min-height       : 210px;
	max-height       : 210px;    
}
#headergiantorange h1 {
	font-size       : 37px;    
}

#headerhugeorange {
	background       : #d6652e;
	height           : 320px;
	min-height       : 320px;
	max-height       : 320px;    
}
#headerhugeorange h1 {
	font-size       : 37px;    
}

#headerbiggerbluegrey {
	background       : #38606a;
	height           : 210px;
	min-height       : 210px;
	max-height       : 210px;    
}
#headerbiggerbluegrey h1 {
	font-size       : 37px;	
}

#headerbiggerblack {
	background       : #000;
	height           : 210px;
	min-height       : 210px;
	max-height       : 210px;    
}

#headergiantblack {
	background       : #000;
	height           : 500px;
	min-height       : 500px;
	max-height       : 500px;    
}

#headersmallerblue {
	background       : #0156b9;
	height           : 150px;
	min-height       : 150px;
	max-height       : 150px;	
}

#headersmallerblack {
	background       : #000;
	height           : 170px;
	min-height       : 170px;
	max-height       : 170px;	
}
#headersmallerblack h1 {
	font-size       : 50px;
	line-height     : 55px;	
}

#headeryellow {
	background       : #ffde00;
	height           : 170px;
	min-height       : 170px;
	max-height       : 170px;	
}
#headeryellow h1 {
	color           : #000000;
	font-size       : 50px;
	line-height     : 55px;	
}

#headerpeach {
	background       : #f9b233;
	padding-top      :   5px;
	height           : 150px;
	min-height       : 150px;
	max-height       : 150px;	
}
#headerpeach h1 {
	color           : #000000;
	font-size       : 40px;
	line-height     : 45px;	
}

#headerviolet {
	background       : #5a5374;
	padding-top      :   5px;
	height           : 180px;
	min-height       : 180px;
	max-height       : 180px;	
}
#headerviolet h1 {
	color           : #ffffff;
	font-size       : 40px;
	line-height     : 45px;	
}

#contents,
#contentswhite {
	background-color : #222222;
	padding-top      :  10px;
	padding-left     :  60px;
	padding-right    :  60px;
	padding-bottom   :  10px;
	width            : 700px;
	min-width        : 700px;
	max-width        : 700px;
	text-align       : left;
}

#contentswhite {
	background-color : #ffffff;
}
	.signupframe {
		margin: 0px auto;
	}


#footer {
	color       : #343536;
	padding-top :  20px;
	width       : 800px;
	min-width   : 800px;
	max-width   : 800px;
	height      :  75px;
	min-height  :  75px;
	max-height  :  75px;

	display	    : block;
	float	    : none;
	clear	    : both;
}

/* @end */

/* # LINKs # */

a:link,
a:visited,
a.cyan:link,
a.cyan:visited,
a.red:link,
a.red:visited,
#menubarhome a:link,
#menubarhome a:visited {
	color          : #ffffff;
	text-decoration: none;
}

a.cyan:link,
a.cyan:visited {
	color          : #9ccff3;
}

a.red:link,
a.red:visited {
	color          : #c20e1a;
}

a:hover,
a.cyan:hover,
#menubarhome a:hover {
	color          : #ffed00;
	text-decoration: none;
}

#menubar a:link,
#menubar a:visited {
	color          : #000000;
	text-decoration: none;
}

#menubar a:hover {
	color          : #ffffff;
	text-decoration: none;
}

ul.checkonred,
ul.checkongrey,
ul.checkongold,
ul.checkonwhite {

	color: #fff;

	position: relative;
	
	left: -50px;
	
	list-style-position: inside;
	
	list-style-type: none;
	
}

ul.checkongrey,
ul.checkongold,
ul.checkonwhite {

	color: #000;

}

ul.checkonred li,
ul.checkongrey li,
ul.checkongold li,
ul.checkonwhite li {
	background-image: url( checkonred.gif );
	background-repeat: no-repeat;
	background-position-y: 2px;
	
	padding-left: 35px;
	
	padding-bottom: 25px;
	
	font-size: 20px;
	font-weight: bold;
}

ul.checkongrey li {
	background-image: url( checkongrey.gif );
	font-weight: normal;
}

ul.checkongold li {
	background-image: url( checkongold.gif );
	font-weight: normal;
}

ul.checkonwhite li {
	background-image: url( checkonwhite.gif );
	font-weight: normal;
}

/* @end */

/* # FORMs # */

form.paypal {
	text-align: center;
}

form.paypal table {
	margin: 0px auto;
}

form.paypal select {
	font-size: 2.0em;
}

.inputbox {
	color            : #666666;
	background-color : #ffffff;
	background-image : url( ../img/bck/input.gif );
	background-repeat: repeat-y;
	border           :  1px solid #9f958d;
	height           : 15px;
	font-size        : 10px;
	font-weight      : bold;
}

.submitbtn,
.submitbtn:hover {
	position : relative;
	top 	 :  8px;
}

.submitbtn:hover {
}

/* @end */

#privacy{
	color: #000;
	text-align: justify;
	width: 600px;
	height: 430px;
}

#privacypolicy{
	color: #000;
	text-align: justify;
	margin-right: 35px;
	width: 600px;
	height: 460px;
	overflow-x: hidden;
	overflow-y: scroll;
}

#privacy a {
	color: #242526;
	font-weight: bold;
}

/* the overlayed element */
.apple_overlay {
	
	/* initially overlay is hidden */
	display:none;
	
	/* growing background image */
	background-image:url(white.png);
	
	/* 
		width after the growing animation finishes
		height is automatically calculated
	*/
	width:640px;		
	
	/* some padding to layout nested elements nicely  */
	padding:35px;

	/* a little styling */	
	font-size:11px;
}

/* default close button positioned on upper right corner */
#privacy .close {
	background-image:url(close.png);
	position:absolute; right:5px; top:5px;
	cursor:pointer;
	height:35px;
	width:35px;
}

#privacy .closeit {
	cursor:pointer;
}