@charset "utf-8";
/* CSS Document */
* {
padding:0;
margin:0;
}

body {
background:#fff url(../images/structure/bg.png) top center fixed repeat-x;
height:100%;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

#sb-wrapper {
width:821px;
margin:0 auto;
margin-top:20px;
}

ul li {
list-style:none;
}

ul.sb-ordinary-list li {
padding:2px;
}

h1,h2,h3,h4,h5,h6 {
color:#302f6c;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

a {
color:#FFFFFF;
text-decoration:none;
}
img {
border:0px;
}
/* --------------------------- Header --------------------*/
#sb-header {
height:100px;
}


#sb-logo {
float:left;
}


#sb-text-header {
float:right;
}

/* --------------------------- Header --------------------*/

/* ------------------------------Menu/Middle ----------------*/
#sb-main-navigation {
background-image:url(../images/structure/sb-navbar.png);
background-position:bottom;
background-repeat:no-repeat;
height:220px;
width:824px;
}

	/* ------------------ Menu -------------------------*/
	ul#sb-menu {
	float:left;
	margin-left:20px;
	margin-top:20px;
	}

	ul#sb-menu li {
	margin-top:1px;
	}

		ul#sb-menu li#sb-li-home {
		display:block;
		background-image:url(../images/structure/sb-home-n.png);
		width:182px;
		height:29px;
		}
			ul#sb-menu li#sb-li-home a {
			width:182px;
			height:29px;
			border: none;
			overflow: hidden;
			text-indent: -9999px;
			line-height: 0px;
			display: block;
			cursor:pointer;
			}
		
		
			ul#sb-menu li#sb-li-home:hover {
			background-image:url(../images/structure/sb-home-h.png);
			width:182px;
			height:29px;
			}
			
		ul#sb-menu li#sb-li-about {
		display:block;
		background-image:url(../images/structure/sb-about-n.png);
		width:182px;
		height:29px;
		}

			ul#sb-menu li#sb-li-about a {
			width:182px;
			height:29px;
			border: none;
			overflow: hidden;
			text-indent: -9999px;
			line-height: 0px;
			display: block;
			cursor:pointer;
			}

			ul#sb-menu li#sb-li-about:hover {
			background-image:url(../images/structure/sb-about-h.png);
			width:182px;
			height:29px;
			}





		ul#sb-menu li#sb-li-careers {
		display:block;
		background-image:url(../images/structure/sb-careers-n.png);
		width:182px;
		height:29px;	
		}
			
			ul#sb-menu li#sb-li-careers a {
			width:182px;
			height:29px;
			border: none;
			overflow: hidden;
			text-indent: -9999px;
			line-height: 0px;
			display: block;
			cursor:pointer;
			}
			
			ul#sb-menu li#sb-li-careers:hover {
			background-image:url(../images/structure/sb-careers-h.png);
			width:182px;
			height:29px;
			}

			
		ul#sb-menu li#sb-li-services {
		display:block;
		background-image:url(../images/structure/sb-services-n.png);
		width:182px;
		height:29px;
		}
			ul#sb-menu li#sb-li-services a {
			width:182px;
			height:29px;
			border: none;
			overflow: hidden;
			text-indent: -9999px;
			line-height: 0px;
			display: block;
			cursor:pointer;
			}

			ul#sb-menu li#sb-li-services:hover {
			background-image:url(../images/structure/sb-services-h.png);
			width:182px;
			height:29px;
			}


		ul#sb-menu li#sb-li-tech {
		display:block;
		background-image:url(../images/structure/sb-tech-n.png);
		width:182px;
		height:29px;
		}
			ul#sb-menu li#sb-li-tech a {
			width:182px;
			height:29px;
			border: none;
			overflow: hidden;
			text-indent: -9999px;
			line-height: 0px;
			display: block;
			cursor:pointer;
			}

			ul#sb-menu li#sb-li-tech:hover {
			background-image:url(../images/structure/sb-tech-h.png);
			width:182px;
			height:29px;
			}


		ul#sb-menu li#sb-li-clients {
		display:block;
		background-image:url(../images/structure/sb-clients-n.png);
		width:182px;
		height:29px;
		}
			ul#sb-menu li#sb-li-clients a {
			width:182px;
			height:29px;
			border: none;
			overflow: hidden;
			text-indent: -9999px;
			line-height: 0px;
			display: block;
			cursor:pointer;
			}

			ul#sb-menu li#sb-li-clients:hover {
			background-image:url(../images/structure/sb-clients-h.png);
			width:183px;
			height:29px;
			}

		ul#sb-menu li#sb-li-contact {
		display:block;
		background-image:url(../images/structure/sb-contact-n.png);
		width:182px;
		height:29px;
		}
			ul#sb-menu li#sb-li-contact a {
			width:182px;
			height:29px;
			border: none;
			overflow: hidden;
			text-indent: -9999px;
			line-height: 0px;
			display: block;
			cursor:pointer;
			}

			ul#sb-menu li#sb-li-contact:hover {
			background-image:url(../images/structure/sb-contact-h.png);
			width:182px;
			height:29px;
			}
			
			
			/* ---------------------- Active State ---------------------*/
							ul#sb-menu li.currenthome a{
							background-image:url(../images/structure/sb-home-h.png);
			width:182px;
			height:29px;
	
							}
							
							ul#sb-menu li.currentabout a{
							background-image:url(../images/structure/sb-about-h.png);
			width:182px;
			height:29px;
							}

							ul#sb-menu li.currentcareers a{
							background-image:url(../images/structure/sb-careers-h.png);
			width:182px;
			height:29px;
							}

							ul#sb-menu li.currentservices a{
							background-image:url(../images/structure/sb-services-h.png);
			width:182px;
			height:29px;
							}
	
							ul#sb-menu li.currenttesti a{
							background-image:url(../images/structure/sb-clients-h.png);
			width:182px;
			height:29px;
							}
	
							ul#sb-menu li.currentcontact a{
							background-image:url(../images/structure/sb-contact-h.png);
			width:182px;
			height:29px;
							}
							
							ul#sb-menu li.currenttechtips a{
							background-image:url(../images/structure/sb-tech-h.png);
			width:182px;
			height:29px;
							}

			/* ---------------------- Active State ---------------------*/
			
	/* ------------------ Menu -------------------------*/
	#sb-image-right {
	margin-right:2px;
	float:right;
	width:343px;
	height:209px;
	margin-bottom:10px;
	overflow:hidden;
	}
