Index Gaming Perfomance

Subiect: Index Gaming Perfomance Vin Dec 05, 2014 10:37 pm

Previzualizare : [Trebuie sa fiti inscris si conectat pentru a vedea acest link]

Autor:necunoscut
distribuit de : fraNNNta
Copyright: DA
Download :

Cod:: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>THE BEST-CRIPS</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<link href="style.css" rel="stylesheet" type="text/css" />
<link href="layout.css" rel="stylesheet" type="text/css" />
<script src="http://images.osc3.template-help.com/wt_28055/js/jquery-1.3.2.min.js" type="text/javascript"></script>
<script src="http://images.osc3.template-help.com/wt_28055/js/loopedslider.js" type="text/javascript"></script>
<script type="text/javascript">
$(function(){
$('#loopedSlider').loopedSlider();
});
</script>

</head>
<body id="page1">
<div class="tail-top">
<div class="main-bg">
<div class="tail-bottom">
<div id="main">

<div id="header">
<div class="row-1">
<div class="fleft"><a href="#"><img alt="" src="http://i32.servimg.com/u/f32/14/12/03/12/logono10.png" /></a></div>
<ul class="top-links">
<li><a href="#">Regulament</a>|</li>
<li><a href="#">Forums</a>|</li>
<li><a href="#">Parteneri</a>|</li>
<li><a href="#">Prezentare</a>|</li>
<li><a href="#">Contact</a></li>
</ul>
</div>
<div class="row-2">

<ul class="nav">
<li><a href="#" class="current"><span><span>Forumgratuit</span></span></a></li>
<li><a href="#"><span><span>Counter-strike</span></span></a></li>
<li><a href="#"><span><span>Photoshop</span></span></a></li>
<li><a href="#"><span><span>SAMP</span></span></a></li>
<li><a href="#"><span><span>Metin2</span></span></a></li>
<li><a href="#"><span><span>Galerie</span></span></a></li>
<li class="last"><a href="#"><span><span>Multimedia</span></span></a></li>
</ul>

</div>
<div class="row-3">
<ul class="subnav">
<li><a href="http://frannnta-design.hitforum.ro/f84-teme-create-de-noi">Teme Fg</a>|</li>
<li><a href="http://frannnta-design.hitforum.ro/f82-templateuri">Template</a>|</li>
<li><a href="http://frannnta-design.hitforum.ro/f42-suport-pentru-forum-gratuit">Suport</a>|</li>
<li><a href="http://frannnta-design.hitforum.ro/f10-phpbb2">Tut. Phpbb2</a>|</li>
<li><a href="http://frannnta-design.hitforum.ro/f11-phpbb3">Tut. Phpbb3</a>|</li>
<li><a href="http://frannnta-design.hitforum.ro/f12-punbb">Tut. Punbb</a>|</li>
<li><a href="http://frannnta-design.hitforum.ro/f16-invision">Tut. Invision</a>|</li>
<li><a href="http://frannnta-design.hitforum.ro/f19-diferite-coduri">Tutoriale si Coduri</a></li>
</ul>
</div>
<div class="row-4">
<div class="indent">
<form id="search-form" action="">
<fieldset>
<input type="text" value="Search" class="text" onfocus="if(this.value=='Search'){this.value=''}" onblur="if(this.value==''){this.value='Search'}"
/><input type="submit" value="" class="submit" />
</fieldset>
</form>
<form action="" id="login-form">
<fieldset><input type="text" class="text" value="User name:" onfocus="if(this.value=='User name:'){this.value=''}" onblur="if(this.value==''){this.value='User name:'}"/><input type="password" class="password" value="Password:" onfocus="if(this.value=='Password:'){this.value=''}" onblur="if(this.value==''){this.value='Password:'}"/><input type="submit" value="Login" class="submit"/> <a href="http://tbcrs-torneos.clubme.net/login?connexion"><span>Lost Password?</span></a> No account yet? <a href="http://tbcrs-torneos.clubme.net/register">Register</a> </fieldset>
</form>
</div>
</div>
</div>

<div id="content">

