* {

	margin: 0;

	padding: 0;

}



body {

	background: #313539 url(../images/sp_bg.gif) repeat-x;

	font-family:  Helvetica, Arial, sans-serif;

	font-size: 11px;

	color: #fff;

}



.home {

	background-image: url(../images/bg.gif);

}



a {

	text-decoration: none;

	cursor: pointer;

	color: #fff;

}



a:hover {

	text-decoration: underline;

}



a img {

	border: none;

}



.cover {

	z-index: 1;

	display: block;

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

}



.container {

	width: 1000px;

	margin: 0 auto;

}



.pagetitle {

	padding: 4px 0 0 25px;

	text-transform: uppercase;

	letter-spacing: -2px;

	font-weight: bold;

	font-size: 24px;

	color: #5d696e;

}

	



.three-cols {

	background: #fff url(../images/3cols_bg.jpg) repeat-y;

	color: #41464b;

}



.three-cols .bgtop {

	background: url(../images/3cols_bgtop.jpg) no-repeat;

}



.three-cols .bgbtm {

	background: url(../images/3cols_bgbtm.jpg) no-repeat 0 100%;

}



.three-cols .col1, .three-cols .col2, .three-cols .col3 {

	float: left;

	width: 272px;

	padding: 18px 0 0 0;

}



.three-cols .col1 {

	padding-left: 50px;

}



.three-cols .col2 {

	padding-left: 44px;

}



.three-cols .col3 {

	padding-left: 44px;

}



.style1 {

	float: left;

	padding: 0 40px 15px 0;

	color: #8e979f;

}



.style1 h2 {

	font-size: 11px;

	color: #fff;

}



/* HEADER - holds the logo, main menu and login form */



#header {

	height: 86px;

	background: url(../images/sp_header_bg.jpg) no-repeat 100% 100%;

}



.home #header {

	background: none;

}



/* LOGO */



#logo {

	float: left;

	width: 551px;

	height: 86px;

	color: #fff;

}



#logo h1 {

	float: left;

	width: 210px;

	height: 86px;

	position: relative;

}



#logo p {

	float: left;

	width: 141px;

	height: 66px;

	padding: 20px 190px 0 10px;

	font-family: "Arial Narrow", Arial, Helvetica, sans-serif;

}



#logo a {

	overflow: hidden;

	color: #fff;

}



#logo, #logo h1 .cover {

	background: url(/images/sp_logo.jpg) no-repeat;

}



.home #logo, .home #logo h1 .cover {

	background-image: url(/images/logo.jpg);

}



/* MENU */



#menu {

	float: left;

	width: 428px;

	height: 50px;

	background: url(/images/menu_bg.gif) repeat-x;

}



#menu ul {

	list-style: none;

}



#menu li {

	float: left;

}



#menu a {

	float: left;

	height: 34px;

	padding: 16px 0 0 0;

	text-align: center;

	background: url(/images/menu_div.gif) no-repeat;

	text-transform: uppercase;

	font: bold 11px "Arial Narrow", Arial, Helvetica, sans-serif;

	color: #fc0;

}



#menu .first a {

	background: none;

}



#menu1 {

	width: 67px;

}



#menu2 {

	width: 86px;

}



#menu3 {

	width: 80px;

}



#menu4 {

	width: 91px;

}



#menu5 {

	width: 103px;

}



/* LOGIN */



#login {

	float: left;

	width: 428px;

	height: 36px;

	background: url(/images/login_bg.jpg) no-repeat 100% 0;

}



#login h2 {

	float: left;

	position: relative;

	width: 160px;

	height: 36px;

}



#login .cover {

	background: url(/images/login_bg.jpg) no-repeat;

}



#login form {

}



#login fieldset {

	border: none;

}



#login ol {

	list-style: none;

}



#login li {

	float: left;

	padding: 6px 0 0 10px;

}



#login label {

	display: none;

}



#login input {

	float: left;

}



#login input.text {

	width: 88px;

	height: 16px;

	padding: 2px 5px;

	background: #000;

	border: 1px solid #666;

	font: 11px Arial, Helvetica, sans-serif;

	color: #fff;

}



#login-submit {

	margin: 3px 0 0 0;

}



/* MISSION & SERVICES BOX */



#mission-services {

	height: 240px;

	background: url(/images/services_bg.jpg) no-repeat;

}



/* MISSION BOX */



#mission {

	float: left;

	width: 163px;

	height: 204px;

	padding: 36px 20px 0 33px;

}



#mission h2 {

	text-transform: uppercase;

	font-weight: bold;

	font-size: 24px;

}



#mission p {

	line-height: 170%;

}



#mission .more {

	font-weight: bold;

	font-size: 12px;

	text-align: right;

}



#mission .more a {

	color: #fc0;

}



/* SERVICES LINKS */



#services {

	float: left;

	width: 784px;

	height: 240px;

}



#services ul {

	list-style: none;

}



#services li {

	float: left;

}



#service1 {

	width: 160px;

}



#service2 {

	width: 153px;

}



#service3 {

	width: 157px;

}



#service4 {

	width: 161px;

}



#service5 {

	width: 153px;

}



#services a {

	display: block;

	padding-top: 150px;

	text-transform: uppercase;

	text-align: center;

	font-size: 14px;

	font-weight: bold;

}



