/*
Version:        1.0
Client:         Ugwa Consulting Services
Release DAte:   27 May 2010
Created by:     Warren Le Roux
Email:          support@busstech.com
Company:        Busstech
Company URL:    http://www.busstech.com
Copyright:      This design has been developed EXCLUSIVELY for Ugwa Consulting Services. No Images, text or details on this site are to be used without the exclusive authorisation for Busstech. All rights reserved.
*/

/*** GLOBAL  ***/
html,body{height:100%;}
body {
	font-family:Tahoma, Arial, Verdana;
	font-size:11px;
	margin:0 auto;
	padding:0;
	color:#333;
	height:100%;
	line-height:23px;
	background-color:#ececec;
}
* {
	margin:0;
	padding:0;
}
*:focus {
	outline:none; /* removes ugly dotted border but may make template more unsuable, up to you
					 if you want to keep it! */
}
.clr{clear:both}
form{margin:0; padding:0;}
hr {
	border: 0;
	color: #e0e0e0;
	background-color: #e0e0e0;
	height: 1px;
	margin:0px 0px 10px 0px;
	padding:0px;
}
*+html hr{margin:0px 0px 5px 0px;}

/*** END OF GLOBAL  ***/

/*** DEFAULT ELEMENT STYLES ***/
/* heading */
h1, h2{margin-bottom:15px;	font-family:tahoma, Arial;	font-weight:normal; color:#6d6d6d}
h3, h4, h5, h6{margin-bottom:8px;	font-family:Arial, Verdana, Tahoma;	font-weight:normal; color:#6d6d6d}
h1 {font-size:24px; line-height:26px;}
h2 {font-size:18px; line-height:20px;text-transform:uppercase;}
h3 {font-size:16px; line-height:18px;}
h4 {font-size:14px; line-height:15px;}
h5, h6 {font-size:13px; line-height:15px;}

/* links */
a {color:#ff9900; text-decoration:none;}
a:hover{color:#fa9b0e; text-decoration:underline;}
a img{border:none}
.imgleft{float:left; margin-right:15px;}
.imgleftborder{float:left; border:1px solid #c5c5c5; padding:3px;}
.imgright{float:right; margin-left:15px;}
.imgcenter{ margin:5px auto 10px auto; display:block; text-align:center}

.imgright{float:right; margin-right:15px;}

/* lists, blockquotes and paragraphs */
p, ul, ol, blockquote {
	font-size:11px;
	margin-bottom:15px;
}
ul, ol {
	margin:10px 0 35px 30px;
}
li ol,
li ul
{
	list-style:square;
	margin-bottom:0;
	margin-top:0;
}
li ol {list-style:decimal;}
blockquote {
	font-style:italic;
	margin:25px 0 25px 0px;
	color:#6b6b6b;
	padding:0px 20px 10px 35px;
	background-image:url(../images/sitewide/quote.gif);
	background-repeat:no-repeat;
	}
	
blockquote.quotebold{font-size:14px; font-style:normal; margin:0px 0px 0px 80px; padding:0px 20px 10px 35px; color:#b3b3b3}
blockquote.quotebold p{font-size:14px;}

/* code */
code {
	font-family:Verdana, Arial;
	letter-spacing:1px;
	margin:25px 0 25px 0px;
	display:block;
	font-size:0.9em;
	border-left:4px solid #e0e0e0;
	padding:15px 10px;
}


/*** END OF DEFAULT ELEMENT STYLES ***/


/*** CONTAINER ***/
#container{background-image:url(../images/sitewide/bg_container.gif); background-repeat:repeat-y; width:968px; margin:0 auto}
#centercolumn{width:940px; margin:0 auto;}
/*** END OF CONTAINER ***/

/*** HEADER ***/
#header{}
#top{background-image:url(../images/sitewide/bg_top.gif); background-repeat:repeat-x; height:88px; padding:10px 0px 0px 0px}
#logo{float:left; width:470px; height:88px;}
#topcontact{float:left; width:470px; text-align:right;  height:88px;}
#topnavigation{background-image:url(../images/nav/bg_navigation.gif); background-repeat:no-repeat; height:60px; z-index:9; position:relative}
#navigation{float:left; width:900px;}
#nav{margin:0px; padding:0px; list-style-type:none;  z-index:9; position:relative; }
#nav ul{margin:0px; padding:0px; list-style-type:none; z-index:10; position:relative}
#nav li{list-style-type:none; padding:0px; margin:0px; float:left; background-image:url(../images/nav/menu_separator.gif); background-repeat:no-repeat;position:relative; background-position:right}
#nav li a{color:#000000; text-transform:uppercase; font-weight: 600; font-size:12px; height:52px; display:block; float:left; padding:8px 30px 0px 30px; margin-right:2px; position:static; z-index:1}
* html #nav li a{margin-right:1px;} /* ie6 only */
#nav li a:hover{color:#fff; text-decoration:none; background-image:url(../images/nav/hover_menu.gif); background-repeat:repeat-x; z-index:1}
#nav li a.active{color: #fff; background-image:url(../images/nav/active_menu.gif); background-repeat:repeat-x; z-index:1}
#nav li li{
margin-top:0;
background-image:none;
padding:0px;
border-bottom:solid 1px #fff;
background-color:#ffbd60;
background-image:none;
position:relative;
z-index:10
}
#nav ul {
display:none;
left:-1px;
position:absolute;
top:41px;
width:172px;
z-index:10
}
#nav li ul a{
width:128px;
height:auto;
float:left;
text-align:left;
padding:0 21px;
text-transform:capitalize;
font-size:11px;
font-weight:normal;
line-height:33px;
z-index:10
}
#nav ul ul{top:auto;border-top:none;}	
#nav li ul ul {left:153px; top:0px;}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{display:none;}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{display:block;}
#nav li ul a{border-top:none;}
#topsearch{float:left; width:245px; padding-left:20px}
#topsearch p{margin:0px;}
.bg_input{background-image:url(../images/nav/bg_search.gif); background-repeat:no-repeat; width:200px; height:24px; display:block; margin:8px 0px 0px 0px}
.inputbox{background:transparent; border:0px; width:156px; padding:4px 0px 5px 0px; margin-left:28px; color:#857f7f; text-align:left; overflow:hidden  }
/*** END HEADER ***/


/*** CONTENT ***/
#content, #content_inner{padding:0px 0px 30px 0px}
/* contentleft */
#contentleft{width:630px; float:left; padding-right:30px}
* html #contentleft{float:left; padding-right:28px} /* ie6 only */
#maintext{padding:0px 10px 0px 10px;}
h1.italictext{font-style:italic !important;}
h1.pagetitle{font-size:18px; text-transform:uppercase}
.boldtext{font-size:13px; color:#6d6d6d; line-height:24px;}
ul.list_colleft{list-style-type:none; padding:10px 0px 0px 0px; margin:0px; width:270px; float:left}
ul.list_colleft li{list-style-type:none; padding:0px; margin:0px; clear:left}
ul.list_colright{list-style-type:none; padding:10px 0px 0px 50px; margin:0px; width:270px; float:left}
ul.list_colright li{list-style-type:none; padding:0px; margin:0px; clear:left}
/* contentright */
#contentright{width:280px; float:left;}
#sideright{padding:0px 10px 0px 0px;}
/* newsbox */
.latestnews{margin-bottom:10px;}
ul.news{ list-style-type:none; margin:0px; padding:0px 0px 0px 0px;}
ul.news li{border-bottom:solid 1px #f0f0f0; clear:left; padding:0px 0px 10px 0px; margin-bottom:10px; min-height:70px}
* html ul.news li{height:70px;} /* ie6 only */
.imgborder{border:solid 1px #f0f0f0; padding:3px;}
.date{color:#999999;}
.navscroll{clear:left; background-image:url(../images/nav/bg_navscroll.gif); background-repeat:no-repeat;; height:40px; position:relative;}
a.next, a.prev{width:7px; text-indent:-9999px; position:absolute;}
a.next{background-image:url(../images/icons/icon_next.gif); background-repeat:no-repeat; right:50px}
a.prev{background-image:url(../images/icons/icon_prev.gif); background-repeat:no-repeat; right:85px}
/* brochurebox */
.brochurebox{background-image:url(../images/sitewide/bg_brochure.jpg); background-repeat:no-repeat; background-position:center; height:154px; margin-bottom:40px}
.brochurebox h2{font-family:Arial; font-size:20px; font-weight:bold; text-transform:uppercase; margin:0px 0px 15px 0px; text-align:right; padding:20px 30px 0px 0px}
.brochurebox img{text-align:center; margin:0 auto; display:block}
/* standart box */
.box{background-image:url(../images/sitewide/bg_box.gif); background-repeat:repeat-x; border:solid 1px #eeeded; padding:20px; margin-bottom:30px}
#boxslideshow{margin:0px; position:relative;}
#boxslideshow .cycle{ background-color:#FFFFFF;width:230px}
/*** END CONTENT ***/

/*** START GOOGLE MAPS ***/
#map {
	width: 220px;
	height: 220px;
}
/*** END GOOGLE MAPS ***/



/*** FOOTER ***/
#footer{height:60px; background-color:#f2f2f2; color:#454545;}
#footer a, #footer a:visited{color:#454545;}
#footer a:hover{color:#454545; text-decoration:underline}
#footleft{width:570px; padding:0px 0px 0px 30px; float:left;}
#footertext{padding:20px 0px 0px 0px;}
#footright{width:310px; padding:20px 30px 0px 0px; float:left;}
#footer ul{list-style-type:none; margin:0px; padding:0px; float:right}
#footer ul li{list-style-type:none; margin:0px; padding:0px; float:left;}
#footer li a {
	border: none;
	background: url(../images/social.gif);
	background-repeat:no-repeat !important;
	width:26px;
	display:block;
	height:25px;
	margin-right:6px;
	text-indent: -9999px;
}

#footer li a:hover {border: none;}

#footer-linkedin a {background-position: 0px 0px;}
#footer-linkedin a:hover {background-position: 0px -25px;}

#footer-facebook a {background-position: -32px 0px !important;}
#footer-facebook a:hover {background-position: -32px -25px !important;}

#footer-twitter a {	background-position: -64px 0px !important;}
#footer-twitter a:hover {background-position: -64px -25px !important;}

#footer-flickr a {background-position: -96px 0px !important;}
#footer-flickr a:hover {background-position: -96px -25px !important;}

#footer-rss a {background-position: -128px 0px !important;}
#footer-rss a:hover {background-position: -128px -25px !important;}
/*** END OF FOOTER ***/