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

/* GENERAL
----------------------------------------------------------------------------- */

* {margin:0; padding:0;}
a{ text-decoration:none;}
a:hover{ text-decoration:none;}
a img {border: 0;}
ul, ol {list-style:none;}
.img_left img{float:left;}
.left {float:left;}
.right {float:right;}
.clear {clear:both;}
.over {overflow:hidden;}
.over1 {overflow:hidden; height:1px;}
.over0 {overflow:hidden; height:0px;}
.block {display:block;}
.del{display:none;}
.null{visibility:hidden;}

/* BASE
----------------------------------------------------------------------------- */

body { margin:0; background: #FFFFFF url(images/template_header-bg.jpg) repeat-x; font-family: Arial, Helvetica, sans-serif; font-size:12px; line-height:1.3em; color:#000; }

/* HEADER
----------------------------------------------------------------------------- */

.header { position: relative; padding: 22px 0 0 0; height: 134px; overflow: hidden; }
.header .logo { top: 57px; left: 25px; position: absolute; }
.header .bt { top: 79px; right: 31px; position: absolute; }

/* CONTENT
----------------------------------------------------------------------------- */
.content { }
.content .box2 { width: 100%; background: url(images/template_box1.jpg) no-repeat; }
.content .box2 .box { margin: 0 auto; width: 776px; padding: 15px 0 0 220px; }
.content .box2 .box .s {}
.content .box2 .box .s .s1 { float: left; width: 49px; }
.content .box2 .box .s .title { font-size: 34px; text-align: center; text-transform: uppercase; font-weight: bold; line-height: 34px; float: left; width: 668px; padding: 10px 0 0 0; }
.content .box2 .box .s .s2 { float: left; width: 49px; }
.content .box2 .box .info { }
.content .box2 .box .info .cover { float: left; border: 2px solid #B7C613; }
.content .box2 .box .info .p { padding: 10px 0 0 25px; float: left; width: 535px; }
.content .box2 .box .info .p a { color: #333333; }
.content .box2 .box .info .p .play { padding: 25px 0 0 0px; }
.content .box2 .box .info .p .play li { float: left; width: 233px; height: 44px; }
.content .box2 .box .info .p .play li.web { background: url(images/template_box2-play1.jpg) no-repeat; }
.content .box2 .box .info .p .play li.external { background: url(images/template_box2-play2.jpg) no-repeat; }
.content .box2 .box .info .p .play li a { font-size: 20px; font-weight: bold; line-height: 20px; padding: 9px 0 0 50px; display: block; text-transform: uppercase; }
.content .box2 .box .info .p .bt { padding: 15px 0 0 8px; }
.content .box2 .box .info .p .bt li { float: left; width: 253px; height: 38px; }
.content .box2 .box .info .samples { padding: 39px 0 13px 0; }
.content .box2 .box .info .samples li { width: 119px; height: 89px; float: left; padding: 0 9px 9px 0; overflow: hidden; }
.content .box2 .box .info .samples li img { border: 2px solid #B7C613; display: block;}

/* FOOTER
----------------------------------------------------------------------------- */
.footer { }