<!--
html {overflow-y:hidden; }
body {overflow: hidden; margin-top:0px; color: #978108; font-family:Arial, Helvetica, sans-serif;  font-size:18px; font-weight:bold}
#wrapper {
	display: block;
    margin-left: auto;
    margin-right: auto;
	width:683px;
	height:1000px;
	background: url(/images/shopi.png) no-repeat center 30px;
}
#wrapper ul {color: #6d5d07}
.links {text-align:left; width:630px;  font-family:Arial, Helvetica, sans-serif; font-size:10px}
 a {color:#978108; text-decoration:none}
 a:visited {color:#978108}
 a:hover {color:white}
p {margin: 0 65px 0; color: #534916;font-size: 12px}
p a {color: #534916; text-decoration:none}
p a:visited {color: #534916}
p a:hover {color:white}
p span {color:black}
h1 {margin-left: 45px; color: #534916; font-size: 22px}
input {width:200px; border:#978108 solid 1px; background:white; height:20px; margin-bottom:5px}
textarea {width:200px; border:#978108 solid 1px; background:white; height:40px; margin-bottom:5px}
ul {
	list-style:none;
padding-top:75px;
padding-bottom:0px;
margin-left: 35px;

}
li {margin-left:-10px}
#skype {float:right; padding: 165px 50px 0 0}
#logo {float:right; 
width:220px; 
height: 100px;  
cursor:pointer;
margin-top:75px;
margin-right: 35px;
}
#aboutp { background:url(about.png) no-repeat 70px 5px;
}
#about{ height:183px; width: 355px; font-weight:normal}
img {border:0}

.mypets{ /*header of 1st demo*/
cursor: hand;
cursor: pointer;
padding: 0;
margin: 0 0 2px 65px;
font-size:12px;
line-height:13px;
width:150px; color:#534916
}

.openpet{ /*class added to contents of 1st demo when they are open*/

}

.technology{ /*header of 2nd demo*/
cursor: hand;
cursor: pointer;
font: bold 14px Verdana;
margin: 10px 0;
}


.openlanguage{ /*class added to contents of 2nd demo when they are open*/
color: green;
}

.closedlanguage{ /*class added to contents of 2nd demo when they are closed*/
color: red;
}
.hidden {height:font-size:11px; font-weight:normal}
.hidden img {float:left; margin: 5px 10px 5px 0;}
-->