body{
background-color: #000000;
background-image: url('images/background.png');
background-position: bottom center;
background-repeat: no-repeat;
background-attachment: fixed;
font-family: Arial, Helvetica;
font-weight: bold;
color: #ffffff;}

#wrapper{
width:800px;
height:100%;
margin-left:auto;
margin-right:auto;
}

#logo{
float:left;
width:500px;
height:313px;
border:0px;
vertical-align:top;}

a:link.logo{
border:0px;
color:#000;
}

a:hover.logo{
border:0px;
color:#000;
}

a:visited.logo{
border:0px;
color:#000;
}


#menucontainer {
position: relative;
float: right;
height: 313px;
width:300px;   
}

#menu {
position: relative;
top:50%;
margin-top:-85px;
width:300px;
float:right;
}

#bodybag{
width:650px;
height:100%;
margin-left:auto;
margin-right:auto;
}

#footer{
clear:both;
margin-left:auto;
margin-right:auto;
vertical-align:bottom;
width:650px;
text-align:center;
font-size:11px; 
}

#tux{
clear:both;
margin-left:auto;
margin-right:auto;
vertical-align:bottom;
width:100%;
text-align:right;
font-size:10px; 
} 

#clear{
clear:both;
}

.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}

.icon{border:0px;
height:32px;
width:32px;
}
.right{
text-align: right; }
#button1
{
  display: block;
  width: 264px;
  height: 26px;
  background: url("images/buttons/first.png") no-repeat 0 0;

}

#button1:hover
{ 
  background-position: 0 -26px;
}

#button1 span
{
  display: none;
}

#button2
{
  display: block;
  width: 264px;
  height: 26px;
  background: url("images/buttons/second.png") no-repeat 0 0;

}

#button2:hover
{ 
  background-position: 0 -26px;
}

#button2 span
{
  display: none;
}

#button3
{
  display: block;
  width: 264px;
  height: 26px;
  background: url("images/buttons/third.png") no-repeat 0 0;

}

#button3:hover
{ 
  background-position: 0 -26px;
}

#button3 span
{
  display: none;
}

#button4
{
  display: block;
  width: 264px;
  height: 26px;
  background: url("images/buttons/fourth.png") no-repeat 0 0;

}

#button4:hover
{ 
  background-position: 0 -26px;
}

#button4 span
{
  display: none;
}

.b1, .b2, .b3, .b4{font-size:1px; overflow:hidden; display:block;}
.b1 {height:1px; background:#fff; margin:0 5px; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70); -moz-opacity: 0.70;}
.b2 {height:1px; background:#000; border-right:2px solid #fff; border-left:2px solid #fff; margin:0 3px; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70); -moz-opacity: 0.70;}
.b3 {height:1px; background:#000; border-right:1px solid #fff; border-left:1px solid #fff; margin:0 2px; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70); -moz-opacity: 0.70;}
.b4 {height:2px; background:#000; border-right:1px solid #fff; border-left:1px solid #fff; margin:0 1px; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70); -moz-opacity: 0.70;}
.contentb {background: #000; border-right:1px solid #fff; border-left:1px solid #fff; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70); -moz-opacity: 0.70;}
.contentb div {margin-left: 5px; padding-left:10px; padding-right:10px; padding-top:10px; padding-bottom:10px; vertical-align: middle;}

a:link.footer{
color:#666;
text-decoration:none;}
a:visited.footer{
color:#666;
text-decoration:none;}
a:hover.footer{
color:#fff;
text-decoration:none;}


a:link.prominent{
color:#666;
text-decoration:none;
font-size:2em;}
a:visited.prominent{
color:#666;
text-decoration:none;
font-size:2em;}
a:hover.prominent{
color:#fff;
text-decoration:none;
font-size:2em;}

.tux{height:50px;
width:100px;
vertical-align:middle;
text-align:right; 
}

.thumb{
border:0px;
width:155px;
height:200px;
margin-left:5px;
margin-right:5px;
margin-top:5px;
margin-bottom:5px;}

.thumb-wide{
border:0px;
width:259px;
height:200px;
margin-left:5px;
margin-right:5px;
margin-top:5px;
margin-bottom:5px;}

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.toggleopacity img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
-moz-opacity: 0.7;
width:240px;
height:201px;
} 

.toggleopacity:hover img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1;
width:240px;
height:201px;
} 

.toggleopacity img{
border: 1px solid #ccc;
width:240px;
height:201px;}

.web{
border:0px;
margin-left:42px;
margin-bottom:42px;
}

.prominent{
color:#666;
text-decoration:none;
font-size:2em;}

.center{
text-align:center; }

h1 {
margin-top:-1px;}

p span.hide { display:none; }


#contact-area {
	width: 600px;
	margin-top: 25px;
	margin-right:auto;
margin-left:auto;
}

#contact-area input, #contact-area textarea {
	padding: 5px;
	width: 471px;
	font-family: Helvetica, sans-serif;
	font-size: 1.4em;
	margin: 0px 0px 10px 0px;
	border: 2px solid #ccc;
}

#contact-area textarea {
	height: 90px;
}

#contact-area textarea:focus, #contact-area input:focus {
	border: 2px solid #900;
}

#contact-area input.submit-button {
	width: 100px;
	float: right;
}

label {
	float: left;
	text-align: right;
	margin-right: 15px;
	width: 100px;
	padding-top: 5px;
	font-size: 1.4em;
}
.toplogo{
float:left;
width:500px;
height:313px;
border:0px;
vertical-align:top;}