@charset "utf-8";
/* CSS Document */

body {
  margin:0px;
  padding:0px;
  background:url(../images/header_bg_1x85.jpg) repeat-x;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:12px;
  color:#666;
  line-height:20px;
}

#container {
  width:1058px;
  margin:0 auto;
  padding:0px;
  background:url(../images/background_edges_1058x979.jpg) #fff  center repeat;

}

#banner {
    background:url(../images/header_bg_1x85.jpg) repeat-x;
	width:1058px;
	height:85px;
	position:absolute;
}

#logo {
   height:115px;
   width:285px;
   background:url(../images/logo_285x115.jpg) no-repeat;
   margin-left:50px;
   z-index:100;
   position:absolute;
}

#logo a {
  width:285px;
  height:115px;
  display:block;
}


#content {
  width:970px;
  margin-left:50px;
  margin-top:45px;
}


#footer {
   height:130px;
   background-color:#e3e6e6; 
   padding:0px;
   overflow:hidden;
}

#footer ul {
  width:970px;
  margin:0 auto;
  padding:0px;
}

#footer ul li {
    width:200px;
	padding:0px 30px 20px;
	float:left;
	display:inline;
	border-right:1px solid #bdbfbf;
	margin-top:20px;
	height:80px;
}

#footer ul li.first {
  padding-left:50px;
}

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


/* PROCESS */

#proc ul{
   margin:0px;
   padding:0px;   
}

#proc ul li {
  display:inline;
  float:left;
  width:270px;
  height:490px;
  padding:0px 20px;
}

/* OUR TEAM */


#team .profile {
  float:left;
  width:300px;
  margin-right:22px;
  height:680px;
  position:relative;
}


#team .profileimg{
  background-image:url(../images/team_chris2.jpg);
  height:257px;
  width:300px;
  position:relative;
  overflow: hidden;
  display:block;
}

#team .john {background-image:url(../images/team_john2.jpg); }
#team .chris{background-image:url(../images/team_chris2.jpg); }
#team .kate{background-image:url(../images/team_kate2.jpg); }
#team .srilatha{background-image:url(../images/team_srilatha2.jpg); }
#team .eric{background-image:url(../images/team_eric2.jpg); }
#team .roland{background-image:url(../images/team_roland2.jpg); }
#team .andi{background-image:url(../images/team_andi2.jpg); }  
#team .rajesh{background-image:url(../images/team_rajesh2.jpg); }  
#team .patty{background-image:url(../images/team_patty2.jpg); }  

#team .profileimg img{ 
      position: absolute;
	  top:0;
	  bottom:0;
	  border:0;
}

#team .name {
  font-size:20px;
  font-weight:bold;
  color:#4a4a4a;
  margin-top:30px;
}

#team .title {
  font-size:18px;
  color:#4a4a4a;
  margin-top:8px;
  margin-bottom:10px;
}

#team .bio{
 margin-bottom:10px;
} 

#team .connect img{
  vertical-align:middle;
}








h3 {
  font-size:15px;
  font-weight:bold;
  color:#4a4a4a;
  margin-bottom: 5px;
  margin-top: -3px;
  letter-spacing:-0.05em;
}

.subhead {
font-size: 15px;
font-weight:lighter;
color:#4a4a4a;
letter-spacing:-0.05em;
}

.icon {
padding: 0 3px;
border: 0px;
}




/* Home */

#home #content h1 {
  color:#78c814;
  font-size:48px;
  line-height:100%;
  width:520px;
  font-weight:100;
}

#home #content {
  width:520px;
  float:left;
}

#home #work {
   width:400px;
   float:left;
   margin-left:80px;
}

#home #blurbwork {
   width:330px;
   height:360px;
   background-color:#e2e2e2;
   margin:0 auto;
   margin-top:140px;
}

#home #blurbwork #bcontainer {
   width:300px;
   margin:0 auto;
}

