/* CSS Document */
*{margin: 0; padding:0;}

/* GENERAL */
a{text-decoration:none; color: #990000;}

a img{border: none;}
ul li{list-style: none;}
h1{font-size:1.6em; line-height: 2em; }
h2{font-size: 1.4em; line-height: 1.8em;}
h3{font-weight: normal; font-size: 1.4em;}
/*p{padding: 10px; font-size: 1.1em; text-align: justify;}*/
/*LAYOUT */
body{ text-align: center; background: #999999; font-family: arial, sans-serif; font-size:10px; line-height: 1.5em; color:#333333;} 
#container{margin: 0 auto; width: 780px !important; width /**/: 795px; height: 600px;padding: 0 10px 0 5px; 
background:transparent url("../img/home3_flat.jpg") no-repeat;
 text-align: left; } /* TODO: take off the height! */
#sidebar{float: left; width:240px; position: relative; }
#sidebar span{float: left; width: 50px; margin-left: 20px;font-weight: bold; color: #990000;  display: inline;}

#content{float: right; width: 530px; padding: 20px 0; position:relative; }
#home #content{background: transparent url(../img/tree2.jpg) 90% bottom  no-repeat; padding:0; min-height: 550px; }

*html #home #content{height: 550px;}
/*end layout*/

/* Classes */
.clear{clear:both; min-height: 1px !important; height: 1px;}
.switch_lan{margin: 5px; display:block; color: #ccc; }
a.switch_lan:hover{color: #dedede;}

img#section{margin: 20px 0 5px 5px; }
img#logo{width:232px; height: 67px; clear: both; margin-left:4px;}

/*About Page */



#project{width: 250px; float: left;  margin-right: 10px; margin-top: 20px;}
#specs{ float: left; margin-top: 25px;}

#content h1{font-family: arial,verdana, sans-serif; text-transform: uppercase; padding: 5px ;margin-bottom: 20px;font-size: 1.4em; }
#content h1 a{padding: 2px 6px; margin-left: 6px;border-left: 1px solid #333; color: #990000; font-size: .9em; font-weight: normal; text-transform: lowercase; }
#content h1 a:hover{color: #dedede;}
#content h2{margin-top: -1em; padding: 0 5px ; color: #666666; font-weight: normal;}

#project img{margin: 5px 5px 3px 5px; border: 1px solid; /*width: 240px; height: 120px;*/}
#project p{padding:5px 10px;  margin-top: 10px; color: #666;}
#specs { text-align: right;/*padding: 0 10px 0 5px;*/ margin:25px 0; padding: 0; width: 240px; line-height: 2em;}
#specs h3{border-right: 4px solid; color: #fff;font-size: 1.4em; padding: 0 5px;  margin: 0; text-transform: capitalize; line-height: 1.5em; font-weight: bold; font-family:Arial, Helvetica, sans-serif; }

#specs p{font-size: 1.1em;  margin: 5px 0; padding: 0 5px; }
#services h2 span{display:none;}

/* IE hack \*/
* html #project_nav {height: 1%;}
/*end hack */
#project_nav{  margin:50px 0 10px 0;padding: 15px 10px 0 0 ; background: url("../img/browse3.gif") no-repeat right top;}

#navbar{  height: 28px;   padding: 19px 0 !important; padding /**/: 23px 0; font-size: 1.1em; line-height: 16px; }

/* Lists */
#menu {  float: left;/*margin-bottom: 9px !important;margin-bottom: 11px; */} /* hack for IE using 'important' */
ul#menu {color: #990000; font-weight: bold;}
#menu li, #images li{display:inline;}
#menu li a{font-weight: bold; color: #333; padding: 2px; font-family: verdana, tahoma, sans-serif;}
#menu li a:hover{color: #ccc; text-decoration:none;}
/*#menu span{color: #990000; font-family: Arial, Helvetica, sans-serif; padding: 5px;}*/

ul#images, .images{padding: 5px 10px; font-size: 1.2em; font-family: Times New Roman, serif; letter-spacing: 1px;font-weight: bold; color:#333;}
span.images{ float: left; font-family: Arial, Helvetica, sans-serif;}
#images li{font-size: 1.2em;padding: 2px 10px; border-right: 1px solid;}
#images li a{color: #333;}
#images li a:hover{color:#666666;}

#skills{padding: 4px 8px ; font-family:Arial, Helvetica, sans-serif; font-size: 1.4em;
color: #fff; margin-bottom:20px; margin-top: 4px;}
#skills li{padding: 3px 18px; background: url("../img/starbullet.gif") left center no-repeat; }

#web h3, #print h3{height: 60px; width: 46px;  position:absolute; left: -50px; top:0;}
#web h3{background:url("../img/web3.gif") no-repeat center left; }
#web h3 span, #print h3 span{display:none;}
#print h3{background:url("../img/print2.gif") no-repeat center left;}
#web, #print{  margin:10px 0; height: 65px; text-align: right; position: relative;}
#web{float: right; max-width: 470px; }

*html #web{width: 470px;}
#print{float: right; margin-top: 30px !important; margin-top /**/:10px;}
#web li, #print li{ margin: 5px 1px;   height: 44px; display:inline; text-align:left; float: left; }
#web li a, #print li a{text-decoration:none; display: block;  background: #dedede;padding: 2px; width: 44px; height: 44px; border: 1px solid #999;}
#web li a:hover, #print li a:hover{border:1px solid #666; }
#print li{ }



/* about us page */
#content h2.welcome{margin-top: 50px; background: url("../img/welcome.jpg") no-repeat center left;
height: 60px;
text-indent:-99999px;}
#about{
margin: 0;
padding: 0 ;
width: 280px;
float: left;
}

#about p{
margin: 20px 0 20px 20px;
padding: 0 20px;
width: 220px !important;
width /**/: 260px;
height: auto;
font-size: 12px;
display: block;
color: #333;
font-family: Arial;
line-height: 18px;

}
#about a{
text-decoration: none;
color: #990000;
}

#about a:hover{
color: #666;
}


#services{
margin-top: 120px;
width: 220px;
height: auto;
border-right: 10px solid #666;
text-align: right;
font-family: Arial, Helvetica, sans-serif;
float: left;
font-size: 1.2em;
color: #fff;
}
#services h2{
margin: 0;
padding: 5px 0;
background: url("../img/service.gif") top right no-repeat;
height: 30px;
}
#services ul{
margin: 0;
padding: 0 5px;
}
#services li{
margin: 0;
padding: 2px;
list-style-type: none;
font-weight: bold;
}

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

/* contact page */

#address{
margin:10px;
padding: 0;
border: 1px solid #999;
height: 196px;
background:#e0e0e0 url("../img/stamp.gif") no-repeat 440px 10px;
}

#address h1{
margin: 25px 0 0 20px;
padding: 0;
font-size: 18px;
color: #999;
width: 150px;
text-transform:none;
}

#address address{
margin: 10px 30px 0 0;
display: block;
font-size: 13px;
line-height: 25px;
text-align: right;
}

p.tel{
margin: 10px 0 ;
padding: 0 30px;
font-size: 11px;
text-align: right;
}