ul,li{ margin: 0; padding: 0; list-style: none;}

body{font-family: Arial, san-serif; font-size: 12px; background-color:#EDEDED; margin: 0; padding: 0; }
a{ text-decoration: none;  }
#PAGE {  width:100%; height: auto; padding:0;  } 
#HEADER {  float: left;  width:100%;    /* height: 550px; */   background-color: #18191E; color: white;  }
#HEADER > div{  padding: 0 30px; margin:0 auto; width:920px; /* height: 150px; */ /* background-color: fuchsia; */  }

	#LOGO{ float: left;  margin-top:60px;  width: 305px; height:40px; padding-top:40px; color:#B7B7B7; background-image:url(images/xos_logo.png);  background-repeat: no-repeat; }
	#MAIN_MENU{  float: left; margin-left:0px; margin-top: 34px; width: 610px; height: 100px;   }
	#MAIN_MENU>li{  width: 138px; height: 138px; margin-right: 13px; float: left;  }
	#MAIN_MENU>li a{ width: 138px; height: 58px; display: block; text-decoration: none;  color: white;  padding-top: 80px; text-align: center; background-repeat: no-repeat; }
	
	#MAIN_MENU  #APPLICATION_MENU_ITEM a{ background-image:url(images/applicationsMenuItem_icon.png); }
	#MAIN_MENU  #CONSULTING_MENU_ITEM a{ background-image:url(images/consultingMenuItem_icon.png); }
	#MAIN_MENU  #CONTACTS_MENU_ITEM a{ background-image:url(images/contactsMenuItem_icon.png); }
	#MAIN_MENU  #WEBDESIGN_MENU_ITEM a{ background-image:url(images/webDesignMenuItem_icon.png); }
	#MAIN_MENU  #XOSIDE_MENU_ITEM a{ background-image:url(images/xosideMenuItem_icon.png); }
	
	#APPLICATIONS_MENU{ float:left;  }
	#APPLICATIONS_MENU>li{  float: left;  width: 138px; height: 330px; margin-right: 14px; background-image:url(images/application_icon_bkg.png); background-repeat: no-repeat; }
	#APPLICATIONS_MENU>li a{ width:100%; height:80px; display: block; font-size: 14px; text-decoration: none;   color: white;  padding-top: 80px; text-align: center; background-repeat: no-repeat; }
	#APPLICATIONS_MENU>li a div{ font-size: 9px; margin-top: 2px; }
	#APPLICATIONS_MENU>li>div{ font-size: 10px; color:#B7B7B7; }
	
	/* #APPLICATIONS_MENU  #APPLICATION_MENU_ITEM a{ background-image:url(images/applicationsMenuItem_icon.png); } */
	#APPLICATIONS_MENU  #DOMUSPLANNER_MENU_ITEM a{ background-image:url(images/domusplanner_icon.png); }
	#APPLICATIONS_MENU  #JANVAS_MENU_ITEM a{ background-image:url(images/janvas_icon.png); }
	#APPLICATIONS_MENU  #TIMEPLANNER_MENU_ITEM a{ background-image:url(images/timePlanner_icon.png); }
	#APPLICATIONS_MENU  #EASYORDER_MENU_ITEM a{ background-image:url(images/easyOrder_icon.png); }
	#APPLICATIONS_MENU  #EASYSHOP_MENU_ITEM a{ background-image:url(images/easyShop_icon.png); }
	#APPLICATIONS_MENU  #CONFIGURATOR3D_MENU_ITEM a{ background-image:url(images/configurator3D_icon.png); }




#CONTENT { float: left; width:100%;    }

#PRODUCT_CONTENT_HEADER { width:100%; height: 500px; background-color: #D3D3D3;   }
	

#PRODUCT {  margin:0 auto; width:920px; padding: 0 30px 0 30px;   }
#PRODUCT #TITLE { float:left;   width:100%; font-size: 22px; padding-left: 16px; margin-top: 40px; font-weight:bold ;   }
#PRODUCT #SHORT_INFO { float:left;   margin-bottom: 20px; padding-left: 16px; }
#PRODUCT #PREVIEW { float:left; width:500px; height: 350px; background-color: black; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; -webkit-box-shadow: 2px 2px 6px rgba(0,0,0,.5); -moz-box-shadow: 2px 2px 6px rgba(0,0,0,.5);   }
#PRODUCT #PREVIEW img { width:468px; height: 318px; margin: 16px 16px 16px 16px;  }
#PRODUCT #SHORT_DETAILS {  float:left; width:360px;  margin-top:10px; margin-left: 40px;     }
#PRODUCT #SHORT_DETAILS b { line-height: 20px; font-size: 14px; }



#GALLERY_LIST {  margin:0 auto; width:940px; padding: 30px 20px 30px 20px;   }
#GALLERY_LIST > div {  float:left; text-align: center;   margin:0 10px 10px 0; width:220px; height: 146px; background-color: black; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: 2px 2px 6px rgba(0,0,0,.5); -moz-box-shadow: 2px 2px 6px rgba(0,0,0,.5);  }
#GALLERY_LIST > div  > div { line-height: 20px; color: white; font-size: 10px; text-decoration: none; }
#GALLERY_LIST > div  > a { line-height: 20px; color: white; font-size: 10px; text-decoration: none; }


#COLUMNS{  margin:auto auto; width:920px; padding: 30px 30px 60px 30px; }
#COLUMNS>div{  float: left;  width: 276px;  margin-right: 30px;  }
#COLUMNS>div b { line-height: 30px; font-size: 16px; }

#FOOTER { float: left; display: block;   width:100%; background-color: #18191E; color: white;  margin-top: 50px;   }
#FOOTER > div {  padding: 0 30px;  margin:30px auto; width:920px;     }
#FOOTER > div > div { float: left;  line-height: 50px;     }
#FOOTER   ul { float: left; height:200px;}
#FOOTER   ul > li{ display:block; float: left;  width: 138px;   margin-right: 14px;  }
#FOOTER   ul > li a{ width:100%; margin-bottom: 6px;  display: block;  font-size: 14px; text-decoration: none;   color: white;  p }
#FOOTER   ul > li a div{ color:#B7B7B7; font-size: 9px; margin-top: 2px; }