<div class="slider">
<div class="inner">
<div id="loopedSlider">
<div class="container">
<div class="slides" style="width: 2484px; left: -1863px; ">
<div style="position: absolute; display: block; left: 2484px; "><img alt="" src="http://img67.xooimage.com/files/5/1/5/bola-8-2fa8307.jpg"></div>
<div style="position: absolute; left: 621px; display: block; "><img alt="" src="http://img70.xooimage.com/files/a/c/6/9-ball-2fa831a.jpg"></div>
<div style="position: absolute; left: 1242px; display: block; "><img alt="" src="http://img69.xooimage.com/files/6/9/3/carom-2fa832a.jpg"></div>
<div style="position: absolute; display: block; left: 1863px; ">

<iframe width="620" height="385" src="http://www.youtube.com/embed/8vux1Oe8oWo?rel=0" frameborder="0" allowfullscreen></iframe>

</div>
</div>
</div>
<ul class="pagination">
<li class="">
<a href="http://www.youtube.com/watch?v=Unn_WH8oqHE&feature=g-vrec" rel="1">
<img alt="" src="http://img71.xooimage.com/files/3/d/2/8-ball-1-2fa8354.jpg">
<strong>TB-CrS</strong><br>
<span>8 BALL</span><br>
<b>Video preview</b>
</a>
</li>
<li class="">
<a href="#" rel="2">
<img alt="" src="http://img73.xooimage.com/files/4/4/9/9-ball-1-2fa837d.jpg">
<strong>TB-CrS</strong><br>
<span>9 BALL</span><br>
<b>Video preview</b>
</a>
</li>
<li class="">
<a href="#" rel="3">
<img alt="" src="http://img71.xooimage.com/files/b/1/2/carom-1-2fa8374.jpg">
<strong>TB-CrS</strong><br>
<span>CAROM</span><br>
<b>Video preview</b>
</a>
</li>
<li class="active">
<a href="#" rel="4">
<img alt="" src="http://img66.xooimage.com/files/a/3/e/snoker-1-2fa83ae.jpg">
<strong>TB-CrS</strong><br>
<span>SNOOKER</span><br>
<b>Video preview</b>
</a>
</li>
</ul>
</div>
</div>
</div>
<div class="main-box">
<div class="left-top-corner">
<div class="right-top-corner">
<div class="border-top"></div>
</div>
</div>
<div class="inside">
<div class="section">
<div class="title">
<a href="#" class="fright">All games</a><h2>In the Mix</h2>
</div>

<ul class="top-games">
<li>

<div class="box">
<div class="right-bot-corner1">
<div class="left-bot-corner1">
<a href="#" class="img-wrap"><img alt="" src="http://images.osc3.template-help.com/wt_28055/images/1page-img1.jpg" /></a>
<div class="wrapper">
<strong>The Secret World<br />
(PC)</strong>
<a href="#" class="button1">Video preview</a>
</div>
</div>
</div>
</div>

</li>
<li>

<div class="box">
<div class="right-bot-corner1">
<div class="left-bot-corner1">
<a href="#" class="img-wrap"><img alt="" src="http://images.osc3.template-help.com/wt_28055/images/1page-img2.jpg" /></a>
<div class="wrapper">
<strong>The Secret World<br />
(PC)</strong>
<a href="#" class="button1">Video preview</a>
</div>
</div>
</div>
</div>

</li>
<li class="last">

<div class="box">
<div class="right-bot-corner1">
<div class="left-bot-corner1">
<a href="#" class="img-wrap"><img alt="" src="http://images.osc3.template-help.com/wt_28055/images/1page-img3.jpg" /></a>
<div class="wrapper">
<strong>The Secret World<br />
(PC)</strong>
<a href="#" class="button1">Video preview</a>
</div>
</div>
</div>
</div>

</li>
</ul>

</div>
<div class="wrapper">
<div class="col-1">

<div class="box1">
<div class="left-top-corner1">
<div class="right-top-corner1">
<div class="right-bot-corner1">
<div class="left-bot-corner1">
<div class="inner">
<h3>Latest Headlines</h3>
<ul class="list1">
<li><a href="#">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam.</a></li>
<li><a href="#">Ipsum dolor sit amet, consectetuer adipiscing elit, sed diam.</a></li>
<li><a href="#">Set ipsum dolor sit amet, consectetuer adipiscing elit, sed diam.</a></li>
<li><a href="#">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam.</a></li>
</ul>
<div class="alignright"><a href="#"><strong>See all</strong></a> </div>
</div>
</div>
</div>
</div>
</div>
</div>

