/* 
	All Source Code Copyright 2010, Vrasa
	http://vrasa.com/
	
	If you like what you see, and want to use
	some of this code please email us here: 
	hello [at] vrasa.com and we can discuss 
	pricing and availability.

	Date: Sat August 14 20:19:07 2010 -0600
*/

/* la vanilla*/
* {
	border: 0px solid #fff;
	margin: 0;
	padding: 0;
	list-style: none;
}

html,body,#bg,#bg table,#bg td,#header {
	width: 100%;
	height: 100%;
	overflow: hidden;
}

body {
	height: 100%;
	margin: 10px;
	padding: 0;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 30px;
	font-weight: bold;
	text-transform: uppercase;
	text-align: left;
	color: #ffffff;
	text-decoration: none;
	cursor: default;
}

h1,.large,.left {
	font-family: "Helvetica", Arial, sans-serif;
	font-size: 45px;
	color: #747474;
	background-color: #ffffff;
	padding-left: 22px;
	margin-bottom: 5px;
}

h1,.box div img { padding-bottom: 0px; }

a {
	text-decoration: none;
	color: #fff;
	outline: 0;
}

a:hover {
	text-decoration: none;
	color: #fff;
	outline: 0;
}

img { display: block; }

#bg div {
	position: absolute;
	width: 200%;
	height: 200%;
	top: -50%;
	left: -50%;
}

#bg td {
	vertical-align: middle;
	text-align: center;
}

#bg img {
	min-height: 50%;
	min-width: 50%;
	margin: 0 auto;
}

#header {
	padding-top: 30px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 70;
	overflow: auto;
}

#header h2 {
	padding-left: 30px;
	font-size: 20px;
	display: block;
}

#header h2:hover {
	text-decoration: none;
	background: url('../images/arrow.png') no-repeat 50% left;
	padding-left: 30px;
	font-size: 20px;
	display: block;
}

dl { margin: 10px 0; }

dt,dd p {
	padding: 15px 0 25px 0;
	display: block;
	border-top-width: 1px;
	width: 440px;
}

dt {
	text-transform: uppercase;
	padding: 0 5px;
	cursor: pointer;
	line-height: 20px;
	height: 20px;
	font-weight: bold;
	width: 430px;
}

dd {
	height: 0px;
	overflow: hidden;
	width: 440px;
}

h3 { font-size: 10px; }

a:link {
	font-family: Helvetica, Arial, sans-serif;
	color: #ffffff;
	text-decoration: none;
	}
	a:hover {
		color: #ffffff;
		text-decoration: none;
		}
	a:active {
		color: #ffffff;
		text-decoration: none;
		}
	a:visited {
		color: #ffffff;
		text-decoration: none;
		}
	a:visited:hover {
		color: #ffffff;
		text-decoration: none;
		}
		
/* silde box */
#box1, #box2, #box3, #box4, #box5, #box6, #box7, #box8, #box9, #box10, #box11, #box12, #box13 {
	width: auto;
	height: auto;
}

/* headers */
#box1 h3, #box2 h3, #box3 h3, #box4 h3, #box5 h3, #box6 h3, #box7 h3, #box8 h3, #box9 h3, #box10 h3, #box11 h3, #box12 h3, #box13 h3 {
	margin: 20px;
	margin-left: 0px;
	padding-left: 30px;
	text-transform:	none;
	text-decoration: underline;
	font-size: 20px;
	color: #ffffff;
	text-align:	left;
}

#box1 h4, #box2 h4, #box3 h4, #box4 h4, #box5 h4, #box6 h4, #box7 h4, #box8 h4, #box9 h4, #box10 h4, #box11 h4, #box12 h4, #box13 h4 {
	padding-left: 30px;
	margin: 5px;
	margin-left: 0px;
	text-transform:	none;
	font-size: 11px;
	color: #ffffff;
	text-align:	left;
}

#box1 p, #box2 p, #box3 p, #box4 p, #box5 p, #box6 p, #box7 p, #box8 p, #box9 p, #box10 p, #box11 p, #box12 p, #box13 p {
	padding-left: 30px;
	margin: 20px;
	margin-left: 0px;
	text-transform:	none;
	font-size: 13px;
	font-weight: 500;
	color: #ffffff;
	text-align:	left;
	text-align: justify;
}

#left {
	width: 450px;
	margin: 0;
	padding: 0;
}

#right {
	width: 450px;
	margin: 0;
	padding: 0;
}

.inviso { display: none; }