/* URI: http://www.Templatesperfect.com
Template: Mountain Bikers
 Author Paarth */
 
* {
margin : 0;
padding : 0;
}
body {
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
background : #13161d url(images/pageBackground.jpg) no-repeat center top;
color : #eee;
}
p, li {
line-height : 20px;
}
a {
color : #9f9b36;
font-size : 12px;
text-decoration : underline;
}
a:hover {
color : #9f9b36;
font-size : 12px;
text-decoration : none;
}
.logo {
color : #ffffff;
font-family : "Trebuchet MS", Arial, Helvetica, sans-serif;
letter-spacing : -2px;
font-size : 60px;
text-align : left;
margin-top : 10px;
width : 500px;
}
.logo span {
color : #9f9b36;
font-size : 60px;
font-style : italic;
}
.tagline {
color : #ccc;
text-align : left;
}
#container {
width : 900px;
margin : 0 auto;
}
.inner_copyright{text-indent:-9999px;height:0;line-height:0;font-size:0;overflow:hidden;}
.contentTop {
background : url(images/contentTop.png) no-repeat left top;
height : 14px;
}
.contentBottom {
background : url(images/contentBottom.png) no-repeat left top;
height : 22px;
padding-bottom : 5px;
}
.contentBody {
background : url(images/contentBackground.png) repeat-y left top;
height : 240px;
}
#slider {
width : 880px;
padding : 0;
margin : 0 auto;
}
div#slideshow {
float : left;
width : 100%;
height : 240px;
}
.slide-image {
width : 100% !important ;
height : 240px;
}
.controls-outer {
width : 880px;
margin-left : auto;
margin-right : auto;
}
#slide_controls {
float : right;
padding : 0;
position : relative;
margin : 0;
z-index : 1000;
width : 200px;
}
#slide_controls ul {
margin : 0 auto;
padding : 0;
width : 100px;
}
#slide_controls ul li {
margin : 0;
padding : 0;
list-style : none;
}
#slide_controls ul li {
float : left;
display : block;
}
#slide_controls ul li a {
width : 15px;
height : 15px;
background : url('images/green.png') no-repeat center center;
display : block;
float : left;
padding : 2px;
margin : 2px !important ;
margin : 1px 1px;
outline : none;
}
#slide_controls ul li a:focus {
outline : none;
}
#slide_controls ul li a:hover, #slide_controls ul li a.activeSlide {
background : url('images/red.png') no-repeat center center;
}
#footer {
text-align : center;
color : #707070;
padding : 30px 0 0 0;
width : 100%;
background : #000;
height : 60px;
margin : 20px 0 0 0;
}
.clear {
clear : both;
height : 0;
}
.menu ul {
margin : 0;
padding : 40px 0 20px 0;
}
.menu li {
list-style : none;
display : inline;
padding : 20px 15px 0 15px;
}
.menu li a {
color : #690;
font-size : 24px;
font-weight : bold;
text-decoration : none;
}
.menu li a:hover {
color : #fff;
font-size : 24px;
text-decoration : none;
}
.menu #active a {
color : #fff;
font-size : 24px;
text-decoration : none;
}
.leftCon {
float : left;
width : 630px;
padding-left : 10px;
}
.leftCon img {
float : left;
border : 2px solid #777;
margin : 5px;
width : 200px;
height : 100px;
}
.rightCon, .leftCon li {
list-style : none;
padding : 5px 0;
}
.rightCon {
margin-left : 650px;
padding-left : 10px;
}
.rightCon li {
list-style : none;
background : url(images/arrow.png) no-repeat left top;
padding : 9px 0 9px 35px;
}
h2 {
padding : 10px 0;
}
#icons img {
width : 50px;
height : 50px;
float : right;
margin : 5px;
border : none;
}
#left-image {
background : url(images/left.png) no-repeat left;
float : left;
width : 40px;
height : 52px;
margin-top : 30px;
}
#right-image {
background : url(images/right.png) no-repeat right;
float : right;
width : 40px;
height : 52px;
margin-top : 30px;
}
#gallery {
width : 880px;
margin : 10px;
float : left;
margin : 0 auto;
}
#gallery img {
width : 140px;
height : 100px;
float : left;
margin : 5px;
background-color : #fff;
border : 5px solid #000;
}
#gallery img:hover {
border : 5px solid #ccc;
}