ul#continents {
	list-style: none;
	background: url(../images/map.png) no-repeat 0 0;
	position: relative;
	width: 400px;
	height: 200px;	
	margin: 0 auto;
	margin-top: 20px;
	padding: 0;
	overflow: hidden;
}

ul#continents li {
	position: absolute;
}

ul#continents li a{
	display: block;
	height: 100%;
	text-indent: -9000px;
}

#northamerica {
	width: 168px;
	height: 101px;
	top: 7px;
	left: 2px;
}

#southamerica {
	width: 64px;
	height: 98px;
	top: 100px;
	left: 67px;
}

#africa {
	width: 90px;
	height: 103px;
	top: 66px;
	left: 152px;
}

#europe {
	width: 95px;
	height: 61px;
	top: 7px;
	left: 152px;
}

#asia {
	width: 160px;
	height: 123px;
	top: 10px;
	left: 206px;
}

#oceania {
	width: 77px;
	height: 66px;
	top: 118px;
	left: 318px;
}

ul#continents li a:hover {
	background: url(../images/map.png) no-repeat 0 0;
}

ul#continents li#northamerica a:hover {
	background-position: -3px -205px;
}

ul#continents li#southamerica a:hover {
	background-position: -179px -205px;
}

ul#continents li#africa a:hover {
	background-position: -153px -313px;
}

ul#continents li#europe a:hover {
	background-position: -13px -322px;
}

ul#continents li#asia a:hover {
	background-position: -266px -207px;
}

ul#continents li#oceania a:hover {
	background-position: -304px -342px;
}

@media only screen and (max-width: 450px)
{
    .mapSelect
    {
        width:310px;
    }

    ul#continents li a:hover {
        background: url(../images/map.png) no-repeat 0 0;
        background-size:310px 310px;
    }

    #northamerica {
        width: 122px;
        height: 73.73px;
        top: 5px;
        left: 1px;
    }

    #southamerica {
        width: 47px;
        height: 72px;
        top: 73px;
        left: 49px;
    }

    #africa {
        width: 66px;
        height: 75px;
        top: 48px;
        left: 111px;
    }

    #europe {
        width: 69px;
        height: 45px;
        top: 5px;
        left: 111px;
    }

    #asia {
        width: 117px;
        height: 90px;
        top: 7px;
        left: 150px;
    }

    #oceania {
        width: 56px;
        height: 48px;
        top: 86px;
        left: 232px;
    }

    ul#continents li#northamerica a:hover {
        background-position: -2px -149px;
    }

    ul#continents li#southamerica a:hover {
        background-position: -130px -149px;
    }

    ul#continents li#africa a:hover {
        background-position: -112px -228px;
    }

    ul#continents li#europe a:hover {
        background-position: -10px -235px;
    }

    ul#continents li#asia a:hover {
        background-position: -194px -151px;
    }

    ul#continents li#oceania a:hover {
        background-position: -222px -250px;
    }

    .mapSelect ul#continents
    {
        background-size:310px 310px;
        width:310px;
        height:148px;
    }

    .countrySelect
    {
        height:160px;
    }

    #contentScroll
    {
        height:160px;
    }
}