﻿/*anythingSlider v1.0By Chris Coyier: http://css-tricks.com with major improvements by Doug Neiner: http://pixelgraphics.us/based on work by Remy Sharp: http://jqueryfordesigners.com/*/

#hold-slider {width: 905px; margin: 8px 0 0 0; height:322px;background-image: url('/images/home/hero-buildcustomvps.png')}
.anythingSlider  { width: 905px; height: 320px; position: relative; margin: 0 auto 15px;background: rgb(245,245,245); /* Old browsers */
background: -moz-linear-gradient(top,  rgb(245,245,245) 0%, rgb(255,255,255) 65%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(245,245,245)), color-stop(65%,rgb(255,255,255))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgb(245,245,245) 0%,rgb(255,255,255) 65%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgb(245,245,245) 0%,rgb(255,255,255) 65%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgb(245,245,245) 0%,rgb(255,255,255) 65%); /* IE10+ */
background: linear-gradient(to bottom,  rgb(245,245,245) 0%,rgb(255,255,255) 65%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px; -webkit-box-shadow:  0px 0px 1px 1px rgba(0, 0, 0, .25);
box-shadow:  0px 0px 1px 1px rgba(0, 0, 0, .25); border:1px solid #FFF
 }
/*.anythingSlider  { width: 905px; height: 345px; position: relative; margin: 0 auto 15px;background: url(../images/slide-blank.png) no-repeat 0 0; }*/
.anythingSlider .wrapslider  { width: 860px; overflow:hidden; height: 320px; margin: 0 ; position: absolute; top: 0; left: 8px;background: none; }
.anythingSlider .wrapslider ul  { width: 9999px; list-style: none; position: absolute; top: 0; left: 0;  margin: 0; }
.anythingSlider ul li   { display: block; float: left; padding: 0; height: 320px; width: 905px; margin: 0; }
.anythingSlider .arrow    { display: block; height: 320px; width: 21px; background: none; text-indent: -9999px; position: absolute; top: 0px;  }

/*.anythingSlider .arrow    { display: block; height: 320px; width: 21px; background: url(../images/next-prev4.png) no-repeat 0 0; text-indent: -9999px; position: absolute; top: 0px; cursor: pointer; }  changes slider to static image as requested by Swapnil. removed arrow image and cursor*/
.anythingSlider .forward  { background-position:  -21px; right: 0; }
.anythingSlider .back  { background-position:  0; left: 0; }
/*.anythingSlider .forward:hover  { background-position: 0 -200px; }
.anythingSlider .back:hover  { background-position: -28px -200px; }*/
/*#thumbNav    { position: relative; top: 136px; text-align:left;margin-left:40px }
#thumbNav a      { color: white; font: 10px/14px Tahoma, Verdana, Helvetica, sans-serif; display: inline-block; padding: 2px 8px; height: 18px; margin: 0 5px 0 0;  text-align: center;  text-decoration:none ; border:1px solid #CCC; background:#b9b9ba}
#thumbNav a:hover  { background-image: none; }
#thumbNav a.cur   { background: #091e33; border:1px solid #CCC; }*/
#thumbNav   { position: relative; top: 250px; text-align:center;width:260px; margin-left:580px ; }
#thumbNav a    {  font: 14px/16px Tahoma, Verdana, Helvetica, sans-serif; display: inline-block;  padding:  0; height: 18px; margin: 0;  text-align: center;   }
#thumbNav a:hover    {/*background: #c6e9ff; */

 }
#thumbNav a.cur   { /*background: #a9d8f3; border:1px solid #b7b7b7; -moz-box-shadow:    inset 0 0 5px #5e7d8f;
   -webkit-box-shadow: inset 0 0 5px #5e7d8f;
   box-shadow:         inset 0 0 5px #5e7d8f; */}
#start-stop  { display:none; color: white; padding: 2px 5px; width: 40px; text-align: center; position: absolute; right: 470px; top: 168px; text-decoration:none; font-size:10px}
#start-stop.playing  { background-color: transparent; }
#start-stop:hover  { background-image: none; }
/*Prevents.slider ul    { margin: 0 0 25px 25px; }
.slider ul li    { font: 15px Georgia, Serif; margin: 0 0 8px 0; }*/
.anythingSlider .wrapper ul ul    { position: static; margin: 0; background: none; overflow: visible; width: auto; border: 0; }
.anythingSlider .wrapper ul ul li    { float: none; height: auto; width: auto; background: none;   }
/*For Specific Slides*/
/*#slide-one{background-image:url(../images/slide-1G.jpg); background-repeat:no-repeat; width:860px; height:345px}*/
#slide-linux{background-image:url(../images/bg-slide-linux1.png); background-repeat:no-repeat;width:860px; height:320px}
#slide-windows{/*background-image:url("../images/slide-clouds.png"); background-repeat:no-repeat; width:860px; height:345px*/}
#textSlide       { padding: 0; }
#textSlide h3   { font: 20px Georgia, Serif; }
#textSlide h4    { text-transform: uppercase; font: 15px Georgia, Serif; margin: 10px 0; }
#textSlide ul    { list-style: disc; margin: 0 0 0 25px; }
#textSlide ul li   { display: list-item; }
#quoteSlide  { padding: 30px; }
#quoteSlide blockquote   { font: italic 24px/1.5 Georgia, Serif; text-align: center; color: #444; margin: 0 0 10px 0; }
#quoteSlide p   { text-align: center; }