/*	
 * content.css
 * author: corrado coia
 * email: corrado.coia@gmail.com
 * copyright: corrado coia, 2007
 * date: october 10, 2007
 * all rights reserverd, do not copy or modify
 */

 /* rotating main display */
 
 #rotatingthumb1, #rotatingthumb3 {
	width: 75px;
	border: 1px;
 }
 
 #rotatingthumb2 {
	width: 150px;
	border: 1px;
 }
 
 #rotatinglink {
	text-align: center;
 }
 
 #rotating-selector  p{
	text-align: center;
 }
 
 
 /* kinda global */
 
 
 .fixstar {
        background: transparent url('images/star.png') no-repeat;
        width: 58px;
        height: 55px;
        position: relative; /*this is the key*/
        z-index: 24;
 } 
 
 .star {
        background: transparent url('images/gold-star.gif') 0% 50% no-repeat;
        padding-left: 50px;
 }
 .highlight { background: transparent url('images/highlight.gif') left top no-repeat }
 .highlight-repeat { background: transparent url('images/highlight.gif') left top repeat-y }
 .png-star {
        background: transparent url('images/gold-star.png') no-repeat;
        width: 40px;
        height: 40px;
        float: right;
 }
 .breaker {
        background: transparent url('images/breaker.gif') no-repeat;
        width: 5%;
        height: 250px;
        float: left;
 }
 .clearbreaker { float: left; width: 15px; height: 250px }
 
 /* layout */
 #css-thundermist { background-image: url('images/bg.gif') }
 
 #layout-main {
        background-color: #ffffff;
        border: 1px solid #888888;
        padding-bottom: 2em;
 }    
 
 #content { 
	margin: 1.5em; 
	margin-right: 1.5em;
 }
 
 #layout { 
	/* position: absolute; left: 50%;
	margin-left: -369px;*/
	width: 738px; 
        margin: auto;
 }
 
 #layout-top-left {
	background: transparent url('images/top-left.png') no-repeat;
	height: 20px;
	width: 20px;
 }

 #layout-top {
	background: transparent url('images/top.png') repeat-x;
	height: 20px;
 }

 #layout-top-right {
	background: transparent url('images/top-right.png') no-repeat;
	height: 20px;
	width: 20px;
 }
 
 #layout-left {
	background: transparent url('images/left.png') repeat-y;
	width: 20px;
 }

 #layout-frame { 
	background: transparent url('images/layout-frame.jpg') no-repeat;
        border: 1px solid #888888;
	cursor: pointer;
	height: 191px;
	width: 696px;
 }
 
 #layout-right {
	background: transparent url('images/right.png') repeat-y;
	width: 20px;
 }
 
 #layout-frame-bottom {
	background-color: #d0c0aa;
	height: 8px;
 }
 
 #layout-bottom-left {
	background: transparent url('images/bottom-left.png') no-repeat;
	height: 20px;
	width: 20px;
 }

 #layout-bottom {
	background: transparent url('images/bottom-footer.png') repeat-x;
	height: 20px;
 }

 #layout-bottom-right {
	background: transparent url('images/bottom-right.png') no-repeat;
	height: 20px;
	width: 20px;
 }

 
 /* navigation */
 #navigation {
	position: relative; bottom: 1px; right: 1px;
	margin-right: 1.5em;
        margin-bottom: 2em;
        width: 122px;
	float: left;
 }
 #navigation #thundermist {
	background: transparent url('images/navigation-thundermist.gif') no-repeat;
        border-right: 1px solid #888888;
        border-bottom: 1px solid #888888;
        height: 140px;
 }
 #navigation #viper {
	background: transparent url('images/navigation-viper.gif') no-repeat;
        border-right: 1px solid #888888;
        border-bottom: 1px solid #888888;
        height: 220px;
 }
 #navigation #t-turn{
	background: transparent url('images/navigation-t-turn.gif') no-repeat;
        border-right: 1px solid #888888;
        border-bottom: 1px solid #888888;
        height: 150px;
 }
 #navigation #boa-jigr{
	background: transparent url('images/navigation-boa-jigr.gif') no-repeat;
        border-right: 1px solid #888888;
        border-bottom: 1px solid #888888;
        height: 150px;
 }
  #navigation #python-darter{
	background: transparent url('images/navigation-python-darter.gif') no-repeat;
        border-right: 1px solid #888888;
        border-bottom: 1px solid #888888;
        height: 150px;
 }
 
 .menu { margin-top: 1em }
 .menu a, .menu a:visited {
        position: relative; top: 5px;
        text-decoration: none;
        color: #23577d;
 }
 .menu a:hover { color: #ffffff; text-decoration: none; }
 
 .menu-corner {
        position: relative; bottom: 4px; left: 1px;
        background: transparent url('images/white-corner.png') no-repeat;
        height: 35px;
        width: 35px;
        float: right
 }
    
 #round-bottom {
        position: relative; left: 1px; bottom: 1px;
	background: transparent url('images/right-corner.png') no-repeat; 
	float: right;
	width: 35px;
	height: 35px;
 }

 #round-top {
	position: relative; right: 34px; bottom: 1px;
	background: transparent url('images/left-corner.png') no-repeat;
	float: left;
	width: 35px;
	height: 35px;
 }

