/*
Theme Name: Spring 09
Theme URI: 
Description: 
Version: 1
Author: Mista Coello
Author URI: 
Tags: spring, 2009, green, nogrid:( 

NO GRID RULES MAKES SCOTT UNHAPPY :(

White: #fff
Extreme Green: #00a160
Green roll over/fade out: #53daa3

*/

/* Default tags */


/* all fonts to 12px */
html { font-size: 100%; }
body { font-size: 75%; }
table { font-size: 100%; }
html>body { font-size: 12px; }

/* Styles start here */

body {
	background: url('imagesa8/headerbg.jpg') repeat-x #191919;
	font-family: Tahoma, Verdana, Arial, sans-serif;
	margin: 0 auto;
	padding: 0;
	line-height: 1;
	color: #fff;
	text-align: center;
	height: 100%;
       width:100%
}

* {
	margin:0;
	padding:0;
}

html {height: 100%;}

ol, ul, li, p {
	line-height: 1.3em;
	list-style: none;
	padding: 0;
	margin: 0;
}

h1 {font-size: 1.7em; display:none;}
h2 {font-size: 3em; font-family: Georgia, Times, serif; padding: 0; margin: 15px 0; clear: both; font-weight: normal;}
h3 {font-family: Georgia, Times, serif; font-size: 1.25em; margin: 0; padding: 0;}
h4 {padding: 0; margin: 0; color: #00a160;}

a {color: #fff; text-decoration: none}
a #red {color: red; text-decoration: none}

a img {border: 0 none;}

small, .small {
	font-size: 80%;
}

/*sifr*/
.sIFR-active h2{  
    visibility: hidden;  
    font-size: 4.0em; 
    font-weight: normal;
    z-index: -5000;
}


.sIFR-active h3{  
    visibility: hidden;  
    font-size: 1.7em; 
    font-weight: bold;
    z-index: -5000;
}






/* HEAD */

#head{
background: url('imagesa8/headerbg.jpg') no-repeat left top;

}

#head ul {
	height: 43px;
	width: 960px;
	text-align: center;
	margin: 0 auto;
	font-size: 1.25em;
       
}

#head li {
	background: url('imagesa8/headerbg.jpg') no-repeat left top;
	float: left;
}

#head a {
	display: block;
	padding: 15px 12px; 
	height: 43px;
	text-indent: -9000px;
}
#head .first a  {padding-left: 340px;}
#head .home a {
	background: url('imagesa8/navigation.gif') no-repeat 5px -1px;
	padding: 0 0 0 0px;
	width: 108px;
	margin-left: 286px;
}
#head .home a:hover {
	background: url('imagesa8/navigation.gif') no-repeat 5px -47px;
	padding: 0 0 0 0px;
	width: 108px;

}


#head .publishing a {
	background: url('imagesa8/navigation.gif') no-repeat -108px -1px;
	padding: 0 0 0 0px;
	width: 117px;
}
#head .publishing a:hover {
	background: url('imagesa8/navigation.gif') no-repeat -108px -47px;
	padding: 0 0 0 0px;
       width: 117px;

}

#head .search a {
	background: url('imagesa8/navigation.gif') no-repeat -225px -1px;
	width: 86px;
       padding: 0 0 0 0px;

}
#head .search a:hover {
	background: url('imagesa8/navigation.gif') no-repeat -225px -47px;
	width: 86px;
}

#head .technology a {
	background: url('imagesa8/navigation.gif') no-repeat -311px -1px;
	padding: 0 0 0 0px;
	width: 141px;
}
#head .technology a:hover {
	background: url('imagesa8/navigation.gif') no-repeat -311px -47px;
	padding: 0 0 0 0px;
       width: 141px;

}

#head .people a {
	background: url('imagesa8/navigation.gif') no-repeat -456px -1px;
	padding: 0 0 0 0px;
	width: 92px;
}
#head .people a:hover {
	background: url('imagesa8/navigation.gif') no-repeat -456px -47px;
	padding: 0 0 0 0px;
       width: 92px;
}

