/* ::::: http://rareformbranding.com/resources/css/base.css ::::: */

* { margin: 0px; padding: 0px; list-style-type: none; text-decoration: none; }
html, body { top: 0pt; left: 0px; background-color: rgb(23, 23, 23); right: 0px; }
a { cursor: pointer; }
a:link { color: rgb(153, 153, 153); }
a:visited { color: rgb(153, 153, 153); }
a:hover { color: rgb(249, 249, 249); }
a:active { color: rgb(153, 153, 153); }
#top-menu { background: transparent url('top.gif') repeat-x scroll 0% 0%; width: 100%; min-width: 900px; position: relative; right: 0px; top: -1px; font-family: Arial; text-transform: uppercase; font-size: 8pt; z-index: 1000; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; height: 30px; }
#top-menu ul { position: absolute; right: 33px; top: 0px; width: auto; }
#top-menu li { margin: 8px 2px 0px; width: auto; float: left; z-index: 10; color: rgb(102, 102, 102); }
#tmenu5 { display: none; }
.current-menu a, .current-news h3, .current-about h4 { color: rgb(204, 204, 204) ! important; }
.current a { color: rgb(249, 249, 249) ! important; }
#bottom-shadow { background: transparent url('bottom-shadow.gif') repeat-x scroll 0% 0%; height: 30px; position: relative; width: 100%; min-width: 900px; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; z-index: 100; margin-top: -1px; }
#page-content { height: auto; min-height: 130px; width: 900px; clear: both; padding-bottom: 50px; }
#header { overflow: hidden; position: relative; width: 100%; min-width: 900px; height: 475px; }
#logo { background: transparent url('logo.png') no-repeat scroll 0% 0%; height: 182px; width: 52px; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; top: 0px; position: absolute; z-index: 100; }
#header-image, #header-content { position: absolute ! important; }
#header-image div { position: absolute; }
#header-space { height: 475px ! important; }
#header-image, #header-content { overflow: hidden; min-height: 475px; height: 475px; width: 100%; min-width: 900px; }
#slideshow1, #header-image div, #header-image img { width: 100% ! important; min-height: 475px; min-width: 1500px; height: auto ! important; }
#newsticker img { width: 10px; }
#nav { background: rgb(0, 0, 0) none repeat scroll 0% 0%; overflow: hidden; height: 32px; width: 100%; min-width: 900px; font-size: 12pt; margin-top: -32px; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; opacity: 0.8; position: absolute; bottom: 0px ! important; }
#nav ul { margin: 0px 0px 0px 20px; width: 600px; }
#nav ul li { float: left; width: 60px; }
#nav ul li a { z-index: 100; float: left; height: 32px; color: rgb(163, 163, 149); padding-left: 0px ! important; line-height: 26pt; text-indent: 8px; position: relative; text-align: center; font-family: Arial; text-transform: uppercase; font-size: 9pt; }
#nav li a:hover { color: rgb(249, 249, 249); }
#nav div.background { padding: 0px 0px 0px 10px ! important; background: rgb(21, 21, 21) none repeat scroll 0% 0% ! important; -moz-background-clip: border ! important; -moz-background-origin: padding ! important; -moz-background-inline-policy: continuous ! important; z-index: 8; height: 32px; position: absolute; visibility: hidden; }
#nav .background .left { background: rgb(21, 21, 21) none repeat scroll 0% 0% ! important; -moz-background-clip: border ! important; -moz-background-origin: padding ! important; -moz-background-inline-policy: continuous ! important; height: 25px; padding-left: 6px ! important; margin-right: 7px ! important; }
#menu1, #menu3, #menu4 { width: 55px ! important; }
#menu2 { width: 60px ! important; }
#menu5 { width: 65px ! important; }
#level0 #nav { height: 0px; }
#footer { background: rgb(19, 19, 19) none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; height: 68px; position: relative; width: 100%; min-width: 900px; font-family: Arial; color: rgb(58, 58, 58); font-size: 8pt; float: left; text-align: left; }
#footer-copy { width: 900px; }
#footer a:link, #footer a:visited, #footer a:active { color: rgb(58, 58, 58); }
#footer a:hover { color: rgb(74, 74, 67); }
#london-office { margin: 13px 20px 0px 30px ! important; float: left; width: 180px; }
#dubai-office { margin: 13px 20px 0px 0px; float: left; width: 180px; }
#london-office h4, #dubai-office h4 { color: rgb(74, 74, 67); margin-bottom: 2px; font-size: 8pt; }
#other-contact p, #other-contact h4 { margin: 43px 10px 0px 0px; float: left; font-size: 7pt; width: auto; font-weight: 100; text-transform: uppercase; }
/* ::::: http://rareformbranding.com/resources/css/home.css ::::: */

#home-text { width: 470px; font-family: Arial; font-size: 20pt; font-weight: 400; color: rgb(44, 44, 44); float: left; }
#home-text a:link, #home-text a:visited { color: rgb(44, 44, 44); }
#home-text a:hover { color: rgb(102, 102, 102); }
#home-text { margin: 0px 0px 0px 30px ! important; }
#newsticker { padding: 2px 0px 0px; height: 90px; position: relative; text-align: left ! important; float: left; }
#newsticker h3, #newsticker p, #newsticker a:link { font-family: Arial; color: rgb(255, 255, 255); text-transform: uppercase; font-size: 12px; text-align: left; font-weight: 100; }
#newsticker li { margin-bottom: 20px; }
#newsticker img { border: 0pt none ; margin-right: 5px; }
#newsticker p { margin: 4px 0px 0px 15px; color: rgb(143, 143, 128); font-size: 12px; text-transform: none; width: 300px; }
#newsticker h3 a:link { color: rgb(255, 255, 255); }
#newsticker h3 a:visited { color: rgb(255, 255, 255); }
#newsticker h3 a:hover { color: rgb(247, 170, 61); }
#newsticker h3 a:active { color: rgb(247, 170, 61); }
#home-text h1, #home-text h1 a { float: left; margin-right: 5px; font-size: 18pt ! important; font-weight: normal; }
.lighter a:link, .lighter a:visited { color: rgb(68, 68, 68) ! important; }
.lighter a:hover, .lighter a:active { color: rgb(153, 153, 153) ! important; }