html {
  min-height: 100%;
}



body {
	margin: 0px;
	background-image: url("images/Background_main.jpg");
	color: #fff;
}

/* Media */
img.my_img1 {float: left;}
.yssOver{background: #222221; text-align: left;}
.yssOut{background: #252524; text-align: left;}


/*General*/
.header {font: bold 17px Arial;}
.posted {font: 11px Arial;}
.title {font: bold 14px Arial;}
.normal {font: 14px Arial;}

.flip_tyof, .flip_mia, .flip_april, .flip_christmas {font-weight: bold; cursor: pointer; text-decoration: underline; float: right;}
.panel_tyof, .panel_mia, .panel_april, .panel_christmas {display: none;}


li {list-style: none; list-style-image: url("images/list.gif");}


/* Links */
a { outline: none; }
a:link {color: #d5d5d3;}
a:visited {color: #DBDBDB;}
a:hover {color: #9d9d9d;}
a:active {color: #FFFFFF;}



/*News*/
.header_news {font: bold 19px Arial; /*text-shadow: #000 2px 2px;*/}
.posted_news {font: 11px Arial;}
.normal_news {font: 14px Arial;}
.normal_news p {line-height: 19px; margin-top: 10px; }
.posted_news span {text-decoration: none; font-weight: bold;}
.posted_news a {text-decoration: none;}




/*Jobs*/
.title_jobs {font: bold 13px Arial;}

/* Core */

#background, #header, #background_info { margin-left: auto;	margin-right: auto; width: 1000px; 	margin-top: 0px; }

#background {
	background-image:url("background.jpg");
	height: 100%;
	z-index: -1;
	border-bottom: solid #3c3c3c 1px;
}

#header {
	top: 0;
	height: 359px; 
	background: url("images/header.jpg") top no-repeat;
	z-index: 1;
}

#navigation {
	color: #fff;
	margin-top: -135px;
	margin-left: 20px;
	margin-right: 20px;
	width: 960px;
	height: 20px;
	word-spacing: 10px;
	overflow: hidden;
	z-index: 1;
	text-indent: 10px;
}


#navigation a {text-decoration: none; word-spacing: 0px;font-family: Arial; font-size: 17px; font-weight: bold; text-transform: lowercase}
#navigation a:link {color: #dadada;} 
#navigation a:visited {color: #dadada;} 
#navigation a:hover {color: #a0a0a0;} 
#navigation a:active {color: #a0a0a0; text-decoration: underline;} 
#navigation span {text-decoration: underline;}


#announcement {
	color: #ffffff;
	margin-top: -80px;
	margin-left: 20px;
	margin-right: 20px;
	height: 21px;
	overflow: hidden;
	text-decoration: none;
	z-index: -1;
}

#realcontent, #below_nav, #affiliates, .top, .second, .info, .infotwo, .infothree, .infofour, .innercontent, .newscontent, .seperate_content {opacity: 0.65;}

#below_nav {
	margin-top: 5px;
	margin-left: 20px;
	margin-right: 20px;
	background-color: #2a2a2a;
	color: #ffffff;
	padding: 2px 2px 2px 2px;
	border: solid #3c3c3c 1px;
	overflow: hidden;
	z-index: 1;
}

#below_nav:hover {border: 1px solid #4d4d4d; background-color: #303030;}

#realcontent img {border: 0;}

#realcontent {
	background-color: #2a2a2a;
	color: #ffffff;
	margin-top: -80px;
	margin-left: 20px;
	margin-right: 20px;
	border: solid #3c3c3c 1px;
	height: 100px;
	overflow: hidden;
	z-index: -1;
}

#realcontent:hover {border: 1px solid #4d4d4d; background-color: #303030;}

#copyright {
	margin-top: 5px;
	margin-left: 20px;
	width: 955px;
	height: 30px;
	overflow: hidden;
	color: #ababaa;
	font-family: Verdana;
	font-size: 12px;
	z-index: -1;
}



.writing {color: #ffffff; font-family: Verdana; font: 13px Arial; z-index: 3; }

p {padding: 10px 0 0 0; margin: 0; line-height: 20px;}

/* Index */

#left {
	float: left;
	color: #ffffff;
	height: 100px;
	width: 468px;
	margin-top: 5px;
	margin-left: 10px;
}