#head .blog a {
	background: url('imagesa8/navigation.gif') no-repeat -548px -1px;
	padding: 0 0 0 0px;
	width: 128px;
}
#head .blog a:hover {
	background: url('imagesa8/navigation.gif') no-repeat -548px -47px;
	padding: 0 0 0 0px;
       width: 128px;

}
#head .contact a {
	background: url('imagesa8/navigation.gif') no-repeat -607px -1px;
	padding: 0 0 0 30px;
	width: 30px;
}
#head .contact a:hover {
	background: url('imagesa8/navigation.gif') no-repeat -607px -1px;
	padding: 0 0 0 30px;
}



/* Overlay area */

#overlay {
	width: 334px;
	height: 580px;
	z-index: 10;
	position: absolute;
	top: -44px;
	left: 0;
	text-align: left;
	background: url('imagesa8/overlaybg.png') no-repeat;
	
}
#overlay span {color: #FA8DD2; padding: 0 10px;}
#overlay p{font-size: 1.25em; margin: 15px 0 0; margin-left:10px;}

#overlay img.springlogo {margin: 75px 0 0 5px;}
#overlay img.talktous {display: block; margin: 60px 0 0 5px;}

/* MAIN CONTENT AREA */

#page {
	margin: 0 auto;
	padding: 10px 5px;
	text-align: center;
	width: 960px;
	position: relative;
}

#content {
	float: right;
	margin: 0;
	text-align: right;
	min-height: 550px;
	width: 960px;
       margin-top:-15px;

}
#content-tech {
	float: right;
	margin: 0;
	text-align: right;
	min-height: 550px;
	width: 960px;
       margin-top:-15px;

}
#content-contactus {
	float: right;
	margin: 0;
	text-align: right;
	min-height: 550px;
	width: 960px;
       margin-top:-28px;

}

#content-serv {
	float: right;
	margin: 0;
	text-align: right;
	min-height: 550px;
	width: 960px;
       margin-top:-15px;

}



.listing {
	clear: right;
	width: 960px;
	height: auto;
	margin-bottom: 30px;
}
.listing h2, .listing p {
	width: 660px;
	float: right;
	clear: right;
       letter-spacing: 0em;
}

#red{
	color: #eb5153;
}
#green{
	color: #20eb92;
}
.listing p {font-size: 1.4em; letter-spacing: -0.01em;}
.listing #small{
	font-size: 14px;
}

