/* Class definition for background shading */ 


/**********************************************************   MY DIVS   */


#parent {
	width:920px;
	margin:0 auto;
}

#styleBar {
	background-color:#272727;
	width:650px;
	padding:5px 270px 5px 0px;
	text-align:right;
}

#headerWrapper {
	margin-top:3px;
	width:920px;
	height:285px;
	float:left;
	background-image:url(../images/beta/logo.jpg);
	background-position:0px 3px;
	background-repeat:no-repeat;
}

#header {
	width:640px;
	height:100px;
	float:left;
	padding-top:155px;
	padding-bottom:0px;
}

#theFlash {
	width:280px;
	height:285px;
	float:left;
}

#gap1 {
	background-image:url(../images/beta/paket.gif);
	background-position:0px 0px;
	background-repeat:no-repeat;
	width:170px;
	height:205px;
	float:left;
	padding:34px 0px 0px 310px;
}

#gap2 {
	width:415px;
	float:left;
	text-align:right;
	height:150px;
	padding:89px 20px 0px 0px;
}

#core {
	width:878px;
	float:left;
	background-color:#111111;
	border:#111111 1px solid;
	padding:20px;
}

#content {
	width:584px;
	float:left;
	padding-right:16px;
}

#rightColumn {
	width:260px;
	float:left;
	padding-top:10px;
	padding-left:17px;
	border-left:#666666 1px dashed;
}

#rightBox {
	width:260px;
	padding:20px 0px 20px 0px;
	float:left;
}

#sirBox {
	width:150px;
	height:95px;
	float:left;
	padding:5px 0px 0px 110px;
	margin:60px 0px 20px 0px;
	background-image:url(../images/beta/sirlogo.jpg);
	background-position:0px 0px;
	background-repeat:no-repeat;
}

#thePaket {
	width:260px;
	height:50px;
	padding-top:250px;
	background-image:url(../images/beta/thePaket.jpg);
	background-position:0px 0px;
	background-repeat:no-repeat;
	text-align:center;
}

#footer {
	background-color:#000000;
	width:840px;
	float:left;
	height:140px;
	padding:20px 40px 0px 40px;
}

	#links {
		width:840px;
		float:left;
		padding-bottom:50px;
	}

	#info {
		width:640px;
		float:left;
	}

	#sir {
		width:200px;
		text-align:right;
		float:left;
	}

#transbox {
	width:138px;
	height:108px;
	padding-top:30px;
	text-align:center;
	background-image:url(../images/beta/dot.png);
	background-repeat:repeat;
}

#myBox {
	width:100%;
	padding-bottom:16px;
	border-bottom:#333333 1px dashed;
}

/*********************************************************   DEFAULT   */

body {
	background-image:url(../images/beta/bg.jpg);
	background-position:center top;
	background-repeat:no-repeat;
	background-attachment:fixed;
	font-family:tahoma, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#999999;
	text-align:left;
	margin:0 auto;
	padding:0 auto;
	background-color:#000000;
}

.mytable {
	background-color:#242424;
	border:#303030 1px solid;
}

a:link {color:#999999; text-decoration:none;}
a:hover {text-decoration:none; color:#CCCCCC;}
a:visited {color:#999999; text-decoration:none;}
a:active {color:#999999; text-decoration:none;}

.system_template_content_shade {
	visibility:hidden; 
	position:absolute; 
	z-index:20;
	left:0px;
	top:0px;
	width:100px;
	height:100px;
	background-color:#000000;
}

.class_1 {background-color:#CCCCCC;}
.class_2 {background-color:#33CC66;}
.class_3 {background-color:#FF0000;}

/*****************************************************   TEXTS/LINKS   */

.linkSmall {
	font-size:10px;
	color:#666666;
	text-decoration:none;
}

a.linkSmall:hover {
	font-size:10px;
	color:#36a8ca;
	text-decoration:none;
}

.blueTitle {
	color:#36a8ca;
	font-size:15px;
}

.blueLink {
	color:#36a8ca;
	text-decoration:none;
}

a.blueLink:hover {
	color:#36a8ca;
	text-decoration:underline;
}

.linkNormal {
	color:	color:#999999;
	text-decoration:none;
}

a.linkNormal:hover {
	text-decoration:none;
	color:#CCCCCC;
}

.darkTitle {
	color:#CCCCCC;
	font-size:13px;
}

.lightText {
	color:#666666;
}

.textInput {
	font-size:12px;
	background:#242424;
	border:#3e3e3d 1px solid;
	padding:5px;
}

.textInput2 {
	font-size:12px;
	background:#242424;
	border:#3e3e3d 1px solid;
	padding:5px;
	height:100px;
	width:200px;
}

.contactBTN {
	background:none;
	color:#36a8ca;
	border:#3e3e3d 1px solid;
	color:#666666;
}

/**************************************************************** Nav */
	.nav {
		float: left;
		width: 640px;
		margin:0 auto;
		padding:0px;
	}

	.nav ul {
		float: left;
		list-style: none;
		height: 24px;
		margin:0 auto;
	}

	.nav li {
		float: left;
		height: 24px;
		background:url(../images/beta/sep.png) top right no-repeat;
	}

	.nav li a, .nav li a:link, .nav li a:active, .nav li a:visited {
		height: 21px;
		padding-top: 5px;
		color:#666666;
		font: 11px/16px Arial, sans-serif;
		background: none;
		text-align: center;
		display: block;
		text-decoration: none;
		outline: 0;
		margin:0 auto;
	}

	.nav li a:hover {
		text-decoration: none;
		color: #ffffff;
		margin:0 auto;
	}


/* SubNav */
	.subNavContainer {
		display: none;
		float: left;
		background: #4e4e4e;
		overflow: hidden;
		width:640px;
		margin:0 auto;
	}

	.subNav {
		display: none;
		height: 22px;
		margin:0 auto;
	}

	.subNav a:link, .subNav a:visited, .subNav a:active {
		float: left;
		padding: 0 10px 0 18px;
		height: 23px;
		color: #ffffff;
		font: 11px/22px Arial, sans-serif;
		background: #4e4e4e url(../images/nav/bullet.png) left no-repeat;
		text-align: center;
		display: block;
		text-decoration: none;
		outline: 0;
		margin:0 auto;
	}

	.subNav a:hover {;
		background: #000000 url(../images/nav/bullet.png) left no-repeat;
	}