</div>
<div class="col-2">

<div class="box1 bg1">
<div class="left-top-corner1">
<div class="right-top-corner1">
<div class="right-bot-corner1">
<div class="left-bot-corner1">
<div class="inner">
<h3>Editors' Picks</h3>
<ul class="list1">
<li><a href="#">Set ipsum dolor sit amet, consectetuer adipiscing elit, sed diam.</a></li>
<li><a href="#">Dolor sit amet, consectetuer adipiscing elit, sed diam.</a></li>
<li><a href="#">Set ipsum dolor sit amet, consectetuer adipiscing elit, sed diam.</a></li>
<li><a href="#">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam.</a></li>
</ul>
<div class="alignright"><a href="#"><strong>See all</strong></a> </div>
</div>
</div>
</div>
</div>
</div>
</div>

</div>
<div class="col-3">

<div class="box1 bg2">
<div class="left-top-corner1">
<div class="right-top-corner1">
<div class="right-bot-corner1">
<div class="left-bot-corner1">
<div class="inner">
<h3>Video Picks</h3>
<ul class="list1">
<li><img alt="" src="http://images.osc3.template-help.com/wt_28055/images/1page-img4.jpg" /><a href="#">Lorem ipsum dolor sit amet, adipiscing elit, sed diam.</a></li>
<li><img alt="" src="http://images.osc3.template-help.com/wt_28055/images/1page-img5.jpg" /><a href="#">Ipsum dolor sit amet, adipiscing elit, sed diam.</a></li>
<li><img alt="" src="http://images.osc3.template-help.com/wt_28055/images/1page-img6.jpg" /><a href="#">Dolor sit amet, adipiscing elit, sed diam.</a></li>
<li><img alt="" src="http://images.osc3.template-help.com/wt_28055/images/1page-img7.jpg" /><a href="#">Set ipsum dolor sit amet, adipiscing elit, sed diam.</a></li>
</ul>
<div class="alignright"><a href="#"><strong>See all</strong></a> </div>
</div>
</div>
</div>
</div>
</div>
</div>

</div>
</div>
</div>
</div>

</div>

<div id="footer">
<div class="indent">
<div class="wrapper">
<div class="fleft">
<ul class="subnav">
<li><a href="#">PC</a>|</li>
<li><a href="#">Xbox</a>|</li>
<li><a href="#">360</a>|</li>
<li><a href="#">Wii</a>|</li>
<li><a href="#">PS3</a>|</li>
<li><a href="#">PS2</a>|</li>
<li><a href="#">PSP</a>|</li>
<li><a href="#">DS</a></li>
</ul>
Game portal .© 2010   <a href="#">Privacy Policy</a>
</div>
<div class="fright">
<ul class="alt-links">
<li><a href="#">Community</a>|</li>
<li><a href="#">Forums</a>|</li>
<li><a href="#">Videos</a>|</li>
<li><a href="#">Cheats</a>|</li>
<li><a href="#">Features</a></li>
</ul>
<ul class="social-services">
<li><a href="#"><img alt="" src="http://images.osc3.template-help.com/wt_28055/images/icon-twitter.jpg" /></a></li>
<li><a href="#"><img alt="" src="http://images.osc3.template-help.com/wt_28055/images/icon-facebook.jpg" /></a></li>
<li><a href="#"><img alt="" src="http://images.osc3.template-help.com/wt_28055/images/icon-su.jpg" /></a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
try {
var pageTracker = _gat._getTracker("UA-7078796-1");
pageTracker._trackPageview();
} catch(err) {}</script>
</body>
</html>
<style>

* {
margin:0;
padding:0;
}
html, body {
height:100%;
}
html {
min-width:923px;
}
body {
background:#100e0e;
font-family:Arial, Helvetica, sans-serif;
font-size:100%;
line-height:1em;
color:#8d8c8c;
}

img {
border:0;
vertical-align:top;
text-align:left;
}
object {
vertical-align:top;
outline:none;
}
ul, ol {
list-style:none;
}
table, table td {
padding:0;
border:none;
border-collapse:collapse;
}