.listing h2{color: #c61085;}

.listing a {color: #eb008b;}
.listing a #red{color: #eb5153;}

.listing a:hover {color: #c61085;}
.listing ul{
	float:right;
       width:660px;
       list-style-image: url("imagesa8/pink-arrow.png");
        list-style-position: inside;  
       padding-top: 20px;
       padding-bottom:20px;
}
.listing ul li{
       list-style-image: url("imagesa8/pink-arrow.png");
        list-style-position: inside;  
        font-size: 14px;
}

.listing span{
	color: #c61085;
}

#listing-wrapper{
	float:right;
       margin-left:144px;
       text-align:justify;
}

.title {
	text-transform: uppercase; 
	float: right;
}
.title span {color: #EB008B;}
.title li {
	float: left;
	padding: 5px 5px
}
.title a {color: #999;}
.title a:hover {color: #ccc;}

/* Problematic Green buttons */

.greenbuttons {
	clear: both;
	float: right;
	display: block;
	margin: 20px 0 30px;
	font-family:  Arial, serif;
	font-size: 14px;
       font-weight: bold;
	text-transform: uppercase;
}

.greenbuttons li {
	float: left;
	margin-left: 25px;
	padding: 7px 0px 7px 7px;
	background: url('imagesa8/greenbuttonclose.gif') no-repeat left top;
	_background: #00a160;
}

.greenbuttons li a{
	color: #fff;
       height: auto;
       display: inline;
       width: 230px;
}
.greenbuttons li a:hover{
	display:inline;
       text-indent:0;
}

 #cv{
//padding: 0px 10px 15px 5px;
}

.greenbuttons a {
	color: #fff;
	padding: 8px 9px 7px 0px;   
	background: url('imagesa8/greenbuttonopen.gif') no-repeat right top;
	_background: #00a160;
	font-size: 14px;
}

#brief{
	padding: 7px 0px 8px 2px;
       width: 150px;

}

/* FEATURED AREA */

.topfeat {
	//background: url('imagesa8/topfeat.png');
       background: url('imagesa8/a8_paper_texture.png');
	height: 218px;
	margin: 0 0 1px 0;
	width: 960px;
	clear: both;
	overflow: hidden;
	position: relative;
       //margin-left:155px;
}

.topfeat-tech {
	background: url('imagesa8/topfeat.png');
	height: 287px;
	margin: 0 0 1px 154px;
	clear: both;
	overflow: hidden;
	position: relative;
}

.topfeat-contactus {
	background: url('images/contactus.png');
       background-repeat: no-repeat;
	height: 287px;
       //margin-right:10px;
	margin: 11px 0 1px 150px;
	width: 960px;
	clear: both;
	overflow: hidden;
	position: relative;
     
}


.topfeat-serv {
	background: url('images/services-bg.png');
       background-repeat: no-repeat;
	height: 287px;
	margin: 0 0 1px 62px;
	width: 960px;
	clear: both;
	overflow: hidden;
	position: relative;
}



#tech-images{
float:left;
padding-top: 8px;
margin:0 0 1px -15px;
}

#tech-zoom{
float:left;
height:260px;
width:270px;
margin-left: 10px;
margin-right:10px;
margin-top:25px;
margin-bottom:20px;
border: 1px solid black;


}


.topfeat-port {
	height: 112px;
	margin: 0 0 1px 0;
	width: 960px;
	clear: both;
	overflow: hidden;
	position: relative;
       float:right;
}


.topfeat h3 {
	text-align: left;
	font-size: 2em; 
	color: #000; 
	margin: 40px 0 8px 335px;
}
.topfeat span {color: #00a160;}

#flashcontent{
	z-index: -5000;
	clear: both;
	float: right;
	background: #fff;
	width: 850px;
	height: 300px;
}

#slider, #slider ul, #slider li {height: 287px;}
#arrows{
	float:left;
}
#black-arrow{
      //  background: url('imagesa8/topfeat.png');
      background: url('imagesa8/a8_paper_texture.png');
	margin-left: 154px;
       //margin-top: 40px;
       height:278px;
       width:336px;
       float:left;
       
}

#black-arrow img{
       //background: url('imagesa8/topfeat.png');
       background: url('imagesa8/a8_paper_texture.png');
       height:278px;
       width:336px;
}

#small-arrows{
        background: url('images/topfeat.png');
	margin-top:60px;
       margin-left:170px;
       height:106px;
       width:276px;

}
#small-arrows img{
       // background: url('images/topfeat.png');
       height:106px;
       width:276px;

}

#feat-image{
   // background: url('imagesa8/topfeat.png');
    background: url('imagesa8/a8_paper_texture.png');
    height:  287px;  
    width:   463px;  
    float:right;
    

}
#feat-image img{
    height:  287px;  
    width:   463px;  
    float:right; 
    background: url('imagesa8/a8_paper_texture.png');


}

#controls {
	position: absolute;
	right: 5px;
	top: 25px;
	
}
#controls .current a {color: #fff;}
#controls .current {
	background: #00a160;
	-moz-border-radius-topleft: 8px;
	-moz-border-radius-topright: 8px;
	-webkit-border-top-left-radius: 8px;
	-webkit-border-top-right-radius: 8px;
}

.viewfeatured {
	position: absolute;
	font-size: 1.25em;
	right: 60px;
	bottom: 0;
	padding-left: 10px;
	background: url('images/feature_viewclose.png') no-repeat left top;
	_background: #481d61;

}