#service1 a {

	padding-left: 20px;

	padding-right: 20px;

}



/* CLIENTS */



#clients {

}



#clients .client {

}



#clients .logo {

	margin-bottom: 10px;

	text-align: center;

}



#clients .entry {

	height: 110px;

	line-height: 140%;

}



#clients .more {

	height: 28px;

	margin: 0;

}



#clients .more a {

	display: block;

	float: right;

	position: relative;

	width: 76px;

	height: 18px;

}



#clients .more .cover {

	background: url(/images/client_more.gif) no-repeat;

}



/* PAGE */



#page {

	background: url(/images/sp_page_bg.jpg) repeat-y;

}



#page .top {

	height: 84px;

}



#page .bgtop {

	background: url(/images/sp_page_bgtop.jpg) no-repeat;

}



#page .bgbtm {

	padding: 0 0 30px 0;

	background: url(/images/sp_page_bgbtm.jpg) no-repeat 0 100%;

}



#page .pagetitle {

	float: left;

	padding: 17px 0 0 35px;

	font-size: 30px;

}



#account {

	float: right;

	padding: 10px 100px 0 0;

	font-weight: bold;

	color: #c0c1c2;

}



#account .logout {

	position: relative;

}



#account .logout .cover {

	width: 87px;

	height: 17px;

	background: url(/images/logout.gif) no-repeat;

}



/* CONTENT */



#content {

	float: left;

	width: 620px;

	padding: 0 0 0 55px;

	line-height: 160%;

	font-size: 12px;

	color: #41464b;

}



#content p, #content ul, #content ol {

	margin-bottom: 1.3em;

}



#content h3 {

	font-size: 14px;

}



#content a {

	text-decoration: underline;

	color: #04af55;

}



#content a:hover {

	text-decoration: none;

}



#content .entry {

	float: left;

	width: 450px;

	padding: 0 10px 0 0;

	background: url(/images/dot2.gif) repeat-y 100% 0;

}

#content .entry-narrow {
	
	float: left;
	
	width: 300px;
	
	padding: 0 60px 0 0;
	
	background: url(/images/dot2.gif) repeat-y 100% 0;
}

#content .nodotsentry {

	
	float: left;

	width: 600px;

	padding: 0 30px 0 0;

}

#clients-nav a{
	font-size:14px;
	font-weight: bold;	
}
#clients-prev {
	margin-left:0px;	
}
#clients-back {
	margin-left:200px;	
}
#clients-next {
	margin-left:200px;	
}

#content .insert {
	float: right;
	width: 155px;
	font-size: 13px;
	text-align: center;
}

#content .insert-wide {

	float: right;
	width: 200px;
}

#content div.next, #content div.prev {
	cursor: pointer;
	font-size: 14px;
	font-weight: bold;
	color: #04AF55;;
	
}

#content div.disabled {
	visibility:hidden !important;		
}

#content div.scrollable {   

    position:relative; 
    overflow:hidden;     
 
    height: 280px;      
    /*width: 116px;  */   
} 
 
#content div.scrollable div.items {     
    position:absolute; 
     
    height:20000em;     
}

#content div.scrollable div.items div{     
    min-height:70px;     
}

#content .about, #content .services {
	min-height: 300px;
}

#content .hide {
	display: none;
}


/* SIDEBAR */



#sidebar {

	float: right;

	width: 280px;

	padding: 0 21px 0 0;

}



/* TESTIMONIAL */



.testimonial {

	margin: 0 0 25px 25px;

	padding: 0 35px 0 0;

	background: url(/images/dot3.gif) repeat-x 0 100%;

	text-align: center;

	font-size: 20px;

	font-weight: bold;

	color: #fc0;

}



.testimonial cite {

	display: block;

	padding: 20px 0;

	text-align: right;

	color: #fff;

	font-weight: normal;

	font-size: 11px;

}



.testimonial span {

	font-size: larger;

	color: #2d3034;

}



/* CASE STUDY */



.case-study {

	width: 265px;

	background: url(/images/feature_bg.jpg) repeat-y;

}



.case-study .bgtop {

	background: url(/images/feature_bgtop.jpg) no-repeat !important;

}



.case-study .more {

	position: relative;

	height: 33px;

	margin: 0;

}



.case-study .more .cover {

	background: url(/images/feature_bgbtm.jpg) no-repeat;

}



.case-study h2 {

	padding: 15px 0 0 100px;

	font-size: 13px;

	text-transform: uppercase;

}



.case-study h2 span {

	color: #f90;

}



.case-study .side_entry {

	padding: 20px 10px 13px 100px;

}



.case-study .side_entry * {

	font-size: 11px;

	color: #41464b;

}



/* FOOTER */



#footer {

	background: url(/images/footer_bg.jpg) repeat-y;

}



#footer .bgtop {

	background: url(/images/footer_bgtop.jpg) no-repeat;

}



#footer .bgbtm {

	padding: 25px 35px;

	background: url(/images/footer_bgbtm.jpg) no-repeat 0 100%;

}



#footer .links {

	clear: both;

	padding-top: 10px;

	background: url(/images/dot1.gif) repeat-x;

	color: #479f79;

}



#footer .links a {

	padding: 0 10px;

	color: #479f79;

}



#legal {

	width: 950px;

	text-align: right;

	font-size: 10px;

	color: #d1d2d3;

}