* {
	margin:0;
	padding:0;
}

.fl {float:left}
.fr {float:right}
.cl {clear:left}
.cr {clear:right}
.cb {clear:both}

body {
	background:#5c636d;
}

a {
	color:#ff8000;
	text-decoration:none;
}

a:hover {
	color:white;
	background-color:#ff8000;
	text-decoration:none;
}

a.img, a.img:hover, a img, a:hover img, p#logo a:hover {
	border:0;
	color:white;
	background:none;
}

#head {
	margin-bottom:40px;
}

#topbar {
	padding-left:30px;
}

#navigation, .nav-bot, p.copyright, p.crumb-trail {
	display:block;
	font-size:11px;
	font-family:Arial;
	color: #aaa;
}
#navigation li{
float:left;
padding-right:10px;
padding-left:10px;
border-right: 1px solid #ddd;
	font-family:Arial;
}
.slash {
  color: #ddd;
  padding:0 10px;
}

#navigation li.last{
border-right:none;
}

#navigation{
	list-style-type:none;
	margin-top:50px;
	margin-right:50px;
}
#navigation a, #foot .nav-bot a, p.crumb-trail a {
	text-decoration:none;
	color: #aaa;
	float:none !important;
	float:left;
}

#navigation a:hover, #foot .nav-bot a:hover, p.crumb-trail a:hover {
	color:white;
	background-color:#aaa;
	text-decoration:none;
}

#nav-left {
	font-family:Tahoma;
	list-style-type:none;
	font-size:12px;
	color: #999;
	width:145px;
}

#nav-left .first {
	border-top: 1px solid #ddd;
}
#nav-left a {
	padding:8px 10px 8px 20px;
	border-bottom: 1px solid #ddd;
	display:block;
	width:auto;
	color:#999;
}
#nav-left a:hover {
	color:#ff8000;
	background-color:white;
	text-decoration:none;
	padding-left:30px;
}

#nav-left a.on {
	color:#ff8000;
}

#nav-left div.submenu  a:hover {
	padding-left:50px;
}
#column-left {
	padding-top:5px;
	margin-left:40px;
	margin-right:20px;
}

#column-left.nopad {
	padding-top:0px;
}

#column-right {
	width:745px;
	margin-right:10px;
	margin-bottom:50px;
}

#column-right-home {
	width:745px;
	margin-right:10px;
	margin-bottom:30px;
}


#container {
        background:transparent url(../img/background-test1.jpg) no-repeat;
        margin: 0 auto;
        margin-top:26px;
        padding-bottom:50px;
        color:#5c636d;
        width:980px;
}

#subcontainer {
        background:white;
        width:960px;
        margin: 0 auto;
}

.shortpage {
	height:450px;
}

#content, .sitelinks, .cases, .clients {
	background:white;
	list-style-type:none;
	font-family:Verdana;
	line-height:14px;
	font-size:11px;
        color:#5c636d;
}

.company {
	font-family:Verdana;
	line-height:16px;
	font-size:11px;
        color:#5c636d;
	width:480px;
}

.company li {
	margin-top:20px;
	margin-left:20px;
}

.clients, .services {
	line-height:16px;
}

.client-note { 
        color:#999;
}

.clients {
	width:165px;
	margin-right:20px;
	margin-bottom:15px;
}
.sitelinks li { 
	padding-bottom:5px;
}

.sitelinks li a.project {
	margin-left:20px;
}


#content p.small {
	line-height:12px;
	font-size:10px;
	margin-bottom:25px;
}

h2 {
	font-family:Arial;
	font-size:14px;
	color:#ff8000;
	font-weight:bold;
	margin-bottom:0px;
}

#sidebar h2 {
	border-top: 1px solid #ddd;
	padding-top:20px;
	margin-bottom:15px;
  	color:#5c636d;
}

#sidebar p.bottom {
	border-bottom: 1px solid #ddd;
	padding-bottom:20px;
	margin-bottom:40px;
}
.client-title {
	margin-bottom:30px;
	margin-right:265px;
}


.cases h2 {
	font-size:12px;
	margin:18px 0px;
	color:#ff8000;
}

.cases li {
	float:left;
	margin-bottom:40px;
	width:205px;
	margin-right:50px;
}

.cases li.lastright, .lastright {
	margin-right:0px;
}

h3 {
	font-family:Tahoma;
	font-size:12px;
	color:#ff8000;
	font-weight:bold;
	margin-bottom:15px;
}
	
#content li {
	float:left;
	width:185px;
	margin-right:45px;
}

p#logo {
	margin-bottom:40px;
}
#logo img {
	position:relative;
	top:35px;
	left:90px;
}

p {
  	color:#5c636d;
	font-family:Verdana;
	font-size:11px;
	margin-bottom:15px;
	line-height:14px;
}

p.small-width, p.services {
	width:500px;
}

p.services {
	margin-bottom:30px;
}