#home #blurbwork  #bcontainer #snippet {
  background-color:#c2c4c7;
  width:290px;
  position:relative;
  top:15px;
  margin-bottom:30px;
  font-size:17px;
  font-weight:bold;
  padding:4px 0px;
  padding-left:7px;
}


#home #blurbwork #bcontainer h2 {
  font-size:13px;
  font-weight:bold;
}


.hlist{margin:0; padding:0; list-style-type:none; }
.hlist li{border:1px dotted #ccc; float:left; font-size:11px; margin:0 5px 0 0; padding:4px; }
.hlist li.hover{ background:#EFFBFF; border-color:#aaa; cursor:pointer; }

/* CAPABILITIES */

#cap {
  float:left;
  width:575px;
}

#rightcol {
  margin-top:50px;
   margin-left:50px;
  float:left;
  width:300px;
  background-color:#e3e6e6;
}

#rightcol ul{
  
}

#rightcol ul li.first {
  background-color:#eee;
  font-weight:bold;
  width:200px;
  list-style:none;
  position:relative;
  left:-20px;
}

#cap ul {
}

#cap ul li.first {
  font-weight:bold;
  list-style:none;
}



/* WORK */
#work {
   margin:0px;
   padding:0px;
}

#work ul {
  margin:0px;
  padding:0px;
}

.hlist{margin:0; padding:0; list-style-type:none; }
.hlist li{border:1px dotted #ccc; float:left; font-size:11px; margin:0 5px 0 0; padding:4px; }
.hlist li.hover{ background:#EFFBFF; border-color:#aaa; cursor:pointer; }


#work ul li {
   list-style:none;
   display:inline;
   float:left;
   width:225px;
   height:320px;
   border:1px #fff solid;
   margin-right:3px;
   margin-bottom:5px;
}

#work ul li img {
  padding:5px;
}

#work ul li img.active {
   display:block;
}

#work ul li img.hovered {
   display:none;
}


#work .headtxt{
   font-size:15px;
   font-weight:bold;
   float:left;
   padding:5px;
   width:210px;
   word-spacing:-1px;
   letter-spacing:-0.4px;
}

#work .desc{
   font-size:12px;
   float:left;
   padding:0px 5px 0px;
}


/* work description */

#workdesc {
   float:left;
   width:400px;
   margin-top:45px;
}

/* CONTACT PAGE */


.form {
  width:560px;
  float:left;
}

#contacttbl {
   padding-top:60px;
}

#contacttbl tr td{
  height:50px;
  font-weight:bold;
  text-align:right;
  margin-right:10px;
}

#contacttbl tr td .label{
  margin-right:10px;
  width:100px;
  display:block;
}

#contacttbl tr td .lastlabel{
  display:block;
  margin-right:10px;
  margin-top:20px;
}

#contacttbl .text {
  background-color:#c2c4c7 !important;
  border:1px solid #c2c4c7;
  padding:10px 0px;
  height:16px;
  width:373px;
}

#contacttbl .texterror {
  background-color:#c2c4c7 !important;
  border:2px solid #e98122;
  padding:9px 0px;
  height:16px;
  width:371px;
}

#contacttbl .submit {
  float:left;
  padding:10px 0px;
}

textarea {
  height:172px;
  width:375px;
  background-color:#c2c4c7 !important;
  border:none;
  padding:10px 0px;
  margin-top:10px;
}

#contacttbl tr td .req, .req {
  color:#e98122;
  text-align:left;
  display:block;
  padding-left:5px;
  font-style:italic;
  font-weight:400;
}

.sent {
   border:#339c26 2px solid;
   padding:10px 10px;
   margin-left:0px;
   position:absolute;
}

#error {
   border:#e57c19 1px solid;
   background-color:#f9e0c8;
   padding:12px 10px;
   margin-left:0px;
   position:absolute;
   width:510px;
   height:27px;
   color:#e98122;
   display:none;
   font-weight:bold;
}

#error img {
  vertical-align:middle;
}

p.contact  {
  width:530px;
}



