/*
   __              __                                             
  /\ \  __        /\ \                                            
  \_\ \/\_\    ___\ \ \/'\     ___ ___      __      ___     ____  
  /'_` \/\ \  /'___\ \ , <   /' __` __`\  /'__`\  /' _ `\  /',__\ 
 /\ \L\ \ \ \/\ \__/\ \ \\`\ /\ \/\ \/\ \/\ \L\.\_/\ \/\ \/\__, `\
 \ \___,_\ \_\ \____\\ \_\ \_\ \_\ \_\ \_\ \__/.\_\ \_\ \_\/\____/
  \/__,_ /\/_/\/____/ \/_/\/_/\/_/\/_/\/_/\/__/\/_/\/_/\/_/\/___/ design.com
  
*/

/* pics
----------------------------------------------------------------------------- */
.content p{font-size:14px; line-height:1.2em;}

.content p strong{background:#EFC1A0; padding:0 5px; color:#000;}

.intro{ position:relative; width:974px;}

.intro h3{
	position:absolute;
	top:49px;
	left:31px;
}
.intro p{
	position:absolute;
	top:140px;
	left:26px;
	width: 625px;
}
.intro p a{ text-decoration:underline;} 
.intro .but{
	position:absolute;
	top:258px;
	left:61px;
}

.samples{ position:relative; width:974px;}
.samples h3{
	position:absolute;
	top:19px;
	left:33px;
	z-index:100;
}
.samples ul{
	position:absolute;
	top:72px;
	left:49px;
}
.samples li{ float:left;  margin:0 25px 20px 0; background:#000;}
.samples li img{ display:block;}
.samples li a img{opacity:0.8; filter: alpha(opacity=80); -moz-opacity:0.8;}
.samples li a:hover img{opacity:1; filter: alpha(opacity=100); -moz-opacity:1;}


.video{ position:relative; width:974px;}
.video h3{
	position:absolute;
	top:25px;
	left:221px;
}
.video p{
	position:absolute;
	top:123px;
	left:45px;
	width: 334px;
}
.video .but{
	position:absolute;
	top:378px;
	left:44px;
}
.video .flashbox{
	position:absolute;
	top:125px;
	left:467px;
	width:437px;
	height:328px;
}

.res{ position:relative; width:974px;}
.res h3{
	position:absolute;
	top:0px;
	left:184px;
}
.res p{
	position:absolute;
	top:594px;
	left:226px;
	width:528px;
}