p.detail {
	width:320px;
	margin-right:40px;
	line-height:16px;
}

p.full-width {
	width:716px;
	font-family:Arial;
	font-size:16px;
	margin-bottom:0;
	line-height:21px;
}

p.services-width, p.project-width, p.detail-width {
	font-family:Arial;
	font-size:16px;
	margin-bottom:0;
	line-height:21px;
	margin-bottom:30px;
}

p.detail-width {
	margin-bottom:20px;
}

p.project-width {
	margin-bottom:20px;
}
p.client-logos {
	width:716px;
	margin-top:40px;
	margin-bottom:40px;	
	padding-bottom:40px;	
	border-bottom: 1px solid #ddd;
}

h1.title {
	font-weight:normal;
	font-family:Tahoma;
	font-size:21px;
	border-bottom: 1px solid #ddd;
	padding-bottom:10px;
	margin-bottom:10px;
}

h1.home-title {
	font-weight:normal;
	font-family:Tahoma;
	font-size:21px;
	border-bottom: 1px solid #ddd;
	padding-bottom:15px;
	margin-bottom:15px;
	margin-right:30px;
}

div.banner h1 {
	font-weight:normal;
	font-family:Tahoma;
	padding:50px 0 0px 20px;
	color:#fff;
	font-size:30px;
}

p.crumb-trail {
  	margin-top:20px;
	margin-bottom:40px;
}

#foot {
	color:#aaa;
	padding-bottom:45px;
}

p.line {  
	border-top: 1px solid #ddd;
	margin:0 40px 20px 35px;
}

#foot p {
	padding-left:53px;
	line-height:12px;
}

#foot p.copyright {
	margin-right:50px;
}
#foot p.foottext {
	font-family:Verdana;
	font-size:11px;
	color:#999;
	margin-left:35px;
	margin-right:40px;
	padding:10px 0px 10px 165px;
	border-bottom: 1px solid #ddd;
	border-top: 1px solid #ddd;
}

.clear-fix:after{
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

sIFR-active h1 {
  visibility: hidden;
  font-family:Tahoma;
  font-size:24px;
  color:#5c636d;
}

.nav-bot li{
	list-style-type:none;
	float:left;
	font-family:Arial;
	padding-right:10px;
	padding-left:10px;
	border-right: 1px solid #ddd;
}
.nav-bot li.last {
	border-right:none;
}

.orange, .orange a {
 	color:#ff8000 !important;
}

.orange a:hover {
 	color:white !important;
 	background-color:#ff8000 !important;
}

.casestudy {
        background:transparent url(../img/arrow-gray.gif) no-repeat 130px 15px;
	border:none;
} 

.casestudyopen {
        background:transparent url(../img/arrow-orange-down.gif) no-repeat 130px 15px;
	border:none;
} 

#nav-left div.submenu a {
	padding-left:40px;
}

.featimg {
	padding-right:10px;
	padding-bottom:30px;
}

.quoteimg {
	padding-right:10px;
}

p#js-author {
	text-align:right;
	font-size: 10px;
	line-height: 12px;
 	color: #adb1b6;
	margin-bottom:0px;
}

p#js-quote {
	font-family:Georgia;
	font-size: 13px;
	line-height: 16px;
 	color: #9599a0;
}

p.homepage-banner {
	margin-bottom:40px;
}

.banner {
	width:716px;
	height:110px;
}
 
.sitemap-banner {
        background:transparent url(../img/sitemap-banner.jpg) no-repeat;
}

.privacy-banner {
        background:transparent url(../img/privacy-banner.jpg) no-repeat;
}

.contact-banner {
        background:transparent url(../img/contact-banner.jpg) no-repeat;
}

.case-studies-banner {
        background:transparent url(../img/casestudies-banner.jpg) no-repeat;
}

.clients-banner {
        background:transparent url(../img/clients-banner.jpg) no-repeat;
}

.services-banner {
        background:transparent url(../img/services-banner.jpg) no-repeat;
}

.company-banner {
        background:transparent url(../img/company-banner.jpg) no-repeat;
}

.process-banner {
        background:transparent url(../img/process-banner.jpg) no-repeat;
}

.project-banner {
        background:transparent url(../img/projectname-banner.jpg) no-repeat;
}

#content li.featured {
	width:255px;
	margin-right:0px;
}

#content p.last, #content .last, p.last, .sitelinks li.last, 
.cases li.last {
	padding-bottom:0px;
	margin-bottom:0px;
}

p.contacttext { 
	font-family:Arial; 
	font-size:16px;
	line-height:21px;
	color:#5c636d;
}

p.contactinfo { 
	line-height:16px;
}

p.nomargin {
	margin-bottom:0px;
}

#sidebar {
	width:185px;
	margin-left:50px;
	margin-right:30px;
}

.contactbox {
	background-color: #f4f4f2;
	height:105px;
}