#map {
  float:right;
  width:265px;
  background-color:#ececec;
  margin-top:30px;
  margin-bottom:20px;
}

.maphead {
  width:200px;
  margin:0 auto;
  margin-top:15px;
  font-size:18px;
  font-weight:bold;
  padding:10px 10px 10px 10px;
  background-color:#c2c4c7;
}

.subhead {
  width:200px;
  margin:0 auto;
  padding:10px 10px 3px 0px;
  font-size:16px;
  font-weight:bold;
}

.subcont {
  width:200px;
  margin:0 auto;
  padding:0px 10px 10px 0px;
  font-size:12px;
}

.submap{
  width:230px;
  margin:0 auto;
  padding:5px 10px 20px 10px;
}




/* BLOG  */

.post {
  width:502px;
  float:left;
  color:#444;
}

/* left side bar */

#leftsidebar h2 a, #leftsidebar h2, #leftsidebar h2 a:hover {
  font-size:22px;
  color:#222222;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  text-decoration:none;
  margin-top:20px;
  margin-bottom:15px;
  display:block;
}

#leftsidebar h2 a:hover {
   color:#8b1e8f !important;
}

#leftsidebar h2 a:visited{
   color:#777 !important;
}

.postmetadata {
  font-size:11px;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  color:#666666;
  margin-bottom:15px;
}

.postmetadata .category a {
  background-color:#fff;
  color:#045e72;
  text-decoration:underline;
}

.postmetadata .category a:hover {
   color:#8c4698;
   background-color:#fff;
   text-decoration:underline;
}

.tag a {
  background-color:#fff !important;
  color:#045e72 !important;
  text-decoration:underline !important;
}

 .tag a:hover {
   color:#8c4698 !important;
   background-color:#fff !important;
   text-decoration:underline !important;
}



.postmetadata .time {
  font-weight:bold;
}

.postmetadata a{
  background-color:#d6dade;
  text-decoration:none;
  color:#666;
  padding:4px 2px;
  line-height:250%
}

.postmetadata a.readmore {
  background-color:#d6dade;
  color:#666;
}

.postmetadata a:hover.readmore {
  background-color:#aeb6be;
  color:#666;
}

.postmetadata .postmetadata .comments {
  background-color:#d6dade;
  padding:4px 2px;
} 

.postmetadata .author{
  font-weight:bold;
}


.postmetadata a:hover{
  background-color:#aeb6be;
  text-decoration:none;
  color:#666;
  padding:4px 2px;
}

.hline {
  width:500px;
  border-top:1px solid #bdbfbf;
  margin-bottom:15px;
}


/* post navigation */
.navigation {
	display:block;
	/* height:50px; */
 	margin:0 auto;
	text-align:center;
	width:400px;
	}
	


.alignright {
	float: right;
	font-size:18px;
	color:#666;
	height:30px;
	padding-top:10px;
	}

.alignleft {
	float: left;
	font-size:18px;
	color:#666;
   /* border-right:1px solid #bdbfbf; */
    height:30px;
	padding-top:10px;
	}
	
.wide {
  width:500px;
}	

.wide .alignleft {
 border:none;
}
	
.alignleft  a, .alignleft  a:hover{
  background-image:url(../images/arrow_previous.jpg);
  background-repeat:no-repeat;
  background-position:left;
  padding-right:50px;
  padding-left:30px;
}

.alignleft  a:hover{
  background-image:url(../images/arrow_previous_hover.jpg);
}

.alignright a, .alignright a:hover {
  background-image:url(../images/arrow_next.jpg);
  background-repeat:no-repeat;
  background-position:right;
  padding-right:30px;
  padding-left:20px;
}

 .alignright a:hover {
   background-image:url(../images/arrow_next_hover.jpg);
 }


/* single post page */
#commentshline {
  margin:0px;
  font-size:20px;
  color:#9a9a9a;
  width:500px;
  border-bottom:1px solid #ccff00;
  padding-bottom:5px;
  margin-bottom:15px;
  letter-spacing:-0.05em;
  display:block;
  font-weight:bold;
}

