* {
margin : 0;
padding : 0;
border : 0;
}
a:link {
text-decoration : none;
color : #ffffff;
}
a:visited {
text-decoration : none;
color : #ffffff;
}
a:hover {
text-decoration : underline;
color : #536f70;
}
body {
font-family : tahoma, arial, sans-serif;
font-size : 85%;
letter-spacing : 0.05em;
background : #172b32;
color : #ffffff;
}
#container {
width : 804px;
height : 604px;
border : 2px solid #ffffff;
z-index : 1;
background : #536f70;
left : 40px;
position : absolute;
top : 49px;
}

#container div {
position : absolute;
top : 60px;
right : 0;
width : 300px;
height : 560px;
z-index:102;
overflow : auto;
}

#container div.project {
position : relative;
top: 490px;
left:500px;
width : 260px;
height : 70px;
margin-right: 40px;
}


#container div ul {
width : 260px;
}
#container a:link {
text-decoration : none;
color : #fff;
}
#container a:visited {
text-decoration : none;
color : #fff;
}
#container a:hover {
text-decoration : underline;
color : #172b32;
}
.active {
text-decoration : underline;
color : #172b32;
cursor : pointer;
}
.active1 {
text-decoration : underline;
color : #536f70;
cursor : pointer;
}
.active2 {
text-decoration : underline;
cursor : pointer;
}
p.title {
font-weight : bold;
text-align : left;
margin : 20px 40px;
}
p.title1 {
font-weight : bold;
text-align : left;
margin-right : 40px;
}
p.title2 {
font-weight : bold;
text-align : left;
font-size : 80%;
}
p.title3 {
font-weight : bold;
text-align : left;
margin-right : 40px;
font-size : 80%;
margin-top : 10px;
}
p.description {
text-align : left;
margin-top : 10px;
margin-right : 40px;
}
p.description2 {
text-align : left;
margin-right : 40px;
}
p.description3 {
font-size : 80%;
margin-right : 40px;
text-align : left;
margin-bottom : 10px;
}
p.gallery {
font-weight : bold;
margin-left : 40px;
margin-top : 490px;
}

#menu {
width : 150px;
height : 604px;
position : absolute;
top : 50px;
left : 844px;
text-align : right;
padding-right : 7px;
}

p.menu2 {
font-size : 80%;
}

#logo {
border : 0;
z-index : 10;
left : 101px;
position : absolute;
top : 9px;
height : 64px;
width : 172px;
}

#gallery {
position : absolute;
z-index : 101;
top : 40px;
left : 40px;
width : 500px;
height : 600px;
margin : 10px auto 0 auto;
border : 0;
}


#gallery ul {
padding : 0;
margin : 0;
list-style-type : none;
}
#gallery a:link {
color : #ffffff;
}
#gallery a.gallery span {
position : absolute;
width : 1px;
height : 1px;
top : -1px;
left : -1px;
overflow : hidden;
background : #fff;
}
#gallery a.gallery, #container a.gallery:visited {
display : block;
color : #000;
text-decoration : none;
border : 1px solid #fff;
margin : 5px 2px 5px 2px;
text-align : left;
}
#gallery a.slidea {
background : url(img/image_t.jpg);
height : 30px;
width : 30px;
overflow : hidden;
}
#gallery a.slideb {
background : url(img/image_t.jpg);
height : 30px;
width : 30px;
}
#gallery a.slidec {
background : url(img/image_t.jpg);
height : 30px;
width : 30px;
}
#gallery a.slided {
background : url(img/image_t.jpg);
height : 30px;
width : 30px;
}
#gallery a.slidee {
background : url(img/image_t.jpg);
height : 30px;
width : 30px;
}
#gallery a.slidef {
background : url(img/image_t.jpg);
height : 30px;
width : 30px;
}

#gallery a.slideg {
background : url(img/image_t.jpg);
height : 30px;
width : 30px;
}
#gallery a.slideh {
background : url(img/image_t.jpg);
height : 30px;
width : 30px;
}

#gallery a.slidei {
background : url(img/image_t.jpg);
height : 30px;
width : 30px;
}
#gallery a.slidej {
background : url(img/image_t.jpg);
height : 30px;
width : 30px;
}


#gallery a.slidek {
background : url(img/image_t.jpg);
height : 30px;
width : 30px;
}
#gallery a.slidel {
background : url(img/image_t.jpg);
height : 30px;
width : 30px;
}
#gallery a.slidem {
background : url(img/image_t.jpg);
height : 30px;
width : 30px;
}
#gallery a.sliden {
background : url(img/image_t.jpg);
height : 30px;
width : 30px;
}
#gallery a.slideo {
background : url(img/image_t.jpg);
height : 30px;
width : 30px;
}
#gallery a.slidep {
background : url(img/image_t.jpg);
height : 30px;
width : 30px;
}
#gallery a.slideq {
background : url(img/image_t.jpg);
height : 30px;
width : 30px;
}
#gallery a.slider {
background : url(img/image_t.jpg);
height : 30px;
width : 30px;
}
#gallery a.slides {
background : url(img/image_t.jpg);
height : 30px;
width : 30px;
}




#gallery ul {
width : 350px;
height : 80px;
margin : 490px 46px;
float : left;
}
#gallery li {
float : left;
}
#gallery a.gallery:hover {
border : 1px solid #172b32;
color : #172b32;
}
#gallery a.gallery:hover span {
position : absolute;
width : 420px;
height : 420px;
top : 60px;
left : 40px;
color : #fff;
background : #536f70;
}
#gallery a.gallery:hover span.image {
position : absolute;
width : 420px;
height : 420px;
top : 60px;
left : 40px;
color : #fff;
background : #536f70;
}
#gallery a.gallery:hover span.name {
position : absolute;
top : 60px;
left : 500px;
font-weight : bold;
text-align : left;
background : #536f70;
width : 260px;
height : 300px;
color : #fff;
margin-bottom : 10px;
}
#gallery a.gallery:hover span.description3 {
position : relative;
text-align : right;
font-weight : bold;
font-size : 80%;
top : 20px;
left : 2px;
width : 258px;
background : #536f70;
color : #172b32;
}
#gallery a.gallery:hover img {
border : 1px solid #fff;
float : left;
}
#footer {
font-size : 85%;
color : #536f70;
text-align : right;
width : 804px;
height : 49px;
position : absolute;
top : 654px;
left : 41px;
padding-top : 5px;
}