HTML
{
	height: 100%; /* footer */
    background-color: #9EACB3;
    background-size: cover;
    background-attachment: fixed;
    background-position: center top;
    background-repeat: no-repeat;
	background-image: url(../img/wallpapers/0.jpg);
}

BODY
{
	min-height: 100%; /* footer */
	position: relative; /* footer */
	margin: 0;
    font-size: 12px;
    color: black;
    font-family: Verdana, Arial, helvetica, sans-serif;
}

TABLE
{
    width: 100%;
}

TD
{
    padding: 0;
}

A
{
    color: blue;
}

A:hover
{
    color: red;
    TEXT-DECORATION: none;
}

H1
{
	text-align: center;
	margin-bottom: 1.5em;
	color: #009900;
}

H3
{
	margin-bottom: 0.1em;
	color: #009900;
}

H3.margin_bottom_grey
{
	border-bottom: 1px solid #F3F5F9;
	margin-bottom: 1em;
}

OBJECT, IFRAME
{
    max-width: 100%;
}

P
{
	text-indent: 2em;
}

HR
{
	height: 1px;
	color: silver;
}

.clear_left
{
	clear: left;
}

#body
{
	max-width: 1024px;
	padding: 0 1em 1em 1em;
	margin: 2em auto 0 auto;
}

#body > #left
{
    width: 180px;
	float: left;
}

#body > #center
{
	width: calc(100% - 180px);/*- right*/
	float: left;
	box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 1), inset 0 0 10px 50px rgba(255, 255, 255, 0.3);shadow: 0px 0px 5px 0px rgba(0, 0, 0, 1);
}

#body > #right
{
	float: left;
}

#logo
{
	display: block;
	width: 70px;
	height: 70px;
	margin: 2em 2em 5em auto;
	background-size: 100% 100%;
	background-image: url(../img/logo_70x70.png);
	border-radius: 50%;
	box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 1);
	text-decoration: none;
}

#logo:hover
{
	animation-name: spin_logo;
	animation-duration: 1s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
}

@keyframes spin_logo
{
	0%
	{
		transform: rotate(0deg);
	}
	100%
	{
		transform: rotate(360deg);
	}
}

#menu_categories
{
    width: 170px;
	margin: 0 0 0 auto;
	background: rgba(0, 0, 0, 0.5);
	backdrop-filter: blur(3px);
	box-shadow: inset 0 0 3px 1px rgba(255, 255, 255, 0.1);
	border-top: 1px outset rgba(0, 0, 0, 0.9);
	border-left: 1px outset rgba(0, 0, 0, 0.9);
	border-bottom: 1px outset rgba(0, 0, 0, 0.3);
}

.menu_space
{
    height: 10px;
}

.menu_item, .menu_item_last
{
	padding: 7px 0 9px 15px;
    text-align: left;
}

.menu_item:hover, .menu_item_last:hover
{
	background: rgba(0, 0, 0, 0.1);
}

A.menu_left
{
    color: white;
    text-decoration: none;
}

A.menu_left:hover
{
	text-shadow: 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 7px #FFFFFF, 0 0 10px #FFFFFF, 0 0 12px #FFFFFF;
}

#menu_widgets
{
    width: 170px;
	margin: 3em 0 0 auto;
	background: rgba(0, 0, 0, 0.5);
	backdrop-filter: blur(3px);
	box-shadow: inset 0 0 3px 1px rgba(255, 255, 255, 0.1);
	border-top: 1px outset rgba(0, 0, 0, 0.9);
	border-left: 1px outset rgba(0, 0, 0, 0.9);
	border-bottom: 1px outset rgba(0, 0, 0, 0.3);
}

#menu_widgets > A
{
	display: block;
	padding: 7px 0 9px 0;
    text-align: center;
    color: lawngreen;
    text-decoration: none;
	font-weight: bold;
}

#menu_widgets > A:hover
{
	background: rgba(0, 0, 0, 0.1);
	text-shadow: 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 7px #FFFFFF, 0 0 10px #FFFFFF, 0 0 12px #FFFFFF;
}

