/* CSS Document by Svein Erik Storkaas 2008 | www.csstemplatesweb.com */

* {margin: 0; padding: 0;}

body{background-color:#222222;
background-attachment: fixed;
	background-image: url(images/bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;}
.outline{ width:900px;}
#container 
{
width: 920px;
margin: 40px auto; 
height:768px;            
background-color:#ffffff;
}

#insidecontainer 
{
margin: 40px auto; 
}
#header {height: 80px;
background: #e2dbaf;
padding-top:30px;
padding-left:30px;
padding-right:30px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
text-align: justify;
text-decoration: none;
color: #393939;
}

#leftColumn {width: 400px;
height:608px;
float: left;
}

#rightColumn 
{
width: 520px;
height:608px;
float: right;
background-image:url(images/1960Asia.png);
background-repeat:no-repeat;
background-position:bottom right;             
}

.footer
{
	clear: both;
	text-align:center;
	color:white;
	font-family: "Trebuchet MS";
	font-size: 12px;
	padding:5px;

}
.footer a 
{
clear: both;
height:80px;
text-align:center; 
color:white;                
}

#menucontainer 
{
width:400px;
height:400px;
margin-top:30px;
margin-left:0px;	
}

#logotext 
{
width:396px;
height:119px;
margin-top:20px;
margin-left:45px;
font-family:Times New Roman;
font-size:50px;
color:#c12a2d;
}

#logotext h2
{
margin-left:70px;
font-family:Times New Roman;
font-size:25px;
color:#dd2b2b;
}


#textbox
{
font-size:12px;
width:360px;
height:auto;
margin:20px 0px 0px 0px;	
}

#textbox p
{
padding:10px 10px 10px 10px;
font-family:Tahoma, "ms Sans-Serif";
font-size:11px;
color:#393939;
}

h3{ font-family:Arial;
font-size:17px;
color:#c12a2d;
padding:5px 0px 0px 10px;
}

