/* GENERAL STYLES */

body {
color: #666666;
font-family: Lucida Grande, Geneva, Verdana, sans-serif;
background: url(../images/wallpaper.gif) repeat-x;
Font-size: 101%;
}

a {
color: #3399CC;
text-decoration: none;
}

a:hover {
color: #666666;
border-bottom: #666666 1px dotted;
}

.foot {
color: #fff;
}

.foot a {
color: #CCCCCC;
}

.foot a:hover {
color: #fff;
}

h1{
font-size: 1.2em;
color: #CC0000;
line-height: 1em;
margin-bottom: 10px;
}

.input {
font-size: 0.7em;
line-height: 1.4em;
}


/* LAYOUT */

#horizon {
background-color: transparent;
position: absolute;
top: 40px;
left: 0px;
width: 100%;
margin: 0;
text-align: center;
min-width: 560px; 
}

#wrapper {
margin: 0px auto;
background: url(../images/frame.gif) no-repeat;
position: relative;
text-align: left;
width: 760px;
height: 560px;
}

#wrapper_2 {
margin: 0px auto;
background: url(../images/frame_2.gif) no-repeat;
position: relative;
text-align: left;
width: 760px;
height: 560px;
}

#wrapper_3 {
margin: 0px auto;
background: url(../images/frame_3.gif) no-repeat;
position: relative;
text-align: left;
width: 760px;
height: 560px;
}

#date {
position: absolute;
background: transparent;
top: 135px;
left: 29px;
width: 250px;
height: 20px;
padding-left: 14px;
padding-top: 4px;
overflow: visible;
}

#text-edit-home {
position: absolute;
background: transparent;
top: 170px;
left: 41px;
width: 502px;
height: 361px;
padding-left: 3px;
margin: 0;
overflow: auto;
}

#text-edit {
position: absolute;
background: transparent;
top: 170px;
left: 41px;
width: 502px;
height: 350px;
padding-left: 3px;
border-bottom: 1px #CCCCCC solid;
margin: 0;
overflow: auto;
}

#nav {
position: absolute;
background-color: transparent;
top: 133px;
left: 585px;
width: 175px;
height: 105px;
}

#niceic {
position: absolute;
background-color: #B30000;
top: 29px;
left: 643px;
width: 83px;
height: 82px;
}

#footer {
position: absolute;
background-color: transparent;
top: 533px;
left: 20px;
width: 720px;
height: 21px;
text-align: center;
padding-top: 5px;
}


/*ROLL-OVERS*/

#home a {
text-indent: -1000em;
background: url(../images/home.gif) no-repeat left top;
width: 174px;
height: 25px;
margin: 1px 0 1px 0;
display: inline;
float: left;
overflow: hidden; /* For nested divs in Safari */
}

/*  IE 5 hack \*/
#home a {overflow: hidden;}
/* end hack */ 

#home a:hover {
background-position: -174px 0px;
border-bottom: 0;
}

#home-on {
background: url(../images/home_on.gif) no-repeat left top;
width: 174px;
height: 25px;
display: inline;
margin: 1px 0 1px 0;;
float: left;
}

#services a {
text-indent: -1000em;
background: url(../images/services.gif) no-repeat left top;
width: 174px;
height: 25px;
margin-bottom: 1px;
display: inline;
float: left;
overflow: hidden; /* For nested divs in Safari */
}

/*  IE 5 hack \*/
#services a {overflow: hidden;}
/* end hack */ 

#services a:hover {
background-position: -174px 0px;
border-bottom: 0;
}

#services-on {
background: url(../images/services_on.gif) no-repeat left top;
width: 174px;
height: 25px;
display: inline;
margin-bottom: 1px;
float: left;
}

#projects a {
text-indent: -1000em;
background: url(../images/projects.gif) no-repeat left top;
width: 174px;
height: 25px;
margin-bottom: 1px;
display: inline;
float: left;
overflow: hidden; /* For nested divs in Safari */
}

/*  IE 5 hack \*/
#projects a {overflow: hidden;}
/* end hack */ 

#projects a:hover {
background-position: -174px 0px;
border-bottom: 0;
}

#projects-on {
background: url(../images/projects_on.gif) no-repeat left top;
width: 174px;
height: 25px;
display: inline;
margin-bottom: 1px;
float: left;
}

#contact a {
text-indent: -1000em;
background: url(../images/contact.gif) no-repeat left top;
width: 174px;
height: 25px;
display: inline;
float: left;
overflow: hidden; /* For nested divs in Safari */
}

/*  IE 5 hack \*/
#contact a {overflow: hidden;}
/* end hack */ 

#contact a:hover {
background-position: -174px 0px;
border-bottom: 0;
}

#contact-on {
background: url(../images/contact_on.gif) no-repeat left top;
width: 174px;
height: 25px;
display: inline;
float: left;
}

.niceic a {
text-indent: -1000em;
background: url(../images/niceic.gif) no-repeat left top;
width: 83px;
height: 82px;
display: inline;
float: left;
overflow: hidden; /* For nested divs in Safari */
}

.niceic a:hover {
border-bottom: 0;
}