#menu_web_apps
{
    width: 170px;
	margin: 3em 0 0 auto;
	background: rgba(0, 0, 0, 0.5);
	backdrop-filter: blur(3px);
	box-shadow: inset 0 0 3px 1px rgba(255, 255, 255, 0.1);
	border-top: 1px outset rgba(0, 0, 0, 0.9);
	border-left: 1px outset rgba(0, 0, 0, 0.9);
	border-bottom: 1px outset rgba(0, 0, 0, 0.3);
}

#menu_web_apps > A
{
	display: block;
	padding: 7px 0 9px 0;
    text-align: center;
    color: deepskyblue;
    text-decoration: none;
	font-weight: bold;
}

#menu_web_apps > A:hover
{
	background: rgba(0, 0, 0, 0.1);
	color: #FFFFFF;
	text-shadow: 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 7px #FFFFFF, 0 0 10px #FFFFFF, 0 0 12px #FFFFFF;
}

DIV.page_border_top
{
    height: 24px;
	padding: 5px 10px 5px 10px;
	line-height: 24px;
    background: #F5F5F5;
	border-bottom: 1px outset rgba(255, 255, 255, 0.2);
	overflow: hidden;
}

DIV.page_border_top A
{
    color: blue;
    text-decoration: none;
    font-weight: bold;
}

DIV.page_border_top A:hover
{
    text-decoration: underline;
}

DIV.page_border_top IMG
{
	vertical-align: middle;
}

DIV.page_border_bottom
{
    height: 24px;
	padding: 5px 10px 5px 10px;
	line-height: 24px;
    background: #F5F5F5;
	text-align: right;
	border-top: 1px inset rgba(255, 255, 255, 0.2);
}

DIV.page_border_bottom A
{
    color: blue;
    text-decoration: none;
    font-weight: bolder;
}

DIV.page_border_bottom A:hover
{
    text-decoration: underline;
}

DIV.page_content
{
    background: #ffffff;
    padding: 20px;
}

DIV.page_content > DIV#account_options
{
	margin: 1em 0 1em 0;
}

.title2
{
    padding-left: 20px;
    text-align: left;
    font-size: 14px;
    color: black;
    font-weight: bold;
}

#list_options
{
    text-align: right;
}

#block_select_list_view
{
	display: inline-block;
	margin-left: 2em;
}

.list_pages
{
    height: 31px;
    line-height: 31px;
    text-align: center;
    color: green;
    font-weight: bolder;
}

.list_pages > A
{
	margin: 0 0.5em;
}

.list_pages_large_icons
{
	margin-top: 2em;
}

A.list_entry
{
	color: black;
	text-decoration: none;
}

DIV.list_entry
{
	height: 75px;
	padding: 5px 0 5px 0;
}

DIV.list_entry:hover
{
	background-color: #F5F5F5;
}

DIV.list_entry > DIV.icon
{
	float: left;
	margin-right: 5px;
}

DIV.list_entry > DIV.icon > IMG
{
	box-shadow: 1px 1px 2px 0px #000000;
}

DIV.list_entry > DIV.title
{
	color: blue;
    font-size: 13px;
    font-weight: bold;
    margin-bottom: 0.5em;
}

DIV.list_entry > DIV.description
{
    height: 30px;
	overflow-y: hidden;
	margin-bottom: 0.5em;
}

DIV.list_entry > DIV.info
{
    font-size: 10px;
    margin-bottom: 0;
}

DIV.list_entry > DIV.info > SPAN.promoted
{
	margin-left: 1em;
	text-transform: uppercase;
	font-weight: bolder;
	color: #cfda14;
}

DIV.list_entry_br
{
	height: 1px;
	margin-bottom: 1px;
	background-color: #CCCCCC;
}

A.list_entry_large_icon
{
	display: inline-block;
	width: 33%;
	max-width: 300px;
	height: 250px;
	margin: 1px 0 0 1px; 
	color: blue;
	text-decoration: none;
	overflow: hidden;
}

A.list_entry_large_icon:hover
{
	background-color: #F5F5F5;
}

A.list_entry_large_icon > DIV.icon
{
	width: calc(100% - 2px);
	height: 166px;
	border: 1px solid #EEEEEE;
	overflow: hidden;
}

A.list_entry_large_icon > DIV.icon > IMG
{
	min-width: 300px;
	min-height: 168px;
	margin-left: 50%;            /* horizontal center oversized image */
	transform: translateX(-50%); /* horizontal center oversized image */
}

