/* CSS Document */

body {text-align: center;}

div#container {
	margin-left: auto;
	margin-right: auto;
	width:1024px;
	height:800px;
}

#title {
	position:absolute;
	top:0px;
	left:0px;
	width:130px;
	height:100px;
}

#holder {
	position:absolute;
	top:0px;
	left:130px;
	width:inherit;
	height:28px;
	display:block;
}
#choices {
	position:relative;
	width:inherit;
	height:28px;
}

#nums {
	position:relative;
	top:0px;
	height:28px;
}

#spacer {
	position:relative; 
	height:20px; 
	width:1px;
}

#content {
	position:relative; 
	height:369px; 
	width:inherit;
}

#menu_wrapper {
	position:relative; 
	height:69px; 
	width:inherit; 
	text-align:left;
}

.wrapper {
	position:relative; 
	height:auto; 
	width:inherit;
}

#img_1 {
	background: url(images/all_pages/1_img.jpg) 0 -26px no-repeat;
   	width:15px;
   	height:20px;
   	float:left;
}
#img_2 {
	background:url(images/all_pages/2_img.jpg) 0 -26px no-repeat;
	width:15px;
	height:20px;
	float:left;
}
#img_3 {
	background: url(images/all_pages/3_img.jpg) 0 -26px no-repeat;
	width:15px;
	height:20px;
	float:left;
}
#img_4 {
	background:url(images/all_pages/4_img.jpg) 0 -26px no-repeat;
	width:15px;
	height:20px;
	float:left;
}
#img_5 {
	background: url(images/all_pages/5_img.jpg) 0 -26px no-repeat;
	width:15px;
	height:20px;
	float:left;
}
#img_6 {
	background:url(images/all_pages/6_img.jpg) 0 -26px no-repeat;
	width:15px;
	height:20px;
	float:left;
}
#img_7 {
	background: url(images/all_pages/7_img.jpg) 0 -26px no-repeat;
	width:15px;
	height:20px;
	float:left;
}
#img_8 {
	background:url(images/all_pages/8_img.jpg) 0 -26px no-repeat;
	width:15px;
	height:20px;
	float:left;
}
#img_9 {
	background: url(images/all_pages/9_img.jpg) 0 -26px no-repeat;
	width:15px;
	height:20px;
	float:left;
}
#img_10 {
	background:url(images/all_pages/10_img.jpg) 0 -26px no-repeat;
	width:15px;
	height:20px;
	float:left;
}
#img_1:hover {background-position: 0 0;}
#img_2:hover {background-position: 0 0;}
#img_3:hover {background-position: 0 0;}
#img_4:hover {background-position: 0 0;}
#img_5:hover {background-position: 0 0;}
#img_6:hover {background-position: 0 0;}
#img_7:hover {background-position: 0 0;}
#img_8:hover {background-position: 0 0;}
#img_9:hover {background-position: 0 0;}
#img_10:hover {background-position: 0 0;}

#identity {
	background:url(images/all_pages/id_img.jpg) 0 -28px no-repeat; width:71px; height:inherit;
	float:left;
}
#catalog {
	background:url(images/all_pages/ca_img.jpg) 0 -28px no-repeat; width:73px; height:inherit;
   	float:left;
}
#pc {
	background:url(images/all_pages/pk_img.jpg) 0 -28px no-repeat; width:148px; height:inherit;
   	float:left;
}
#mk {
	background:url(images/all_pages/mk_img.jpg) 0 -28px no-repeat; width:95px; height:inherit;
   	float:left;
}
#dm {
	background:url(images/all_pages/dm_img.jpg) 0 -28px no-repeat; width:94px; height:inherit;
   	float:left;
}
#ad {
	background:url(images/all_pages/ad_img.jpg) 0 -28px no-repeat; width:46px; height:inherit;
   	float:left;
}
#pr {
	background:url(images/all_pages/pr_img.jpg) 0 -28px no-repeat; width:135px; height:inherit;
   	float:left;
}
#if {
	background:url(images/all_pages/in_img.jpg) 0 -28px no-repeat; width:136px; height:inherit;
   	float:left;
}

#identity:hover {background:url(images/all_pages/id_img.jpg) 0 0 no-repeat; width:71px; height:28px;}
#catalog:hover {background:url(images/all_pages/ca_img.jpg) 0 0 no-repeat; width:73px; height:28px;}
#pc:hover {background:url(images/all_pages/pk_img.jpg) 0 0 no-repeat; width:148px; height:28px;}
#mk:hover {background:url(images/all_pages/mk_img.jpg) 0 0 no-repeat; width:95px; height:28px;}
#dm:hover {background:url(images/all_pages/dm_img.jpg) 0 0 no-repeat; width:94px; height:28px;}
#ad:hover {background:url(images/all_pages/ad_img.jpg) 0 0 no-repeat; width:46px; height:28px;}
#pr:hover {background:url(images/all_pages/pr_img.jpg) 0 0 no-repeat; width:135px; height:28px;}
#if:hover {background:url(images/all_pages/in_img.jpg) 0 0 no-repeat; width:136px; height:28px;}

#footer_work {
	background:url(images/all_pages/work_img.jpg) 0 0 no-repeat; width:54px; height:20px;
	float:left;
}

#footer_about {
	background:url(images/all_pages/about_img.jpg) 0 0 no-repeat; width:66px; height:20px;
	float:left;
}

#footer_clients {
	background:url(images/all_pages/clients_img.jpg) 0 0 no-repeat; width:74px; height:20px;
	float:left;
}

#footer_contact {
	background:url(images/all_pages/contact_img.jpg) 0 0 no-repeat; width:76px; height:20px;
	float:left;
}

#footer_work:hover {background:url(images/all_pages/work_img.jpg) 0 -20px no-repeat; width:54px; height:20px;}
#footer_about:hover {background:url(images/all_pages/about_img.jpg) 0 -20px no-repeat; width:66px; height:20px;}
#footer_clients:hover {background:url(images/all_pages/clients_img.jpg) 0 -20px no-repeat; width:74px; height:20px;}
#footer_contact:hover {background:url(images/all_pages/contact_img.jpg) 0 -20px no-repeat; width:76px; height:20px;}

#footer_container {
	position:relative; 
	height:20px; 
	width:inherit; 
	text-align:center;
}
#footer_wrapper {
	margin-left: auto;
	margin-right: auto;
	height:inherit;
	width:270px;
}

#footer_spacer {
	position:relative; 
	height:101px; 
	width:inherit;
}

#footer_spacer_work {
	position:relative; 
	height:85px; 
	width:inherit;
}