html,body	{
			font-family: "Century Gothic", Arial, sans-serif;
			color:#fff;
			margin: 0;
			padding: 0;

			}
table {
	width: 100%;
	height: 100%;
}

td {
	vertical-align: middle;
	text-align: center;
}
div.border {
	position: relative;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	width: 916px;
	height: 610px;
	border:solid 1px #703583;
	padding-top:100px;
	background-color:#fff;
	
}

div.container {
	position: relative;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	width: 688px;
	height: 488px;
	border:solid 1px #703583;
	padding:12px;
}
div.container_int {
	position: relative;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	width: 711px;
	height: 522px;
}
div.color {
	width:auto;
	height:15px;
	float:right;
	padding-right:10px;
	margin-top:-90px;
	cursor:pointer;
}
img {border:0;}

div.contact {

	width:81px;
	height:91px;
	margin-right:25px;
	margin-top:-10px;
	background-color:transparent;
	background-image: url(i/contact.gif);
	background-repeat: no-repeat;
	background-position: 0;
	float:right;
}
div.contact:hover {
	background-color:transparent;
	background-image: url(i/contact.gif);
	background-repeat: no-repeat;
	background-position: -81px;
}
div.clients {
	width:81px;
	height:91px;
	margin-right:20px;
	margin-top:-10px;
	background-color:transparent;
	background-image: url(i/clients.gif);
	background-repeat: no-repeat;
	background-position: 0;
	float:right;
}
div.clients:hover {
	background-color:transparent;
	background-image: url(i/clients.gif);
	background-repeat: no-repeat;
	background-position: -81px;
}
div.fun {
	width:83px;
	height:91px;
	margin-right:20px;
	margin-top:-10px;
	background-color:transparent;
	background-image: url(i/fun.gif);
	background-repeat: no-repeat;
	background-position: 0;
	float:right;
}
div.fun:hover {
	background-color:transparent;
	background-image: url(i/fun.gif);
	background-repeat: no-repeat;
	background-position: -83px;
}

/* Main Button Links */
.button > a{display:block;width:164px;height:156px;}
div.button1 {
	width:164px;
	height:156px;
	float:left;
	margin-right:8px;
	padding-top:5px;
	background-color:transparent;
	background-image: url(i/1.gif);
	background-repeat: no-repeat;
	background-position: 0;
}
div.button2 {
	width:164px;
	height:156px;
	float:left;
	margin-right:8px;
	padding-top:5px;
	background-color:transparent;
	background-image: url(i/2.jpg);
	background-repeat: no-repeat;
	background-position: 0;
}
div.button3 {
	width:164px;
	height:156px;
	float:left;
	margin-right:8px;
	padding-top:5px;
	background-color:transparent;
	background-image: url(i/3.jpg);
	background-repeat: no-repeat;
	background-position: 0;
}
div.button4 {
	width:164px;
	height:156px;
	float:left;
	margin-right:8px;
	padding-top:5px;
	background-color:transparent;
	background-image: url(i/4.gif);
	background-repeat: no-repeat;
	background-position: 0;
}
div.button5 {
	width:164px;
	height:156px;
	float:left;
	margin-right:8px;
	padding-top:5px;
	background-color:transparent;
	background-image: url(i/logo.gif);
	background-repeat: no-repeat;
	background-position: 0;
}
div.button6 {
	width:164px;
	height:156px;
	float:left;
	margin-right:8px;
	padding-top:5px;
	background-color:transparent;
	background-image: url(i/6.jpg);
	background-repeat: no-repeat;
	background-position: 0;
}
div.button7 {
	width:164px;
	height:156px;
	float:left;
	margin-right:8px;
	padding-top:5px;
	background-color:transparent;
	background-image: url(i/7.jpg);
	background-repeat: no-repeat;
	background-position: 0;
}
div.button8 {
	width:164px;
	height:156px;
	float:left;
	margin-right:8px;
	padding-top:5px;
	background-color:transparent;
	background-image: url(i/8.gif);
	background-repeat: no-repeat;
	background-position: 0;
}
div.button9 {
	width:164px;
	height:156px;
	float:left;
	margin-right:8px;
	padding-top:5px;
	background-color:transparent;
	background-image: url(i/9.jpg);
	background-repeat: no-repeat;
	background-position: 0;
}
div.button10 {
	width:164px;
	height:156px;
	float:left;
	margin-right:8px;
	padding-top:5px;
	background-color:transparent;
	background-image: url(i/10.gif);
	background-repeat: no-repeat;
	background-position: 0;
}
div.button11 {
	width:164px;
	height:156px;
	float:left;
	margin-right:8px;
	padding-top:5px;
	background-color:transparent;
	background-image: url(i/11.jpg);
	background-repeat: no-repeat;
	background-position: 0;
}
div.button12 {
	width:164px;
	height:156px;
	float:left;
	margin-right:8px;
	padding-top:5px;
	background-color:transparent;
	background-image: url(i/12.gif);
	background-repeat: no-repeat;
	background-position: 0;
}





/* Main Button Mouseovers */
div.button1:hover {

	background-image: url(i/1.jpg);
		background-position: -164px;
	cursor:pointer;
}
div.button2:hover{
	
	background-position: -164px;
	cursor:pointer;
}
div.button3:hover {
	
	background-position: -164px;
	cursor:pointer;
}
div.button4:hover {
		background-image: url(i/4.jpg);
	background-position: -164px;
	cursor:pointer;
}

div.button6:hover {

	background-position: -164px;
	cursor:pointer;
}
div.button7:hover {

	background-position: -164px;
	cursor:pointer;
}
div.button8:hover {
		background-image: url(i/8.jpg);
	background-position: -164px;
	cursor:pointer;
}
div.button9:hover {

	background-position: -164px;
	cursor:pointer;
}
div.button10:hover {
	background-image: url(i/10.jpg);
	background-position: -164px;
	cursor:pointer;
}
div.button11:hover {
	
	background-position: -164px;
	cursor:pointer;
}
div.button12:hover {
	background-image: url(i/12.jpg);
	background-position: -164px;
	cursor:pointer;
}