ol.commentlist {
  padding:0px;
}

ol.commentlist li {
  list-style:none;
  padding:10px;
  margin-bottom:20px;
}

ol.commentlist li.even {
   background-color:#f1f3f4;
}

ol.commentlist li.odd {
   background-color:#e3e6e6;
}

.vcard {
  width:45px;
  padding-right:10px;
  float:left;
}

ol.commentlist p,.commentmetadata{
  width:400px;
  margin-left:55px;
  text-align:left;
}



.time {
  font-weight:bold;
}



textarea#comment {
  padding-top:0px;
  margin-top:0px;
}

.lname {
  float:left;
  font-size:18px;
  font-weight:bold;
  padding-right:10px;
}

input#author,input#email,input#url {
  border:none;
  background-color:#c2c4c7 !important;
  width:390px;
  height:20px;
  padding:6px 0px;
}

textarea#comment {
  width:500px;
  height:205px;
}



/* Right sidebar */

#sidebar {
  width:421px;
  float:right;
  background-color:#ececec;
  margin-bottom:20px;
  color:#444;
}

#sidebar ul {
  margin:0px;
  padding:0px;
  margin-left:15px;
  margin-top:15px;
  margin-right:15px;
}

#sidebar ul li{
  list-style:none;
}

#sidebar ul li.media-icon a{
  padding-right:6px;
}

.sb_title {
  width:380px;
  margin:8px 0px 5px;
  font-size:18px;
  font-weight:bold;
  padding:3px 0px 3px 10px;
  background-color:#c8ced3;
  color:#444;
  font-size:18px;
}

.sb_title_sm1{
    float:left;
  width:200px;
  margin:36px 0px 5px;
  font-size:18px;
  font-weight:bold;
  padding:3px 0px 3px 10px;
  background-color:#c2c4c7;
}

.sb_title_sm2{
  width:160px;
  margin:36px 0px 5px;
  font-size:18px;
  font-weight:bold;
  padding:3px 0px 3px 10px;
  background-color:#c2c4c7;
  float:right;
}

.sb_twitterimgs {
  margin-top:25px;
  margin-bottom:25px;
}

.sb_twitterimgs a{
  padding-left:5px;
}


.rightsidebar {
  float:right;
  width:160px;
}

/* subscribe */
#subscribe2 {
  float:right;
  width:165px;
  height:165px;
  margin-bottom:30px;
}

#subscribe2 h2 {
  background-color:#c8ced3;
  padding:3px 0px 3px 5px; 
  margin-bottom:15px !important;
}

#subscribe2 .subscribe_btn {
  background-image:url(../images/btn_subscribe.jpg);
  border: 0px solid #FFFFFF;
  height:27px;
  width:111px;
}
#subscribe2 .subscribe_btn_hover {
   background-image:url(../images/btn_subscribe_hover.jpg);
  border: 0px solid #FFFFFF;
  height:27px;
  width:111px;
}

#subscribe2 .text {
  background-color:#fff !important;
  border:1px solid #7f9db9;
  height:20px;
  width:160px;
  padding-top:3px;
  margin-top:15px;
}


/* widget subscribe  on the page*/
#leftsidebar #subscribe2 {
  width:265px;
  height:165px;
  margin-bottom:30px;
  float:left;
}

#subscribe2 h2 {
  background-color:#c8ced3;
  padding:3px 0px 3px 5px; 
  margin-bottom:15px !important;
}

#subscribe2 .unsubscribe_btn {
  background-image:url(../images/btn_unsubscribe.jpg);
  border: 0px solid #FFFFFF;
  height:27px;
  width:111px;
  margin-top:10px;
  display:block;
}
#subscribe2 .unsubscribe_btn_hover {
   background-image:url(../images/btn_unsubscribe_roll.jpg);
  border: 0px solid #FFFFFF;
  height:27px;
  width:111px;
  margin-top:10px;
  display:block;
}