a {color:#434343;}
a:visited {color:#434343;}
a:active {color:#434343;}
a:hover {text-decoration:none;}


#hex {padding:0; margin:0 auto; list-style:none; width:325px;}
#hex li {display:block; float:left; width:104px; margin-right:4px;  height:120px;}
#hex li.p1 {padding-left:54px;}
#hex li.p2 {margin-top:-26px;}
#hex li a {text-decoration:none; color:#000; cursor:pointer;}
#hex li a b {display:block; width:0; height:0; overflow:hidden; border-bottom:30px solid #ec0; border-left:52px dotted transparent; border-right:52px dotted transparent;}
#hex li a span {display:block; width:104px; height:60px; line-height:59px; text-align:center; background:#ec0; font-size:11px; font-family: arial, veradana, sans-serif;}
#hex li a em {display:block; width:0; height:0; overflow:hidden; border-top:30px solid #ec0; border-left:52px dotted transparent; border-right:52px dotted transparent;}
/* hack for IE5.5 */
* html #hex li a b, * html #hex li a em {width:104px; height:30px; w\idth:0; he\ight:0;}

#hex li a.inner b {border-bottom-color:#c60;}
#hex li a.inner span {background:#c60;}
#hex li a.inner em {border-top-color:#c60;}

#hex li a:hover {white-space:normal;}
#hex li a:hover b {border-bottom-color:#c90;}
#hex li a:hover span {background:#c90;}
#hex li a:hover em {border-top-color:#c90;}

#hex li a.inner:hover b {border-bottom-color:#a40;}
#hex li a.inner:hover span {background:#a40;}
#hex li a.inner:hover em {border-top-color:#a40;}

.seotxt {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	text-align: center;

}
.seotxtlink a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: center;
	text-decoration: none;
	color: #ffffff;
}

fieldset
{
border: 1px solid #781351;
width: 8em
}

legend
{
color: #fff;
background: #ffa20c;
border: 1px solid #781351;
padding: 2px 6px
} 

.innertxt{
	font-family: "Trebuchet MS";
	font-size: 12px;
	color: #393939;
	padding: 15px;
	text-align: center;
	text-decoration:none;
	text-transform: uppercase;

}

.innertxt a{
	font-family: "Trebuchet MS";
	font-size: 14px;
	color: #393939;
	padding: 15px;
	text-align: center;
	text-decoration:none;
}
.boldtxt {
font: 27px 'OSPDIN', Arial, sans-serif;
	text-align: center;text-transform: uppercase;
	color: #FFFFFF;
}
img.border {
	padding:5px;
	border-top: none;
	border-right: none;
	border-bottom: none;
	border-left: none;
}
.text {
	font-family: Tahoma, Arial;
	font-size: 13px;
	color: #333333;
	text-align: justify;
	background-color: #FFFFFF;
	padding: 0px 9px 9px 9px;
	margin: 0px;
}
h1.title {
	font: 37px/1.0em 'OSPDIN', Arial, sans-serif;
	color: #000000;
	margin:0px;
	padding:0px;
	text-transform: uppercase;
	text-align: left;


}

#slideshow {list-style:none; color:#fff; background-color:#000;}
#slideshow span {display:none}
#wrapper {width:600px; margin:0px auto; display:none}
#wrapper * {margin:0; padding:0}
#fullsize {position:relative; width:600px; height:300px; padding:2px; background:#000}
#information {position:absolute; bottom:0; width:600px; height:0; background:#000; color:#fff; overflow:hidden; z-index:200; opacity:.9; filter:alpha(opacity=95)}
#information h3 {padding:4px 8px 3px; font-size:34px; font-family: 'OSPDIN';}
#information p {padding:0 8px 8px; font-family: Tahoma, Arial;
	font-size: 13px;}
#image {width:600px}
#image img {position:absolute; z-index:25; width:auto}
.imgnav {position:absolute; width:25%; height:306px; cursor:pointer; z-index:150}
#imgprev {left:0; background:url(images/left.gif) left center no-repeat}
#imgnext {right:0; background:url(images/right.gif) right center no-repeat}
#imglink {position:absolute; height:306px; width:100%; z-index:100; opacity:.4; filter:alpha(opacity=40)}
.linkhover {background:url(images/link.gif) center center no-repeat}
#thumbnails {margin-top:8px}
#slideleft {float:left; width:20px; height:81px; background:url(images/scroll-left.gif) center center no-repeat; background-color:#222}
#slideleft:hover {background-color:#333}
#slideright {float:right; width:20px; height:81px; background:#222 url(images/scroll-right.gif) center center no-repeat}
#slideright:hover {background-color:#333}
#slidearea {float:left; position:relative; width:550px; margin-left:5px; height:81px; overflow:hidden}
#slider {position:absolute; left:0; height:81px}
#slider img {cursor:pointer; border:1px solid #666; padding:2px}



@font-face {
    font-family: 'OSPDIN';
    src: url('OSP-DIN-webfont.eot');
    src: url('OSP-DIN-webfont.eot?#iefix') format('embedded-opentype'),
         url('OSP-DIN-webfont.woff') format('woff'),
         url('OSP-DIN-webfont.ttf') format('truetype'),
         url('OSP-DIN-webfont.svg#OSPDIN') format('svg');
    font-weight: normal;
    font-style: normal;

}

/*-----------*/


.spacer{
padding:10px;
}

.dummy {
padding:5px;

}
.text-no-padding {
	font-family: Tahoma;
	font-size: 13px;
	color: #333333;
	text-align: justify;
	padding: 0px 7px 18px 7px;
	margin: 0px;
}
.button, .button:visited {
text-decoration: none;
	-moz-border-radius: 15px; 
	-webkit-border-radius: 15px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	padding:5px 10px 5px 10px  ;
	background-color: black;
	color: yellow;
}
.button:hover
{
text-decoration: none;
	-moz-border-radius: 15px; 
	-webkit-border-radius: 15px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	padding:5px 10px 5px 10px  ;
	background-color: yellow;
	color:black;
}.simple-text {
	font-family: Tahoma;
	font-size: 13px;
}
.form-button {
padding:8px; background-color:yellow;border:0px solid red; color:black;
font-family: Tahoma, Arial;text-transform: uppercase;
font-size:14px; border:1px solid gray;
}

#dhtmltooltip{
position: absolute;
left: -300px;
width: 80px;
-moz-border-radius: 15px; 
-webkit-border-radius: 15px;
-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
padding: 8px;
background-color: BLACK;
visibility: hidden;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
color: yellow;font-family: Tahoma;
	font-size: 13px;
}

#dhtmlpointer{
position:absolute;
left: -300px;
z-index: 101;
visibility: hidden;
}