.fleft {
float:left;
}
.fright {
float:right;
}
.clear {
clear:both;
}

.col-1, .col-2, .col-3 {
float:left;
}

.alignright {
text-align:right;
}
.aligncenter {
text-align:center;
}

.wrapper {
width:100%;
overflow:hidden;
}
.container {
width:100%;
}

/*==== GLOBAL =====*/
#main {
width:923px;
margin:0 auto;
font-size:.8125em;
}

#header {
height:220px;
}
#footer {
height:115px;
background:url(http://images.osc3.template-help.com/wt_28055/images/footer-bg.gif) no-repeat left top;
}

/*---- tailings ----*/
.main-bg {
background:url(http://images.osc3.template-help.com/wt_28055/images/main-bg.jpg) no-repeat center top;
}
.tail-top {
background:url(http://images.osc3.template-help.com/wt_28055/images/tail-top.gif) left top repeat-x #252221;
}
.tail-bottom {
background:url(http://images.osc3.template-help.com/wt_28055/images/tail-bottom.gif) left bottom repeat-x;
}

/*----- forms parameters -----*/

input, select, textarea {
font-family:Arial, Helvetica, sans-serif;
font-size:1em;
vertical-align:middle;
font-weight:normal;
}

/*----- other -----*/
.img-indent {
margin:0 20px 0 0;
float:left;
}
.img-box {
width:100%;
overflow:hidden;
padding-bottom:20px;
}
.img-box img {
float:left;
margin:0 20px 0 0;
}

.extra-wrap {
overflow:hidden;
}

p {
margin-bottom:16px;
}
.p1 {
margin-bottom:8px;
}
.p2 {
margin-bottom:16px;
}
.p3 {
margin-bottom:24px;
}

/*----- txt, links, lines, titles -----*/
a {
color:#fff;
outline:none;
}
a:hover{
text-decoration:none;
}

h2 {
font-size:16px;
color:#fff;
padding-bottom:18px;
}
h3 {
font-size:16px;
color:#fff;
line-height:1.2em;
text-indent:10px;
margin-bottom:20px;
}
h4 {
font-size:12px;
color:#99cdfb;
}

.title {
padding:0 10px 0 10px;
overflow:hidden;
}
.title-box {
padding:0 0 10px 0;
overflow:hidden;
width:100%;
}
.title a {
color:#fff;
font-weight:bold;
font-size:12px;
}

.rating {
float:right;
padding-right:30px;
}
.rating li {
display:inline;
float:left;
padding-left:1px;
}

/*==================boxes====================*/

.main-box {
width:100%;
}
.main-box .left-top-corner {
background:url(http://images.osc3.template-help.com/wt_28055/images/left-top-corner.gif) no-repeat left top;
padding-left:4px;
}
.main-box .right-top-corner {
background:url(http://images.osc3.template-help.com/wt_28055/images/right-top-corner.gif) no-repeat right top;
padding-right:4px;
}
.main-box .border-top {
background:#353231;
height:4px;
overflow:hidden;
font-size:0;
line-height:0;
}
.main-box .inside {
background:#353231;
padding:16px 6px 0 7px;
}
.main-box .inside1 {
background:#353231;
padding:3px 6px 0 7px;
}
.main-box .inside2 {
background:#353231;
padding:10px 23px 5px 15px;
}

.box {
background:url(http://images.osc3.template-help.com/wt_28055/images/box-bg.gif) left bottom repeat-x;
width:100%;
}
.box .left-bot-corner1 {
background:url(http://images.osc3.template-help.com/wt_28055/images/left-bot-corner1.gif) no-repeat left bottom;
padding:0 7px 10px 8px;
}
.box .right-bot-corner1 {
background:url(http://images.osc3.template-help.com/wt_28055/images/right-bot-corner1.gif) no-repeat right bottom;
}

.box1 {
background:url(http://images.osc3.template-help.com/wt_28055/images/border-top2.gif) left top repeat-x #272423;
width:100%;
}
.box1.bg1 {
background:url(http://images.osc3.template-help.com/wt_28055/images/border-top2-1.gif) left top repeat-x #272423;
}
.box1.bg2 {
background:url(http://images.osc3.template-help.com/wt_28055/images/border-top2-2.gif) left top repeat-x #272423;
}
.box1 .left-top-corner1 {
background:url(http://images.osc3.template-help.com/wt_28055/images/left-top-corner2.gif) no-repeat left top;
}
.box1.bg1 .left-top-corner1 {
background:url(http://images.osc3.template-help.com/wt_28055/images/left-top-corner2-1.gif) no-repeat left top;
}
.box1.bg2 .left-top-corner1 {
background:url(http://images.osc3.template-help.com/wt_28055/images/left-top-corner2-2.gif) no-repeat left top;
}
.box1 .right-top-corner1 {
background:url(http://images.osc3.template-help.com/wt_28055/images/right-top-corner2.gif) no-repeat right top;
}
.box1.bg1 .right-top-corner1 {
background:url(http://images.osc3.template-help.com/wt_28055/images/right-top-corner2-1.gif) no-repeat right top;
}
.box1.bg2 .right-top-corner1 {
background:url(http://images.osc3.template-help.com/wt_28055/images/right-top-corner2-2.gif) no-repeat right top;
}
.box1 .left-bot-corner1 {
background:url(http://images.osc3.template-help.com/wt_28055/images/left-bot-corner2.gif) no-repeat left bottom;
}
.box1 .right-bot-corner1 {
background:url(http://images.osc3.template-help.com/wt_28055/images/right-bot-corner2.gif) no-repeat right bottom;
}
.box1 .inner {
padding:12px 6px 13px 6px;
}

.address {
float:left;
}
.address dt {
margin-bottom:16px;
}
.address dd {
clear:both;
text-align:right;
}
.address dd span {
float:left;
padding-right:25px;
}

.top-games {
width:100%;
overflow:hidden;
}
.top-games li {
float:left;
margin-right:5px;
font-size:12px;
width:300px;
}
.top-games li.last {
margin-right:0;
}

.top-games li .img-wrap {
display:block;
border:5px solid #fff;
margin-bottom:14px;
}
.top-games li .img-wrap:hover {
border:5px solid #f55700;

}

.top-games li strong {
float:left;
color:#99cdfb;
}
.top-games li .button1 {
margin-top:12px;
float:right;
}

.button1 {
background:url(http://images.osc3.template-help.com/wt_28055/images/button1.gif) no-repeat left top;
float:left;
width:130px;
height:23px;
line-height:23px;
text-indent:14px;
color:#f55700;
font-weight:bold;
text-decoration:none;
font-size:12px;
}
.button1:hover {
color:#fff;
}

/*===== header =====*/
#header .row-1 {
height:102px;
}
#header .row-1 .fleft {
padding:38px 0 0 0;
}
#header .top-links {
float:right;
padding:61px 0 0 0;
font-size:12px;
margin-right:-15px;
}
#header .top-links li {
display:inline;
color:#b1b0b0;
}
#header .top-links li a {
color:#b1b0b0;
text-decoration:none;
padding:0 15px 0 12px;
}
#header .top-links li a:hover {
text-decoration:underline;
color:#fff;
}
#header .row-2 {
height:34px;
background:url(http://images.osc3.template-help.com/wt_28055/images/nav-bg.gif) no-repeat left top;
overflow:hidden;
}
#header .nav {
padding:4px 0 0 5px;
}
#header .nav li {
float:left;
background:url(http://images.osc3.template-help.com/wt_28055/images/divider.gif) no-repeat right 6px;
}
#header .nav li.last {
background:none;
}
#header .nav li a {
float:left;
font-weight:bold;
color:#2b2726;
text-decoration:none;
}
#header .nav li a span {
float:left;
cursor:pointer;
}
#header .nav li a span span {
padding:4px 10px 10px 10px;
}

#header .nav li a:hover, #header .nav li a.current {
color:#e2e2e2;
background-image: linear-gradient(bottom, rgb(12,87,93) 31%, rgb(39,114,121) 66%, rgb(67,149,158) 83%);
background-image: -o-linear-gradient(bottom, rgb(12,87,93) 31%, rgb(39,114,121) 66%, rgb(67,149,158) 83%);
background-image: -moz-linear-gradient(bottom, rgb(12,87,93) 31%, rgb(39,114,121) 66%, rgb(67,149,158) 83%);
background-image: -webkit-linear-gradient(bottom, rgb(12,87,93) 31%, rgb(39,114,121) 66%, rgb(67,149,158) 83%);
background-image: -ms-linear-gradient(bottom, rgb(12,87,93) 31%, rgb(39,114,121) 66%, rgb(67,149,158) 83%);

background-image: -webkit-gradient(
linear,
left bottom,
left top,
color-stop(0.31, rgb(12,87,93)),
color-stop(0.66, rgb(39,114,121)),
color-stop(0.83, rgb(67,149,158))
);
margin-left:-1px;
position:relative;
border: 1px solid: black;
}
#header .nav li a:hover span, #header .nav li a.current span {
background:url(http://images.osc3.template-help.com/wt_28055/images/nav-left.gif) no-repeat left top;
}
#header .nav li a:hover span span, #header .nav li a.current span span {
background-image: linear-gradient(top, rgb(3,71,102) 18%, rgb(52,152,219) 68%);
background-image: -o-linear-gradient(top, rgb(3,71,102) 18%, rgb(52,152,219) 68%);
background-image: -moz-linear-gradient(top, rgb(3,71,102) 18%, rgb(52,152,219) 68%);
background-image: -webkit-linear-gradient(top, rgb(3,71,102) 18%, rgb(52,152,219) 68%);
background-image: -ms-linear-gradient(top, rgb(3,71,102) 18%, rgb(52,152,219) 68%);

background-image: -webkit-gradient(
linear,
left top,
left bottom,
color-stop(0.18, rgb(3,71,102)),
color-stop(0.68, rgb(52,152,219))
);
border: 1px solid: black;
border-bottom: 0px;
box-shadow: 0px 0px 1px white inset;
padding-left:11px;
}

#header .row-3 {
height:37px;
margin-bottom:7px;
background-image: linear-gradient(bottom, rgb(6,103,148) 34%, rgb(52,152,219) 67%);
background-image: -o-linear-gradient(bottom, rgb(6,103,148) 34%, rgb(52,152,219) 67%);
background-image: -moz-linear-gradient(bottom, rgb(6,103,148) 34%, rgb(52,152,219) 67%);
background-image: -webkit-linear-gradient(bottom, rgb(6,103,148) 34%, rgb(52,152,219) 67%);
background-image: -ms-linear-gradient(bottom, rgb(6,103,148) 34%, rgb(52,152,219) 67%);

background-image: -webkit-gradient(
linear,
left bottom,
left top,
color-stop(0.34, rgb(6,103,148)),
color-stop(0.67, rgb(52,152,219))
);
overflow:hidden;
border: 1px solid #034766;
box-shadow: 0px 0px 1px white inset;
}
#header .subnav {
padding:10px 0 0 8px;
font-size:12px;
}
#header .subnav li {
display:inline;
color:#f2efef;
}
#header .subnav li a {
color:#f2efef;
text-decoration:none;
font-weight:bold;
padding:0 15px 0 12px;
}
#header .subnav li a:hover {
text-decoration:underline;
}

#header .row-4 {
background:url(http://images.osc3.template-help.com/wt_28055/images/header-box-bg.gif) no-repeat left top;
height:32px;
overflow:hidden;
}
#header .row-4 .indent {
padding:4px 0 0 5px;
}

/*===== content =====*/
#content {

}
#content .section {
padding-bottom:24px;
}

