/* CSS Document */
*{
margin:0px;
padding:0px;
font-family:Arial;
font-size:14px;
}

a{
color:#990000;
}

body{
background-color:#302811;
}

#wrapper{
width:960px;
margin:0px auto;
}

#header{
background-color:#FFFFFF;
height:120px;
}

#logo{
margin-top:20px;
margin-left:30px;
float:left;
}

#navigation{
float:right;
margin-top:90px;
}

#navigation ul{
list-style:none;
margin-right:30px;
}

#navigation ul li{
float:left;
display:block;
padding:10px;
padding-bottom:4px;
margin-right:10px;
background-color:#fad261;
}

#navigation ul li a{
color:#302811;
text-decoration:none;
font-weight:bold;
}

#bar{
width:100%;
height:20px;
background-color:#941912;

}

#add-news{
float:right;
}

#add-news img{
border:none;
}

#content
{
width:100%;
background-image:url(images/bg.jpg);
background-color: #FFFFFF;
background-repeat:repeat;
min-height:600px;
padding-bottom:20px;
_height:600px;
}

#aboutus{
background-image:url(images/foreground.jpg);
background-repeat:repeat;
width:397px;
height:317px;
margin-top:90px;
margin-left:213px;
_margin-left:106px;
float:left;

}
#aboutus h2, #products h2, #terms h2, #contactus h2, #login h2, #product-info h2, #news h2{
padding:20px;
padding-top:20px;
padding-bottom:10px;
}

#terms h3, #terms p{
padding:20px;
padding-top:5px;
padding-bottom:5px;
}

#aboutus p{
padding:20px;
padding-top:10px;
}

#aboutus .first{
width:50%;
padding-top:10px;
}

#products, #terms, #contactus, #login, #product-info, #news{
margin:60px auto;
width:50%;
background-image:url(images/fg.jpg);
border:#941912 medium dashed;
height:250px;
}

#products{
height:auto;
}

#terms{
height:auto;
}

#screenshots{
float:left;
padding:10px;
}

#product-info{
width:87%;
min-height:551px;
padding:20px;
}

#features{
width:30%;
padding-left:40px;
padding-right:20px;
float:left;
line-height:20px;
border-right:#999933 dotted thin;
}

#features ul{
list-style:url(images/list.png);
}

#function-tray{
float:right;
padding:35px;

text-align:left;
line-height:25px;
background-color:#c4ed9a;
border:#999933 dotted thin;
}
#function-tray ul{
list-style:none;
}

#function-tray a{
color:#990000;

}


#news, #product-info{
height:auto;
}

#login{
height:250px;
}

#contactus{
height:470px;
}

#products table, #news table, #login table{
width:100%;
border-top:#CCCC66 thin dotted;
}

#products table td, #news table td, #login table td{
padding:20px;
padding-top:10px;

}

#contactus dl{
display:block;
height:292px;
margin-left:50px;
margin-top:20px;
position:relative;
width:350px;
}

#contactus dt{
clear: both;
float:left;
width: 140px;
padding: 0px 0 2px 0;
text-align: left;
}

#contactus dd{
float: left;
  width: 200px;
  margin: 0 0 8px 0;
  padding-left: 6px;
}
.hint {
  display:none;
  position: absolute;
  right: -250px;
  width: 200px;
  margin-top: -4px;
  border: 1px solid #c93;
  padding: 10px 12px;
  background-color: #ffc;
}
.hint .hint-pointer {
    position: absolute;
    left: -10px;
    top: 5px;
    width: 10px;
    height: 19px;
    background: url(../images/pointer.gif) left top no-repeat;
}
#contactform_errorloc, #loginform_errorloc, #newsform_errorloc{
padding-top:5px;
padding-left:20px;
color:#993300;
font-size:0.75em;
margin:10px;
width:40%;}
#products table td h3{
margin-bottom:10px;
}

#products table td img{
float:left;
}

#products table td p{
float:left;
padding-left:15px;
}

#mobile{
float:left;
background-image:url(images/mobile.png);
background-repeat:no-repeat;
width:189px;
height:386px;
margin-top:50px;
}

#footer{
width:100%;
height:40px;
background-color:#ffe984;
border-top:medium #941912 solid;

}


#footer ul{
margin:10px auto;
display:block;
width:450px;
list-style:none;
}

#footer ul li{
float:left;
padding:5px;
padding-top:0px;
padding-bottom:0px;
}

#footer ul li a{

text-decoration:none;
color:#990033;
}

#err-message{
text-align:center;
color:#990000;
}

#address{
padding:20px;
float:right;
}

.borderright{
border-right:#990033 solid thin;
}

.red{
color:#CC3333;
}

.highlight{
color:#990000;
font-weight:bold;
}

#picture-slides-frame{
margin:37px;
height:96px;
}

#picture-slides-frame img{
width:130px;
height:130px;
}
#picture-slides-container{
	/* Width HAS to be here for IE to render the filter */
	width: 100%;
}

#picture-slides-image{
	float: left;
}

#screencast-but{
width:100%;
text-align:center;

}

#screencast-but img{
border:none;
}