st /* DEFAULT
--------------------------------------------------------------------------- */

html,body{
	width:100%; height:100%;
	margin:0; padding:0;
}

body{
	font-family: Verdana, Tahoma, Arial;
	font-size:0.8em;
	background:url(../img/bg_body.jpg) bottom left no-repeat #000 fixed;
}

/* CUSTOM
--------------------------------------------------------------------------- */

/* HEADER
--------------------------------------------------------------------------- */

div.header{
	display:block;
	clear:both;
	margin:40px 0 0 0;
	}

/* CONTAINER
--------------------------------------------------------------------------- */

div.content-container{
	width:850px;
	margin: 0 0 0 130px;
}

div.left{
	width:500px;
	float:left;
	margin:40px 0 0 0;
}

/* VIDEO
--------------------------------------------------------------------------- */

p#dynamic-content{
	color:#000;
	margin:0;
}

div.video{
	width:500px;
	height:233px;
	background:#000;
}

id#preview1{
	background:url(../img/screendump.jpg) no-repeat 0 0 #000;	
}

div.box{
	line-height:22px;
}

div.box div.icons{
	padding-top:15px;
	padding-bottom:15px;
}

div.box a{
	color:#ccc;
	text-decoration:underline;;
}

div.box a:hover{
	color:#fff;
}

div.box div{
	display:block;
	background:#0f0f0f;
	clear:both;
	padding: 5px 20px 5px 20px;
	color:#ccc;
}



/* CONTENT INTRO
--------------------------------------------------------------------------- */

div.intro div{
	background:#333 !important;
}

div.box ul,
div.box ol{
	padding: 5px 20px 5px 15px;
	margin:0;
}

div.box ul li{
	list-style-type: square;
}

/* BOX TITLE
--------------------------------------------------------------------------- */

h2{
	height:40px;
	line-height:40px;
	background:url(../img/bg_h2.gif) bottom right no-repeat;
	color:#fff;
	margin:40px 0 0 0; padding: 0 50px 0 20px;
	float:left;
	font-weight:normal;
	font-size: 160%;	
	text-transform:uppercase;
}

h2 img{
	position:relative; 
	top:5px; left:-10px;
}

h3{
	height:40px;
	line-height:40px;
	background:url(../img/bg_h2.gif) bottom left repeat-x #ff0000;
	color:#fff;
	margin:0; padding: 0 20px 0 20px;
	float:right;
	font-weight:normal;
	font-size: 150%;	
}

h3.selected{
	background: #000 !important;
}


/* FOOTER
--------------------------------------------------------------------------- */

p.footer{
	text-align:right;
	color:#ccc;
	font-size:70%;
	height:40px;
	line-height:40px;
	text-transform:uppercase;
	margin:0; padding:0;
}

p.footer a{
	color:#ccc;
}


/* RIGHT
--------------------------------------------------------------------------- */

div.right{
	width: 310px;
	float:right;
	margin:10px 0 0 0;
}

/* LOGO
--------------------------------------------------------------------------- */

h1{
	margin:0 0 12px 0; padding:0;
}

h1 img{
	border-style:none;
}

/* BLACK BACKGROUND
--------------------------------------------------------------------------- */

div.right div.box div{
	background:#000;
}

/* NAVIGATION
--------------------------------------------------------------------------- */

div.right div.box div ul{
	padding: 5px 20px 5px 10px;
	margin:0;
}

div.right div.box div ul li{
	list-style-type:square;
}

div.right div.box div ul li.title{
	padding:0; margin:0;
	font-weight:bold;
	list-style-type:none;
	position:relative; left:-15px;
	}

div.right div.box div ul a{
	color:#ccc;
	text-decoration:underline;
}

div.right div.box h2{
	margin:0;
}

div.right div.box{
	margin:0 0 40px 0;
}

/* THUMMBS
--------------------------------------------------------------------------- */

div.thumb{
	margin:0 !important; padding:0 !important;
	}

img.thumb{
	float:left;
	margin:5px 12px 5px 0;
	}