.list1 {
padding-bottom:8px;
}
.list1 li {
background:url(images/list-bg.gif) left top repeat-x #1d1c1b;
padding:6px 15px 6px 7px;
margin-bottom:1px;
overflow:hidden;
vertical-align:top;
}
.list1 li img {
float:left;
margin-right:3px;
}
.list1 li a {
display:block;
background:url(http://images.osc3.template-help.com/wt_28055/images/arrow1.gif) no-repeat 11px 14px;
padding:7px 0 11px 21px;
color:#8d8c8c;
text-decoration:none;
overflow:hidden;
}
.list1 li a:hover {
color:#ff7109;
}

.box1.bg1 .list1 li a:hover {
color:#5d97c9;
}
.box1.bg2 .list1 li a:hover {
color:#fff;
}

/*===== slider =====*/
.slider {
background:url(http://images.osc3.template-help.com/wt_28055/images/slide-box.gif) no-repeat left top;
width:923px;
height:403px;
margin-bottom:11px;
overflow:hidden;
}
.slider .inner {
padding:10px 0 0 9px;
}

/*
* Required
*/
.container { width:621px; height:384px; overflow:hidden; position:relative; cursor:pointer; background:#000;}
.slides { position:absolute; top:0; left:0; }
.slides div { position:absolute; top:0; width:621px; display:none; }
/*
* Optional
*/
#loopedSlider { width:905px; height:388px; position:relative; clear:both; }
ul.pagination { position:absolute; left:606px; top:0;}
ul.pagination li {
width:274px;
height:98px;
padding:0 0 0 25px;
overflow:hidden;
}
ul.pagination li a {
background:url(http://images.osc3.template-help.com/wt_28055/images/tab-bg.gif) left top repeat-x;
display:block;
padding-bottom:12px;
overflow:hidden;
color:#f55300;
text-decoration:none;
}
ul.pagination li.active { background:url(http://images.osc3.template-help.com/wt_28055/images/feature-tab-current.png) no-repeat left 22px;}
ul.pagination li.active a {}
ul.pagination li a img {
float:left;
margin-right:9px;
}
ul.pagination li a strong {
padding:8px 0 4px 15px;
display:inline-block;
font-size:12px;
}
ul.pagination li a span {
padding:0 0 13px 15px;
display:inline-block;
}
ul.pagination li a b {
background:url(http://images.osc3.template-help.com/wt_28055/images/tab-link.gif) no-repeat left top;
color:#4f81ac;
font-size:12px;
padding:4px 35px 4px 14px;
}
ul.pagination li b:hover {
color:#000;
}

/*===== footer =====*/
#footer .indent {
padding:20px 15px 0 15px;
font-size:12px;
color:#fff;
}
#footer a {
text-decoration:none;
}
#footer a:hover {
text-decoration:underline;
}
#footer .subnav {
margin-left:-11px;
padding-bottom:10px;
}
#footer .subnav li {
display:inline;
color:#9a9998;
font-size:11px;
}
#footer .subnav li a {
color:#9a9998;
text-decoration:none;
padding:0 14px 0 11px;
}
#footer .subnav li a:hover {
color:#fff;
}

