@import "/js/dataTables/css/dataTable.css";
/* --------------------- Default --------------------- */
html, body { margin:0; padding:0; height:100%; width:100%; background:url(images/px_body_top.gif) repeat-x #70a6cc;}
body { background:url(images/px_bo_dy_bottom.gif) 0 100% repeat-x;}
a {color:#1b77d2; text-decoration:none; outline:none;}
a:hover {color:orange; text-decoration:underline;}
input { margin:0; padding:0; font-family:tahoma; font-size:11px; vertical-align:middle;}
div { margin:0; padding:0; font:15px /*georgia,*/ times new roman, tahoma; color:#330000; line-height:24px;}
em { font-style:normal;}
img { border:0;}
p { margin:0; padding:7.5px 0;}
strong { margin:0; padding:0; font:bold times new roman, tahoma; color:#644D4D; vertical-align:baseline;}
b { margin:0; padding:0; font:bold times new roman, tahoma; color:#644D4D; vertical-align:baseline;}
ul { margin:0; padding:0; list-style:none;}
li { margin:0; padding:0; line-height:normal;}
h1 { color:#477bbf; font:bold 30px times new roman, tahoma; margin:0; padding:0 0 12px;}
h2 { color:#477bbf; font:bold 20px times new roman, tahoma; margin:0; padding:0 0 8px;}
h3 { color:#c0b594; font:bold 17px times new roman, tahoma; margin:0; padding: 1px 0 0;}
#container { max-width:1100px; min-width:1000px; margin:0 auto; min-height:100%; height:auto !important; height:100%; position:relative; background:#f3f2e1;}
/* Background */
#px_left { width:9px; height:100%; top:0; left:0; position:absolute; background:url(images/px_page_left.gif) repeat;}
#px_right { width:9px; height:100%; top:0; right:0; position:absolute; background:url(images/px_page_right.gif) 100% 0 repeat-y;}
#bg_top_left { width:10px; height:370px; top:0; left:0; position:absolute; background:url(images/bg_page_top_left.gif) no-repeat;}
#bg_top_right { width:10px; height:370px; top:0; right:0; position:absolute; background:url(images/bg_page_top_right.gif) no-repeat;}
#bg_bottom_left { width:29px; height:140px; bottom:0; left:0; position:absolute; background:url(images/bg_page_bottom_left.gif) no-repeat;}
#bg_bottom_right { width:29px; height:140px; bottom:0; right:0; position:absolute; background:url(images/bg_page_bottom_right.gif) no-repeat;}
/* ********************* Header ********************* */
#header { height:427px; padding:0 9px; background:url(images/px_header.gif) repeat-x;}
/* Slogan */

.article {height:165px; text-align: justify; overflow: hidden; padding-bottom: 10px; border-bottom: #E4D59B 2px dotted; padding-right: 15px;}
.article h2 {color:#c0b594; font:bold 19px times new roman, tahoma; margin:0; padding:35px 0 0;}
.article_button {position:relative; cursor: pointer; }

.articles {cursor: pointer;}
.articles li { color:#1b77d2; text-decoration:underline; outline:none;}
.articles li:hover { color:orange; text-decoration:none;}

.line1 {width: 100%; height:1px; border-bottom: #E4D59B 1px dotted; }
.line2 {width: 100%; height:1px; border-bottom: #E4D59B 3px dotted; }

.slogan { width:629px; height:364px; top:7px; left:33%; position:absolute; background:url(images/image_border.png) no-repeat; background:expression("none"); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="./images/image_border.png", sizingMethod="crop")}
.slogan img { width:589px; height:328px; margin:29px 0 0 19px;}
.slogan div { top:46px; left:42px; position:absolute; color:#fff; font:italic 40px georgia, times new roman, tahoma; z-index:1000;}
.slogan div h1 { width:535px; color:#fff; padding:0; font:italic 30px georgia, times new roman, tahoma;}
.title_top { width:550px; top:30px; left:37%; position:absolute; color:#fff; padding:0; font:italic 30px georgia, times new roman, tahoma;}
/* Top */
#header .top { height:370px; background:url(images/bg_header_left.jpg) no-repeat;}
#header .top .left { float:left;}
#header .top ul {}
#header .top ul li { padding:22px 0 0 61px; overflow:hidden; zoom:1; color:#99ccff; font:bold 22px times new roman, tahoma;}
#header .top ul li a { padding:5px 0 5px 41px; color:#99ccff; display:block; float:left; text-decoration:none;}
#header .top ul li a:hover { color:#fff;}
#header .top ul li a.spain { background:url(images/spain.jpg) no-repeat;}
#header .top ul li a.cyprus { background:url(images/cyprus.jpg) no-repeat;}
#header .top ul li a.turkey { background:url(images/turkey.jpg) no-repeat;}
#header .top ul li a.sale { background:url(images/sale.jpg) no-repeat;}
#header .top ul li a.rent { background:url(images/rent.jpg) no-repeat;}
/* Logo */
#header .top .logo { width:205px; padding:2px 36px 0;}
#header .top .logo img { display:block;}
/* Phone */
#header .top .green { padding:17px 0 7px 63px; color:#e8e8e7; font:19px times new roman, tahoma; line-height:19px;background:url(images/phone_green.gif) 38px 18px no-repeat;}
#header .top .green span { color:#cccccc; font-size:17px; display:block;}
#header .top .blue { padding:0 0 0 63px; color:#82b7ee; font:19px times new roman, tahoma; line-height:19px; background:url(images/phone_blue.gif) 38px 1px no-repeat;}
#header .top .blue span { font-size:17px; font-weight: bold; display:block;}
/* Menu */
#header .menu { height:44px; background:url(images/px_menu.gif) repeat-x;}
#header .menu li { float:left; padding-left:1px; background:url(images/line_menu.gif) no-repeat;}
#header .menu li a { color:#5986c1; height:32px; padding:12px 30px 0; display:block; float:left; font:bold 16px georgia, times new roman, tahoma; text-decoration:none;}
#header .menu li a:hover { color:#3399FF; text-decoration:underline; background:url(images/px_menu_over.gif) repeat-x;}
#header .menu li a.active { color:#fff; background:url(images/px_menu_active.gif) repeat-x;}
#header .menu li.home { padding:0; background:none;}
#header .menu li.home a { padding:11px 30px 0; height:auto;}
#header .menu li.home a:hover { background:none;}
/* ******************** Content ********************* */
#content { padding:23px 27px 140px 37px; overflow:hidden; zoom:1;}
/* ---------------------------------- LEFT NAVIGATION */
#left_nav { width:215px; float:left;}

/* -------------------------------- About Company Box */
.AboutCompanyBox {}
.AboutCompanyBox  a { color:#1b77d2; text-decoration:underline; outline:none;}
/* Title */
.AboutCompanyBox .title { padding:0 0 21px; color:#c0b594; font:bold 28px georgia, times new roman, tahoma;}
.AboutCompanyBox .title span { font-size:24px; display:block; padding:2px 0 0;}
.AboutCompanyBox .title1 { color:#c0b594; font:bold 19px georgia, times new roman, tahoma;}
.AboutCompanyBox .title1 span { padding:4px 0 0; color:#666666; display:block; font:12px times new roman, tahoma;}
/* Map */
.AboutCompanyBox .map { padding:0 0 35px 44px; color:#1b77d2; font-size:18px; line-height:22px; background:url(images/map.gif) 0 0 no-repeat;}
.AboutCompanyBox .map a { text-decoration:underline;}
.AboutCompanyBox .map a:hover { text-decoration:none;}
.AboutCompanyBox .index { padding:32px 0 35px 44px; color:#1b77d2; font-size:18px; line-height:22px; background:url(images/map.gif) 0 32px no-repeat;}
.AboutCompanyBox .cbrf { width:194px; padding:5px 0 0; color:#c0b594; font-size:10px; text-align:center;}
/* Currency */
.AboutCompanyBox  .currency { width:195px; border:solid #e4d59b; border-width:3px 0;}
.AboutCompanyBox  .currency li { width:186px; float:left; padding:4px; overflow:hidden; background:#edeac9; border-top:1px solid #fff;}
.AboutCompanyBox  .currency strong { width:108px; color:#525252;}
.AboutCompanyBox  .currency em { width:78px; color:#b13f06;}
.AboutCompanyBox  .currency strong, .currency em { float:left; font-family:times new roman, tahoma; text-align:center;/* font-family:times new roman, tahoma;*/}
.AboutCompanyBox  .currency .border { overflow:hidden; zoom:1; border:solid #fff; border-width:1px 0 2px;}
/* Articles */
.AboutCompanyBox .articles {}
.AboutCompanyBox .articles li { padding:14px 0 0 10px; overflow:hidden; zoom:1; background:url(images/arrow.gif) 0 20px no-repeat;text-decoration:none;}
.AboutCompanyBox .articles span { color:#c0b594; text-decoration:none;}


/* --------------------------------- RIGHT NAVIGATION */
#right_nav { margin:0 0 0 260px;}

/* ----------------------------------------- Main Box */
.MainBox {}
/* Text */
.MainBox .text { margin:0 260px 0 0;}
.MainBox .text1 { width:64%; float:left;}
.MainBox .text1 h2 { padding:0 0 21px;}
.MainBox .text1 li { padding:0 0 15px 36px; zoom:1; background:url(images/blue_arrow.gif) 27px 7px no-repeat;}
/* Search */
.MainBox .search { width:198px; float:right; margin-top:-35px; position:relative; background:url(images/px_search.gif) repeat-y;}
.MainBox .search ul { padding:5px 20px 20px 13px; overflow:hidden; background:url(images/bg_search_bottom.jpg) 0 100% no-repeat;}
.MainBox .search li { padding:6px 0 0; zoom:1; position:relative;}
.MainBox .search li.title { color:#978d71; font-size:24px;}
.MainBox .search .bg_top { background:url(images/bg_search_top.jpg) no-repeat;}
.MainBox .search .inp {width:140px; height:17px; padding:4px 25px 4px 7px; color:#787878; font:14px times new roman, tahoma; border:none; background:url(images/bg_form.gif) no-repeat;}
.MainBox .search select { width:164px; height:25px; padding:3px; color:#787878; font:14px times new roman, tahoma; border:none; background:url(images/bg_form.gif) no-repeat;}
.MainBox .search select option { background:#fff;}
.MainBox .search .button_text_search { width:18px; height:17px; padding:0; top:11px; right:6px; position:absolute; border:none; cursor:pointer; background:url(images/button_text_search.gif) no-repeat;}
.MainBox .search .euro { width:16px; height:15px; top:12px; right:8px; position:absolute; background:url(images/euro.gif) no-repeat;}
.MainBox .search .button { text-align:center;}
.MainBox .search .button input { padding:2px 9px; color:#000; font:12px tahoma;}
/* List */
.MainBox .list { width:100%; float:left; padding:23px 0 0;}
.MainBox .list li { width:33%; float:left;}
.MainBox .list li a { color:#000;}
.MainBox .list span { padding:5px 0 0; display:block; color:#b13f06; font:18px times new roman, tahoma;}
.MainBox .list a span:hover { color:#e0530c; text-decoration:underline;}
.MainBox .list a.none { text-decoration:none;}
.MainBox .list div.center { width:150px; text-align:center; font-size:15px; line-height:18px;}
.MainBox .list a.name { color:#1b77d2; font-size:22px; text-decoration:none;}
.MainBox .list a.name:hover { color:orange; text-decoration:underline;}
.MainBox .list .shadow { width:150px; height:113px; padding:0 10px 10px 0; margin:17px 0 8px; display:block; background:url(images/image_shadow.gif) no-repeat;}

/******************** Inner Page ************************/

/* ------------------------------------ Page Navigation */
.PageNavigation { overflow:hidden; zoom:1; padding:0 30px 0 84px;}
.PageNavigation li { float:left; padding-right:3px; color:#333333; font-size:12px;}
.PageNavigation li a { color:#333333; text-decoration:none;}
.PageNavigation li a:hover { color:#666666; text-decoration:underline;}

/* --------------------------------- Sale Apartment Box */
.SaleApartmentBox { padding:0 45px 0 40px; color:#000;}
.SaleApartmentBox strong { color:#644D4D;}
/* Item */
.SaleApartmentBox .item { padding:19px 0 10px; overflow:hidden; zoom:1; position:relative;}
.SaleApartmentBox .item .image { width:301px; float:left;}
.SaleApartmentBox .item .image img { width:282px; height:215px; padding:0 14px 13px 0; display:block; background:url(images/image_shadow1.gif) no-repeat;}
.SaleApartmentBox .item .descr { margin-left:302px;}
.SaleApartmentBox .item .descr li { padding:0 0 8px; overflow:hidden; zoom:1; color:#000; font:15px times new roman, tahoma;}
.SaleApartmentBox .item .descr li strong { color:#B13F06; position:relative;}
.SaleApartmentBox .item .descr li strong sup { top:-3px; right:-5px; position:absolute;}
.SaleApartmentBox .item .descr li strong a { color:#1B77D2; padding:5px 0 0; display:block; text-decoration:none;}
.SaleApartmentBox .item .descr li strong a:hover { color:orange; text-decoration:underline;}
.SaleApartmentBox .item .descr li img { width:130px; height:130px; padding:0 14px 13px 0; margin-right:6px; display:block; float:left; background:url(images/image_shadow2.gif) no-repeat;}
.SaleApartmentBox .item .send { top:0; right:0; position:absolute;}
.SaleApartmentBox .item .send input { padding:2px 9px; color:#000; font:12px tahoma;}
/* List */
.SaleApartmentBox .list { padding:18px 0 24px;}
.SaleApartmentBox .list li { padding:7px 0 0;}
/* List 1 */
.SaleApartmentBox .list1 { width:100%; float:left; padding:0 0 12px;}
.SaleApartmentBox .list1 li { float:left;}
.SaleApartmentBox .list1 li img { width:130px; height:130px; padding:0 14px 13px 0; margin-right:6px; display:block; float:left; background:url(images/image_shadow2.gif) no-repeat;}

/* ---------------------------------------- Catalog Box */
.CatalogBox { padding:0 45px 0 40px; overflow:hidden; color:#000; font-size:14px; line-height:22px;}
.CatalogBox a {text-decoration:underline;}
/* Country */
.CatalogBox .turkey { padding:11px 0 1px 32px; display:block; background:url(images/icon_turkey.gif) 0 15px no-repeat;}
/* Search */
.CatalogBox .empty { width:100%; padding:35px 0 0; overflow:hidden; zoom:1;}
.CatalogBox .search { padding:18px 0 0;}

.CatalogBox .search_apartment { padding-right:30px; float:left;}
.CatalogBox .search_apartment li { padding:0 0 9px; color:#666666; font-size:13px; overflow:hidden;}
.CatalogBox .search_apartment li label { padding:0 17px 0 7px;}
.CatalogBox .search_apartment select { width:183px; height:25px; padding:3px; margin-right:7px; color:#000; font:14px times new roman, tahoma; border:none; background:url(images/bg_form1.gif) no-repeat; vertical-align:middle;}
.CatalogBox .search_apartment select option { background:#fff;}
.CatalogBox .search_apartment .button { padding:1px 8px; color:#000; font:12px tahoma;}

.CatalogBox .search_text { float:left;}
.CatalogBox .search_text li { padding:0 0 5px; color:#666666; font-size:16px; overflow:hidden;}
.CatalogBox .search_text input { width:206px; height:17px; padding:4px 25px 4px 8px; margin-right:23px; color:#999999; font:14px georgia, times new roman, tahoma; border:none; background:url(images/bg_form2.gif) no-repeat;}
/* Item */
.CatalogBox .item { padding:0 0 10px; overflow:hidden; zoom:1; color:#000; font-size:15px;}
.CatalogBox .item a {text-decoration:none;}
.CatalogBox .item .img { width:130px; height:130px; padding:0 14px 13px 0; margin-right:10px; display:block; float:left; background:url(images/image_shadow2.gif) no-repeat;}
.CatalogBox .item ul { overflow:hidden; zoom:1;}
.CatalogBox .item  li { padding:2px 32px 11px 0; float:left; color:#000; font-family:times new roman, tahoma;}
.CatalogBox .item  li strong { color:#B13F06;}
.CatalogBox .item  li strong em { font-size:10px;}

/* Dynamic Search */
#dynamic_menu { padding:22px 0 0; float:left; line-height:14px;}
#dynamic_menu a.click { color:#666666; font-size:15px; padding:4px 8px; display:block; float:left;}
#dynamic_menu a.click:hover { padding:3px 7px; background:#E2E2D8; border:solid #C0C0B8; border-width:1px 1px 0;}

#dynamic_menu li { position:relative;}
#dynamic_menu li ul { display:none;}
#dynamic_menu li ul li { width:285px; float:left; padding:10px 18px 0 23px; overflow:hidden; color:#333333; font:12px georgia times new roman, tahoma; background:url(images/px_dynamic.gif) repeat-y;}
#dynamic_menu li:hover a.click, #dynamic_menu li.hover a.click  { background:#E2E2D8; padding:3px 7px; text-decoration:none; border:solid #C0C0B8; border-width:1px 1px 0;}
#dynamic_menu li:hover ul, #dynamic_menu li.hover ul { width:326px; display: block; top:24px; right:0; _right:140px; position:absolute; padding:6px 0 0; background:url(images/bg_dynamic_top.gif) no-repeat;}

#dynamic_menu li em { width:155px; float:left;}
#dynamic_menu li em select { width:147px; background:url(images/bg_form4.gif) no-repeat;}
#dynamic_menu li span { width:128px; float:left;}
#dynamic_menu li span select { width:125px; background:url(images/bg_form5.gif) no-repeat;}
#dynamic_menu li span input { width:111px; height:17px; padding:4px 7px; display:block;  color: gray; font:14px times new roman, tahoma; border:none; background:url(images/bg_form5.gif) no-repeat;}
#dynamic_menu li label { padding:0 7px 4px; display:block; }
#dynamic_menu li select { width:280px; height:25px; padding:3px; display:block; color:#333333; font:14px times new roman, tahoma; border:none; background:url(images/bg_form3.gif) no-repeat; color: gray;}
#dynamic_menu li select option { background:#fff; }
#dynamic_menu li.button { width:326px; padding:0 0 5px; background:url(images/bg_dynamic_bottom.gif) 0 100% no-repeat;}
#dynamic_menu li.button div { padding:12px 18px 9px 23px; text-align:center; background:url(images/px_dynamic.gif) repeat-y;}
#dynamic_menu li.button input { padding:2px 9px; color:#000; font:12px tahoma;}


/* ----------------------------------------- Page Number */
.PageNumber { padding:0px;}
.PageNumber li { padding:3px 8px 0; float:left; font:16px times new roman, tahoma;}
.PageNumber li a { text-decoration:none;}
.PageNumber li a:hover { color:orange;}
.PageNumber li a:active {color: #3865A0; text-decoration:none;}
.PageNumber li.top { padding:0 93px 0 0;}
.PageNumber li.top a { padding:2px 0 3px 14px; display:block; color:#999999; text-decoration:underline; background:url(images/arrow_top.gif) 0 0 no-repeat;}
.PageNumber li.top a:hover { color:#1B77D2;}
.PageNumber li a.prev { padding:0 0 0 10px; text-decoration:underline; background:url(images/arrow_prev.gif) 0 4px no-repeat;}
.PageNumber li a.next { padding:0 10px 0 0; text-decoration:underline; background:url(images/arrow_next.gif) 100% 4px no-repeat;}


/* ********************* Footer *********************** */
#footer { width:100%; height:140px; margin-top:-140px; position:relative; background:url(images/px_body_bottom.gif) 0 100% repeat-x;}
#footer .wrap { max-width:1100px; min-width:1000px; height:91px; margin:0 auto; padding-top:49px; position:relative; background:url(images/px_page_bottom.gif) 0 100% repeat-x #f3f2e1;}
#footer .cont { margin:0 29px; padding:0 8px; border-top:1px solid #cfcebe;}
#footer .copyright { width:80%; float:left; padding:12px 0 0; color:#808080; line-height:16px; font:14px times new roman}
#footer .copyright a {color:#808080; text-decoration:none;}
#footer .copyright a:hover {color:#333333;}
#footer .counter { position:relative; top:20px; float:right; padding:0 px 0 0;}	 
#footer .counter a { opacity:0.4; filter: alpha(opacity=40);}
#footer .counter a:hover { opacity:1; filter:alpha(opacity=100);}

/* ----------------------- IE ------------------------- */
* html body	{ width: expression(((document.documentElement.clientWidth || document.clientWidth) < 1000)? "1000px" : "100%"); height:100%;}
* html #container { width:1000px; background:url(images/px_page_right.gif) 100% 0 repeat-y #f3f2e1;}
* html #container .ie { height:100%; background:url(images/px_page_left.gif) 0 0 repeat-y;}
* html #footer .wrap { width:1000px;}
/* ---------------------------------------------------- */

/* ----------------------- Object Page ------------------------- */
li.intend	{margin-top:4px;}
/* ---------------------------------------------------- */

.stepcarousel .belt{position: absolute; left: 0; top: 0;}
.stepcarousel .objPics{position: absolute; left: 0; top: 0;}
.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 5px; /*margin around each panel*/
width: 160px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
height:200px;
}
---------- */
* html body	{ width: expression(((document.documentElement.clientWidth || document.clientWidth) < 1000)? "1000px" : "100%"); height:100%;}
* html #container { width:1000px; background:url(images/px_page_right.gif) 100% 0 repeat-y #f3f2e1;}
* html #container .ie { height:100%; background:url(images/px_page_left.gif) 0 0 repeat-y;}
* html #footer .wrap { width:1000px;}
/* ---------------------------------------------------- */

#slideshow {position:absolute; top:0px; left:0px;}
#slideshow IMG {position:absolute; top:0; left:0; z-index:8; opacity:0.0;}
#slideshow IMG.active {z-index:10; opacity:1.0;}
#slideshow IMG.last-active {z-index:9;}

/* ----------------------- Object Page ------------------------- */
li.intend	{margin-top:4px;}
/* ---------------------------------------------------- */

.stepcarousel{
position: relative; /*leave this value alone*/
border: 0px solid transparent;
overflow: hidden; /*leave this value alone*/
width: 685px;
height: 250px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .list{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin-left: 35px; /*margin around each panel*/
margin-right: 30px; /*margin around each panel*/
padding-right: 37px;
width: 160px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

#objGalerey {position:relative; top:134px; font-size:15px; clear:right; float:left;}
.objCarousel{position: relative; top:-3px; border-left: 25px solid #F3F2E1; border-right: 15px solid #F3F2E1; overflow: hidden; width: 445px; height: 145px; left:5px; }
.objCarousel .objBelt{position: absolute; left: 0; top: 0; }
.objCarousel .objPanel{float: left; overflow: hidden; margin: 2px; width: 150px; }
.cObjPic {position:relative; width:140px; height:140px; float: left; background-image:url(/images/ListImgBack.jpg); text-align: left; vertical-align: top;}
.cObjPic IMG {position:absolute; top:1px; left:1px; }
.rs_fld1 {position: relative; width:210px; clear:none; float:left;} 
.rs_fld2 {position: relative; width:65px; clear:none; float:left;}
.edit {position: relative; float:left; top: 7px; z-index: 13; text-align:left; width:18px; height:18px;}
.login {position: absolute; top: 500px; left: 400px; width: 300px; height: 25px; background-color: #CCCCCC; z-index: 100; padding: 15px; border-width: 1px; border-style: dashed;}
.admPageList {font-family: Arial; font-size: 8pt; background-color: #FFFFFF;}
.admPageList:hover {font-family: Arial; font-size: 8pt; background-color: #FFFFFF;}
.admPageList:visited {font-family: Arial; font-size: 8pt; background-color: #FFFFFF;}
.hide {visibility: hidden; height: 0px; display: none;}
.show {visibility: visible; display: inline;}
#_EditForm { background: #CCCCCC; position: absolute; left: 0px; top: 100px; font-size: 10pt; width: 778px; line-height: 16pt; border: solid 1px; text-align: left; z-index: 10;}
#_EditForm TH {background: #999999;}
#admin {position: absolute; top: 10px; left: 10px; width: 130px; background: #BBBBBB ; text-align: left; }
#countobj {color:#c0b594; font:bold 19px times new roman, tahoma; text-align:center; margin-top:90px;}
#article_menu {position:relative; top:300px; left:250px; width:100%; background: #EDEAC9; border: #E4D59B solid 1px; padding: 20px; float:left; z-index:1000; display:none; owerflow:hidden;}
#article_menu li {margin: 10px;}
#article_menu h3 {padding:0px;}

.hidelist {background-color: #AAAAAA;}