A.list_entry_large_icon > DIV.title
{
    font-size: 120%;
    font-weight: bold;
    margin: 0.5em;
}

A.list_entry_large_icon:hover  > DIV.title
{
	text-decoration: underline;
}

A.list_entry_large_icon > DIV.rating
{
	margin: 0.5em;
	color: black;
}

A.list_entry_large_icon > DIV.price
{
	margin: 0.5em 0.5em 0.5em 0.55em;
	color: #009900;
}

A.list_entry_large_icon > DIV.price > DIV.promoted
{
	display: inline-block;
	float: right;
	text-transform: uppercase;
	font-weight: bolder;
	color: #cfda14;
}

A.list_entry_small_icon
{
	display: inline-block;
	max-width: 100px;
	height: 180px;
	margin: 5px 0 0 10px; 
	color: blue;
	text-decoration: none;
	overflow: hidden;
	vertical-align: top; /* for iOS Safari*/
}

A.list_entry_small_icon > DIV.icon
{
	width: calc(100% - 2px);
	height: 75px;
	border: 1px solid #EEEEEE;
	overflow: hidden;
}

A.list_entry_small_icon > DIV.icon:hover
{
	border-color: #CCCCCC;
}

A.list_entry_small_icon > DIV.icon > IMG
{
	width: 100px;
	height: 75px;
}

A.list_entry_small_icon > DIV.title
{
    font-weight: bold;
    margin: 0.5em 0;
}

A.list_entry_small_icon:hover  > DIV.title
{
	text-decoration: underline;
}

A.list_entry_small_icon > DIV.rating
{
	margin: 0.5em 0;
	color: black;
}

A.list_entry_small_icon > DIV.price
{
	margin: 0.5em 0.5em 0.5em 0.05em;
	color: #009900;
}

A.list_entry_small_icon > DIV.promoted
{
	text-transform: uppercase;
	font-weight: bolder;
	color: #cfda14;
	font-size: 80%;
}

DIV.more
{
	margin: 1em 0;
	text-align: right;
	text-transform: uppercase;
}

DIV.more > A
{
	text-decoration: none;
}

DIV.more > A:hover
{
	text-decoration: underline;
}

#search_form
{
	margin-bottom: 3em;
	text-align: center;
	white-space: nowrap;
}

#search_form > INPUT
{
	padding: 0.3em;
}

#search_form > INPUT[type="edit"]
{
	width: 25em;
    max-width: 50%;
}

#link_filter
{
	margin-right: 3em;
}

#filter
{
	margin: 1em 0;
	text-align: left;
	padding-bottom: 1em;
}

#filter > SPAN
{
	display: inline-block;
	margin: 0.7em 1em;
	white-space: nowrap;
}

#filter INPUT[type="checkbox"]
{
	vertical-align: middle;
}

#filter > SPAN.selected,
#filter SELECT.selected
{
	color: red;
}

#category_description
{
	margin-bottom: 2.5em;
	text-align: center;
	color: #348ad8;
}

#list_promoted
{
	margin-bottom: 3em;
}

.list_promoted_main_page
{
	margin-top: 1em;
}

#launch_button,
#get_example_button
{
	margin-right: 5em;
	margin-bottom: 2em;
	float: left;
}

#launch_button > A,
#get_example_button > A
{
	display: block;
	text-decoration: none;
	color: #FFFFFF;
}

#launch_button > A > .icon,
#get_example_button > A > .icon
{
	float: left;
	width: 60px;
	height: 60px;
	background: #3ABD69;
	line-height: 60px;
	text-align: center;
	font-size: 220%;
	font-weight: bolder;
}

#launch_button > A > .text,
#get_example_button > A > .text
{
	height: 60px;
	padding: 0 2em;
	background: #61CA87;
	float: left;
	line-height: 60px;
	text-transform: uppercase;
	font-size: 120%;
	font-weight: 600;
	font-family: Proxima Nova,Proxima-Nova,proxima-nova,Helvetica,Arial,sans-serif;
}

#get_example_button > A > .icon
{
	background: royalblue;
	writing-mode: vertical-rl;
}

#get_example_button > A > .text
{
	background: dodgerblue;
}

