@charset "UTF-8";
/* CSS Document */

body,td,th {
	font-family: Helvetica, Arial, sans-serif;
	color: #e1e1e1;
	font-size: 14px;
	background-repeat: no-repeat;
}
body {
	padding:0;
	margin:0;
	background-color: #1b1b1b;
	background-image: url(images/bg_main.jpg);
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: top;
}
a:link {
	text-decoration: none;
	color:#e1e1e1;
}
a:visited {
	text-decoration: none;
	color: #e1e1e1;
}
a:hover {
	text-decoration: none;
	color: #ffcccc;
}
a:active {
	text-decoration: none;
}
a img {
	border:none;
}
#top {
	height:3px;
	width:1000px;
	margin-left:auto;
	margin-right:auto;
}
#maincontainer {
	margin-left:auto;
	margin-right:auto;
	width:800px;
	height:auto;
}
#mainlogo {
	padding-bottom:0px;
	height: 100px;
	width: 800px;
}
.tagline {
	display:block;
	height:25px;
	padding-top:8px;
	padding-left:35px;
	font-size: 16px;
	font-weight: lighter;
	background-image: url(images/blossom.png);
	background-repeat: no-repeat;
	background-position: 0px 3px;
}
#navbox {
	width:800px;
	min-height:41px;
	margin-top:31px;
	background-image: url(images/bg_nav.png);
	background-repeat: repeat-y;
}
#nav {
	padding-top:12px;
	font-size:14px;
	font-weight:lighter;
}
#nav ul {
	list-style-type: none;
	padding:0;
	margin:0;
	padding-left:50px;
}
#nav li {
	float:left;
	padding-right:30px;
}

/*fadelink styles */

#nav a {
	color:#e1e1e1;
	text-decoration:none;
}
#nav a span.two {
	color:#ffcccc;
	cursor:pointer;
}

/*end fadelink styles */
.mainbox {
	width:800px;
	height:600px;
	margin-top:28px;
	background-image: url(images/bg_box.png);
	background-repeat: repeat-y;
	overflow: hidden;
}

.mainbox1 {
	width:800px;
	height:800px;
	margin-top:28px;
	background-image: url(images/bg_box.png);
	background-repeat: repeat-y;
	overflow: hidden;
}

.mainboxQ {
	width:800px;
	height:600px;
	background-repeat: no-repeat;
	background-position:22px bottom;
	overflow:hidden;
}

.mainboxQ1 {
	width:800px;
	height:1200px;
	background-repeat: no-repeat;
	background-position:22px bottom;
	overflow:hidden;
}