#subscribe2 .text {
  background-color:#fff !important;
  border:1px solid #7f9db9;
  height:20px;
  width:160px;
  padding-top:3px;
  margin-top:15px;
}



/* search */

#search, #archives, #categories-386982391 {
  float:right;
  width:165px;
  margin:0px 0px 30px;
}

#search label, #archives h2, #categories-386982391 h2, #recent-comments h2{
  background-color:#c8ced3;
  padding:3px 0px 3px 5px; 
}

#recent-comments ul li,  #categories-386982391 ul li, #archives ul li, #text-649439161 ul li{
  list-style:outside;
  color:#75c816;
}

.recentcomments .commentint {
  color:#444;
}

#search label {
  font-size:18px;
  font-weight:bold;
  color:#444;
  width:160px;
  display:block;
  letter-spacing:-0.05em;
}

#search #s {
  margin:10px 0px;
  width:160px;
  height:16px;
  padding-top:3px;
}


#leftsidebar #searchform label {
  font-size:18px;
  font-weight:bold;
  color:#444;
  width:160px;
  letter-spacing:-0.05em;
}

#leftsidebar #searchform #s {
  margin:10px 0px;
  width:160px;
  height:16px;
  padding-top:3px;
  display:block;
}

#leftsidebar #searchform #searchsubmit {
    margin:0px;
	margin-top:10px;
	display:block;
}


/* twitter */
#twitter {
  width:204px;
  float:left;
}

#twitter h2 {
   background-color:#c8ced3;
  padding:3px 0px 3px 5px; 
}

#juitterContainer2 {
  width:190px;
  padding-top:5px;
}

#juitterContainer2 ul {
  margin:0px;
  padding:0px;
}

#juitterContainer2 ul li {
  background:url(../images/blog_twitterbird.jpg) no-repeat  left top;
  list-style-image:none;
  list-style-position:outside;
  padding-left:25px;
}

.twittLI {
   display:list-item !important;
   margin:0px 0px 20px;
}

.twittList  li.twittLI {
  opacity:1 !important;
  width:180px !important;
  height:100% !important;
}

/* bookmarks */

#delicious-1, #text-649439161, #recent-comments {
  float:left;
  width:204px;
  padding-bottom:30px;
}

#delicious-1  h2 {
  background-color:#c8ced3;
  padding:3px 0px 3px 5px; 
}

#delicious-1  h2 a{
  text-decoration:none;
  color:#444;
}

#delicious-1 ul li {
  list-style:outside;
  color:#75c816;
}


/* flickr */

#flickr {
 float:left;
  width:204px;
  margin-top:20px;
  margin-bottom:20px;
}

#flickr  h2 {
  background-color:#c8ced3;
  padding:3px 0px 3px 5px; 
  margin-bottom:0px;
}

#flickr_badge_wrapper {
  width:204px;
}

#flickr_badge_wrapper a{
  float:left;
  display:inline;
  color:#045e72 !important;
}

#flickr_badge_wrapper a:hover{
  color:#8c4698 !important;
}

#flickr_badge_wrapper a img{
  width:90px;
  height:60px;
  padding:2px;
}



/* Left sidebar */

#leftsidebar {
  width:510px;
  float:left;
}




.clear {
  clear:both;
}



/* search results highlight */

