/* CSS Document */
body {
margin:0px;
font-family:"Trebuchet MS",arial,helvetica,verdana;
font-size:16px;
background-color:#CCCCCC;
padding-bottom:20px;
}
p {
margin:0 0 8px 0;
}
ul,li {
margin:0px;
padding:0px;
list-style:none;
}
a,a:link,a:hover {
color:#800000;
}
a:focus,a:active,a:visited {
color:#666666;
}
/*-----------------------------------------
									Global
-----------------------------------------*/
h1#logo {
display:block;
width:339px;
height:131px;
text-indent:-9999px;
margin:0px;
padding:0px;
}
h1#logo a {
display:block;
width:339px;
height:131px;
background-image:url(../i/logo.gif);
background-position:top left;
background-repeat:no-repeat;
text-decoration:none;
}
h2#tag {
display:block;
width:550px;
height:33px;
background-image:url(../i/tagline.gif);
background-position:top left;
background-repeat:no-repeat;
text-indent:-9999px;
margin:20px 0 0 210px;
padding:0px;
}
.clearfix {
display:block;
clear:both;
font-size:0px;
}
/*-----------------------------------------
									Containers
-----------------------------------------*/
#container {
width:770px;
padding:15px;
margin:30px 0px;
background-color:#fff;
}
#container-header {
padding-bottom:26px;
}
#container-col-left {
float:left;
width:190px;
padding-right:20px;
background-color:#fff;
}
#container-main {
float:left;
width:560px;
background-color:#fff;
}
/*-----------------------------------------
									Col Left
-----------------------------------------*/
#nav-left {
width:140px;
}
#nav-left li {
margin-bottom:12px;
}
#nav-left li a {
color:#800000;
text-decoration:none;
}
#nav-left li a:hover {
text-decoration:underline;
}
#nav-left li a#on {
text-decoration:none;
font-weight:bold;
color:#000;
}
/*-----------------------------------------
									Main
-----------------------------------------*/
#container-main h3 {
color:#800000;
font-size:16px;
font-weight:bold;
margin:0 0 8px 0;
}
ul.database  {
padding-left:12px;
padding-bottom:8px;
width:120px;
float:left;
}
#container-main h3.data {
margin-bottom:0px;
font-size:14px;
}
span.accent {
color:#800000;
font-weight:bold;
}
#container-main hr {
border:0px;
background-color:#800000;
height:1px;
}
ul#contact-form {
float:left;
width:500px;
}
ul#contact-form li {
float:left;
width:500px;
height:40px;
}
ul#contact-form span.left {
width:200px;
display:block;
float:left;
}
ul#contact-form input,ul#contact-form select,ul#contact-form textarea {
float:left;
border:1px solid #757DA4;
}
ul#screenshots li {
margin-bottom:20px;
}
ul#screenshots img {
border:1px solid #000;
}