.boxtext {
	width:772px;
	float:right;
	height: auto;
	background-image: url(images/logo-la-roca-en-bike.png);
	background-repeat: no-repeat;
	background-position: 680px 10px;
}
#boxtextforscrolls {
	width:612px;
	float:right;
	margin-top:17px;
	height: auto;
	margin-right:39px;
}
.visitsite {
	text-align: right;
}
p.top {
	margin-top:0px;
	padding:0;
}
.boxtext p {
	line-height:18px;
}
.boxtext h3 {
	letter-spacing:1px;
	font-weight: lighter;
	padding: 0;
	margin: 0;
	padding-top:5px;
	padding-bottom:5px;
}
.inputcolor {
	background-color:#e5e5e5;
}
#boxtextforscrolls p {
	line-height:18px;
}
#boxtextforscrolls h3 {
	letter-spacing:1px;
	font-weight: lighter;
	padding: 0;
	margin: 0;
	padding-top:5px;
	padding-bottom:5px;
}
.headline {
	font-size:30px;
	text-transform:uppercase;
}
.blockgrad {
	height:130px;
	width:22px;
	float:left;
	background-repeat: no-repeat;
}
.qbert {
	height:230px;
	width:210px;
	/* background-image: url(images/qbert.png); */
	background-position: bottom;
	background-repeat:no-repeat;
	float:left;
}
.boxtitle {
	height:29px;
	margin-top:6px;
	padding-top:10px;
	margin-left:8px;
	padding-left:40px;
	font-size:20px;
	letter-spacing:1px;
	background-image: url(images/blossom.png);
	background-position: 2px;
	background-repeat: no-repeat;
}
.largethumb {
	padding:12px;
	background-image: url(images/bg_largethumbnail_box.png);
	background-repeat: repeat-y;
	margin-bottom: 10px;
}
.thumbtitle {
	width:611px;
	height: 15px;
	margin-bottom:20px;
	border-bottom: dashed 1px #666;
	padding-bottom:10px;
}
.lefttitle {
	float: left;
	font-size:14px;
	/*background-image: url(images/littlefolder3.png);
	background-repeat: no-repeat;
	padding-left:30px;*/
}
.lefttitle img {
	padding-right:10px;
}
.visitsite {
	float: right;
	font-size: 14px;
	background-image: url(images/magglass.png);
	background-repeat: no-repeat;
	padding-left:20px;
	background-position:0px 1px;

}
.alignright {
	text-align:right;
	font-size: 14px;
	padding-top:15px;
	padding-bottom:15px;
	clear: left;
}
.alignrightbottom {
	text-align:right;
	font-size: 14px;
	padding-top:0px;
	padding-bottom:15px;
	clear: left;
	margin-top: 5px;
}
.phone {
	font-size:16px;
	padding-left:35px;
	padding-top:5px;
	padding-bottom:5px;
	background-image: url(images/phone.png);
	background-repeat: no-repeat;
	background-position: left;
}
.email {
	font-size:16px;
	padding-left:35px;
	padding-top:5px;
	padding-bottom:5px;
	background-image: url(images/email.png);
	background-repeat: no-repeat;
	background-position: left;
}
.contactpage {
	font-size:16px;
	padding-left:35px;
	padding-top:5px;
	padding-bottom:5px;
	background-image: url(images/contactpage.html);
	background-repeat: no-repeat;
	background-position: left;
}
.bottomlinks {
	margin-top:20px;
	margin-bottom:20px;
	font-size:10px;
	padding-left:30px;
	padding-top:5px;
	padding-bottom:5px;
	background-image: url(images/bg_box.png);
	background-repeat: repeat-y;
	background-position: left;
	height: 30px;
}
.selected {
	color:#8f8f8f;
}
.thumbrow {
	height:85px;
	width:613px;
	margin-bottom:25px;
}
.smallthumb {
	font-size:90px;
	margin-right:57px;
	height:75px;
	width:100px;
	background-image: url(images/bg_box_sm.png);
	padding: 5px;
	float: left;
}
.smallthumblast {
	font-size:90px;
	height:75px;
	width:100px;
	background-image: url(images/bg_box_sm.png);
	padding: 5px;
	float: left;
}
/*begin test scroll css */
.slideshow, .slideshow2 {
	padding:12px;
	background-image: url(images/bg_largethumbnail_box.png);
	background-repeat: repeat-y;
	margin-bottom: 10px;
	width: 687px;
	height: 171px;
	overflow: hidden;

}
.slideshow ul, .slideshow2 ul {
	width:2000px;
	padding:0;
	margin:0;
	list-style-type: none;
}
.slideshow li, .slideshow2 li {
	float:left;
	padding-left:12px;
	padding-right:10px;
}
.mainblossom {
	margin-top:5px;
}
.tope {
	height: auto;
	width: auto;
	text-align: right;
	border-right-width: 20px;
	margin-right: 20px;
}
.sponsorsMusic {
	height: auto;
	width: 800px;
	background-repeat: repeat-y;
	margin-top: 10px;
	background-image: url(images/bg_box.png);
}
.sponsors {
	height: auto;
	width: 800px;
	background-repeat: repeat-y;
	margin-top: 28px;
	background-image: url(images/bg_box.png);
}
.sponsors1 {
	height: 130px;
	width: 800px;
	text-align: center;
}
.sponsors160 {
	height: 160px;
	width: 800px;
	text-align: center;
}
