/************************************************
author: RGB Lab
url: www.rgblab.net
email: info@rgblab.net
file name: css/layout.css
file version: 1.0
file description: 
************************************************/

body{
background-color:#ffffff;
color:#444444;
font-family:arial, sans-serif;
font-size:13px;
margin:0px 0px 0px 0px;
background-image:url(../images/stripes.jpg);
}

#wrapper{
background-color:#f8f8f8;
margin:0px auto;
width:898px;
}

#logo{
float:left;
/*height:35px;*/
margin:30px 0px 10px 0px;
padding:0px 10px 0px 10px;
text-align:left;
width:205px;
}

#menu{
border-left:1px solid #cccccc;
float:left;
/*height:35px;*/
margin:30px 0px 10px 0px;
padding:10px 10px 10px 10px;
text-align:justify;
/*width:578px;*/
}

#menu ul{
list-style:none;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}

#menu li{
display:inline;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
background-image:url(../images/f8f8f8.jpg);
}

#menu li a{
font-size:14px;
font-weight:bold;
padding:2px 5px 1px 5px;
}

#menu li a:link{
color:#555555;
font-size:14px;
font-weight:bold;
padding:2px 5px 1px 5px;
text-decoration:none;
}

#menu li a:visited{
color:#555555;
font-size:14px;
font-weight:bold;
text-decoration:none;
}

#menu li a:hover{
background-color:#00bbff;
color:#ffffff;
}

#menu li a:active{
color:#555555;
font-size:14px;
font-weight:bold;
text-decoration:none;
}

.selected a{
background-color:#00bbff;
color:#ffffff;
padding:2px 5px 1px 5px;
}

#container{
border-bottom:1px solid #cccccc;
border-top:1px solid #cccccc;
height:330px;
margin:0px;
padding:0px;
}

#welcome{
background-image:url(../images/splash.jpg);
height:310px;
margin:10px 0px 10px 0px;
padding:0px;
text-align:right;
}

#welcome h1{
color:#00bbff;
font-size:24px;
margin:0px;
padding:250px 40px 0px 0px;
}

#left{
float:left;
margin:10px 0px 10px 0px;
padding:0px 10px 0px 10px;
text-align:justify;
width:580px;
}

#left_for_image{
float:left;
margin:0px;
padding:0px;
width:600px;
}

#left_no_padding{
float:left;
margin:10px 0px 15px 0px;
padding:0px;
text-align:justify;
width:600px;
}

#right{
float:left;
margin:10px 0px 10px 0px;
padding:0px 10px 0px 10px;
text-align:justify;
width:278px;
}

#right_with_border{
border-left:1px solid #cccccc;
float:left;
height:310px;
margin:10px 0px 10px 0px;
padding:0px 0px 0px 10px;
text-align:justify;
width:277px;
}

#wide{
border-top:1px solid #cccccc;
padding:10px 10px 10px 10px;
}

#wide p{
padding:0px 0px 10px 0px;
}

#footer{
border-top:1px solid #cccccc;
}

#footer p{
color:#999999;
padding:25px 0px 25px 0px;
text-align:center;
}

#footer a{
color:#999999;
font-weight:normal;
text-decoration:underline;
}

#footer a:hover{
background-color:#fefefe;
color:#000000;
font-weight:normal;
text-decoration:none;
}

.clear{
clear:both;
}

/* page elements */

p{
margin:0px;
padding:5px 0px 5px 0px;
}

p a{
color:#00bbff;
font-weight:bold;
text-decoration:underline;
}

p a:hover{
background-color:#00bbff;
color:#000000;
text-decoration:none;
}

h1{
margin:0px;
padding:0px;
}

h2{
color:#00bbff;
font-size:14px;
font-weight:bold;
margin:0px;
padding:7px 0px 7px 15px;
}

h3{
color:#00bbff;
font-size:14px;
font-weight:bold;
margin:0px;
padding:5px 0px 5px 15px;
}

ul{
margin:0px;
padding:5px 0px 5px 0px;
}

li{
margin:0px;
padding:0px 0px 0px 20px;
list-style-type:none;
background:url(../images/bullet.jpg) 0px 4px no-repeat;
}

.black{
color:#000000;
font-weight:bold;
}

/* previous versions */

.prev{
float:left;
padding:10px 0px 10px 0px;
width:449px;
}

/* image thumbs */

.overview div{
float:left;
height:140px;
margin:0px;
padding:0px 0px 10px 10px;
width:138px;
}

.overview a img{
border:1px solid #cccccc;
-moz-opacity:.50;
filter:alpha(opacity=50);
opacity:.50;
}

.overview a:hover img{
border:1px solid #00bbff;
-moz-opacity:.99;
filter:alpha(opacity=99);
opacity:.99;
}

/* elements in contact form*/

#form_body{
/*margin-top:10px;*/
}

#form_body td{
padding:5px 0px 5px 0px;
vertical-align:top;
}

/*#form_body div{
padding:5px 0px 5px 0px;
}*/

/*#form_body span{
display:inline-block;
vertical-align:top;
width:100px;
}*/

#form_body input, textarea{
font-family:arial, sans-serif;
font-size:13px;
width:250px;
}

#form_body .button{
color:#00bbff;
font-size:14px;
font-weight:bold;
width:75px;
}