.viewfeatured p {
	padding: 10px 20px 10px 50px;	
	background: url('images/feature_viewbg.png') no-repeat top right;
	_background: #481d61;
}

.viewfeatured p a {
	padding-right: 20px;
	background: url('images/feature_purparrow.gif') no-repeat right;
	_background: none;
}

#services {
	position: absolute;
	top: 0px;
	right: 30px;
	text-align: left;
	margin: 35px 0 0 350px;
}

/* Javascript Scrolling Styles */

#ddm {	
	border: 0.05em solid #7c9db8;
	color: #000;
	background: #fff;
}

#ddm li {
	text-align: left;

}

#ddm ul li {background: none; padding: 0;}

#ddm ul li:hover {background: #7c9db8;}

#ddm ul li a:hover {
	color: #fff;
	_color: #999;
}

#ddm a {
	color: #000;
	text-decoration: none;
}

#ddm li a {display:inline-block;}
#ddm li a {display:block;}

.ddmlarge {
	width: 330px;
	font-size: 1.4em;
	
}
.ddmlarge li {
	padding: 6px 6px;
 	background: url('images/ddbut_small1.gif') no-repeat 300px 3px;

}

.ddmsmall {
	width: 400px;
	font-size: 2em; 
	margin: 10px 0 0;	
}
.ddmsmall li {
	padding: 10px;
	background: url('images/ddbut_small.gif') no-repeat 360px 7px;
}

div.sc_menu {
  position: absolute;
  top: 130px;
  right: 5px;
  height: 145px;
  width: 745px;
  overflow: auto;
  float: right;
  clear: both;
  overflow: hidden;
}
ul.sc_menu {
	color: #000;
 	display: block;
 	height: 110px;
 	width: 2500px;
 	padding: 0 300px;
  	margin: 0;
  	background: url('navigation.png');
  	list-style: none;
}
.sc_menu li {
  display: block;
  float: left;
  padding: 0 10px;
  position: relative;
}
.sc_menu a {
  	color: #000;
	text-decoration: none;
}
.tooltip {
	color: #191919;
  	margin-top: 3px;
  	text-align: left;
 	font-size: 1em;
 	width: 450px;
 	background: #fff;
 	border: 1px solid #999;
 	padding: 5px;
 	-moz-border-radius: 8px;
 	-webkit-border-radius: 8px;
 	position: absolute;
 	top: 200px;
 	left: 350px;

}
.sc_menu h3 {
	color: #00a160;
	font-family: Tahoma, Verdana, Arial, sans-serif;
}
.sc_menu li:hover div {
	display: block;
	float: right;
	position: absolute;
	width: 450px;
	top:4.4em;
	left:0;
}


/* Blog Section */

.meta {
	color: #00a160;
	font-size: 0.9em;
	margin-bottom: 20px;
}

.navigation {
	clear: right;
	float: right;
	width: 400px;
	margin-top: 50px;
}



/* Blog sidebar */

.post-meta, #sidebar {
	width: 195px;
	float: right;
	text-align: left;
	margin: 5px 0 0;
}

#sidebar h3 {
	padding: 20px 0 10px 10px;
	text-transform: uppercase;
	border-bottom: 0.1em solid #53daa3; 
}

.post-meta li, #sidebar li {
	border: 0.1em solid #53daa3;
	background: url('images/sidebarheadgrad.jpg') repeat-x #00a160;
	margin-bottom: 20px;
}

#sidebar li ul {
	margin: 10px 0 10px 10px;
}

#sidebar li ul li {
	list-style: disc inside;
	background: none; 
	border:0 none;
}

#sidebar .twitter {
	background: none;
	border: 0 none;
}
#sidebar .twitter h3 {margin: 0; padding: 0; border: 0 none;}
#sidebar .twitter span {color: #00a160;}
#sidebar .twitter p {
	background: #474747;
	padding: 15px;
	margin: 10px 0 0;
}
#sidebar .twitter a {color: #53daa3;}
#sidebar .twitter-timestamp {
	display: block;
	font-size: 0.9em;
}

