html, body {
margin: 0;
padding: 0;
height: 100%;
}
body {
background-color: #F3F5F4;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #454A4D;
}
a {
color: #F23E3B;
}
a img {
border: none;
}
a:hover {
color: #454A4D;
}
a,
a:focus {
outline: none;
}
/* --- Headings --- { --- */
h1, h2, h3, h4, h5, h6 {
margin: 0;
padding: 0;
font-weight: normal;
}
h1, h2 {
font-size: 16px;
color: #454A4D;
}
h1{
border-bottom: 1px solid #DDE3E3;
padding-bottom: 10px;
margin-bottom: 12px;
}
h2 {
padding-bottom: 10px;
}
h3 {
font-size: 16px;
color: #454A4D;
padding-bottom: 12px;
}
h4 {
}
h5 {
}
h6 {
}
/* --- } --- Headings --- */
.smallerText {
font-size: 11px;
}
blockquote {
margin: 0;
padding: 0 0 0 15px;
}
p, form, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#wrapper {
min-height: 100%;
height: auto !important;
height: 100%;
position: relative;
z-index: 1;
width: 1000px;
margin: 0 auto;
}
#wrapper .vTop, #wrapper table.vTop td {
vertical-align: top;
}
#wrapper .vMid, #wrapper table.vMid td {
vertical-align: middle;
}
#wrapper .vBot, #wrapper table.vBot td {
vertical-align: bottom;
}
.cleaner {
font-size: 1px;
line-height: 1px;
height: 1px;
margin-bottom: -1px;
clear: both;
}
.show {
display: block;
}
.hide {
display: none;
}
#top {
width: 990px;
height: 90px;
padding: 25px 0 0 10px;
}
#logo {
float: left;
}
#topMenu {
float: right;
padding: 10px 0px 0 5px;
width: 800px;
height: 31px;
background: url(../img/tm_bg.gif) left top no-repeat;
margin-top: 15px;
}
#topMenu li {
float: left;
border-right: 1px solid #ECEFED;
font-size: 16px;
height: 22px;
padding: 0px 30px 0 30px;
}
#wrapper #topMenu .last {
border-right: none;
padding-right: 0px;
width: 100px;
}
#topMenu li a {
float: left;
color: #454A4D;
text-decoration: none;
}
#topMenu li a:hover, #topMenu li .act {
color: #E01A27;
text-decoration: none;
}
#content {
clear: both;
position: relative;
z-index: 1;
background: #FFF url(../img/bg_tb.gif) left top no-repeat;
padding-top: 10px;
}
#content .content {
background: url(../img/bg_tb.gif) right bottom no-repeat;
padding: 0 0px 25px 0px;
}
#content p {
padding: 0 0 15px 0;
}
#content td {
vertical-align: top;
}
#header {
background-position: left top;
background-repeat: no-repeat;
height: 109px;
width: 964px;
padding: 10px 0 0 16px;
font-size: 32px;
line-height: 32px;
color: #FFF;
margin-left: 10px;
position: relative;
z-index: 1;
overflow: hidden;
}
#header span {
display: block;
}
#header .header {
background-position: left top;
background-repeat: no-repeat;
height: 109px;
width: 964px;
padding: 10px 0 0 16px;
position: absolute;
z-index: 1;
left: 0;
top: 0;
}
#header span.dark { color:#4F4031; }
#header span.gray { color:#DAD3CD; }
#header.about { background-image: url(../img/header_about.jpg); }
#header.clients { background-image: url(../img/header_clients.jpg); }
.services { background-image: url(../img/header_services.jpg); }
.events0 { background-image: url(../img/header_events.jpg); }
.events1 { background-image: url(../img/header_conferences.jpg); }
.events2 { background-image: url(../img/header_sponsorship.jpg); }
.events3 { background-image: url(../img/header_promotional.jpg); }
.events4 { background-image: url(../img/header_furniture_prop.jpg); }
.events5 { background-image: url(../img/header_launch.jpg); }
.events6 { background-image: url(../img/header_mall.jpg); }
.events7 { background-image: url(../img/header_stand_design.jpg); }
.events8 { background-image: url(../img/header_managment.jpg); }
.events9 { background-image: url(../img/header_rsvp.jpg); }
.events10 { background-image: url(../img/header_catering.jpg); }
#header.regional { background-image: url(../img/header_regional.jpg); }
#header.contact { background-image: url(../img/header_contact.jpg); }
#header.sitemap { background-image: url(../img/header_sitemap.jpg); }
#header.terms { background-image: url(../img/header_terms.jpg); }
#header.privacy { background-image: url(../img/header_privacy.jpg); }
#path {
float: left;
padding: 12px 15px;
font-size: 11px;
}
#path li, #path li a {
font-size: 11px;
line-height: 14px;
}
#path li {
border-right: 1px solid #E7E3DF;
float: left;
padding-right: 12px;
margin-right: 12px;
}
#wrapper #path li.last {
border-right: none;
}
#widePage {
padding: 0 15px 20px 15px;
}
#sidebar {
float: right;
width: 228px;
padding: 30px 18px 10px 0;
}
#sidebar p {
padding-bottom: 20px;
}
#wrapper #sidebar.sideMenu {
padding-top: 0;
}
#sideMenu {
padding-bottom: 20px;
}
#sideMenu li {
border-top: 1px solid #DDE3E3;
padding: 7px 7px 6px 7px;
}
#sideMenu li a {
color: #454A4D;
text-decoration: none;
background: url(../img/arw_r.gif) left 5px no-repeat;
padding-left: 11px;
}
#sideMenu li a:hover, #sideMenu li .act {
color: #E40000;
text-decoration: none;
background-image: url(../img/arw_r_red.gif);
}
#middle {
float: left;
width: 710px;
padding: 0 0 20px 15px;
font-size: 12px;
}
#middle ul {
padding: 0 0 10px 15px;
}
#middle ul li {
background: url(../img/li.gif) left 6px no-repeat;
padding: 0 0 6px 10px;
}
#wrapper #slideMenu {
padding: 0;
width: 710px;
}
#wrapper #slideMenu li {
padding: 0px 5px 12px 5px;
background: none;
width: 700px;
}
#slideMenu li a {
font-size: 14px;
color: #454A4D;
text-decoration: none;
background: url(../img/arw_r.gif) left 5px no-repeat;
padding-left: 11px;
}
#slideMenu li a:hover, #slideMenu li .act {
color: #E40000;
text-decoration: none;
background-image: url(../img/arw_r_red.gif);
}
#slideMenu li div {
padding: 8px 0 4px 0;
/* display: none; */
}
#homeImg {
margin-left: 10px;
width: 980px;
height: 386px;
position: relative;
z-index: 10;
}
#homeImg .overlay {
position: absolute;
z-index: 10;
left: 0;
top: 0;
background: url(../img/homeimg_overlay.png) left top no-repeat;
height: 386px;
width: 356px;
}
#slideshowWrapper{position:relative;width:646px;margin:auto;}
#slideshow{
width:980px;
height:386px;
overflow:hidden;
}
#fssList{
position: absolute;
z-index: 10;
top: 366px;
right: 15px;
}
#fssList li{
float: left;
padding-left: 5px;
}
#fssList li a{
float: left;
text-decoration:none;
width: 7px;
height: 7px;
text-indent: -8000px;
background: url(../img/homeimg_pages.gif) left top no-repeat;
}
#fssList li.fssActive a{
background: url(../img/homeimg_pages.gif) left bottom no-repeat;
}
#wrapper #clientList {
padding: 0;
float: left;
}
#wrapper #clientList li {
background: none;
padding: 0 14px 12px 0;
float: left;
}
#clientList li img {
background-position: center center;
background-repeat: no-repeat;
width: 220px;
height: 150px;
border: 4px solid #F3F5F4;
}
#ourClients {
padding: 15px 10px 20px 10px;
clear: both;
}
#ourClients h3 {
padding-left: 5px;
}
#aboutCompany {
border-top: 2px solid #F3F5F4;
padding: 18px 15px 0 15px;
clear: both;
}
#aboutCompany .l {
float: left;
width: 455px;
padding-right: 25px;
border-right: 1px solid #E9EDED;
}
#aboutCompany .r {
float: right;
width: 465px;
}
#footer {
position: relative;
z-index: 2;
clear: both;
padding: 12px 0;
font-size: 11px;
color: #B3B4B3;
width: 990px;
height: 74px;
}
#ft {
padding: 0 12px 8px 12px;
width: 976px;
height: 24px;
}
#ft, #ft li, #ft li a {
line-height: 10px;
}
#ft p {
float: left;
background: url(../img/ft_copy.gif) left 2px no-repeat;
padding: 6px 0 0 5px;
width: 305px;
height: 15px;
}
#ft ul {
float: left;
padding-top: 6px;
width: 605px;
}
#ft ul li {
border-right: 1px solid #D1D1D1;
float: left;
padding: 0 11px 1px 11px;
}
#footer #ft ul li.last {
border-right: none;
padding-right: 0;
}
#ft ul li a {
float: left;
color: #929292;
text-decoration: none;
}
#ft ul li a:hover, #ft ul li .act {
color: #F80C15;
text-decoration: none;
}
#ft .icon_twitter, #ft .icon_facebook {
float: right;
width: 24px;
height: 24px;
text-indent: -8000px;
}
#ft .icon_twitter {
background: url(../img/icons_share.gif) right top no-repeat;
margin-left: 6px;
}
#ft .icon_twitter:hover { background-position: right bottom; }
#ft .icon_facebook {
background: url(../img/icons_share.gif) left top no-repeat;
}
#ft .icon_facebook:hover { background-position: left bottom; }
#ft2 {
width: 990px;
text-align: center;
color: #C1C1C1;
}
#ft2 a {
color: #C1C1C1;
text-decoration: none;
margin: 0 3px;
}
#ft2 a:hover {
color: #888;
text-decoration: none;
}
/* --- Forms --- { --- */
.shortInput,
.normalInput,
.normalInput2,
.mediumInput,
.longInput {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
padding: 2px;
background: #FFF;
border: 1px solid #CCC;
color: #555;
}
.form .shortInput,
.form .normalInput,
.form .normalInput2,
.form .mediumInput,
.form .longInput {
margin: 2px 0 16px 0;
}
.shortInput {
width: 40px;
}
.normalInput {
}
.normalInput2 {
width: 185px;
}
.mediumInput {
width: 265px;
}
.longInput {
}
.marg5 {
margin-top: 5px;
}
.marg10 {
margin-top: 10px;
}
/* --- } --- Forms --- */
#sliderHolder {
position:relative;
z-index:1;
padding: 0px 25px 0 25px;
height: 80px;
width: 930px;
}
#slider ul, #slider li, #slider2 ul, #slider2 li{
margin:0;
padding:0;
list-style:none;
}
#slider li{
width:930px;
height:80px;
overflow:hidden;
}
#prevBtn, #nextBtn {
display:block;
width:15px;
height:63px;
position:absolute;
top:9px;
z-index:1000;
}
#prevBtn { left:5px; }
#nextBtn { left:auto; right:5px; }
#prevBtn a, #nextBtn a {
display:block;
position:relative;
width:15px;
height:63px;
text-indent: -8000px;
}
#prevBtn a { background: url(../img/arws_lr.gif) left top no-repeat; }
#prevBtn a:hover { background-position: left bottom; }
#nextBtn a{ background: url(../img/arws_lr.gif) right top no-repeat; }
#nextBtn a:hover { background-position: right bottom; }
/* --- Sitemap --- { --- */
#wrapper #sitemap {
padding: 5px 0 0 20px;
}
#wrapper #sitemap div.lnk {
background: url(../img/link.gif) left 3px no-repeat;
padding: 0 0 8px 14px;
}
#wrapper #sitemap a {
}
#wrapper #sitemap ul {
margin: 0 0 12px 4px;
padding: 0px 0 0 0;
background: url(../img/dash_v.gif) 2px top repeat-y;
font-size: 11px;
}
#wrapper #content #sitemap ul li {
padding: 2px 0 2px 28px;
background: url(../img/dash_h.gif) 4px 9px no-repeat;
}
#wrapper #content #sitemap ul .last {
background: #FFF url(../img/dash_hb.gif) 1px top no-repeat;
padding-bottom: 0;
}
#wrapper #content #sitemap ul ul {
margin: 2px 0 8px 4px;
padding: 4px 0 0 0;
}
#wrapper #content #sitemap ul ul .last {
background: #FFF url(../img/dash_hb.gif) 1px 1px no-repeat;
padding-bottom: 0;
}
/* --- } --- Sitemap --- */