#install_button
{
	display: none;
	float: left;
	margin-right: 5em;
	margin-bottom: 2em;
	text-decoration: none;
	color: #FFFFFF;
	cursor: pointer;
}

#install_button.installed
{
	cursor: default;
}

#install_button > .icon
{
	float: left;
	width: 60px;
	height: 60px;
	background: royalblue;
	line-height: 60px;
	text-align: center;
	font-size: 220%;
	font-weight: bolder;
	writing-mode: vertical-rl;
}

#install_button > .text
{
	height: 60px;
	padding: 0 2em;
	background: dodgerblue;
	float: left;
	line-height: 60px;
	text-transform: uppercase;
	font-size: 120%;
	font-weight: 600;
	font-family: Proxima Nova,Proxima-Nova,proxima-nova,Helvetica,Arial,sans-serif;
}

#rating
{
	height: 60px;
	margin-right: 5em;
	margin-bottom: 2em;
	text-align: center;
	float: left;
}

#share_buttons
{
	margin-bottom: 2em;
	float: left;
}

#share_buttons_location
{
	float: right;
	margin-top: -1px;
}

#short_description
{
	margin: 2em 0 3em 0;
	text-align: center;
	font-size: 120%;
	font-weight: bolder;
}

#screenshots
{
	height: 229px;
	padding: 0.5em 0;
	border-top: 1px solid #F3F5F9;
	border-bottom: 1px solid #F3F5F9;
	font-size: 180%;
	margin-bottom: 1em;
}

#screenshots > #screenshots_list
{
	width: calc(100% - 2em - 4px);
	height: 229px;
	white-space: nowrap;
	overflow: hidden;
	float: left;
	text-align: center;
}

#screenshots > #screenshots_ctrl_left,
#screenshots > #screenshots_ctrl_right
{
	width: 1em;
	height: 225px;
	border-top: 2px solid #FFFFFF;
	text-align: center;
	line-height: 225px;
	font-weight: bolder;
	user-select: none;
	color: silver;
	float: left;
}

#screenshots > #screenshots_ctrl_left
{
	margin-right: 2px;
}

#screenshots > #screenshots_ctrl_right
{
	margin-left: 2px;
}

#screenshots > #screenshots_ctrl_left:hover,
#screenshots > #screenshots_ctrl_right:hover
{
	background: silver;
	color: #FFFFFF;
}

#screenshots > #screenshots_list > A
{
	margin: 0 0.2em;
}

#screenshots > #screenshots_list > A > IMG
{
	border: 2px solid #FFFFFF;
}

#screenshots > #screenshots_list > A > IMG:hover
{
	border: 2px solid silver;
}

#description
{
	border-top: 1px solid #F3F5F9;
	border-bottom: 1px solid #F3F5F9;
	margin-bottom: 2em;
}

#video
{
	border-top: 1px solid #F3F5F9;
	border-bottom: 1px solid #F3F5F9;
	margin-bottom: 2em;
}

#video DIV
{
	margin: 1em 0;
}

#your_rating
{
	padding: 2em 0;
	border-top: 1px solid #F3F5F9;
	border-bottom: 1px solid #F3F5F9;
	margin-bottom: 2em;
	text-align: center;
}

#block_widget_code
{
	margin-top: 1em;
}

#block_widget_code B
{
	color: darkslategrey;
}

#widget_embed_code
{
	width: 100%;
	box-sizing: border-box;
	height: 5em;
	margin: 0.3em 0 0.3em 0;
}

#block_button_widget_copy_code
{
	text-align: right;
}

#add_app_form
{
	background: #ECEEFD;
}

#add_app_form TEXTAREA,
#add_app_form INPUT[type="text"]
{
	width: 99%;
}

#comments
{
	border-top: 1px solid #F3F5F9;
	border-bottom: 1px solid #F3F5F9;
	margin-bottom: 2em;
}

#comments > .list
{
	padding-right: 1em;
	overflow-y: auto;
	max-height: 600px;
}

#comments > #no_comments
{
	padding: 2em 1em 0 1em;
	text-align: center;
	color: silver;
}

.comment
{
    padding: 20px;
	border-bottom: 1px solid #069EFF;
}

.comment_user
{
    font-weight: bold;
}

.comment_date
{
    font-size: 10px;
    color: silver;
}