#sidebar p.followus {
	background: none;
	padding: 0 15px 40px; margin: 0;
}
#sidebar .followus {width: 195px;}
#sidebar .followus a{
	background: url('images/twitter.gif') no-repeat right top;
	_background: none;
	padding: 0 75px 30px 0;
}

.feedback {
	width: 195px;
	float: right;
	text-align: left;
	margin-top: 20px; 
}

.post-meta {clear: both;}
.post-meta li {
	padding: 10px;
}
.post-meta-key {display: none;}

#pagesidebar {
	width: 195px;
	float: right;
	margin: 60px 0 0;
}

/* post styles */

.post {
	width: 400px;
	margin: 0 35px 0 0;
	padding-bottom: 30px;
	float: right;
	text-align: left;
}
.post h2 {
margin-bottom: 0;
}

p.meta {padding: 0;  margin: 0 0 10px 0 !important;}

.meta a {color: #00a160;}
.meta a:hover {color: #53daa3;}


.post img {border: 0.8em solid #303030;}
.post p {margin: 10px 0;}
.post ul {margin: 5px 0 10px; float: left;}
.post ul li {
	margin: 0;
}

.aligncenter {
	display: block;
	margin: 0 auto;
	text-align: center;
}

.alignright {
	display: block;
	float: right;
	text-align: right;
}

.alignleft {
	display: block;
	float: left;
	text-align: left;
}

/* COMMENTS */

#comments {clear: both; padding-top: 10px; border-top: 1px #333 solid;}
#comments ol {margin-top: 20px;}
#comments li {clear: left;}
#comments .meta a {color: #00a160;}
#comments .commentlist li {
	border: 1px solid #333;
}

.commentlist img {
	float: left;
	border: 1px solid #303030;
	margin: 15px 10px 0 0;
}

.commentlist li {
	border-bottom: 1px solid #333;
	padding: 0; margin: 0;
}
.thecomment {
	min-height: 90px;
	padding: 3px 0;
	margin: 0;
	zoom: 1;
}

#respond {
	clear: left;
	padding: 20px 0;
}

#respond input {
	width: 385px;
	border: 0 none;
	padding: 5px;
	margin: 5px 0;
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 1em;
}

#respond textarea {
	width: 375px;
	height: 140px; 
	border: 0 none;
	padding: 10px;
	margin: 5px 0;
	font-size: 1em;
	font-family: Tahoma, Verdana, Arial, sans-serif;
}

#respond .submit {
	width: 77px;
	height: 31px;
}

/* PORTFOLIO SECTION */

.portfolio p {
	width: 640px;
	float: right;
}


#foliocat {
	float: right;
	position: absolute;
	top: 35px;
	right: 5px;
	font-family: Georgia, Times, serif;
	text-transform: uppercase;
       
       }
#foliocat li {
	float: left;
	margin: 0 0 0 10px;
}
#menu-container{
width:100%;
}
#foliocat-p .on {background-image:url('images/portfolio/menu-active-bg.png'); display:block;}
#foliocat-p .on a {color: #00a160;}
#foliocat-p a:hover {color: #53daa3; display:block; padding:0; margin:0;}
#foliocat-p {
       padding-right:10px;
	float: right;
	position: relative; //absolute;
	margin-top: 25px;
	font-family: Arial, sans;//Georgia, Times, serif;
       background: url('images/portfolio/menu-bg.png') repeat-x; 
       height:32px;
       width:960px;
       font-weight: bold;
       text-transform: uppercase;
       }
#foliocat-p li {
	float: left;
	margin: 0 0 0 10px;
       padding-left:17px;
       padding-right:17px;
       padding-top:10px;
       height:26px;
      
}

#triangle{
float: right;
	position: absolute;
	top: 61px;
	right: 5px;
	font-family: Georgia, Times, serif;
       width:100%;
}

