/*
	Panning Slideshow with jQuery
	Build Internet Tutorial (www.buildinternet.com)
	Written by Zach Dunn
*/

*{margin:0; padding:0;}

body{background:url(images/cool-background-pics.jpg);}

#window{clear:both; width:960px; border:10px solid #fff; height:350px; overflow:hidden; position:relative; margin:10px auto 10px auto;}

#slideshow{width:1920px; height:700px; overflow:hidden; position:relative;}
	#slideshow li{width:960px; height:350px; float:left; display:inline;}


#content{background:#131310 url('images/speech-bubble.jpg') top left no-repeat; color:#FFF; font-family:georgia, serif; width:960px; margin:0px auto 10px auto; overflow:hidden; padding-top:20px;}

	#content p{font-size:16px; line-height:1.6em; padding:40px 30px 30px 0px; margin:0;}
		#content p a{color:#73ccff;}
		#content img{float:left; padding:30px;}
		
p.footer{text-align:center; color:#ccc; font-size:12px; font-family: arial, sans-serif;}
	p.footer a{color:#73ccff; text-decoration: none;}
		
#box {border:1px solid black;
      background: url(images/nav.png);
      border-radius:5px 5px 0px 0px;
      width:170px;
      color:#fff;
      padding:10px 25px;
      font-family:Gill Sans MT;
      font-size:16px;
     
}
.box {border:1px solid black;
      border-top:0px;
      color:#696969;
      padding:10px 25px;
      font-family:Gill Sans MT;
      font-size:16px;
      width:170px;
}
.images {}
.images figure {border:4px solid #696969;
                border-radius:8px;
                -moz-border-radius:8px;
                -webkit-border-radius:8px;
                float:left;
                margin:5px 0 0 16px}
.images figure:first-child {margin-left:0}
.images figure img:hover {opacity:.7;
                          -moz-transition:all 0.2s ease-out;
                           /* FF3.7+ */ -o-transition:all 0.2s ease-out;
                            /* Opera 10.5 */ -webkit-transition:all 0.2s ease-out; /* Saf3.2+, Chrome */ }