#comment_form_name
{
	margin-bottom: 3px;
	display: none;
}

#comments > FORM
{
	margin: 2em 0;
}

#comment_form_text
{
	width: 99%;
	height: 45px;
}

#comment_form_name > INPUT
{
	width: 99%;
}

#comment_form_captcha
{
	display: none;
	margin-bottom: 1em;
}

#comment_form_submit_button
{
	margin-top: 5px;
	text-align: center;
}

#full_specifications
{
	padding: 1em 0;
	border-top: 1px solid #F3F5F9;
	border-bottom: 1px solid #F3F5F9;
	margin-bottom: 2em;
}

#full_specifications > TABLE
{
	border-collapse: collapse;
}

#full_specifications TD
{
	padding: 1em;
}

#full_specifications > TABLE TR:nth-child(odd)
{
	background: #F5F5F5;
}

#full_specifications > TABLE TD:nth-child(2)
{
	text-align: right;
}

#report_a_problem
{
	font-weight: bolder;
}

#widgets
{
	max-width: 100%;
	overflow: auto;
	padding: 1em 0;
	border-top: 1px solid #F3F5F9;
	border-bottom: 1px solid #F3F5F9;
	margin-bottom: 2em;
}

#suggested_apps
{
	padding: 1em 0;
	border-top: 1px solid #F3F5F9;
	border-bottom: 1px solid #F3F5F9;
}

#contact_form
{
	width: 80%;
	margin: 3em auto;
}

#contact_form > FORM > TEXTAREA
{
	width: 96%;
	padding: 0.5em;
	font-size: 120%;
}

#block_name_email
{
	width: 100%;
	margin: 0.5em 0 0.7em 0;
}

#contact_form > FORM > #block_name_email > INPUT[type="text"]
{
	width: 45%;
	padding: 0.5em;
}

#contact_form > FORM INPUT[name="name"]
{
	margin-right: 2%;
}

#block_submit
{
	margin-top: 0.5em;
	text-align: center;
}

#editor_icon
{
	margin: 0 0 2em 0;
	padding: 1em;
	border: 1px solid #adadad;
	text-align: center;
}

#editor_screenshots
{
	margin: 0 0 2em 0;
	padding: 1em;
	border: 1px solid #adadad;
	max-height: 290px;
	overflow-y: scroll;
}

#editor_screenshots > DIV.item
{
	display: inline-block;
	width: 300px;
	border: 1px solid #4B7BFF;
	margin: 1em;
	text-align: center;
	padding-bottom: 1em;
}

#editor_screenshots > DIV.item > DIV
{
	height: 225px;
	margin-bottom: 1em;
}

#editor_screenshots > DIV.item > DIV > IMG
{
	display: block;
	max-width: 300px;
	max-height: 225px;
}

#editor_screenshots > DIV.input
{
	margin-top: 1em;
}

#add_screenshot
{
	margin-top: 2em;
}

FORM.app_editor INPUT[type="text"],
FORM.app_editor TEXTAREA,
FORM.category_editor INPUT[type="text"],
FORM.category_editor TEXTAREA
{
	width: 100%;
}

FORM.app_editor > DIV.item,
FORM.category_editor > DIV.item
{
	margin-bottom: 2em;
}

FORM.app_editor > DIV.sub
{
	margin-left: 1.5em;
}

FORM.app_editor > DIV.item > DIV.title,
FORM.category_editor > DIV.item > DIV.title
{
	margin-bottom: 0.5em;
}

DIV.screenshot_title
{
    width: 100%;
    text-align: center;
    font-style: italic;
}

DIV.preload
{
    visibility: hidden;
    position: absolute;
}

#nothing_found
{
	margin-bottom: 4em;
	text-align: center;
	font-weight: bolder;
}

DIV#closed_message
{
	padding: 10px;
	margin-bottom: 20px;
	text-align: center;
	font-weight: bolder;
	color: #FF0000;
	border: 2px solid #FF0000;
}

#bottom_margin_top /* footer */
{
	height: 105px;
}

#bottom
{
	position: absolute; /* footer */
	bottom: 0; /* footer */
	width: 100%; /* footer */
    height: 90px;
    padding-top: 5px;
    background: rgba(0, 0, 0, 0.3);
	backdrop-filter: blur(3px);
	text-align: center;
	box-shadow: rgba(0, 0, 0, 0.9) 0px -1px 5px;
}