/* content */

/** main index page **/
 #main {
        float: left;
        width: 530px;
        margin-bottom: 30px;
 }
 #main-video {
        float: left;
        width: 100%;
       /* height: 275px; */
 }
 #main-video .video { margin: auto }
 #main-news {
        float: left;
        width: 100%;
        margin-bottom: 2em;
        margin-top: 2em;
        /*  height: 275px; */
 }
 #feed {
        float: left;
        width: 100%;
		width: 500px;
 }
 .feedburnerFeedBlock li {
        margin-bottom: 2em;
 }
 .fbsubscribelink {float: left }
 #creditfooter { visibility: hidden }
 .date {
       width: 55px;
       vertical-align: top;
 }
 
 /** page layout **/
 .video-intro {
        float: left;
        width: 75%;
        height: 375px;
 }
 .video {
        /* background: transparent url('images/video.gif') no-repeat;
        width: 260px;
        height: 225px; */
 }
 .video #flashcontent { position: relative; left:60px }
 .video object { /* margin: 22px 0 0 22px */ }
 .normal-intro {
        float: left;
        width: 100%;
       /* height: 325px;   */
 }
 .wide {
       float: left;
       width: 100%;
 }
 .half {
       float: left;
       width: 47%;
 }
/** viper spoon index page **/
 #main-highlights { margin: 4em auto 0 auto }
 #main-highlights ul {
        margin: auto;
        width: 90%;
        padding: 0px;
        list-style: none;
 }
 #main-highlights li {
        background: transparent url('images/green-checkmark.gif') 0px 5px no-repeat;
        margin-bottom: 1em;
        height: 4em;
        padding: 0.5em;
        padding-left: 60px;
 }

 #lure-shell { margin: 4em 0 0 0 }
 #baited-lures { position: relative; left: 20px }
 #p1 { position: relative; left: 120px }
 #p2 { position: relative; left: 90px }
 #p3 { position: relative; left: 90px }
 #p4 { position: relative; left: 25px }
 #p5 { position: relative; left: 40px; bottom: 25px }
 #p6 {  }
 #p7 { position: relative; right: 25px }
 #p8 { position: relative; right: 55px }
 #p9 { position: relative; left: 55px }
 #shell-buttons { margin-left: 140px; width: 500px }
 #shell-left, #lure-cycle, #shell-right {
       float: left;
       height: 500px;
       position: relative; left: 20px;
 }

 
 /** advantages **/
 #advantages {
       width: 75%;
       margin: auto;
 }
 #advantages ul {
        padding: 0px;
        list-style: none;
 }
 #advantages li {
        background: transparent url('images/advantages-highlight.gif') 0px 5px no-repeat;
        text-align: center;
        height: 50px;
        font-weight: bold;
        padding: 0.5em;
        padding-left: 60px;
 }
 
 /** features **/
 #feature-highlights .highlight-checkmark {
        padding: 0px;
        list-style: none;
 }
 #feature-highlights .highlight-checkmark li {
        background: transparent url('images/advantages-highlight.gif') 0px 5px no-repeat;
        text-align: center;
        height: 50px;
        font-weight: bold;
        padding: 0.5em;
        padding-left: 60px;
 }

 
 /** testimonials **/
 .testimonial {
        width: 75%;
        margin: auto;
	margin-top: 3em;
 }
 .testimonial p {
        padding: 1em 1em 0px 1em;
 }


 /** photogallery **/
 .gallery {
	float: left;
 }
 
 .gallery img {
	margin: 0px;
	border: 1px solid #cccccc;
 }

 .gallery table td {
       vertical-align: bottom;
       height: 175px;
}
 
 /** lure size guide **/

 .species {
	text-transform: capitalize;
	text-align: left;
	width: 95%;
 }
 .species th { font-size: 125% }
 
 .odd { background-color: #b0c4da }
 
 /* footer */
 
 #footer-text {
	color: #ffffff;
	text-align: center;
 }
 
 #footer-text a { color: #ffffff }