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

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

.box1 { position: relative; }
.box1 img { display: block; }

.box2 { position: relative; }
.box2 img { display: block; }
.box2 strong { color: #4cb9d2; }
.box2 .p1 { position: absolute; left: 11px; top: 109px; width: 480px; }
.box2 .p2 { position: absolute; left: 11px; top: 255px; width: 740px; }

.box3 { position: relative; }
.box3 img { display: block; }
.box3 ul {
	left: 400px;
	top: 37px;
	position: absolute;
}
.box3 li { display: block; height: 100px; width: 365px; }

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