/* CSS Document */

body {
background-image: url("images/Background.gif");
background-repeat: repeat-x;
margin: 0;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}
#title {
color: #0099FF;
text-align: left;
font-style: italic;
font-size: 30px;
padding: 12px 0 0 30px;
font-family: "Times New Roman", Times, serif;
float: left;
width: 370px;
}
#sub-title {
float: left;
font-size: 20px;
padding: 20px 0 0 0;
color: #999;
}
#banner {
width: 800px;
height: 60px;
background-color: #fff;
margin: 20px auto;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
border: 1px solid #333;
-webkit-box-shadow: 6px 6px 6px #444;
-moz-box-shadow: 6px 6px 6px #444;
box-shadow: 6px 6px 6px #444;
behavior: url(PIE.htc);
}
#container {
position: relative;
width: 800px;
margin: auto;
/*border: 2px solid #66FF66;*/
}
#left-column {
float: left;
width: 320px;
/* background-color: #FF9;*/
}
.introduction {
/* position: absolute;
top: 30px;
left: 0px; */
margin: 30px 0 0 0;
border: 1px solid #666;
padding: 10px;
width: 300px;
/*height: 55px;*/
background-color: #e6e6e6;
background: -webkit-gradient(linear, 0 0, 0 100%, from(#f2f2f2), color-stop(90%, #ddd), color-stop(100%, #bbb));
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
-pie-border-radius: 6px;
-pie-background: linear-gradient(#dfe4ee, #c3cddf);
behavior: url(PIE.htc);
}
.contact {
margin: 30px 0 0 0;
border: 1px solid #666;
padding: 10px;
background-color: #e6e6e6;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
-pie-border-radius: 6px;
behavior: url(PIE.htc);
}
#MSL-screenshot {
position: absolute;
top: 30px;
right: 0;
}
#MSL-screenshot img {
border: 1px solid #009;
}

#browsers {
position: absolute;
top: 500px;
left: 230px;
border: 2px solid #bbb;
padding: 10px;
background-color: #e6e6e6;
/*background: -webkit-gradient(linear, 0 0, 0 100%, from(#eee), to(blue));*/
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
-pie-border-radius: 6px;
behavior: url(PIE.htc);
}

#browsers a {
color: #000;
line-height: 18px;
}
#browsers a:hover {
color: #c00;
}





#menu {
width: 800px;
height: 30px;
background-color: #ccc;
margin: auto;
font-size: 13px;
}
#menu li {
float: left;
list-style-type: none;
}
#menu a {
color: #000;
text-decoration: none;
padding: 8px;
display: block;
margin: 0 1px 0 0;
}
#menu a:hover {
background-color: #6cf;
}