strong.search-excerpt { background-color:#999999; }



/* search */
/*
#lsearch {
  margin:5px;
  float:left;
  display:block;
  font-weight:bold;
  font-size:14px;
}

#s {
  display:block;
  float:left;
  padding:2px;
  margin:5px;
}

#searchsubmit {
  display:block;
  float:left;
  padding-left:10px;
  margin:3px;
}


*/










/* currents */

.currents ul {
  margin:0px;
  padding:0px;
}

.currents ul li {
   float:left;
   display:inline;
   padding:5px;
}


/* classics */

ul.classics li 
{
  display:inline;
  list-style:none;
}



/* Easy Slider */

   img{border:none;}
	pre{
		display:block;
		font:12px "Courier New", Courier, monospace;
		padding:10px;
		border:1px solid #bae2f0;
		background:#e3f4f9;	
		margin:.5em 0;
		width:674px;
		}	
			
    /* image replacement */
	.graphic, #prevBtn, #nextBtn{
		margin:0;
		padding:0;
		display:block;
		overflow:hidden;
		text-indent:-8000px;
		}

	#slider{ margin-right:45px; float:right;}	
	#slider ul, #slider li{
		margin:0;
		padding:0;
		list-style:none;
		
		}
	#slider li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:400px;
		height:400px;
		overflow:hidden; 
		}	
		
		
		
		/* ---------------------*/		
	#prevBtn, #nextBtn{ 
		display:block;
		position:relative;
		left:65px;
		top:190px;
		}	
	#nextBtn{ 
		left:550px;
		top:160px;
		}														
	#prevBtn a, #nextBtn a{  
		display:block;
		width:30px;
		height:30px;
		}
	#prevBtn a {
		background:url(../images/nav_previous_arrow.jpg) no-repeat 0 0;	
		}	
	#nextBtn a{ 
		background:url(../images/nav_next_arrow.jpg) no-repeat 0 0;	
		}	
		
	#nextBtn a:hover{  												
        background:url(../images/nav_next_arrow_hover.jpg) no-repeat 0 0;	
    }
	
	#prevBtn a:hover{
		 background:url(../images/nav_previous_arrow_hover.jpg) no-repeat 0 0;	
	}
	
	


/* CSS- dock menu */

img {
	border: none;
}

/* dock - top */

#dock-top-container {
  padding-top:80px;
  padding-left:550px;
}

.dock {
	position: relative; 
	height: 50px; 
	text-align: center;
}
.dock-container {
	position: absolute;
	height: 50px;
	background: url(images/dock-bg2.gif);
	padding-left: 20px;
	width:500px;
}

.dock-container a:visited, .dock-container a{
  color:#666666 !important;
}

a.dock-item {
	display:block;
	width:40px;
	color:#000;
	position: absolute;
	top: 0px;
	text-align: center;
	text-decoration: none;
	font: bold 12px Arial, Helvetica, sans-serif;
}
.dock-item img {
	border: none; 
	margin: 5px 10px 0px; 
	width: 100%; 
}
.dock-item span {
	display: none; 
	padding-left: 20px;
}

.hover {
   display:none;
}


/* Filter */

ul#filter { float: left; font-size: 16px; list-style: none; margin: 0px; padding:0px; width: 100%; padding-bottom:10px;  margin-left:20px;}
ul#filter li { 
	border-right: 1px solid #dedede;
	float: left;
	line-height: 16px;
	margin-right: 10px;
	padding-right: 10px;
}
ul#filter li:last-child { border-right: none; margin-right: 0; padding-right: 0; }
ul#filter a { color: #999; text-decoration: none; }
ul#filter li.current a, ul#filter a:hover { text-decoration: underline; }
ul#filter li.current a { color: #333; font-weight: bold; }



/* general */



p {
  margin:0px;
  padding-bottom:10px;
}

h1 {
  margin:0px;
  font-size:20px;
  color:#9a9a9a;
  width:970px;
  border-bottom:1px solid #ccff00;
  padding-bottom:5px;
  margin-bottom:15px;
  letter-spacing:-0.05em;
}

h2 {
  font-size:18px;
  font-weight:bold;
  color:#444;
  margin-bottom:3px;
  letter-spacing:-0.05em;
  margin-top:0px;
}

a img {
  border:none;
}

object {
  margin:0;
  padding:0;
}


a.toplink{
   color:#888;
   text-decoration:none;
   float:right;
   padding-top:25px;
}

a:hover.toplink{
   color:#444;
   text-decoration:underline;
}


a {
  color:#045e72;
}

a:hover {
  color:#8c4698;
}

a:visited {
 color:#666666 !important; 
}