/*----------------- STANLEY PROJECT ------------------*/


/*------------------- INDEX PAGE -------------------*/

html {
	width: 800px;
	font-family: Verdana, Trebuchet MS, Helvetica;	
	line-height: 18px;
}

/*---- LOGO ----*/	
	
#logo {
	width: 800px;
    background-color: #ffffff;	
	border: none;
	border:0;
	
}

#logo div {
	margin-top: 22px;
	/*margin-left: 22px;*/
}

/*---- CONTACT ----*/	

#contact {
	font-size: 10px;
	width: 365px;
	margin-top: 30px;
	margin-left: 22px;
	line-height: 14px;

}

.add span {
	color: #000000;
	
}

/*---- FOOTER ----*/	

.footer {
  width:100%;
  background-color:#ffffff;
  clear: both;	
  font-size: 9px;
  margin-top: 540px;
  font color: #888888
  margin-left: 22px;

}



/*---- LEFT COLUMN ----*/	

.copy {
	font-size: 10px;
	width: 450px;
	/*height: 0px;*/
	margin-top: 20px;
	margin-left: 22px;
	line-height: 14px;
}

/*---- MAIN HEADER ----*/	
#showcase h1 {
	border: 0;
	padding: 0;
	margin: 0 0 0 22px;
	font-size: 10px;
	line-height: 20px;
	font-weight: normal;
}

.sub_header {
	margin-top: 20px;
	font-size: 17px;
	line-height: 25px;
}

.sub_header2 {
	margin-top: 20px;
	font-size: 12px;
	line-height: 25px;
}


.copy ul

}
	
	margin-left: -10px;
	padding-left: 0;
	font-size: 10px;
	list-style-position: inside;
	list-style-type: square;

}

.copy span{
	color:#000000;
}

.copy li{
	color:#d71f85;
}

/*---- RIGHT COLUMN ----*/	



.work_example {
	/*margin-left: 420px;
	margin-top: -865px;*/
	font-size: 12px;
	line-height: 18px;
	/*width: 365px;*/
}


.work_example h {
	font-size: 17px;
	
}

.work_example div {
	margin-top: 5px;
}

a, a:link {
	font-size: 10px;
	line-height: 14px;
	color:#d71f85;
	text-decoration: none;
}

	clear:both;

}

/*------------------- LINKPAGES -------------------*/	

/*----------- LINKS ----------*/	


/*---- CONTACT ----*/	

#contact_linkpage {
	font-size: 10px;
	width: 365px;
	margin-top: 20px;
	line-height: 14px;

}

.techmac {
	border: 1px solid grey;
	height:355px;
	width:300px;
}

.pino {
	border: 1px solid grey;
	height:419px;
	width:300px;
}

.synchro {
	border: 1px solid grey;
	height:417px;
	width:300px;
}

.chimera {
	border: 1px solid grey;
	height:425px;
	width:300px;
}

.back_button {
	style: none;
	color: #d71f85;
}

/*---- FOOTER ----*/	

div.footer {
  width:100%;
  background-color:#ffffff;
  clear: both;	
  font-size: 9px;
  margin-top: 540px;
  color: #888888
  margin-left: 22px;

}


/*---- LINKPAGE LEFTCOLUMN ----*/	

.linkpage_leftcolumn {
	width: 365px;
}

/*---- LINKPAGE RIGHTCOLUMN ----*/	

.title {
	font-size: 18px;
	line-height: 18px;
	margin-left: 0px;
	margin-top: 20px;
	width: 250px;
}

.linkpage_rightcolumn {
	margin-left: 430px;
	font-size: 12px;
	line-height: 18px;
	width: 250px;
}

/*---- SEPERATE LINE ----*/

#line {
	width: 1px;
	height: 600px;
	background-color: #000000;
	margin-left: 400px;
	margin-top: -255px;
}

/*---- SHOWCASE----*/	


#showcase {
	padding-top: 20px;
}


#showcase #column_left {
	float: left;
	width: 420px;

}

#showcase #column_right {
	float: left;
	width: 360px;
	margin-top: 20px;
}