#findus {
	float: left;
	color: #ffffff;
	height: 100px;
	width: 130px;
	margin-top: 5px;
	margin-left: 15px;
}
/*
#moty {
	float: left;
	color: #ffffff;
	height: 100px;
	width: 120px;
}
*/

#right {
	float: right;
	margin-right: 10px;
	z-index: 2;
	width: 170px;
}


#affiliates {
	margin-left: 20px;
	width: 955px;
	height: 50px;
	overflow: hidden;
	color: #ababaa;
	font-family: Verdana;
	font-size: 12px;
	z-index: -1;
}



/* Other Pages */

#background_info {
	background-image:url(background.jpg);
	border-bottom: solid #3c3c3c 1px;
	z-index: 1;
}

#chatframe { margin-bottom: -140px;
	     -moz-opacity: 1.0;
             opacity: 1.0; }

#ad_left { position: absolute; top: 0px; left: 0px; width: 130px;}



/* Margin & Padding & content */
.top, .second, .info, .infotwo, .infothree, .infofour, .innercontent, .newscontent, .seperate_content {overflow: hidden; background-color: #2a2a2a; margin-left: 20px; margin-right: 20px; border: solid #3c3c3c 1px; z-index: 2; color: #FFFFFF;}

.top { margin-top: -80px; padding: 10px 10px 10px 15px; }
.second { margin-top: 3px; padding: 10px 10px 350px 10px; }


.info { margin-top: -80px; padding: 10px 10px 150px 10px;}
.infotwo { margin-top: 5px; padding: 10px 10px 350px 10px;}
.infothree { margin-top: -80px; padding: 10px 10px 350px 10px;}
.infofour { margin-top: 5px; padding: 10px 10px 10px 10px;}

.innercontent { background-color: #252524; margin: 5px 10px 5px 10px; padding: 25px;}
.innercontent:hover { background-color: #222221;}

.newscontent { margin-top: 5px; padding: 10px 10px 10px 15px;}
.seperate_content {margin-top: 2px; padding: 10px 10px 10px 15px;}


/* about us, jobs, team, other */
.content_titles p {font: 14px Arial, Verdana; margin: 0; padding-left: 10px; padding-right: 10px; line-height: 19px;}
.content_titles ul {font: 13px Arial, Verdana; margin-left: 20px;}
.content_titles h1 {padding: 0 0 0 35px; margin: 0 0 15px 0; font: bold 18px Arial; background: url("images/web_logo.png") left no-repeat;}
.content_titles h2 {color: #cbcbcb; font: bold 16px Arial; padding: 5px; margin: 5px 0 0 0; background-color: #222221; border: 1px solid #3a3a3a;} /*background-color: #252524*/
.content_titles p .pmargin {margin: 25px 0 0 0;}
.content_titles h2 span {padding: 25px 0 0 0;}



/* Only used media area (should be changed eventually) */
.gallery h1 {padding: 0 0 0 35px; margin: 0 0 5px 0; font: bold 18px Arial; background: url("images/web_logo.png") left no-repeat;}
.gallery h2 {color: #cbcbcb; font: bold 12px Arial, Verdana; padding: 10px 10px 10px 10px; margin: 0 0 5px 0; background-color: #222221; border: 1px solid #3a3a3a;}
.gallery h2 span {text-decoration: underline; font: 16px bold Arial, Verdana;}
.gallery h3 {font: bold 18px Arial;}
.gallery p {font: 12px Arial, Verdana; margin: 0; padding-left: 10px; padding-right: 10px;}
.gallery .filesimage {margin-bottom: 5px;}

/* Media */
.row {background: #222221; text-align: left; width: 900px; margin: 2px auto; padding: 7px; overflow: hidden; border: 1px solid #1d1d1c; }
.row:hover {background: #151514; text-align: left; border: 1px solid #3a3a3a;}
.row span {margin-left: 5px;}
.row img {float: left; border: 0;}

.top:hover, .second:hover, .info:hover, .infotwo:hover, .infothree:hover, .newscontent:hover, .seperate_content:hover, .below_nav:hover {border: 1px solid #505050; background-color: #2b2b2b;}