/*
Theme Name: Artemis 2010
Description: Adapted from disaster that was Spring 09 theme
Version: 2.0
Author: Simon Raybould

*/

/* Styles start here */

html {
	height: 100%;
	font-size: 100%;
}

html>body {
	font-size: 12px;
}

body {
	background: #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%;
	font-size: 75%;
}

* {
	margin:0;
	padding:0;
}

table {
	font-size: 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;
	outline: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') repeat-x left bottom;
	height:43px;
}

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

#head li {
	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: -46px;
	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;
	width:390px;
}

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

.greenbuttons li a{
	color: #fff;
	height: auto;
	display:block;
}
.greenbuttons li a:hover{
	display:block;
    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;
	font-size: 14px;
}

#brief{
	padding:0 0 7px 7px;
    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: left;
	background: #fff;
	width: 850px;
	height: 300px;
	margin-left:112px;
}

#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;

}

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

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

#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;
}

#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;
	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;
}

#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:0 0 1px 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;
	/*//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:112px;
	height:17px;
}

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

.copyright #copy-cont{
	width: 960px;
	/*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;
}

#a8f{
    display: none;
}