@charset "utf-8";
/*------------------------------------------------------
CSS Author: Rhoda Ndirangu 
--------------------------------------------------------*/

/*RESET*/
*{margin:0;padding:0;}
img {border:0;}
ol,ul {list-style:none;}
:focus{outline:0;}
/*END RESET*/

body{ background-color:#043037; height:100%; font: normal 0.95em "ff-dagny-web-pro-1", "ff-dagny-web-pro-2", Arial, Helvetica, sans-serif;}
a{text-decoration:none;}
.pl_left{float:left;}
.pl_right{float:right;}
.clear { clear:both }

#container{ background: url(images/main_bg.gif) repeat-y; width:1019px; height:auto; margin:auto; overflow:hidden; clear:both;}
#middle_container, #middle_container_sec{ width:968px; height:375px; margin:0 0 0 29px; clear:both; }
#middle_container_sec{height:100%;}

#left_column, #left_column_sec{width:211px; height:375px; float:left; display:inline; margin:0 0 0 9px;}
#left_column_sec{height:auto;}
#right_column{ width:727px; float:right; height:380px; background: url(images/home_content_bg.gif) no-repeat bottom; color:#fffffa;}
#right_column_brand, #right_column_web, #right_column_consult { width:727px; float:right;  height:100%; background: url(images/brown_bott.jpg) no-repeat bottom; padding-bottom:21px; overflow:hidden;}
#right_column_web{background: url(images/blue_bott.jpg) no-repeat bottom; }
#right_column_consult{background: url(images/green_bott.jpg) no-repeat bottom; }
#brand_sec, #web_sec, #consulting_sec{padding:18px 10px 0 10px; width:707px; height:100%; background:#83684a url(images/brown_bg.gif); color:#fff; overflow:hidden;}
#web_sec{ background:#00a0bb url(images/blue_bg.gif); }
#consulting_sec{ background:#acca45 url(images/green_bg.gif); }
#brand_sec a, #web_sec a, #consulting_sec a{color:#FFFFFe;}
	
body#about_us #brand_sec p{margin:10px 20px 20px 20px;}

#port_nav{width:211px; height:auto; margin:60px 0 0 0; color:#856A4C;}
#port_nav li{ width:145px; height:30px; background: no-repeat left center; padding-left:74px; }
#port_nav li a{ font-size: 14px; color: #856a4c; text-decoration:none; line-height:19px; }
#port_nav li.brand_nav{ background-image: url(images/port_brand.png); }
#port_nav li.web_nav{ background-image: url(images/port_web.png); }
#port_nav li.consult_nav{ background-image: url(images/port_consult.png); }

.brand_turn, .web_turn, .consult_turn{width:172px; height:108px; padding:1px 1px 9px 37px; margin:0 0 7px 0; overflow:hidden;}
.brand_turn{ background: url(images/brand_turn.png);}
.web_turn{ background: url(images/web_turn.png);}
.consult_turn{ background:url(images/green_turn.png);}
body#portfolio .brand_turn, body#portfolio .web_turn, body#portfolio .consult_turn{padding-left:0px; width:209px;}
.slideshow { height: 108px; width: 172px;}
.slideshow a span {display: none;}
.slideshow a:hover span { display: block; position: absolute; top: 0px; left: 0px; width: 172px; height:45px; line-height:45px; margin:0 0 7px 0; z-index: 999; color: #FFFFFF; background-color:#83684a; text-align: center;  font-size:0.85em; font-weight: bold;}
li.web_turn .slideshow a:hover span{background-color:#00a0bb;}
li.consult_turn .slideshow a:hover span{background-color:#acca45}

h2, h5, h4{ font:bold 1.7em/41px "new-cicle-1", "new-cicle-2", Arial, Helvetica, sans-serif; color:#FFFFFF;}
h2 a, h5 a, h4 a{color:#FFFFFF;}
h5{ font-size:1.3em; float:left;}
h5.pl_right{margin-right:10px;}
h4{ text-align:center; line-height:108px; font-size:1.5em;}
body#portfolio h2{width:420px; float:left;}
body#about_us h2{margin-left:22px;}
.brand, .consult, .web{ background:#83684A url(images/brown_bg.gif);float: left; display:inline; height: 348px; width: 200px; padding:11px 10px 0 20px; margin-right:18px;}
.web{ background:#00a0bb url(images/blue_bg.gif) bottom;}
.consult{ background:#acca45 url(images/green_bg.gif) bottom; margin-right:0;}
.brand p, .consult p, .web p{margin:10px 10px 10px 0;}
.text_wrap{width:190px; margin:10px 0 10px 20px;}	
.text_wrap ul{margin: 0 0 0 10px;}
.text_wrap li{ list-style: url(images/bullet.gif); }


#top, #bottom{ background: url(images/top.png) no-repeat; height: 53px; width: 919px; margin:auto; padding:0 50px; color:#839395; text-transform:uppercase;}
#top a{ color:#839395; background: url(images/bullet_top.gif) no-repeat left center; padding:0 0 0 15px; text-decoration:none; font: 11px/53px "Century Gothic", Arial, Helvetica, sans-serif; } 
#bottom{font: 10px/17px "Century Gothic", Arial, Helvetica, sans-serif; text-align:center; padding:20px 10px;}
#bottom a{ color:#839395; text-decoration:none; }
#top a:hover, #bottom a:hover{text-decoration:underline;}
a.mmcw{float:left; display:inline;}
a.mmc{float:right; }

#bottom{background: url(images/bottom.png) no-repeat;}
#header, #footer {height: 200px; width: 947px; background:url(images/header_bg.png) no-repeat right center; margin:0 0 0 50px; }
#footer { clear: both; font-size:0.85em; line-height: 17px; color: #856a4c; text-align:left; position:relative; top:0}
#footer a{text-decoration:none; color:#856a4c;}
#footer a:hover{text-decoration:underline;}

#navigation { float:right; height: 113px; margin:44px 28px 0 0;}
#navigation li { float: left; height: 113px; display:inline;}
#navigation a { display: block; width: 116px; height: 113px; line-height: 113px; text-align: center; font-size:1.2em; text-decoration: none; text-transform: lowercase; color: #83684a; background: #f3efe4; font-weight: bold; }
#navigation a:hover { color: #FFFFFF; background-color: #01b6e8; text-decoration: none; }
.logo{margin:44px 0 0 26px; float:left; display:inline;}

#activate { border-bottom: 1px solid; height: 2.5em; line-height: 2.5em; position: absolute; top:0; width: 100%; background: #fffeb8; padding-left:30px; font-size: 0.8em; font-weight: bold; }
#activate p{ background: transparent url(images/activate.png) no-repeat 0 46%; margin: auto; display: inline; padding: 6px 0 6px 26px; text-align:center; }

a.quote{ width:183px; height:26px; float:left; display:block; text-indent:-99999px; background: url(images/request_quote.gif) no-repeat; color:#FFFFFF; margin:86px 0 0 26px; }
.support{ width:464px; height:100px; float:right; margin:55px 28px 0 0; font: 11px Arial, Helvetica, sans-serif;}
p.support_txt{margin:8px 0 0 0; text-align:right;}
img.mmc{float:left; margin:-8px 4px 0 0;}

#options {width:220px; text-align:right; float:right; margin:10px 0 30px 0; color:#fffffc; }
#options a { text-decoration:none; color:#fffffc; }
#options a:hover {color: #FFCC99;}

#acc { width:707px; list-style:none; color:#033; margin:0 auto 40px; clear:both;  height:100%; font-size: 0.9em; }
#acc h3{ width:707px; height:37px; font-weight:bold; cursor:pointer;  line-height: 37px;color: #FFFFFF;clear:both; background: url(images/blue_bg.png);}
div#right_column_brand #acc h3:hover{ background:url(images/h3_brand_hov.png) ;}
div#right_column_web #acc h3:hover {background:url(images/h3_web_hov.png) ;}
div#right_column_brand #acc h3, #nested h3{background:url(images/h3_brand.gif);}
div#right_column_web #acc h3, #nested h3{background:url(images/h3_web.gif);}
div#right_column_consult #acc h3, #nested h3{ background:url(images/h3_consult.gif); }
div#right_column_consult p{ line-height: 21px; margin:16px 16px 10px 16px;}
#acc .acc-section {overflow:hidden; }
#acc .acc-content { width:707px;}
.acc-content { background:#fffffe;}
#acc a{ color:#033; text-transform: uppercase; }
#acc img{border: 1px solid #dbd3bb; margin-right:15px;}
.no-nest{padding:15px 0px 15px 15px; overflow:hidden;}

input{background-color:#997b5a;}
blockquote.testimonial { padding-top: 4px; margin:0 0 0 8px; text-indent: 20px; background: url(images/quote_left.jpg) no-repeat left top;  }
blockquote.testimonial span { display: block; background: url(images/quote_right.jpg) no-repeat right bottom; margin:0 0 0 10px;} 
.emphasised_text{ font-weight:bold;}
a.web_link{ font-weight: bold; background: url(images/visit.gif) no-repeat right center; padding-right:44px;}
.consul_img{float:right; margin:0 0 0px 16px;}

#lbOverlay { position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; cursor: pointer; background: #000; }
#lbCenter, #lbBottomContainer { position: absolute; z-index: 9999; overflow: hidden; background: #f3efe4; border:none; margin-left:2px; }
.lbLoading { background:#f9f9f9 url(images/loading.gif) no-repeat center; }
#lbImage { position: absolute; left: 0; top: 0; border: 0; background: no-repeat; }
#lbPrevLink, #lbNextLink { display: block; position: absolute; top: 0; width: 50%; outline: none; }
#lbPrevLink {left: 0;}
#lbPrevLink:hover {background: transparent url(images/prevlabel.gif) no-repeat 0 15%;}
#lbNextLink {right: 0;}
#lbNextLink:hover {background: transparent url(images/nextlabel.gif) no-repeat 100% 15%;}
#lbBottom { color: #663300; text-align: left; border: 10px solid #f3efe4; border-top-style: none; font: 10px/1.4em "ff-dagny-web-pro-1","ff-dagny-web-pro-2", Arial, Geneva, Helvetica, sans-serif; padding-top:4px; }
#lbCloseLink { display: block; float: right; width: 79px; height: 35px; background: transparent url(images/closelabel.gif) no-repeat center; margin: 5px 0; outline: none; }
#lbCaption, #lbNumber {margin-right: 71px;}
#lbCaption {font-weight: bold; margin-top:10px; font-size:1.2em;}
input, textarea{background-color:#997b5a; border:2px solid #846746; color:#FFFFFF;}

.block { width:400px; margin:40px 0 0 100px; text-align:left; }
.element * { padding:5px; margin:2px; font-family:arial; font-size:12px; }
.element label { float:left; width:75px; font-weight:700; text-align:right;}
.element input.text { float:left; width:270px; padding-left:20px; }
.element .textarea { height:120px; width:270px; padding-left:20px; }
.element .hightlight { border:2px solid #fcf40e; background:#997b5a url(images/iconCaution.gif) no-repeat 2px;  }
.element #submit { float:right; margin:5px 10px 40px 0; background-color:#f3efe4; color:#83684A;font-weight:700; }
.loading { float:right; background:url(images/ajax-loader.gif) no-repeat 1px; height:28px; width:28px; display:none; }
.done { background:url(images/iconIdea.gif) no-repeat 2px; padding-left:20px; font-family:arial; font-size:12px; width:70%; margin:40px 0 40px -50px; display:none;}