.contactbox p {
	padding:20px 20px 0px 20px;
}
 
.contactbox p.last {
	padding-top:0px;
}

.company-title {
	margin-top:40px;	
}	
 
.number {
	margin-right:25px;
}	
.pics {
	height:300px;
	width:450px;
	padding:0px;	
	margin:0px;
}
.pics img {
    width:  450px; 
    height: 300px; 
    top:  0; 
    left: 0;
} 

pre {
	display:none;
}

.nav {
	background:white;
	font-family:Arial;
	font-size:11px;
	list-style-type:none;
	width:480px;
	padding-top:10px;
	padding-bottom:22px;
	border-bottom: 1px solid #ddd;
}

.nav li {
        background:transparent url(../img/slash.gif) no-repeat right;
	float:left;
	padding-right:10px;
	margin: 0 5px;
}

.nav li.first {
	margin-left: 0px;
}

.overview {
	margin-top:30px;
}

.overview-width h2 {
	font-size:21px;
	font-weight:normal;
	padding-bottom:20px;
}

.nav li.last {
        background:none;
	margin-right: 0px;
}

.overview-width {
	width:480px;
}

.services-utilized {
	padding-top:30px;
	font-family:Verdana;
	line-height:16px;
	font-size:11px;
        color:#5c636d;
}

.services-utilized h2 {
	font-size:12px;
	font-weight:bold;
    padding-bottom:20px;
}
.services-utilized li {
	margin-left:10px;
}

.cases a.project1 {
	background:transparent url(../img/case-study-project1.jpg) no-repeat scroll 0px 0px;
}

.cases a.project1:hover {
	background:transparent url(../img/case-study-project1.jpg) no-repeat scroll 0 -100px; 
}

.cases a.project2 {
	background:transparent url(../img/case-study-project2.jpg) no-repeat scroll 0px 0px;
}

.cases a.project2:hover {
	background:transparent url(../img/case-study-project2.jpg) no-repeat scroll 0 -100px; 
}

.cases a.project3 {
	background:transparent url(../img/case-study-project3.jpg) no-repeat scroll 0px 0px;
}

.cases a.project3:hover {
	background:transparent url(../img/case-study-project3.jpg) no-repeat scroll 0 -100px; 
}

.cases a.project4 {
	background:transparent url(../img/case-study-project4.jpg) no-repeat scroll 0px 0px;
}

.cases a.project4:hover {
	background:transparent url(../img/case-study-project4.jpg) no-repeat scroll 0 -100px; 
}

.cases a.project5 {
	background:transparent url(../img/case-study-project5.jpg) no-repeat scroll 0px 0px;
}

.cases a.project5:hover {
	background:transparent url(../img/case-study-project5.jpg) no-repeat scroll 0 -100px; 
}

.cases a.project6 {
	background:transparent url(../img/case-study-project6.jpg) no-repeat scroll 0px 0px;
}

.cases a.project6:hover {
	background:transparent url(../img/case-study-project6.jpg) no-repeat scroll 0 -100px; 
}

.cases a.project7 {
	background:transparent url(../img/case-study-project7.jpg) no-repeat scroll 0px 0px;
}

.cases a.project7:hover {
	background:transparent url(../img/case-study-project7.jpg) no-repeat scroll 0 -100px; 
}

.cases a.project8 {
	background:transparent url(../img/case-study-project8.jpg) no-repeat scroll 0px 0px;
}

.cases a.project8:hover {
	background:transparent url(../img/case-study-project8.jpg) no-repeat scroll 0 -100px; 
}

.cases a.project9 {
	background:transparent url(../img/case-study-project9.jpg) no-repeat scroll 0px 0px;
}

.cases a.project9:hover {
	background:transparent url(../img/case-study-project9.jpg) no-repeat scroll 0 -100px; 
}

a.caseimage {
	display:block;
	height:100px;
	margin:0pt;
	padding:0pt;
	width:205px;
}

p.case-margin {
	margin-bottom:240px;
}

p.home-text, a.home-text {
	font-family:Arial;
	font-size:12px;
	line-height:18px;
}

p.home-text {
	margin-right:30px;
}


#content-split-left {
	float:left;
	width:185px;
	margin-top:40px;
}

#content-split-left h1.home-title {
	margin-right:20px;
}

#content-split-left p {
	margin-right:20px;
}

#content-split-right {
	float:left;
	width:560px;
	margin-top:40px;
}

div.home-featured {
	float:left;
	width:255px;
	margin-right:35px;
}

div.last {
	margin-right:0px;
}

div.home-featured .featimg {
	padding-bottom:0px;
}

.home-featured p {
	width:140px;
}

.demo-button {
	display:block;
	width:125px;
	height:93px;
	background: url('../img/button-demo.jpg') top;
}

.demo-button:hover {
	background-position:0 93px;
}

div.demo {
	margin-top:20px;
	margin-left:10px;
}