/*------------------------------------------
See more buttons
-------------------------------------------*/

#seeMoreTechButton {
    height: 11px;
    right: 0px;
    position:absolute;
}


#seeMoreTechButton a {
	display: block;
	height: 11px;
	width: 142px;
	background-image: url(/static/site_images/button_next_tech.jpg);
	background-repeat: no-repeat;
	text-indent: -5000px;
	outline: none;
}

#seeMoreTechButton a:hover {
	background-position: 0 -10px;
}

#seeMoreWorkButton {
    position: absolute;
    height: 11px;
    right: 0;
    top: 14px;
    z-index: 100;
}

#seeMoreWorkButton a {
	display: block;
	height: 11px;
	width:100px;
	background-image: url(/static/site_images/button_next_work.jpg);
	background-repeat: no-repeat;
	text-indent: -5000px;
	outline: none;
}


#seeMoreWorkButton a:hover {
	background-position: 0 -10px;
	}
	
	
#seeMoreCompany {
    position: absolute;
    right: 0;
}	
	
#seeMoreCompany a {
	display: block;
	height: 11px;
	width:115px;
	background-image: url(/static/site_images/button_next_company.jpg);
	background-repeat: no-repeat;
	text-indent: -5000px;
	outline: none;
}


#seeMoreCompany a:hover {
	background-position: 0 -10px;
	}
	

#becomeClientButton {
    height:11px;
    margin:3px 3px 15px 3px;
    float: left;
}


#becomeClientButton a {
	display: block;
	height: 11px;
	width:107px;
	background-image: url(/static/site_images/button_become_a_client.jpg);
	background-repeat: no-repeat;
	text-indent: -5000px;
	outline: none;
}


#becomeClientButton a:hover {
	background-position: 0 -10px;
}



/*------------------------------------------
project Holder-------------------------------------------*/

#project-button-holder {
    position: relative;
    margin: 260px auto 0 auto;
}

#project-button-holder div {
    background:transparent url('/static/site_images/project_buttons.png') no-repeat 0 -34px;
    width:17px;
    height:17px;
    float:left;
    cursor:pointer;
    margin:0 0 0 3px;
    padding:0;
}

#project-button-holder #projectButton1 {
    margin: 0;
}

#project-button-holder div.over {
	background-position: 0 -17px;
}

#project-button-holder div.selected {
	background-position: 0 0px;
	cursor:auto;
}

/*------------------------------------------
Technology styles
-------------------------------------------*/

#techHolder {
    width: 822px;
    padding: 19px 39px;
    margin: 0 auto;
    position:relative;
    border-top: 1px solid #e6e6e6;
}

#techHolder img {
    float:left;
    margin:0;
    padding:0;
}

#techCopy {
    float:left;
    margin: 0 0 0 21px;
    width: 397px;
}

#techCopy h3 {
    font-family:"Droid Serif";
    font-size:14px;
    color:#171715;
    letter-spacing:0.05em;
    font-weight:normal;
    margin: 0 0 7px 0;
}

#techCopy h4 {
    font-family:"Helvetica", Arial, sans-serif;
    font-size:10px;
    color:#7eb500;
    font-weight:normal;
    margin: 0 0 5px 0;
/*     float:left; */
}

#techCopy p {
    font-family: "Helvetica", Arial, sans-serif;
    font-size: 11px;
    color: #333333;
    line-height: 15px;
    font-weight: normal;
    margin: 0 0 10px 0;
    /* float:left; */
}

/*------------------------------------------
Data Styles styles
-------------------------------------------*/
.dataHolder {
    width: 843px;
    margin: 0 auto;
    padding: 19px 18px 19px 39px;
    border-top: 1px solid #e6e6e6;
    position:relative;
}

.dataHolder img {
    display: block;
    margin:0;
    padding:0;
}

.dataHolder h3 {
    font-family:"Droid Serif";
    font-size:14px;
    color:#171715;
    letter-spacing:0.05em;
    font-weight:normal;
    margin: 0 0 16px 0;
    float:left;
    clear: both;
}

.dataRight {
    overflow: hidden;
    padding: 5px 0 0 0;
}

.dataLargeChart {
    float:left;
    margin: 0 38px 5px 0;
}

.dataMiniHolder {
    float: left;
    width: 209px;
    min-height: 100px;
    margin: 0 0 0 0;
}

.dataMiniHolder.firstCol {
    clear: left;
}

.dataHolder h2 {
    width: 188px;
    font: 12px/15px "Helvetica", Arial, sans-serif;
    text-transform:uppercase;
    border-bottom: 1px solid #E6E6E6;
}

.dataHolder.process h2 {
    width:auto;
}

.dataMiniLeft {
    float:left;
    margin:0;
    padding:0;
}

.dataMiniLeft h4 {
    margin:5px 0 0 0;
    font-weight:normal;
    font-family:"Droid Serif";
    font-size:36px;
}

.dataMiniLeft h5 {
    margin:0;
    padding:0;
    font-weight:normal;
    font-family:"Droid Serif";
    font-size:72px;
    letter-spacing:-4px
} 
.dataMiniRight {
    float:left;
    margin: 4px 0 0 10px;
    font-size:10px;
    width:105px;
    font-family:Georgia, Times, serif;
}

/* .dataHolder {
    overflow: hidden;
} */

.process {
    margin: 0 auto;
}
.process p {
    margin: 0 0 7px 0;
    font: 11px/15px Helvetica, sans-serif;
    color: #333333;
}
.process li {
    font: 10px/15px Georgia, serif;
    color: #333333;
}
.process h2 {
    width: 397px;
    margin: 0 0 6px 0;
}
.process h3 {
    float: none;
    margin: 0 0 15px 0;
}
.process .dataMiniHolder {
    height: auto;
}
.process .dataRight {
    overflow: hidden;
}

/*------------------------------------------
Data Styles styles
-------------------------------------------*/
#clientHolder {
    width: 890px;
    margin: 0 auto;
    padding: 19px 0 19px 0;
    border-top: 1px solid #e6e6e6;
    position: relative;
}
#clientHolder img {
    float:left;
    margin:0;
    padding:0;
}
.clientRightContainter {
    float:left;
    border-left:1px solid #a3a4a4;
    height:17px;
    margin:20px 0 0 10px;
    padding:0 0 0 10px;
}