@charset "utf-8";

/* reset */
:link,:visited { text-decoration:none }
ul,ol { list-style:none }
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input{ margin:0; padding:0; }
a img,:link img,:visited img { border:none }
address { font-style:normal }

/* reset font sizes */
html { font-size: 100%; background: #002ba9 url(../headerimages/html-bg.png) repeat-x 0 0;} 
body {font-size:62.5%;background: transparent url(../headerimages/body-bottom.png) repeat-x 0 100%;} 
html>body {font-size:10px} 

#move {position:absolute; top:-117px; left:300px;}

#container { font-size: 1.0em; font-family:Calibri,'Segoe UI', Arial,Verdana,Helvetica,sans-serif;}
#container h1 {font-size: 2.4em; font-style:italic; margin-bottom:10px; letter-spacing:-1px;}
#container h2 {font-size:32px; font-style:italic; margin-bottom:10px;}
#container h3 {font-size:21px;}
#container h4 {font-size:1.5em;}
#container h5, h6, p, li, blockquote, form, input, select, option, th, td, li li, li p, td p, blockquote p, dt, dt p, dd, dd p {font-size:1.0em; line-height:1.5;}
#container a {color:#b0ff0a;}
#container a:hover {text-decoration: underline;color:#8fd400;}

/* layout */
#header {width:1000px; margin:0 auto;height:200px; position:relative;background: transparent url(../headerimages/header-bg3.jpg) no-repeat 0 0;}

/* logo */
#logo {position:absolute; top:40px; left:20px; z-index:1000;}
#logo, #logo span {height:97px; width:306px; color: #000;}
h1#logo a, h1#logo a:hover{color: #000;font-size:0; cursor: pointer;}
#logo span {background: transparent url(../headerimages/azapi-logo.png) no-repeat 0 0;}

/* nav */
#nav {position:absolute; top:70px; right:50px;}
#nav li {float:left; display:inline; width:100px; text-align:center; margin-left:10px;}
#nav li a {display:block; height:45px; line-height:40px; font-size:20px;font-weight:700; color:#fff;font-style:italic; text-decoration:none!important;}
#nav li#nav_li_0 {width:136px; background: transparent url(../headerimages/nav-bg.png) no-repeat 0 0;}
#nav li#nav_li_1 {width:106px; background: transparent url(../headerimages/nav-bg.png) no-repeat -150px 0;}
#nav li#nav_li_2 {width:150px; background: transparent url(../headerimages/nav-bg.png) no-repeat -271px 0;}
#nav li#nav_li_3, #nav li#nav_li_4, #nav li#nav_li_5, #nav li#nav_li_6 {display:none;}
#nav li a:hover {color:#fff;}
#nav li#nav_li_0.selected a, #nav li#nav_li_0 a:hover {width:136px; background: transparent url(../headerimages/nav-bg.png) no-repeat 0 -45px;}
#nav li#nav_li_1.selected a, #nav li#nav_li_1 a:hover {width:106px; background: transparent url(../headerimages/nav-bg.png) no-repeat -150px -45px;}
#nav li#nav_li_2 a, #nav li#nav_li_2.selected a, #nav li#nav_li_2 a:hover {width:150px; background: transparent url(../headerimages/nav-bg.png) no-repeat -271px -45px;}


/* breadcrums */
#breadcrums {margin:0 0 20px 0;}
#breadcrums li{display:inline; font-size:1.2em;margin-right:5px;}
#breadcrums li a {margin-right:5px;}

#topAd {position:absolute; top:200px; left:70px; width:350px; color:#fff;}

/* content */
#content {min-height:150px;width:960px; margin:0 auto; padding:20px 20px 10px 20px; margin-bottom:10px; color:#fff; background: #002ca9 url(../headerimages/content-bg3.jpg) no-repeat 0 0; }

#content form {margin-bottom:30px;}
#content form label{font-size:1.3em; color:#888;}
#content form input[type=text]{margin-bottom:5px;background: transparent url(../headerimages/input.png) no-repeat 0 0;width:240px; border:0; height:20px; padding:5px 0 5px 5px;}
#content form input[type=submit]{ font-family:Arial, Helvetica, sans-serif;font-size:16px; font-weight:700;font-style:italic; border:0; color:#fff;background: transparent url(../headerimages/rfp-button.png) no-repeat 0 0;width:165px; height:40px;margin-top:10px; cursor: pointer;}
#content form input[type=submit]:hover{ background: transparent url(../headerimages/rfp-button.png) no-repeat 0 -42px;}
#content form p {position:relative; margin-bottom:1em;}
#content form p label.error{position:absolute; top:50px; left:0;}

#content form .captcha {position:relative;}
#content form .captcha img {position:absolute; top:25px; left:0;height:30px;}
#content form .captcha #captcha {position:absolute; top:25px; left:100px;width:30px!important;}

#maincontent {float:left; display:inline; width:620px; padding:0 20px 0 0; border-right:1px dotted #036;}
#maincontent p, #maincontent li, #maincontent blockquote, #maincontent td, #maincontent th, #maincontent form {font-size:1.4em;}
#maincontent p p, #maincontent li p,#maincontent li li, #maincontent td p, #maincontent th p, #maincontent form p,#maincontent p label{font-size:1.0em;}
#maincontent p, #maincontent ul, #maincontent blockquote, #maincontent ol, #maincontent table, #maincontent form {margin-bottom:2em;}
#maincontent h1 {font-size:3.5em;margin-bottom:0.85em;}
#maincontent h2 {font-size:33px;margin-bottom:0.85em;}
#maincontent strong {background:#000; color:#fff; padding:1px 3px;}
#maincontent h1 img {margin-right:10px;}
#maincontent h2 img {margin-right:10px;}
#maincontent ul {list-style:disc;}
#maincontent ol {list-style:disc;}
#maincontent li {margin-left:2.5em;}

#maincontent table {background: transparent url(../headerimages/col-bg2.png) repeat-x scroll 0 0; padding:10px;border-collapse:collapse; border-width:0; empty-cells:show; }
#maincontent table th {padding:5px;}
#maincontent table td {padding:6px 12px; text-align:left; vertical-align:top;border-bottom:1px dotted #fff;}


.cms-detailpage #maincontent ul, .cms-detailpage #maincontent ol {list-style:none;}
.cms-detailpage #maincontent li {margin-left:0;}


/* Block C */
#maincontent .blockC {margin-bottom:30px;}
#maincontent .blockC .section {position:relative;float:left; display: inline; width:257px;margin-bottom:30px; padding:20px 20px 0 20px; background: transparent url(../headerimages/col-bg2.png) repeat-x scroll 0 80%;}
#maincontent .blockC .even {float:right;}
#maincontent .blockC .section img {position:absolute; top:20px; left:10px;}
#maincontent .blockC .section h2, #maincontent .blockC .section p {margin-left:90px;}
#maincontent .blockC .section h2 { font-size: 2.1em; }

.work-recent ul {overflow:auto;}
.work-recent ul li, .work-recent ul li.odd {float:left; display: inline; width:300px;text-align:center; background: transparent url(../headerimages/col-bg2.png) no-repeat 0 20%; padding:10px 0; margin-bottom:30px; height:210px; margin-left:0!important;}
.work-recent ul li.even {float:right;}
.work-recent ul li h3, .work-recent ul li h3 a {font-size:18px!important; color:#888!important; font-weight:300; text-decoration:none!important;}

.work-recent ul li img, .work-recent ul li .noImageSummary {border-right:2px solid #000;border-bottom:2px solid #000; padding:8px; background:#fff; width:265px; height:165px;}
.work-recent ul li .noImageSummary {margin: 0 auto; display:block;}
.work-recent ul li a{filter:alpha(opacity=100); opacity:1.0;}
.work-recent ul li a:hover {filter:alpha(opacity=60); opacity:0.6;}

.subcat13 .work-recent ul li{ width:45%;background:none; text-align:left; background: transparent url(../headerimages/extra-details-bullet.png) no-repeat 0 50%; margin:0 0 10px 0!important; padding:0 0 0 25px!important; height:auto;}
.subcat13 .work-recent ul li h3, .subcat13 .work-recent ul li h3 a {font-size:14px!important; color:#8fd400!important;  text-decoration:underline;font-weight:300; margin:0;}
.subcat13 .work-recent ul li h3 a:hover {text-decoration:none!important;}
.subcat13 .work-recent ul li img, .subcat13 .work-recent ul li .noImageSummary{display:none;}

ul.catalog {overflow:auto;height:1%; border-top:1px dotted #039; border-bottom:1px dotted #039; padding:20px;}
ul.catalog li {float:left; display:inline; width:45%;padding-left:25px; background: transparent url(../headerimages/extra-details-bullet.png) no-repeat 0 50%; margin-left:0!important;}

.catalogNextPrev {text-align:center;}
.catalogNextPrev a {padding:5px; margin:0 2px;}
.catalogNextPrev span.selected {padding:5px 8px; border:1px solid #039; margin:0 2px;}

fieldset {border:0; padding:0 20px; margin:0;}
fieldset.left { float:left; display:inline; width:260px; xoverflow:auto;}
fieldset.right {float:right;display:inline; width:260px; xoverflow:auto;}
fieldset h4 {border-bottom:2px solid #fff; margin-bottom:10px;}

#bt1, #bt2, #bt3{ font-size:16px; font-weight:700;font-style:italic; border:0; color:#fff!important;background: transparent url(../headerimages/rfp-button.png) no-repeat 0 0;width:165px; height:40px; line-height:40px; display:inline; text-align:center; text-decoration:none!important; float:right;}

#back1, #back2, #back3{ font-size:1.2em; font-weight:700;font-style:italic; width:80px; height:40px; line-height:40px; display:inline; text-align:left; text-decoration:none!important; float:left;}

#step1, #step2, #step3, #step4 {padding:0 0 30px 0; height:1%; }

.error {font-weight:700; color:red!important;}

/* Our Work - Gallery */
.cms-detailpage #content {background: #002ca9 url(../headerimages/detail-content-bg3.jpg) repeat-y 0 0;}
.cms-detailpage #maincontent {border:0;}
.cms-detailpage #maincontent li {padding-left:30px; background: transparent url(../headerimages/check-bg.png) no-repeat 0 50%;}

.cms-detailpage #gallery {position:relative;}
.cms-detailpage #bigImage { position: relative; height: 375px; width: 600px; }
.cms-detailpage #bigImage img { position: absolute; left: 0; top: 0;border-right:2px solid #000;border-bottom:2px solid #000; padding:8px; background:#fff;cursor: pointer; }

.cms-detailpage #thumbImage { position:absolute; top:-25px; right:-5px; height:10px;}
.cms-detailpage #thumbImage li {padding:0!important; background:none!important; float:left; display:inline; width:15px;margin-right:5px!important;}
.cms-detailpage #thumbImage li img{ width:10px!important; height:10px!important; border:1px solid #fff;opacity:0.6;filter:alpha(opacity=60); }
.cms-detailpage #thumbImage li a {opacity:0.6;filter:alpha(opacity=60); }
.cms-detailpage #thumbImage li a:hover img, .cms-detailpage #thumbImage li a.activeSlide img {opacity:1;filter:alpha(opacity=100); }

.cms-detailpage #gallery {height:410px; margin-bottom:30px;}
.cms-detailpage .desc { float:left; display:inline; width:45%;}
.cms-detailpage .tech{ float:right; display:inline; width:45%;}

.cms-detailpage #sidecontent {margin-top:-35px;}

/* side */
#sidecontent {float:right; display:inline; width:257px; padding:20px; background: transparent url(../headerimages/col-bg2.png) no-repeat 0 0; margin-top:0; position:relative; min-height:300px;}
#sidecontent p, #sidecontent li, #sidecontent blockquote, #sidecontent td, #sidecontent th, #sidecontent form {font-size:1.4em;}
#sidecontent p, #sidecontent ul, #sidecontent blockquote, #sidecontent ol, #sidecontent table, #sidecontent form {margin-bottom:2em;}
#page230 #sidecontent {display:none;}

#sidebar .sb_section {margin-bottom:2.5em;}
#sidebar .sb_section ul {list-style:disc;}
#sidebar .sb_section ol {list-style:disc;}
#sidebar .sb_section li {margin-left:2.5em;}

#nav-sub {margin-bottom:30px;}
#nav-sub li {padding:8px 0; background: transparent url(../headerimages/check-bg.png) no-repeat scroll 0 50%; padding-left:30px; border-bottom:1px dotted #039;}
#nav-sub li a {display:block;}
#nav-sub li.selected {background:none;}
#nav-sub li.selected a {color: red!important; text-decoration:none; cursor:default; font-weight:700;}

#content form#ccForm {}
#content form#ccForm p{clear:both;}
#content form#ccForm p label{float:left; display:inline; width:150px; text-align:right; margin-right:10px;}
#content form#ccForm p label.error {float:none; display:inline; width:10px; text-align:left; left:0;position:relative;top:0;}
#content form#ccForm p input{float:left; display:inline; width:240px; text-align:left; margin-right:10px;}
#content form#ccForm p.submit {margin-left:160px;}
#content form#ccForm p.submit input{width:170px;text-align:center;}
#content form#ccForm p.msg{margin-left:160px;}


/* footer */
#extra-details {width:980px; height:200px; margin:0 auto; color:#fff;font-size:1.4em;}
#extra-details .section {float:left; display:inline; width:220px; margin-bottom:0;margin-right:20px;}
#extra-details .section ul {margin-left:12px;}
#extra-details .section li{padding-left:15px; background: transparent url(../headerimages/extra-details-bullet.png) no-repeat 0 50%;}
#extra-details p, #extra-details li {font-size:1.0em;}
#extra-details .aboutus {margin-right:20px;}
#extra-details .webservices{}
#extra-details .contact{margin-right:0;}
#extra-details .contact-skype{padding-right:25px; background: transparent url(../headerimages/skype.png) no-repeat 100% 50%;}
#extra-details .contact-uk{padding-right:25px; background: transparent url(../headerimages/gb.png) no-repeat 100% 50%;}
#extra-details .contact-za{padding-right:25px; background: transparent url(../headerimages/za.png) no-repeat 100% 50%;}

#footer {clear:both;width:980px;height:40px; line-height:40px; margin:0 auto; color:#515050; font-size:1.2em; background: transparent url(../headerimages/azapi-footer-logo.png) no-repeat 100% 50%;}
#footer p {height:40px; line-height:40px; margin:0!important; padding:0!important; }
#footer a { color:#515050;}
#footer .top {padding-left:15px; background: transparent url(../headerimages/arrow_up.gif) no-repeat 0 50%;}

/* helping styles */
.spacer {	clear:both;	font-size:0;}
/*.hide, hr, span#pageTitle {	display:none;	height: 0;	width: 0;	overflow: hidden;	position: absolute;}*/
.hide, hr {position:absolute; top:-1000px!important; left:-1000px!important; visibility:hidden;height: 0;width: 0;overflow: hidden;}

/* Global clear float fix */
.clearfix:after {	visibility: hidden;	display: block;	font-size: 0;	content: ".";	clear: both;	height: 0;	}
.clearfix { display: inline-block; }

/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* stop commented backslash hack */

/* Global IR code IR (Image Replacement )*/
.replace{      position:relative;      margin:0; padding:0;      /* \*/      overflow: hidden;      /* */}
.replace span{      display:block !important;      position:absolute !important;     top:0;      left:0;      z-index:1;}
*>html .clearfix {height: auto;}

/* Hides from IE-mac \*/
* html #container, * html .clearfix {height: 1%;} 
/* End hide from IE5/mac */

.evalcontentMsg { position: absolute; xwidth: 200px; xheight: 200px; background: #fff; opacity: 0.75; padding: 10px; color: #000; font-size: 1.2em; border: 1px solid red; }