@charset "utf-8";
/* CSS Document */

@font-face {
	font-family: 'opensans';
    src: url('../fonts/opensans.ttf');
}

@font-face {
	font-family: 'construthinvism';
    src: url('../fonts/construthinvism.ttf');
}

*{
	margin:0px;
	padding:0px;
}

html{
width:100%;
height:100%;
}

body {	
	font-family: "opensans", arial, helvetica, sans-serif;
	font-size:12px;
	margin:0 auto;
	padding:0px;
	background: #000000;
	color:#fff;	
}
#wrap{
	position:absolute;
	z-index:-1; 
	top:0; 
	left:0; 
	background-color:black
}
#wrap img.bgfade{
	position:absolute;
	width:100%;
	top:0;
	display:none;
	z-index:-1
}
p {
    line-height: 20px;
	margin:0 0 1.0em;
	color:#ffffff;
}
ol {
	margin-left:30px;
	padding:0px 5px 5px 0;
	color:#fff;
}
ul {
	margin-left:30px;
	padding:0px 5px 5px 0;
	color:#fff;
}
h1
{
    padding-bottom: 10px;
    margin: 0;
    color: #f1bf4e;
    font-size: 20px;
    font-weight: bold;
}
h2
{
    padding-bottom: 10px;
    margin: 0;
    color: #f1bf4e;
    font-size: 18px;
    font-weight: bold;
}	
h3
{    
	color:#f1bf4e;
    font-size: 15px;
    font-weight: bold;
    margin-bottom: 8px;
}
h4
{
    padding: 0;
    margin: 0;
    color: #f1bf4e;
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 12px;
}
a { 
	color:#f1bf4e; 
	text-decoration:none; 
}

a:hover { color:#cecece; text-decoration:none;}
a img{border:none;}
a img:hover{opacity:0.7;}
.x { clear: both; }
.y { clear: both; margin-bottom:10px;}

.bgwhite{
	background:#fff;
}
.bgblack{
	background:#000;
}
.bgwhite p{
	color:#000000;
}
.border{
	border:solid 1px #f1bf4e;
}
.borderbottom{
	border-bottom:solid 12px #f1bf4e;
}
.linebottom{
	border-bottom:solid 2px #f1bf4e;
}
div#header{
	padding-left:30px;
	padding-top:5px;
    color: #f1bf4e;
}
	
div#container {
    width: 960px;
    margin: 0 auto;
	}

.opacity {
	background-color: rgba(0, 0, 0, 0.8);
	filter: alpha(opacity=80); /* IE6-IE8 */
	}
div#central {
	min-height:400px;
	}
div#centralother {
	padding-top:10px;
	}	
div#right_content {
    width: 650px;
	text-align:justify;
	padding:0px 10px 0px 10px;
	}
div#left_content {
    width: 250px;
	padding:10px;
	}
div#left_content img {
	border:solid 1px #f1bf4e;
	margin-top:10px;	
	}

/* Search form */
#search {
	z-index:1000;
	position:absolute;
	margin-left:690px;
	width:250px;
	top:25px;
}
.tr{text-align:right;}
.tl{text-align:left;}
.fl{float:left;}
.fr{float:right;}

div#full_width{
	min-width:960px;
	background-color: rgba(0, 0, 0, 0.7);
}
div#thumbs{
	width:200px;
	float:left;
	padding-right:10px;
	padding-bottom:10px;
	padding-top:10px;
}
div#thumber{
	width:210px;
	float:left;
	padding-right:30px;
}
div#thumbel{
	width:210px;
	float:right;
}
div#download{
	width:200px;
	float:left;
	padding-left:100px;
	padding-bottom:73px;
	padding-top:10px;
}
div#downloadcontactus{
	width:200px;
	float:left;
	padding-left:0px;
	padding-bottom:40px;
	padding-top:20px;
}
div#description{
	width:450px;
	float:left;
	padding-right:20px;
	height:100%;
	margin-top:0px;
	
}
div#pictures{
	width:180px;
	float:right;
	margin-top:10px;
}
.padded{
	padding:4px;
}
.small{font-size:11px;}

/*toggle*/
#toggling{width:600px; text-align:justify; margin-top:10px;}
.toggle-view ul{margin-left:0px; width:200px;}
.toggle-view li { margin-bottom: 10px; position: relative; cursor: pointer; overflow: hidden; list-style:none; margin-left:0px;}
.toggle { padding: 5px 5px 5px 25px; background:url(../images/cross.png) left no-repeat; }
.toggle:hover { border-color: #BBB }
.tactive { background:url(../images/cross_hover.png) left no-repeat; }
.t { display: none; padding: 10px; }
/*end toggle*/

.golden {color: #f1bf4e;}
.golden ul {color: #f1bf4e; list-style:url(../images/star.png);}
.noborder{border:none;}