body { background: #dfdfdf url(../images/background-repeat.gif) repeat; font-family: "Lucida Grande", Verdana, Tahoma, sans-serif; color: #666; }
body, html { height: 100%; }
html { font-size: 62.5%; }

#wrap { width: 1024px; min-height: 100%; margin: 0 auto; padding: 0 19px 0 19px; background: url(../images/background.gif) repeat-y;; }

#social { position: absolute; margin: 160px 0 0 -27px; z-index: 1; }

#footer .links { display: none; }
#footer .subscribe { float: left; margin: 0 0 0 210px; }
#footer .bottom .right { display: none; }

#content { width: 1024px; padding: 0 0 30px 0; background: #fff; }

#template1 { padding: 50px 100px 30px 40px; }
#template1 a.back { float: left; display: block; width: 41px; height: 41px; background: url(../images/back.gif); text-indent: -9000px; overflow: hidden; }
#template1 .content { float: right; width: 813px; }
#template1 .content .title { display: block; padding: 20px 0 15px 0; color: #ea008b; font-weight: bold; font-size: 2.6em; }
#template1 .content .description { font-size: 1.2em; line-height: 1.5em; color: #333333; }
#template2 { padding: 50px 35px 30px 40px; }
#template2 a.back { float: left; display: block; width: 41px; height: 41px; background: url(../images/back.gif); text-indent: -9000px; overflow: hidden; }
#template2 .content { float: left; width: 890px; padding: 0 0 0 15px; }
#template2 .content .title { display: block; padding: 0 0 15px 0; color: #ea008b; font-weight: bold; font-size: 2.6em; }
#template2 .content .detail .description { float: left; width: 330px; font-size: 1.2em; line-height: 1.5em; color: #333333; }
#template2 .content .detail .images { float: right; display: block; width: 517px; }
#template2 .content .detail .images li { margin: 0 0 13px 0; }

#boxes img { cursor: pointer; }
#boxes img.hover { position: absolute; }
#boxes div.box.hover { background: #ea008b; }
#boxes div.box.hover a { color: #fff; }

#boxes .darker { background: #5b5b5b; }
#boxes .darker .title { color: #fff; font-size: 2.4em; }
#boxes .darker .description { color: #fff; }
#boxes .darker .description a { color: #e66ab4; }
#boxes .dark { background: #676767; }
#boxes .dark .title { color: #fff; font-size: 2.4em; }
#boxes .dark .description { color: #fff; }
#boxes .dark .description a { color: #e66ab4; }
#boxes .medium { background: #8a8a8a; }
#boxes .medium .title { color: #fff; font-size: 2.4em; }
#boxes .medium .description { color: #fff }
#boxes .medium .description a { color: #fba3d7; }
#boxes .light { background: #b9bab9; }
#boxes .light .title { color: #fff; font-size: 2.4em; }
#boxes .light .description { color: #fff; }
#boxes .light .description a { color: #f154b1; }

#boxes .box .content .title a { color: #fff; }
#boxes .box:hover { background: #ea008b; }
#boxes .box:hover .content .title { color: #fff; }
#boxes .box:hover .content .description { color: #fff; }

#boxes .box1 { float: left; display: block; width: 703px; height: 194px; border-bottom: 1px solid #fff; overflow: hidden; text-decoration: none; }
#boxes .box1 img { float: right; display: block; width: 180px; height: 194px; }
#boxes .box1 .content { float: left; width: 442px; padding: 20px 20px 20px 20px; }
#boxes .box1 .content .title { display: block; padding: 0 0 8px 0; font-weight: bold; }
#boxes .box1 .content .description { font-size: 1.1em; line-height: 1.2em; }
#boxes .box2 { float: right; display: block; width: 320px; height: 194px; border-bottom: 1px solid #fff; overflow: hidden; text-decoration: none; }
#boxes .box2 img { display: block; width: 320px; height: 65px; border-bottom: 1px solid #fff; }
#boxes .box2 .content { width: 296px; padding: 12px 12px 12px 12px; }
#boxes .box2 .content .title { display: block; padding: 0 0 8px 0; font-weight: bold; }
#boxes .box2 .content .description { font-size: 1.1em; line-height: 1.2em; }
#boxes .box3 { float: left; display: block; width: 309px; height: 173px; border-bottom: 1px solid #fff; overflow: hidden; text-decoration: none; }
#boxes .box3 .content { width: 269px; padding: 20px 20px 20px 20px; }
#boxes .box3 .content .title { display: block; padding: 0 0 8px 0; font-weight: bold; }
#boxes .box3 .content .description { font-size: 1.1em; line-height: 1.2em; }
#boxes .box4 { float: left; display: block; width: 394px; height: 173px; border-bottom: 1px solid #fff; overflow: hidden; text-decoration: none; }
#boxes .box4 img { display: block; width: 394px; height: 173px; }
#boxes .box5 { display: block; width: 703px; height: 113px; border-bottom: 1px solid #fff; overflow: hidden; text-decoration: none; }
#boxes .box5 img { float: left; display: block; width: 127px; height: 113px; }
#boxes .box5 .content { float: right; width: 551px; height: 89px; padding: 12px 12px 12px 12px; }
#boxes .box5 .content .title { display: block; padding: 0 0 8px 0; font-weight: bold; }
#boxes .box5 .content .description { font-size: 1.1em; line-height: 1.2em; }
#boxes .box6 { float: right; display: block; width: 320px; height: 287px; border-bottom: 1px solid #fff; overflow: hidden; text-decoration: none; }
#boxes .box6 img { float: left; display: block; width: 100px; height: 287px; }
#boxes .box6 .content { float: right; width: 195px; height: 263px; padding: 12px 12px 12px 12px; }
#boxes .box6 .content .title { display: block; padding: 0 0 8px 0; font-weight: bold; }
#boxes .box6 .content .description { font-size: 1.1em; line-height: 1.2em; }
#boxes .box7 { display: block; width: 703px; height: 111px; border-bottom: 1px solid #fff; overflow: hidden; text-decoration: none; }
#boxes .box7 img { float: right; display: block; width: 144px; height: 111px; }
#boxes .box7 .content { float: left; width: 534px; height: 87px; padding: 12px 12px 12px 12px; }
#boxes .box7 .content .title { display: block; padding: 0 0 8px 0; font-weight: bold; }
#boxes .box7 .content .description { font-size: 1.1em; line-height: 1.2em; }
#boxes .box8 { float: left; display: block; width: 386px; width: 703px; height: 172px; border-right: 1px solid #fff; overflow: hidden; text-decoration: none; }
#boxes .box8 img { float: left; display: block; width: 146px; height: 172px; }
#boxes .box8 .content { float: right; width: 215px; width: 527px; height: 148px; padding: 12px 12px 12px 12px; }
#boxes .box8 .content .title { display: block; padding: 0 0 8px 0; font-weight: bold; }
#boxes .box8 .content .description { font-size: 1.1em; line-height: 1.2em; }
#boxes .box9 { float: right; display: block; width: 320px; height: 284px; border-bottom: 1px solid #fff; overflow: hidden; text-decoration: none; }
#boxes .box9 img { float: right; display: block; width: 103px; height: 284px; }
#boxes .box9 .content { float: left; width: 192px; height: 263px; padding: 12px 12px 12px 12px; }
#boxes .box9 .content .title { display: block; padding: 0 0 8px 0; font-weight: bold; }
#boxes .box9 .content .description { font-size: 1.1em; line-height: 1.2em; }
#boxes .box10 { float: left; width: 511px; height: 172px; border-right: 1px solid #fff; overflow: hidden; text-decoration: none; }
#boxes .box10 img { float: right; display: block; width: 146px; height: 172px; }
#boxes .box10 .content { float: left; width: 325px; height: 132px; padding: 20px 20px 20px 20px; }
#boxes .box10 .content .title { display: block; padding: 0 0 8px 0; font-weight: bold; }
#boxes .box10 .content .description { font-size: 1.1em; line-height: 1.2em; color: #3e3e3e; }
#boxes .box11 { float: left; width: 512px; height: 172px; overflow: hidden; text-decoration: none; }
#boxes .box11 img { float: right; display: block; width: 146px; height: 172px; }
#boxes .box11 .content { float: left; width: 326px; height: 132px; padding: 20px 20px 20px 20px; }
#boxes .box11 .content .title { display: block; padding: 0 0 8px 0; font-weight: bold; }
#boxes .box11 .content .description { font-size: 1.1em; line-height: 1.2em; }

/*
#boxes .box9 { float: left; display: block; width: 386px; height: 452px; background: #989898; overflow: hidden; text-decoration: none; }
#boxes .box9 img { display: block; width: 386px; height: 113px; border-bottom: 1px solid #fff; }
#boxes .box9 .content { width: 356px; height: 315px; padding: 12px 15px 12px 15px; }
#boxes .box9 .content .title { display: block; padding: 0 0 8px 0; font-size: 2.6em; color: #fff; font-weight: bold; }
#boxes .box9 .content .description { font-size: 1.1em; line-height: 1.2em; color: #fff; }
#boxes .box9:hover .content { background: #ea008b; }
#boxes .box10 { display: block; width: 637px; height: 113px; background: #989898; border-bottom: 1px solid #fff; overflow: hidden; text-decoration: none; }
#boxes .box10 img { float: right; display: block; width: 128px; height: 113px; }
#boxes .box10 .content { float: left; width: 485px; height: 87px; padding: 15px 12px 15px 12px; }
#boxes .box10 .content .title { display: block; padding: 0 0 8px 0; font-size: 2.6em; color: #3e3e3e; font-weight: bold; }
#boxes .box10 .content .description { font-size: 1.1em; line-height: 1.2em; color: #3e3e3e; }
#boxes .box10:hover { background: #ea008b; }
#boxes .box10:hover .content .title { color: #fff; }
#boxes .box10:hover .content .description { color: #fff; }
#boxes .box11 { display: block; width: 637px; height: 113px; background: #989898; border-bottom: 1px solid #fff; overflow: hidden; text-decoration: none; }
#boxes .box11 img { float: left; display: block; width: 128px; height: 114px; }
#boxes .box11 .content { float: right; width: 485px; height: 87px; padding: 15px 12px 15px 12px; }
#boxes .box11 .content .title { display: block; padding: 0 0 8px 0; font-size: 2.6em; color: #fff; font-weight: bold; }
#boxes .box11 .content .description { font-size: 1.1em; line-height: 1.2em; color: #fff; }
#boxes .box11:hover { background: #ea008b; }
#boxes .box12 { float: left; display: block; width: 316px; height: 224px; background: #989898; border-right: 1px solid #fff; overflow: hidden; text-decoration: none; }
#boxes .box12 .content { height: 127px; padding: 12px 15px 12px 15px; }
#boxes .box12 .content .title { display: block; padding: 0 0 8px 0; font-size: 2.6em; color: #3e3e3e; font-weight: bold; }
#boxes .box12 .content .description { font-size: 1.1em; line-height: 1.2em; color: #3e3e3e; }
#boxes .box12:hover { background: #ea008b; }
#boxes .box12:hover .content .title { color: #fff; }
#boxes .box12:hover .content .description { color: #fff; }
#boxes .box12 img { display: block; width: 321px; height: 73px; }
#boxes .box13 { float: right; display: block; width: 320px; height: 224px; background: #989898; overflow: hidden; text-decoration: none; }
#boxes .box13 .content { height: 127px; padding: 12px 15px 12px 15px; }
#boxes .box13 .content .title { display: block; padding: 0 0 8px 0; font-size: 2.6em; color: #fff; font-weight: bold; }
#boxes .box13 .content .description { font-size: 1.1em; line-height: 1.2em; color: #fff; }
#boxes .box13:hover { background: #ea008b; }
#boxes .box13 img { display: block; width: 320px; height: 75px; }
*/

@media screen {
  .sIFR-flash { visibility: visible !important; margin: 0; padding: 0; }
  .sIFR-replaced, .sIFR-ignore { visibility: visible !important; }
  .sIFR-alternate { position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden; }
  .sIFR-replaced div.sIFR-fixfocus {  margin: 0pt; padding: 0pt; overflow: auto; letter-spacing: 0px; float: none; }
}

@media print {
  .sIFR-flash { display: none !important; height: 0; width: 0; position: absolute; overflow: hidden; }
  .sIFR-alternate { visibility: visible !important; display: block !important; position: static !important; left: auto !important; top: auto !important; width: auto !important; height: auto !important; }
}