/* ------------------------------Menu/Middle ----------------*/

/* -------------------------------- Content --------------------*/
#sb-content-left {
margin-left:10px;
float:left;
/* width:460px; */
min-height:200px;
font-size:14px;
}


		/* ------------------------- content-right --------------*/
		#sb-content-right {
		font-size:14px;
		float:right;
		width:330px;
		min-height:200px;	

		}

		#sb-tech-wrapper {
		background-image:url(../images/structure/sb-tech-tips-bg.png);
		width:333px;
		height:173px;
		}
		
		#sb-avatar {
		background-image:url(../images/structure/sb-avatar.png);
		background-repeat:no-repeat;
		width:57px; 
		height:63px;
		margin-left:10px;
		padding-right:5px;
		margin-top:10px;
		float:left;
		}
		
		p#sb-more {
		background-image:url(../images/structure/sb-more-n.png);
		float:right;
		margin-right:10px;
		width:61px;
		height:23px;
		}	
		
			p#sb-more:hover {
				background-image:url(../images/structure/sb-more-h.png);
				width:61px;
				height:23px;
			}
			
			p#sb-more a {
			border: none;
			overflow: hidden;
			text-indent: -9999px;
			line-height: 0px;
			display: block;
			cursor:pointer;
				width:61px;
				height:23px;
			}			
			

		/* ------------------------- content-right --------------*/

		ul.list {
		margin-bottom:10px;
		}
		ul.list li {
		color:#000000 !important;
		font-size:12px;
		padding:2px;
		}
/* -------------------------------- Content --------------------*/


/* ---------------------------------- footer ------------------------*/
#sb-footer {
font-family:Arial, Helvetica, sans-serif;
background:url(../images/structure/sb-footer-bg.png) bottom center;
width:100%;
height:37px;
margin-top:20px;
}


ul#sb-footer-list {
float:left;
width:621px;
height:37px;
font-size:10px;
}

#sb-footer-content {
width:821px;
margin:0 auto;
}

ul#sb-footer-list li {
float:left;
padding-left:5px;
padding-top:5px;
}

ul#sb-footer-list li a:hover {
text-decoration:underline;
}

#sb-right {
color:#FFFFFF;
float:right;
font-size:10px;
padding-top:5px;
}




/* ---------------------------------- footer ------------------------*/

/* ------------------- Sitemap ----------------------*/
ul#sb-sitemap {
margin:10px;
}
ul#sb-sitemap li a {
color:#000000;
}

ul#sb-sitemap li a:hover {
text-decoration:underline;
}


/* -----------------------Sitemap ----------------------*/

/*------------------------ ClearFix ----------------*/
.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */
/*------------------------ ClearFix ----------------*/