#bottom > A
{
	display: inline-block;
	width: 90px;
    height: calc(100% - 5px);
	overflow: hidden;
	margin: 0 1em; 
    color: white;
    text-decoration: none;
	vertical-align: top; /* for iOS Safari*/
}

#bottom > A:hover
{
    text-decoration: underline;
}

#languages_list_big
{
	text-align: center;
	font-size: 300%;
}

#languages_list_big A
{
	text-decoration: none;
	white-space: nowrap;
}

#languages_list_big A:hover
{
	text-decoration: none;
	color:#FF0000;
}

#languages_list_big A > IMG
{
	height: 30px;
	vertical-align: middle;
}

iframe[src="about:blank"]
{
    display:none;
}

@media screen and (max-width:1023px)
{
	A.list_entry_large_icon
	{
		width: 300px;
	}
}

@media screen and (max-width:740px)
{
	#body > #left
	{
		width: 100%;
		float: none;
	}
	
	#logo
	{
		width: 50px;
		height: 50px;
		margin: 1em auto 2em auto;
	}
	
	#menu_categories
	{
		width: 100%;
		margin-bottom: 0.2em;
		box-shadow: inset 0 0 3px 1px rgba(255, 255, 255, 0.1);
		border-top: 1px outset rgba(0, 0, 0, 0.9);
		border-left: 1px outset rgba(0, 0, 0, 0.9);
		border-right: 1px outset rgba(0, 0, 0, 0.3);
		border-bottom: 1px outset rgba(0, 0, 0, 0.3);
	}
	
	#menu_widgets
	{
		width: 100%;
		margin-top: 0;
		margin-bottom: 2em;
		box-shadow: inset 0 0 3px 1px rgba(255, 255, 255, 0.1);
		border-top: 1px outset rgba(0, 0, 0, 0.9);
		border-left: 1px outset rgba(0, 0, 0, 0.9);
		border-right: 1px outset rgba(0, 0, 0, 0.3);
		border-bottom: 1px outset rgba(0, 0, 0, 0.3);
	}
	
	#body > #center
	{
		width: 100%;
		float: left;
	}
	
	#body > #right
	{
		float: none;
	}
	
	.menu_space
	{
		width: 100%;
		padding: 0;
	}

	.menu_item, .menu_item_last
	{
		display: inline-block;
		width: auto;
		padding-right: 15px;
	}

	.menu_item:hover, .menu_item_last:hover
	{
		background: transparent;
	}
}

@media screen and (max-width:600px)
{
	#bottom_margin_top /* footer */
	{
		height: 195px;
	}

	#bottom
	{
		height: 180px;
	}
	
	#bottom > A
	{
		height: calc(100% - 5px - 90px);
	}
}

@media screen and (max-width:520px)
{
	#share_buttons_location
	{
		display: none;
	}
	
	DIV.list_entry
	{
		height: auto;
		min-height: 75px;
	}

	DIV.list_entry > DIV.description
	{
		height: auto;
		min-height: 30px;
	}
}

@media screen and (max-width:490px)
{
	.list_pages
	{
		display: block;
		height: auto;
		line-height: normal;
	}
	
	.list_pages > A.arrow
	{
		display: block;
		margin: 3em 0;
	}
	
	.list_pages > A.arrow > IMG
	{
		float: none;
	}
}

@media screen and (max-width:430px)
{
	#list_options
	{
		line-height: 3;
	}
}

@media screen and (max-width:360px)
{
	DIV.list_entry > DIV.icon
	{
		float: none;
		text-align: center;
	}
	
	DIV.list_entry > DIV.title
	{
		margin-top: 0.5em;
		text-align: center;
	}
		
	DIV.list_entry > DIV.description,
	DIV.list_entry > DIV.info
	{
		text-align: center;
	}
	
	A.list_entry_large_icon
	{
		max-width: 100%;
	}
	
	#launch_button,
	#get_example_button
	{
		margin-right: 0;
	}
	
	#bottom_margin_top /* footer */
	{
		height: 275px;
	}
	
	#bottom
	{
		height: 270px;
	}
	
	#bottom > A
	{
		height: calc(100% - 5px - 180px);
	}
}