/** * CSS Document * Author: Janees muhamad * Email: janees@semark.com.sa * http://www.semark.com.sa **/ /* body style */ body {font-family: "Tahoma", Arial, sans-serif;font-size: 100%; color:#2f2e2e; margin:0px; padding:0px;border:0;outline:0; background-color:#a9a9a9; background-image:url(../images/BodyBg.png); background-position:top center; background-repeat:repeat;} /*body {line-height:0;}*/ html, div, span,head,img h1, h2, h3, h4, h5, h6, p, blockquote, a, font, img, small, strong, ol, ul, li {margin: 0px; padding: 0px; border: 0; outline: 0; font-size: 100%; background: transparent; text-decoration:none;} h1, h2, h3, h4, h5, h6, li{line-height:100%;} ol, ul {list-style: none;} blockquote, q {quotes: none;} q:before, q:after{content: "";} .clearAll{clear:both; height:0px;} /* //////////////////////////////////////body style */ /* theme style */ #wrapper {width: 100%; height:auto; margin::0px auto;} #inner_wrapper {width: 1024px; height:auto; margin: 0px auto; background-color:#fff; } #header_wrapper { width:100%; height:auto; margin:0px auto; background-image:url(../images/bg_hederwrap.png); background-position:top; background-repeat:repeat-x;} #maincolumn_wrap{width:1024px; height:auto; margin:0px auto; margin-top:0px; } #footer_wrapper {width: 100%; height:auto ;background-color:#252627; background-image:url(../images/footer_bg.png); background-repeat:repeat-x; padding:20px 0px 20px 0px; margin:0px auto;} /* ///////////////////////////////////////theme style */ /* header style */ #header { width:970px; height:auto; margin:0px auto; padding-top:0px;} #header_left { width:700px; height:auto; float:right; margin-top:0px } #header_right { width:270px; height:auto; float:left; margin-top:38px; } #top_menu{ width:270px; height:30px; margin:0px auto; background-image:url(../images/bg_topmenu.png); background-repeat:repeat-x; background-position:top; float:left;color:#414141; font-size:10px;text-align:center; -moz-border-radius-bottomleft: 10px; border-bottom-left-radius: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-bottomright: 10px; border-bottom-right-radius: 10px; -webkit-border-bottom-right-radius: 10px; border-bottom: 1px solid #fff; } #top_menu a{font-size:10px; font-family:"Tahoma", Arial, sans-serif; color:#414141;margin:0 5px 0 5px; line-height:30px; font-weight:100; } #top_menu a:hover{ font-family:"Tahoma", Arial, sans-serif; color:#ce0538; } #top_menu a.active{ font-family:"Tahoma", Arial, sans-serif; color:#ce0538; } #top_menu a span{ color:#ce0538; } #quickLink{ width:268px; height:292px;/*background-color:#f2f2f2;*/ margin:0px auto 0px auto;border: 1px solid #fff; float:left; -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px; -moz-box-shadow: 0px 1px 4px #a8a8a8; -webkit-box-shadow: 0px 1px 4px #a8a8a8; box-shadow: 0px 1px 4px #a8a8a8;} #quickLink h3{ width:100%; min-height:41px;} #quickLink h3 a{ color:#fff;text-decoration:none;color:#fff;text-decoration:none; line-height:41px; font-size:14px;font-weight:bold; text-align:center ; display:block; background-color:#4F9FB7; background: -moz-linear-gradient(top, black, #4F9FB7 1px, #04657F 25px); background: -webkit-gradient(linear, left top, left 25, from(black), color-stop(4%, #4F9FB7), to(#04657F)); -moz-border-radius: 4px; border-radius: 4px; -webkit-border-radius: 4px; border-bottom: 1px solid #04657F; } #quickLink h3 a:hover{ color:#000000;text-decoration:none; display:block; background: #ccc; background: -moz-linear-gradient(top, #fff, #999999); background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#999999)); border-bottom: 1px solid #666;} #quickLink h2{ width:100%; min-height:41px;} #quickLink h2 a{ width:100%; min-height:41px; color:#424242;text-decoration:none; line-height:41px; font-size:14px;font-weight:bold; text-align:center ; display:block; background-color:#eee; background: -moz-linear-gradient(top, #fff, #d4d4d4); background: -webkit-gradient (linear, left top, left bottom, from(#fff), to(#d4d4d4)); -moz-border-radius: 4px; border-radius: 4px; -webkit-border-radius: 4px; border-bottom: 1px solid #ccc;} #quickLink h2 a:hover{ color:#000000;text-decoration:none; display:block; background: #ccc; background: -moz-linear-gradient(top, #fff, #999999); background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#999999)); border-bottom: 1px solid #666; } /*.icon_glob{background-image:url(../images/icon_glob.png); background-position:left; background-repeat:no-repeat; width:10px; height:10px; margin:10px 5px 0px 0px; _margin-top:20px;} .icon_arrow{background-image:url(../images/icon_arrow.png); background-position:right; background-repeat:no-repeat; width:8px; height:10px; margin:10px 0px 0px 0px;} */ #logo{ width:510px; height:175px; margin:0px auto; margin-right:10px; margin-bottom:20px; margin-top:75px; } #main_navigation_bar{ width:970px; height:29px; margin:0px auto;background-color:#04657F; border-top: 1px solid #04657F; margin-left:-270px; background: -moz-linear-gradient(top, black, #04657F 1px, #04657F 25px); background: -webkit-gradient(linear, left top, left 25, from(black), color-stop(4%, #4F9FB7), to(#04657F)); -moz-border-radius-bottomleft: 10px; border-bottom-left-radius: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-bottomright: 10px; border-bottom-right-radius: 10px; -webkit-border-bottom-right-radius: 10px; } /* main menu */ #nav { float: right; padding: 0; border-bottom: none;margin-top:-1px; margin-right:20px; } #nav li a, #nav li {background: #4F9FB7; font-size: 11px; font-weight:bold; float: right; font-weight:normal;} #nav li { list-style: none; position: relative;} #nav li a { padding: 6px 10px;line-height:16px; text-decoration: none; color: white; background: #4F9FB7; background: -moz-linear-gradient(top, black, #4F9FB7 1px, #04657F 25px); background: -webkit-gradient(linear, left top, left 25, from(black), color-stop(4%, #4F9FB7), to(#04657F)); border-right: 1px solid #015366; border-bottom: 1px solid #4F9FB7; border-top: 1px solid #04657F;} #nav li a:hover {color: #424242; background: #fff; background: -moz-linear-gradient(top, #fff, #d4d4d4); background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#d4d4d4)); border-right: 1px solid #d4d4d4; border-bottom: 1px solid #fff; border-top: 1px solid #fff;} #nav li p { float: left;} #nav li p.active a {color: #424242; background: #fff; background: -moz-linear-gradient(top, #fff, #d4d4d4); background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#d4d4d4)); border-right: 1px solid #d4d4d4; border-bottom: 1px solid #fff; border-top: 1px solid #fff;} /* Submenu */ .hasChildren {position: absolute; width: 8px; height: 8px; background-image:url(../images/AR_hasChildren.png); left : 0; bottom: 0;} #nav li ul {z-index:999; display: none; position: absolute; right: 0; top: 100%; padding: 0; margin: 0; text-align:right;} #nav li:hover > ul { display: block;} #nav li ul li p, #nav li ul li a { float: none;} #nav li ul li { _display: inline; /* for IE6 */ z-index:999} #nav li ul li a { width: 125px; display: block;} /* SUBSUB Menu */ #nav li ul li ul { display: none;} #nav li ul li:hover ul { right: 100%; top: 0;} #nav li ul /* /////////////////////////////////// main menu */ /* .main_nav{ height:30px; width:500px;text-align:center; float:left; clear: both; text-transform:none;} .main_nav ul{float:left; height:30px; margin: 0; padding: 0; margin-left:20px;} .main_nav li {float: left; display: block; line-height: 30px; font-size: 11px; font-weight:bold; color: #fff; height:18px; margin:0px 0px 0px 8px; } .main_nav a {display: block; line-height: 20px; margin:0; padding: 0 4px; font-size: 11px; font-weight:bold; color: #fff; margin-top:5px; height:20px; text-align:left; cursor:pointer;text-decoration: none;background:transparent;text-align:center; } .main_nav li a:hover {text-decoration: none; background: #fff; color:#252627; -webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;} .main_nav li.active a { color: #252627; text-decoration: none; display: block; text-align:center; background:#fff; -webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px; }*/ .searchbox{ height:30px; width:200px; float:right; } #main_banner{ width:695px; height:300px; margin:0px auto;float:right; overflow:hidden; margin:5px auto 1px auto; -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;} ul#slider { width: 695px; height: 300px; list-style-type: none; margin: 0; padding: 0; overflow: hidden;} ul#slider li { width: 695px; height: 297px; float: left; position: relative; /*display: none;*/} ul#slider li div { position: absolute; width: 675px; /*background-color: #000;*/ color: #fff; left: 0; padding: 10px; font-size:1px; font-family:"Tahoma", Arial, sans-serif; /*display: none;*/ -moz-border-radius-bottomleft: 10px; border-bottom-left-radius: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-bottomright: 10px; border-bottom-right-radius: 10px; -webkit-border-bottom-right-radius: 10px;} .bannerslide_caption_top { top: 0;} .bannerslide_caption_bottom { bottom: 0; } #loginbox{ width:268px; height:120px; margin:10px auto;} /* newsletter style */ #newsletter{ width:268px; height:100px;background-color:#fff; background-image:url(../images/bg_newsletter.jpg); background-position: top center; background-repeat:repeat-x; margin:0px auto 7px auto; border: 1px solid #fff; -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px; -moz-box-shadow: 0px 1px 4px #a8a8a8; -webkit-box-shadow: 0px 1px 4px #a8a8a8; box-shadow: 0px 1px 4px #a8a8a8;} #newsletter ul{ width:250px; height:49px; float:left; } #newsletter ul li{ width:100%; height:49px; float:left; margin-left:10px; background-image:url(../images/AR_bg_title_newsletter.jpg); background-position:left; background-repeat:no-repeat; } #newsletter_form{ float: left ; text-align: left; width: 250px; overflow: hidden ;position: relative ; height:50px;margin-left:9px;} #subscribeform{ margin-top:10px;} #subscribeform #email { height:24px; margin:0px 10px 0px 8px;border:none;padding:0px 5px 0px 5px;background:none;width:175px;margin-right:5px; font-family:"Tahoma", Arial, sans-serif; font-size:12px; color:#666; line-height:24px;} #email_input{background-image:url(../images/mailform_background.png); background-repeat:no-repeat; background-position:center;height:35px; } #submit_button {text-decoration:none;background:none;border:none;padding-left:5px;cursor:pointer; font-family:"Tahoma", Arial, sans-serif; font-size:14px; color:#fff; height:25px; width:40px; margin-left:5px;} /*////////////////////////////////////// newsletter style */ #countdown{ width:268px; height:120px;background-color:#fff; background-image:url(../images/bg_countdown.jpg); background-position: top center; background-repeat:repeat-x; margin:7px auto;border: 1px solid #fff; -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px; -moz-box-shadow: 0px 1px 4px #a8a8a8; -webkit-box-shadow: 0px 1px 4px #a8a8a8; box-shadow: 0px 1px 4px #a8a8a8; } #countdown ul{ width:250px; height:49px; float:left; } #countdown ul li{ width:100%; height:49px; float:left; margin-left:10px; background-image:url(../images/AR_bg_title_countdown.jpg); background-position:left; background-repeat:no-repeat; } #countdown h2{ font-family: "Tahoma", Arial, sans-serif; font-size:33px; color:#ce0538; margin:10px 0px 10px 0px;line-height:33px; text-align:center; font-weight: 100; } #countdown h2 a{ } #countdown h2 a:hover{} #boothBooking{ width:268px; height:120px;background-color:#fff; background-image:url(../images/bg_boothBooking.jpg); background-position: top center; background-repeat:repeat-x; margin:7px auto;border: 1px solid #fff; -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px; -moz-box-shadow: 0px 1px 4px #a8a8a8; -webkit-box-shadow: 0px 1px 4px #a8a8a8; box-shadow: 0px 1px 4px #a8a8a8; } #boothBooking ul{ width:250px; height:49px; float:left; } #boothBooking ul li{ width:100%; height:49px; float:left; margin-left:10px; background-image:url(../images/AR_bg_title_boothBooking.jpg); background-position:left; background-repeat:no-repeat; } #msg_boothBooking { width:248px; height:70px; float:left; margin-left:10px; } /* jQuery Countdown styles*/ /*#defaultCountdown { width: 260px; height: 60px; } .hasCountdown { text-align:center; color:#505050; font-size:20px; font-weight:normal; font-family:"Tahoma", Arial, sans-serif; line-height:30px; margin-top:0px; } .counter{ width:260px; margin:0px auto; margin-top:14px; height:60px; text-align:center; position:relative; border: 1px solid #f2f2f2; -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;}*/ #news_bar{ width:100%; height:30px; margin:0px auto; background-color:#4F9FB7; border-top: 0px solid #04657F; border-bottom: 1px solid #04657F; background: -moz-linear-gradient(top, black, #4F9FB7 1px, #04657F 25px); background: -webkit-gradient(linear, left top, left 25, from(black), color-stop(4%, #4F9FB7), to(#04657F));/* background-image:url(../images/newsbar_bg_right.jpg); background-repeat:no-repeat; background-position:right;*/ } .news_title{ width:100px; height:30px; background-color:#ffba3b; background: -moz-linear-gradient(top, black, #ffba3b 1px, #cc880a 25px); background: -webkit-gradient(linear, left top, left 25, from(black), color-stop(4%, #ffba3b), to(#cc880a)); float:right; } .news_title h3{ font-family:"Tahoma", Arial, sans-serif; font-size:14px; font-weight:bold;line-height:30px; color:#fff;text-align:center; font-weight: normal; width:100px; height:30px; overflow:hidden; } .news_contents{ width:860px; height:30px; float:left; margin:0px 5px 0px 0px; } .news_contents p{ font-family:"Tahoma", Arial, sans-serif; line-height:30px;text-align:right; font-weight: normal; margin-left:5px; width:850px; height:14px; z-index:999; } /* ///////////////////////////////////////header style */ /* footer style */ #inner_footer{width:970px;; height:auto; margin:0px auto; } #inner_footer p{font-family:"Tahoma", Arial, sans-serif; color:#fff;text-decoration:none;margin:10px auto 10px auto; line-height:15px; font-size:11.5px; text-align:left; } .footer_content{width:970px; height:auto; background-color:#252627; margin:0px auto;margin-top:10px; } .footer_content p{width:970px; font-family:"Tahoma", Arial, sans-serif; color:#fff;text-decoration:none;margin:4px auto 4px auto; line-height:15px; font-size:11px; text-align:right;} #footer {width: 970px; height:auto; margin:1px auto 0px auto; } #footerlinks{width:auto; height:auto; text-align:right;line-height:12px; color:#fff;margin:0px auto; margin-top:0px; font-size:11px; float:right;} #footerlinks a{font-size:12px; font-family:"Tahoma", Arial, sans-serif; color:#fff;text-decoration:none;margin:0 3px 0 3px; line-height:12px; font-weight:100;} #footerlinks a:hover{font-size:12px; text-decoration:none; font-family:"Tahoma", Arial, sans-serif; color:#2D95AD; } #footerlinks p{font-family:"Tahoma", Arial, sans-serif; color:#fff;text-decoration:none;margin:5 auto 0px auto; line-height:15px; font-size:11px;font-weight:100} #footerlinks p span{margin-left:15px; font-size:11px;} .eventorganizer{ width:260px; height:40px; float:right; background-image:url(../images/bg_eventorganizedby.png); background-position:center; background-repeat:no-repeat;} #social_links {width:auto; height:30px; margin:0px auto; } #social_links h2{ font-family:"Tahoma", Arial, sans-serif; font-size:12px; font-weight:100; line-height:30px; color:#fff; text-transform:none; float:left; } #social_links ul{ float:left; } #social_links ul li{ padding:0 0 0 5px; float:left; list-style:none;} #social_links ul li a{ overflow:hidden; height:30px; float:left; text-indent:-9999px;} #social_links ul li a span{ cursor:pointer; display:block; height:30px; margin-top:0px;} #social_links ul li a.facebook span{ width:30px; background-image:url(../images/facebook_icon.png); background-repeat:no-repeat;} #social_links ul li a.instagram span{ width:30px; background-image:url(../images/instagram_icon.png);background-repeat:no-repeat;} #social_links ul li a.twitter span{ width:30px; background-image:url(../images/twitter_icon.png); background-repeat:no-repeat;} #social_links ul li a.linkedin span{ width:30px; background-image:url(../images/linkedin_icon.png); background-repeat:no-repeat;} #social_links ul li a.youtube span{ width:30px; background-image:url(../images/youtube_icon.png); background-repeat:no-repeat;} #social_links ul li a:hover { background:url(../images/none.gif);} #social_links ul li a:hover span, #social_links ul li a.active span{ margin-top:0; background-position:0 -39px;} /* ///////////////////////////////////////////////footer style */ #topNews{ width:670px; height:20px; margin:0px auto; float:right;color:#414141; font-size:11px;text-align:center; margin-top:10px; }