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

/* HOME
----------------------------------------------------------------------------- */

.box1,
.box2,
.box3,
.box4,
.box5 { position: relative; }
.box1 img,
.box2 img,
.box3 img,
.box4 img,
.box5 img { display: block; }

.box1 p {
	position: absolute;
	left: 20px;
	top: 138px;
	width: 470px;
}
.box1 p strong { color: #4cbad3; }

.box2 p { position: absolute; left: 315px; top: 95px; width: 430px; text-align: right; }
.box2 p strong { color: #4cbad3; }

.box3 p { position: absolute; left: 20px; top: 98px; width: 470px; }
.box3 p strong { color: #4cbad3; }

.box4 p { position: absolute; left: 27px; top: 60px; width: 720px; }

.box5 { height: 317px; }
.box5 li { float: left; }

.box6 { position: relative; }
.box6 img { display: block; }
.box6 .p1 { width: 347px; position: absolute; top: 92px; left: 23px; }
.box6 .p1 h2 { font-size: 14px; }
.box6 .p1 p { font-style: italic; display: block; padding: 28px 0 15px 0; }
.box6 .p1 strong { color: #dd2700; }
.box6 .p2 { left: 534px; top: 89px; position: absolute; width: 228px; font-size: 12px; line-height: 15px; }
.box6 .bt1 { position: absolute; left: 521px; top: 191px; }
.box6 .bt2 { position: absolute; left: 392px; top: 254px; }
.box6 .bt1 a img,
.box6 .bt2 a img { filter:alpha(opacity=85); -moz-opacity:.85; opacity:.85; }
.box6 .bt1 a:hover img,
.box6 .bt2 a:hover img { filter:alpha(opacity=100); -moz-opacity:100; opacity:100; }