/* Developed for Symmetric Media Ltd <symmetricmedia.net>, Nairobi, Kenya */
@charset "utf-8";
html, body {
	font-family: Verdana, Arial, sans-serif, helvetica, "Palatino Linotype";
	font-size:12px;
	color: #333333;
	line-height: 1.5;
	
}
#swrapper {
	width:800px;
	height:auto;
	margin-right:auto;
	margin-left:auto;
	background:#FFFFFF;
	margin-top:0px;
}
/*-----------add header-------------*/
#swrapper #header {
	width:100%;
	height:80px;
	border-top:#000000 thick solid;
}
#header #logo {
	float:left;
	width:50%;
	height:100%;
	background: url(../images/logo.jpg) 0% 100% no-repeat;
	text-indent:-9999px;
	cursor:pointer;
	position:static;
	
}
#header #contacts {
	float:right;
	width:50%;
	height:100%;
	background: url(../images/contacts.jpg) 90% 100% no-repeat;
	text-indent:-9999px;
	top:0%;
	left:0%
	position:absolute;
	
	
}
/*-----------end header-----------------------*/
#swrapper #navigation a{
	clear:both;
	height:47px;
	display:block;
	cursor:pointer;
}

#navigation #aboutus {
	float:left;
	height:47px;
	width:176px;
	text-indent:-9999px;
}
#navigation #whatwedo {
	float:left;
	height:47px;
	width:229px;
	text-indent:-9999px;
}

#navigation #ourwork {
	float:left;
	height:47px;
	width:199px;
	text-indent:-9999px;
}

#navigation #contactus {
	float:left;
	height:47px;
	width:183px;
	text-indent:-9999px;
} 

    

#navigation  a#about {background: url(../images/navigation/about.jpg) 0 -47px no-repeat;width:176px;}
#navigation  a#what {background: url(../images/navigation/what.jpg) 0 -47px no-repeat;width:229px;}
#navigation  a#our {background: url(../images/navigation/our.jpg) 0 -47px no-repeat;width:199px;}
#navigation  a#contact {background: url(../images/navigation/contact.jpg) 0 -47px no-repeat;width:183px;}

#navigation  a#about:hover,
#navigation  a#what:hover,
#navigation  a#our:hover,
#navigation  a#contact:hover, 

#current{
background-position: 0 0px;
}

#navigation a#aboutus #current {background: url(../images/navigation/about.jpg) 0 0 no-repeat;width:176px;}
/*end navigation*/

/*start body*/
#swrapper #body {
	clear:both;
	height:300px;
	width:100%;
	padding-top:10px;
	
	
	
}

#swrapper #body #maincontent {
 	float:left;
	width:65%;
	height:308px;
	
}

#swrapper #body #sidebar {
	float:left;
	width:32%;
	height:308px;
	border-left:thin solid #666666;
	padding:5px;
	
}


#swrapper #body #maincontent #maincontenttop {
	width:100%;
	background: url(../images/develop.jpg) 0 0 no-repeat;
	height:60px;
	border-bottom:#666666 thin solid;
	text-indent:-9999px;
	
}
#swrapper #body #maincontent #maincontentbottom {
	width:100%;
	height:248px;
	
	
}
#swrapper #body #maincontent #maincontentbottom #content {
	padding:5px;

}



#swrapper #tools {
	clear:both;
	width:100%;
	height:50px;
	border-top:thin solid #666666;
	border-bottom:#FF6100 solid thick;
	text-align:center;
	vertical-align:baseline;
}

#swrapper #footer {
	clear:both;
	width:100%;
	height:50px;
	
	vertical-align:sub;

}



.sectionalseparator {
	clear:both;
	width:100%;
	height:8px;
}
#body a {
	text-decoration:none;
	color:#0000CC;	
}
#body a:hover {
	text-decoration:none;
	color:#FF0000;
}
#body a:visited {
	color:#FF9900;
}
ul {
 	font-size:11px;
	line-height:11px;
	text-indent:1px;
	padding:14px;
	list-style-image: url(../images/bullet.jpg);
	list-style-type: disc;
}
form {
margin-top: 2px;

}
.microinput {
font-family:Verdana, Arial, Helvetica, sans-serif;
}
.microinput input {
width:150px;
height:13px;
font-size:11px;
margin-bottom: 1px;
border: #FF6100 solid thin;
}
.microinput textarea {
width:150px;
height:120px;
font-size:11px;
border: #FF6100 solid thin;

}
br{
clear: left;
}
label{
float: left;
width: 80px;
font-weight: bold;
}
.microinput .button {
width:150px;
background:#7FA82D;
color:#FFFFFF;
border:0px;
text-align:center;
height:auto;
margin-top: 2px;
}

/*start accord*/
.Accordion {
	border-left: dotted 1px #FF6100;
	border-right: dotted 1px #FF6100;
	border-bottom: dotted 1px #FF6100;
	overflow: hidden;
}
.AccordionPanel {
	margin: 0px;
	padding: 0px;
}
.AccordionPanelTab {
	background-color: #7FA82D;
	border-top: solid 1px #7FA82D;
	border-bottom: dotted 1px #FF6100;
	margin: 0px;
	padding: 2px;
	cursor: pointer;
	-moz-user-select: none;
	-khtml-user-select: none;
	text-align:center;
	color:#FFFFFF;
	font-weight:bold;
}
.AccordionPanelContent {
	overflow: auto;
	margin: 0px;
	padding: 0px;
	height: 240px;
	
}
.AccordionPanelOpen .AccordionPanelTab {
	background-color: #7FA82D;
}
.AccordionPanelTabHover {
	color: #FFFFFF;
}
.AccordionPanelOpen .AccordionPanelTabHover {
	color: #FFFFFF;
}

.AccordionFocused .AccordionPanelTab {
	background-color: #7FA82D;
}
.AccordionFocused .AccordionPanelOpen .AccordionPanelTab {
	background-color: #7FA82D;
}

/*end accord*/

/*start portfolio*/

#simplegallery1{ 
position: relative; /*keep this intact*/
visibility: hidden; /*keep this intact*/
border: 6px solid #7FA82D;
}

#simplegallery1 .gallerydesctext{
text-align: left;
padding: 2px 5px;
}

/*end portfolio*/

/*miscellaneous*/
.smalltext {
	font-size:9px;
}