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

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

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

.box1 { background:url(images/science_bg1.jpg) no-repeat bottom left; height: 300px; }
.box1 .p1 { position: absolute; left:17px; top: 110px; width: 730px; }
.box1 .p1 strong { color: #4cbad3; }
.box1 .p1 span { display: block; width: 330px; }
.box1 .p2 {
	position: absolute;
	top: 155px;
	left: 365px;
	width: 382px;
}
.box1 .p2 span,
.box1 .p2 strong { float: left; }
.box1 .p2 span { display: block; padding: 0 115px 0 0; }

.box2 li.bg1 { background: #143652 url(images/science_bg2.jpg) no-repeat bottom left; }
.box2 li.bg2 { background: #081d32 url(images/science_bg1.jpg) no-repeat bottom left; }
.box2 li { padding: 25px 15px; }
.box2 li h3 { font-size: 22px; text-transform: uppercase; font-weight: normal; display: block; padding: 0 0 10px 0; line-height: 22px; }
.box2 li h2 { font-size: 16px; color: #ff0a29; font-weight: normal; padding: 0 0 10px 0; line-height: 16px; }

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