@charset "utf-8";
/* CSS Document */
body {margin: 0; padding:0; font-size: 12px; background-color:#454545; font-family: Arial, Helvetica, sans-serif;}
h1 {font-size:16px; font-weight:bold; color:#333333;}

.wrapper {width:947px; margin:0 auto; padding: 8px 0px 40px 0px;}
.header {background:url(/images/header_background.gif); width:947px; height:147px;}
.content {background:url(/images/content_background.gif); width:947px; overflow:auto;}
.footer {background:url(/images/footer_background.gif); width:947px; height:170px;}
.footer_wrapper {padding:20px 0px 0px 30px;}
.footer_wrapper a {color:#000; text-decoration:underline; font-size: 11px;}
.footer_wrapper a:hover {color:#1982b9; text-decoration:underline;}
.footer ul {margin:0px; padding:0px;}
.footer li {float:left; overflow:auto; list-style:none; margin-right:20px;}
.footer li a {font-weight:bold;}
.footer li a:hover {font-weight:bold;}
.footer_text {float:left; overflow:auto; margin:6px 0px 0px 0px; width:795px;}
.footer_text p {line-height:16px; font-size:11px;}
.footer_logo {background:url(/images/ozone_footer_logo.gif); width:84px; height:83px; float:right; overflow:auto; margin:45px 25px 0 0; padding:0px;}

#logo a {float:left; background:url(/images/ozone_logo.png); width:145px; height:146px; display: block; overflow:auto; position:absolute; z-index:100; margin-left:28px;}
#logo a span {display: none; cursor:pointer;}

.date {float:right;}
.date ul {margin:30px 32px 0px 0px; color:#7f7f7f; font-weight:bold; padding:0px;}
.date li {float:left; overflow:auto; margin-left:15px;}

.topnav {float:left; color:#7f7f7f; font-weight:bold; margin: 0 0 0 0; padding:0px; width: 100%;}
.topnav ul {padding:0px; margin-left:168px;}
.topnav li {overflow:auto; float:left; padding-left:20px;}
.topnav a {text-decoration:none; color:#7f7f7f;}
.topnav a:hover {text-decoration:underline;}

.side {float:left; width:250px;}
.side ul {margin:6px 0px 0px 28px; padding:0px;}
.side li {margin-bottom:6px; list-style:none;}
.side li.featured a {background:url(/images/featured_project_tameer_tower.jpg); width:250px; height:1px; padding-top: 153px; display:block; overflow: hidden;}
.side li.current a {background:url(/images/our_current_projects.jpg); width:250px; height:1px; padding-top:153px; display:block; overflow:hidden;}
.callback a {background:url(/images/ad_call_back.jpg); width:250px; height:1px; padding-top:153px; display:block; overflow:hidden;}

.news {width:240px; background-color:#666; color:#fff; margin-left:31px; padding:10px 5px 10px 0;}
.news h2 {font-size:12px; margin:0px 0px 0px 10px; font-weight:normal;}
.news_interior {margin-left:31px; padding:10px; width:225px;}
.news_interior h2 {font-size:12px; font-weight:bold; margin:0px; padding:0px; color:#666;}
.news_interior a {color:#000; text-decoration:underline;}
.news_interior a:hover {color:#1982b9; text-decoration:underline;}
.news_bottom {width:240px; background-color:#666; color:#fff; margin-left:31px; padding:5px 5px 5px 0;}
.news_bottom h2 {text-align:right; font-size:10px; margin:0; font-weight:normal; overflow:auto;}
.news_bottom a {color:#fff; cursor:pointer; text-decoration:none;}

/* COLORS FOR ARROWS */
.blue {color:#7fb8d9;}
.white {color:#fff;}

.left {float:left;}
.about .left a {color:#000; text-decoration:underline;}
.about .left a:hover {color:#1982b9; text-decoration:underline;}
.abudhabi .left a {color:#000; text-decoration:underline;}
.abudhabi .left a:hover {color:#1982b9; text-decoration:underline;}
.services .left a {color:#000; text-decoration:underline;}
.services .left a:hover {color:#1982b9; text-decoration:underline;}
.projects .left a {color:#000; text-decoration:underline;}
.projects .left a:hover {color:#1982b9; text-decoration:underline;}
.left ul {margin:6px 0 10px 30px; padding:0px; list-style:none;}
.left .menu a {background-color:#d1d1d1; padding:10px 0px 10px 10px; list-style:none; display:block; border-bottom:1px solid #9e9e9e; text-decoration:none;}
.left .menu a:hover {background-color:#666; color:#fff; text-decoration:none;}
.left .menu a.active {background-color:#7fb8d9; color:#fff; padding:10px 0px 10px 10px; list-style:none; display: block; border-bottom: 1px solid #9e9e9e; }

.left .menu li ul {margin:0; padding:0; list-style:none;}
.left .menu li ul li a {display:block; background-color:#e2effd;}

.left li.featured a {background:url(/images/featured_project_tameer_tower.jpg); width:250px; height:1px; padding-top: 153px; display:block; overflow: hidden; list-style:none; margin-top:10px; margin-left:-1px;}
.left li.current a {background:url(/images/our_current_projects.jpg); width:250px; height:1px; padding-top:153px; display:block; overflow:hidden; list-style:none; margin-top:10px; margin-left:-1px;}
.contact .left li.current a {background:url(/images/our_current_projects.jpg); width:250px; height:1px; padding-top:153px; display:block; overflow:hidden; list-style:none; margin-top:-7px; margin-left:-1px;}

.left .news {margin-left:31px; padding:10px 5px 10px 0; color:#fff; background-color:#666; width:240px;}
.left .newsheader {margin-left:10px; font-size:14px; }

.menu_interior {margin-left:31px; padding:10px; width:225px;}

.text {float:left; width:630px; margin: 8px 10px 0 36px; padding:0 0 100px 0; background:url(/images/box_background.jpg) center bottom no-repeat; height:230px;}
.text h2 {background-color:#666; border-bottom:2px solid #83c5ec; color:#fff; font-size:30px; font-weight:lighter; padding:10px 0px 10px 10px; margin-top:5px;}

.text_interior {float:left; width:624px; margin: 10px 10px 0 10px; padding:0; background:url(/images/textshadow.gif) no-repeat bottom;}
.home .text_interior {float:left; width:631px; margin: 14px 10px 0 10px; padding-bottom:148px; background:url(/images/box_background.jpg) no-repeat bottom;}
.text_interior h2 {background-color:#666; border-bottom:4px solid #83c5ec; color:#fff; font-size:30px; font-weight:lighter; padding:10px 0px 10px 10px; margin-top:-4px;}
.home .text_interior h2 {background-color:#666; border-bottom:4px solid #83c5ec; color:#fff; font-size:30px; font-weight:lighter; padding:10px 0px 10px 10px; margin-top:14px; width:613px;}
.textwrap {padding:0px 20px 20px 20px; position:relative;}
.abudhabi .textwrap h3.sub {font-weight:bold; font-size:20px; margin:0; padding:0 0 20px 0; text-decoration:underline;}
.textwrap h3.sub2 {font-weight:bold; font-size:14px; margin:0; border-top: dotted 1px #83c5ec; padding-top:15px;}
.textwrap h3 {font-weight:bold; font-size:14px; margin:0; padding:0;}
.textwrap h3.snipe {font-weight:bold; font-size:14px; margin:0; padding:0; color:#83c5ec; border: dotted 1px #83c5ec; padding:15px; background-color:#f1f1f1; margin-bottom:15px;}
.textwrap p {line-height:18px;}
.textwrap ul {margin-top:20px;}
.textwrap li {margin-bottom:15px;}
.textwrap a {color:#7fb8d9; text-decoration:underline;}
.textwrap a:hover {color:#1982b9; text-decoration:underline;}
.abudhabi .textwrap p.border {border-bottom: dotted 1px #83c5ec; padding-bottom:15px;}
.contact .textwrap p.border {border-bottom: dotted 1px #83c5ec; padding-bottom:15px;}
.contact .textwrap p.date {font-weight:bold; font-size:18px; float:left; padding:0 25px 100px 0; color:#83c5ec;}
.contact .textwrap p.newstext {float:left;}
.address {float:left; margin-left:10px; }
.form {float:right; margin-right:15px;}

.box {background:url(/images/box_background.jpg); width:642px; height:148px; margin:20px 0 0 30px;} 
.banner {text-align:center; margin:5px 4px 5px 0px;}

/* MAIN BUTTONS */
.nav { float: left; margin: 13px 30px 0 186px; padding: 0; color: #FFFFFF; text-align: left; width: 700px; list-style: none; }
.nav > li { float: left; height: 11px; padding: 23px 0 15px 0; border-bottom: 8px solid #666; background:#666; margin-right: 25px; position:relative;}
.nav > li > a { text-decoration:none; color:#fff; font-size:14px; display:block;}
.nav > li:last-child > a { border-right: none; }
.nav > li:hover, .nav > li.active { text-decoration: none; border-bottom: 8px solid #85ccf6;}
/* DROP DOWN BOX STYLES */
.nav ul { background-color: #85ccf6; border-top: none; display: none; padding: 0 5px; position: absolute; left:0; top:57px; }
.nav ul > li { margin:0px; border-bottom: solid 1px #78b6db; font-size: 12px; padding: 5px; white-space: nowrap; list-style:none;}
.nav ul > li:last-child { border-bottom: none; }
/* DROP DOWN LINK STYLES */
.nav ul > li a { color: #000; text-decoration: none; display:block; }
.nav ul > li a:hover { color: #fff; text-decoration: none; display:block;}
.nav ul > li.sub { border-bottom: none; font-style: normal;}
.nav ul > li.sub a { color: #fff; }
.nav > li:hover > ul { display: block; }


/* clear the floats */
.CLASSNAME:after {content: "."; display: block; height: 0; clear: both; visibility:hidden;}
.CLASSNAME {display:inline-block;}
* html .CLASSNAME, {height: 1%;}
/* Hide from IE Mac \*/
.CLASSNAME {display:block;}
/* End hide from IE Mac */

/* - Form Element Styles ----------------------------------------- */
.btn { background-color: #d9e1ff; border: solid 1px #03f; color: #03f; cursor: pointer; padding: 2px 10px; }
.btn:hover { background-color: #ffe1d9; border: solid 1px #c30; color: #c30; }
.data em { color: #c30; font-weight: bold; }
.data label { display: block; float: left; padding: 2px 0; width: 105px; text-align: right; }
.data li { padding: 2px 0; }
.data .nolabel { padding-left: 105px; }
.data .req { border-color: #c30; }
.data .req:hover { border-color: #f63; }
.data .req_error { color: #c30; padding-left: 5px; }
.txt { background: #fff url('/images/bgInput.gif') no-repeat; border: solid 1px #999; font-size: 1em; padding: 2px; }
.txt:hover { border: solid 1px #777; }
.txt:focus { border: solid 1px #03f; }
.txt:focus:hover { border: solid 1px #06f; }
select.txt { padding: 1px; }

.radio_listing li { padding-left: 105px;}
.radio_listing li:first-child { padding-left: 0;}
.radio_listing .rad { margin-right: 5px;}
/* - Login Styles ------------------------------------------------ */
.login label { display:block; }
.login li { padding: 0 0 .5em 0; }
.login ul { margin: 2em auto; width: 240px; }
.login .txt { font-size: 1.6em; width: 250px; }
/* - Error and Debug Styles -------------------------------------- */
#debug { color: #888; font-size: 1.0em; margin: 0 auto; width: 960px; }
#debug h5 { border-bottom: solid 1px #999; color: #fff; font-weight: bold; margin-top: 1em; }
#error p, #success p, #warning p { background: #7fb8d9 url('/images/icoError.gif') no-repeat 5px center; font-size: 18px; text-align: center; border-bottom: solid 1px #83c5ec; color: #c00; cursor: pointer; margin:0; padding: 5px; }
#success p { background-color: #c1e2f5; background-image: url('/images/icoSuccess.gif'); color: #000; }
#warning p { background-color: #faeba8; background-image: url('/images/icoWarning.gif'); border-color: #cc7e11; color: #cc7e11; }
li {list-style:none;}
.textwrap li {list-style:disc;}

.textwrap ul.galleryimages {float: right; margin-top: 0;}
.textwrap ul.galleryimages li { list-style: none; }

.textwrap ul.serviceslist { float: right; margin: 0; width: 200px; padding: 10px 0 0 25px; margin: 0 0 10px 10px; border: dotted 1px #83c5ec; background-color:#f1f1f1;}
.textwrap ul.serviceslist a {color: #1982b9;}
.textwrap ul.serviceslist a:hover { color: #000000; }

.sitemap li { display: block; float: left; width: 250px;  }