#footer .alt-links {
margin-right:-14px;
padding-bottom:12px;
}
#footer .alt-links li {
display:inline;
color:#989696;
}
#footer .alt-links li a {
color:#989696;
padding:0 14px 0 11px;
}

.social-services {
text-align:right;
}
.social-services li {
display:inline;
}

/*----- forms -----*/
#search-form {
float:left;
}
#search-form fieldset {
border:none;
background:url(http://images.osc3.template-help.com/wt_28055/images/search-bg.gif) no-repeat left top;
float:left;
}
#search-form input.text {
width:165px;
border:none;
background:none;
padding:1px 7px 1px 8px;
color:#6d6c6c;
}
#search-form input.submit {
width:25px;
height:23px;
border:none;
background:none;
cursor:pointer;
}

#login-form {
float:right;
font-size:12px;
color:#6d6c6c;
padding-right:10px;
}
#login-form fieldset {
border:none;
float:right;
}
#login-form input.text {
width:80px;
background:#252221;
border:none;
padding:4px 4px 4px 8px;
color:#8c8a8a;
margin-right:3px;
}
#login-form input.password {
width:85px;
background:#252221;
border:none;
padding:4px 0 4px 8px;
color:#8c8a8a;
margin-right:3px;
}
#login-form input.submit {
background:url(http://images.osc3.template-help.com/wt_28055/images/login-button.gif) no-repeat left top;
width:45px;
height:23px;
border:none;
color:#fff;
font-weight:bold;
margin-right:4px;
cursor:pointer;
}
#login-form a {
color:#f55700;
text-decoration:none;
}
#login-form a:hover {
border-bottom:1px dotted #fff;
}
#login-form a span {
color:#fff;
}

/*==========================================*/
</style>

SURSA : fraNNNta-design