/*------------------------------------------------------------------
Master Stylesheet

Last change:	 16th May, 2008 [...]
-------------------------------------------------------------------*/

html, body{margin:0; padding: 0; height: 100%;}
html{font-size: 62.5%;  /* 16px × 62.5% = 10px */}
body{background: #0C1D2E url(http://www.bleakstudio.com/BS_bg.gif) repeat-x top;}
#wrap{min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -5em;}
#top{margin: 0; padding: 0 10px; background-color: inherit; color: #FFBF40;}
#top-container{margin: 0 auto; padding: 0; border: 0; width: 960px; height: 4.2em;}

#hello{margin: 6px 0 0 0; padding: 0; float: left; height: 30px; width: 92px;}
#hello img{border: 0; display: block;}

#topmenu{margin: 6px 0 0 0; padding: 0; float: right;}
#topmenu p{margin: 0; padding: 0; font-family:"Myriad Pro","Trebuchet MS",  "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; font-size: 1.4em; line-height: 1em; color: #D87356; background-color: inherit;}
#topmenu ul{margin: 2px 0 0 0; padding: 0; list-style: none;}
#topmenu li{margin: 0; padding: 0; float: left;}
/* 
#topmenu a{margin: 0 10px 0 0; padding: 0; text-decoration: none; background-color: inherit; color: #616161; font-family: helvetica, sans-serif; font-size: 1.6em;}
*/
#topmenu a{margin: 0 10px 0 0; padding: 0; text-decoration: none; background-color: inherit; color: #EB994B; font-family:"Myriad Pro","Trebuchet MS",  "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; font-size: 1.6em;}
#topmenu a:hover{color: #FFBF40; background-color: inherit;}
#top1 #topmenu a.top1,
#top2 #topmenu a.top2,
#top3 #topmenu a.top3,
#top4 #topmenu a.top4{color:#FFBF40; background-color: inherit;}

.clear{clear: both; margin: 0; border: 0;}

#main{margin: 0 auto; padding: 0; width: 960px;}
#main p{font-family:"Myriad Pro","Trebuchet MS",  "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; font-size: 2em; color: #FFBF40;}
#main p strong{font-weight: bold; color: #D87356;}
#main p a{text-decoration: none; color: #FFBF40; background-color: inherit;}
#main p a:hover{color: #D87356;}
#main p.intro{width: 27em;}
#title{margin: 0 0 0 -10px; padding: 0; display: none;}
#title p{margin: 0; padding: 0;}

#text_image{margin: 0; padding: 0; float: right; position: relative; top: -15px; background-image: url(http://www.bleakstudio.com/text_image.png); height:167px; width:381px;}

#browser{margin: 5px 0 0 0; padding: 0; height: 60px;}
#browser .icon{border: 1px solid #FFBF40; margin: 0 2px 0 0; padding: 0; float: left; height: 60px; width: 60px;}
#browser .icon img{border: 0; height: 60px; width: 60px;}
#browser .icon a{text-decoration: none;}

#big_image{margin: 10px auto 0 auto;}
#big_image img{border: 5px solid #EB994B; display: block; margin-left: auto; margin-right: auto;}

#nav_sub{margin: 5px auto 0 auto;}
#nav_sub p{margin: 0; padding: 0; font-family:"Myriad Pro","Trebuchet MS",  "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; font-size: 1em; text-align: center;}
#nav_sub p span{font-weight: bold;}

#information{border-top: 1px groove #EB994B; margin: 10px 0 0 0; padding: 0.5em 0 0 0;}
#description{float:left; margin: 0; padding: 0; width: 20em;}
#description_links{float: right; margin: 0; padding: 0;}
#description p{margin: 0; padding: 0; font-family:"Myriad Pro","Trebuchet MS",  "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; font-size: 1em; text-align: justify;}
#description_links p{margin: 0; padding: 0; font-family:"Myriad Pro","Trebuchet MS",  "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; font-size: 1em; text-align: right; line-height: 1.1;}
#description p strong{font-weight: bold;}
#description_links a{text-decoration: underline; color: #0000ff; background-color: #ffffff;}
span.contact_label{color: #D87356;}

.footer, .push {height: 5em;}
.footer{width: 960px; margin: 0 auto; padding: 0;}
.footer p{margin: 2em 0 0 0; padding:0; font-family:"Myriad Pro","Trebuchet MS",  "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; font-size: 1em; color: #FFBF40;}
.footer p a{text-decoration: none; color: #FFBF40; background-color: inherit;}
.footer p a:hover{text-decoration: underline; color: #D87356;}
.footer span{color: #D87356;}
.footer span.copy{color: #EB994B;}
.footer p.left{float:left; text-align: left;}
.footer p.right{float:right; text-align:right;}