#foliocat .on {background: none;}
#foliocat .on a {color: #00a160;}
#foliocat a:hover {color: #53daa3;}


#foliolist {
	clear: right;
	float: right;
	width: 633px;
}

#foliolist h3 {
	visibility: visible;
	font-size: 1.25em;
	font-family: Tahoma, Verdana, Arial, sans-serif;
	color: #00a160;
	margin: 5px 0;
	height: 24px;
}


.description {
	height: 75px;
	padding-right: 20px;
}

#foliolist li {
	float: left;
	text-align: left;
	width: 210px;
	overflow: hidden;
	min-height: 40px;
	margin-left: 1px;
       margin-bottom:1px;
}

#foliolist ul {
	float:left;
	margin: 0 0 20px 0;
	padding: 0;
}
#foliolist ul li {
	min-height: 0;
	width: auto;
}

#footer li p a.thickbox {
	display: block; overflow: hidden;
	height: 228px; width:190px;
}

a.thickbox {
	display: block; overflow: hidden;
	height: 228px; width: 228px;
}
a:hover.thickbox {
	display: block;
	text-indent: -228px;
}




/* FOOTER */

#footer {
	clear: both;
	height: 249px;
	margin: 0 auto;
	background: url('imagesa8/footerbg.png') repeat-x top #30443b;
   	//width: 100%;
       position: relative;
}
#footer h3 {
	margin-bottom: 5px;
}
#spring-pic{
	float:left;
       width:175px; 
	margin-left: 70px;
       height:115px;
       padding-top:116px;
}

#footer #footer-list {
	width: 960px;
	height: 249px;
	/*margin-left: 244px;
	padding: 0 0 0 0;
       float:left;*/
       position:relative;
       text-align: center;
       margin: 0 auto;
       
}
#footer ul{float:right;}
#footer li {
	width: 190px;
	height: 224px;
	padding: 20px 20px 0;
	float: left;
	text-align: right;
	background: url('imagesa8/footerdiv.png') no-repeat top right;
}
#footer ul li ul {
	margin: 0; padding: 0;
	height: auto;
}
#footer ul li li {
	margin: 0; padding: 0;
	clear: left;
	height: auto;
	background: none;
}
#footer a {text-decoration: underline;}
#footer .recentnews a {font-weight: bold; text-decoration: none;}
#footer .on {
	color: #fa8dd2;
}

#footer a .clients{
	padding-left:5px;
       padding-right:5px;
       padding-top:3px;
       padding-bottom:3px;
       float:left;
      width:85px;
      height:50px;
}

#footer a .twitter{
   padding-bottom:15px;
   height:25px;
   width:128px;
}
#footer a .facebook{
  padding-top:10px;
  height:25px;
   width:128px;

}
#footer a .linkedin{
  padding-top:16px;
  height:39px;
   width:128px;

}

#footer .terms{
 float:left; padding-top:8px;
width:112;
 height:17;
 
}

.copyright {
	padding: 10px 0 40px;
	text-align: center;
	clear: both;
	color: #ccdcd6;
	background: #191919;
	font-size: 80%;
	display: block;
	height: 50%;
       
}

.copyright #copy-cont{
      width: 960px;
	height: 234px;
	/*margin-left: 244px;
	padding: 0 0 0 0;
       float:left;*/
       position:relative;
       text-align: center;
       margin: 0 auto;

}

#copy-text{
	float:left;
       margin-left:300px;
	margin-top:11px;
       padding-right:3px;
}

.copyright #social-networks ul{
	width:132px;
       height: 34px;	
   
       float: left;
}
.copyright #social-networks ul li{
	width:31px;
       height: 34px;
       background: #30443b;
       padding:0 0 1px 1px;
       
}
.copyright #copy-wrap{
	float:right;
}
.copyright  #social1{
	background-image:url(images/small1.png);
.copyright a {color: #ccdcd6;}