BODY{
background: transparent url(./images/fond.jpg);background-position: center; margin:0; padding:0;}
#centre
{
   position:absolute;
   left: 50%;
   width: 820px;
   margin-left: -430px;
}
.header{background: transparent url("./images/header1.jpg");position: relative;width: 820px; height: 174px; }
.header2{background: transparent url("./images/header2.jpg");position: relative;width: 820px; height: 174px; }
.main{background: transparent url("./images/background_home.jpg");position:relative;width: 820px;height: 612px;}
.mainBlog{background: transparent url("./images/background_blog.jpg");position:relative;width: 820px;height: 612px;}
.mainServiceshop{background: transparent url("./images/background_serviceshop.jpg");position:relative;width: 820px;height: 612px;}
.mainHow{background: transparent url("./images/background_howtoorder.jpg");position:relative;width: 820px;height: 612px;}
.mainFamily{background: transparent url("./images/background_familytree.jpg");position:relative;width: 820px;height: 612px;}
.mainGallery{background: transparent url("./images/background_gallery.jpg");position:relative;width: 820px;height: 612px; line-height:14px}
.mainTeam{background: transparent url("./images/background_team.jpg");position:relative;width: 820px;height: 660px;}
.mainProducts{background: transparent url("./images/background_products.jpg") no-repeat;position:relative;width: 820px;height: 719px;}

.mainMike{background: transparent url("./images/background_mike.jpg");position:relative;width: 820px;height: 612px;}
.mainTammy{background: transparent url("./images/background_tammy.jpg");position:relative;width: 820px;height: 612px;}
.mainChris{background: transparent url("./images/background_chris.jpg");position:relative;width: 820px;height: 612px;}
.mainDogs{background: transparent url("./images/background_dogs.jpg");position:relative;width: 820px;height: 612px;}
/* Menu top--------------------------------------*/
.menu{ 
   background: transparent url("./images/background_topnav.jpg");
   position:relative;
   width: 820px;
   height: 34px;
   padding:0;
}

.menu ul {
   margin-left:130px;  
   padding:0;
   margin-top:0;
   position:absolute;
}

.menu li {
   display:inline;
   margin: 0;
}
   
.menu ul li a{
	float: left;
	height:33px;
	overflow:hidden;
	background:url(../images/tab.gif) top left no-repeat;
}


.menu ul li a.products{
 width: 89px;
background: transparent url("./images/bts/topnav_products.jpg") no-repeat ;
}
.menu ul li a.team_menu{
 width: 71px;
background: transparent url("./images/bts/topnav_team.jpg") no-repeat ;
}
.menu ul li a.familytree{
 width: 104px;
background: transparent url("./images/bts/topnav_familytree.jpg") no-repeat ;
}
.menu ul li a.serviceshop{
 width: 113px;
background: transparent url("./images/bts/topnav_serviceshop.jpg") no-repeat ;
}
.menu ul li a.howtoorder{
 width: 116px;
background: transparent url("./images/bts/topnav_howtoorder.jpg") no-repeat ;
}
.menu ul li a.blog{
 width: 68px;
background: transparent url("./images/bts/topnav_blog.jpg") no-repeat ;
}
.menu ul li a.products:hover,
.menu ul li a.team_menu:hover,
.menu ul li a.familytree:hover,
.menu ul li a.serviceshop:hover,
.menu ul li a.howtoorder:hover,
.menu ul li a.blog:hover,
.menu ul li a.current
{
background-position:0 -33px;
}
/*--------------------------------------*/

/*Sub Nav-------------------------------*/
.subnav{ 
height :500px; 
}

.subnav ul {
   margin-left:13px;  
   padding:0;
   margin-top:0;
}

.subnav li {
   display:block;
   margin: 0;
}
   
.subnav ul li a{
	float: left;
	height:16px;
	width:152px;
	overflow:hidden;
	background:url(../images/tab.gif) top left no-repeat;
}


.subnav ul li a.bikes{
background: transparent url("./images/bts/subnav_bikes.jpg") no-repeat ;
}
.subnav ul li a.ride{
background: transparent url("./images/bts/subnav_ride.jpg") no-repeat ;
}
.subnav ul li a.casual{
background: transparent url("./images/bts/subnav_casual.jpg") no-repeat ;
}
.subnav ul li a.suspension{
background: transparent url("./images/bts/subnav_suspension.jpg") no-repeat ;
}
.subnav ul li a.component{
background: transparent url("./images/bts/subnav_component.jpg") no-repeat ;
}
.subnav ul li a.accessories{
background: transparent url("./images/bts/subnav_accessories.jpg") no-repeat ;
}
.subnav ul li a.bikes:hover,
.subnav ul li a.ride:hover,
.subnav ul li a.casual:hover,
.subnav ul li a.suspension:hover,
.subnav ul li a.component:hover,
.subnav ul li a.accessories:hover,
.subnav ul li a.current
{
background-position:0 -16px;
}

.subnav ul li#sub_bikes ul{
   margin:0px;
   height:220px;
   padding:0px;

}
.subnav ul li#sub_ride ul{
   margin:0px;
   height:185px;
   padding:0px;

}
.subnav ul li#sub_casual ul{
   margin:0px;
   height:125px;
   padding:0px;

}
.subnav ul li#sub_suspension ul{
   margin:0px;
   height:80px;
   padding:0px;

}
.subnav ul li#sub_accessories ul {
   margin:0px;
   height:190px;
   padding:0px;
   }
   
.subnav ul li#sub_bikes a,
.subnav ul li#sub_ride a,
.subnav ul li#sub_casual a,
.subnav ul li#sub_suspension a,
.subnav ul li#sub_accessories a {
   display: block;
   font-size:11px;
   font-weight:bold;
   color:#3B3A3A;
   text-decoration: none;
   width: 150px;
   height:15px;
   background-color:#CBCABA;
   }

.subnav ul li#sub_bikes a:hover,
.subnav ul li#sub_ride a:hover,
.subnav ul li#sub_casual a:hover,
.subnav ul li#sub_suspension a:hover,
.subnav ul li#sub_accessories a:hover,
.subnav ul li#sub_bikes a.current,
.subnav ul li#sub_ride a.current,
.subnav ul li#sub_casual a.current,
.subnav ul li#sub_suspension a.current,
.subnav ul li#sub_accessories a.current
 {
   background:#D9D8C7;
   color:#FB7321;
   width:150px;
   }

/*-------------------------------------*/

.homeBlog{
float:right;
margin-top:80px;
width:322px;
height:447px;
display:block;
background: transparent url("./images/fondbloghome.jpg");
}

.blog1{
background: transparent url("./images/blog_home_background.jpg") no-repeat ;
width: 322 px;
height:212px;
padding:5px 0px 0 0px;
line-height:17px;
}
.blog2{
background: transparent url("./images/blog_home_background.jpg") no-repeat ;
width: 322 px;
height:214px;
padding:5px 0px 0 0px;
line-height:17px;
}
.home_blog_text{
float:left;
width:290px;
margin-left:10px;
}
.more_blog{

height:20px;
width:300px;
color:#5197BD;
}

.more_blog a.more_blog_img{
display:block;
height:10px;
width:41px;
overflow:hidden;
background: transparent url("./images/more_blog.jpg") ;
}
.more_blog a.more_blog_img:hover{
background-position:0 -10px;
}

.homeImgBorderBlog{
width: 146 px;
height:104px;
float:left;
padding: 6px 12px 3px 5px;
background: transparent url("./images/border_blog_home.jpg") no-repeat ;

}
.sub_nav_blog{
float:left;
margin-top:0px;
margin-left:0px;
width:171px;
height:497px;
padding:0px;
background: transparent url("./images/sub_nav_blog.jpg") repeat ;
}
.sub_nav_team{
float:left;
margin-top:0px;
margin-left:0px;
width:167px;
height:515px;
padding:0px;
background: transparent url("./images/sub_nav_team.jpg") repeat ;
}
.sub_nav_products{
float:left;
margin-top:0px;
margin-left:0px;
width:165px;
height:571px;
padding:0px;
background: transparent url("./images/sub_nav_products.jpg") no-repeat ;
}
.content{
float:right;
width:648px;
height:438px;
margin-top:60px;
padding:0px;
}
.content-team{
float:right;
width:652px;
height:434px;
margin-top:79px;
padding:0px;
}
.content-products{
float:right;
width:655px;
height:480px;
margin-top:0px;
padding:0px;
}
.content-components{
float:right;
width:630px;
height:480px;
margin-right:14px;
margin-top:90px;
padding:0px;
background:none;
overflow:scroll;
overflow-x: hidden;
}
.blog_content{
width:600px;
}

.blog_title{
width:603px;
height:42px;
padding:5px 0px 0 15px;
position:relative;
background: transparent url("./images/blog_title.jpg") repeat ;
}

.blog_text{
float:left;
width:395px;
}
.blog_img{
float:right;
width:200px;
padding:10px 0px 10px 15px;
}

.comment_text{
line-height:8px;
width:603px;
padding:5px 0px 0 15px;
background: transparent url("./images/fond_blog_fonce.jpg") repeat ;
}
.month_blog{
margin-left:35px;
margin-top:4px;
line-height:16px;
}
.month {font-size:12px;color:#999999;line-height:16px;font-family: Arial, Helvetica, sans-serif;}

.team_link{
margin-left:18px;
margin-top:70px;
}
.services{
float:left;
margin-top:120px;
width:400px;
}
.rates{
float:right;
margin-top:120px;
width:310px;
}
.rates_text{
float:left;
width:200px;
}
.rates_dollar{
float:right;
width:90px;
}
.rates_notice{
float:left;
width:290px;
}

.order{
float:left;
margin-top:135px;
width:465px;
height:66px;
}
.order2{
float:left;
margin-top:15px;
width:465px;
height:240px;
}
.order3{
float:left;
margin-top:15px;
width:465px;
}
.specials{
float:right;
margin-top:105px;
width:330px;
}
.family_link{
line-height:12px;
float:left;
margin-top:45px;
width:470px;
padding: 0 0px 0 0;
}
.family_link a.tammy{
display:block;
height:22px;
width:94px;
overflow:hidden;
background: transparent url("./images/tammy.gif") ;
}
.family_link a.mike{
display:block;
height:22px;
width:68px;
overflow:hidden;
background: transparent url("./images/mike.gif") ;
}
.family_link a.chris{
display:block;
height:22px;
width:75px;
overflow:hidden;
background: transparent url("./images/chris.gif") ;
}
.family_link a.dogs{
display:block;
height:22px;
width:65px;
overflow:hidden;
background: transparent url("./images/dogs.gif") ;
}.family_link a.mike:hover,
.family_link a.tammy:hover,
.family_link a.chris:hover,
.family_link a.dogs:hover{
background-position:0 -22px;
}

.family	{
float:right;
margin-top:105px;
width:320px;
padding: 0 30px 0 0;
}
.family_left{
float:left;
margin-top:34px;
margin-left:100px;
}
.gallery{
float:left;
margin-top:52px;
width:400px;
}
.team{
width:185px;
height:172px;
background: transparent url("./images/shape_team.gif") no-repeat;
font-family: Helvetica ;
font-size: 8pt;
color: #48473D;
line-height:5px;
padding: 9px 0 0 6px;
}
.product{
width:193px;
height:176px;
background: transparent url("./images/shape_products.gif") no-repeat;
font-family: Helvetica ;
font-size: 8pt;
font-weight:bold;
color: #48473D;
line-height:5px;
padding: 31px 0 0 9px;
}
.product_sale{
width:195px;
height:176px;
background: transparent url("./images/shape_products_sale.gif") no-repeat;
font-family: Helvetica ;
font-size: 8pt;
font-weight:bold;
color: #48473D;
line-height:5px;
padding: 31px 0 0 9px;
}
.titleBlog{font-family: Arial, Helvetica, sans-serif; font-size: 11pt;  text-decoration: bold, text-align: left ; margin-left:0px; margin-top:0px;color: #5197BD; text-transform:uppercase}
.subtitleBlog{font-family: Arial, Helvetica, sans-serif; font-size: 10pt;  text-decoration: bold, text-align: left ; margin-left:0px; margin-top:0px;color: #48473D;}
.teamTitle{font-family: Arial, Helvetica, sans-serif; font-size: 10pt;color: #282828;text-transform:uppercase }
.text{font-family: Arial, Helvetica, sans-serif; font-size: 9pt; margin-left:5px; color:#48473D;}


.input_text{
background: url("./images/input_text.jpg")  no-repeat;
   height:23px;
   width:173px;
   _width:158px;
   border:0px !important;
   margin:0;
   font-size:11px;
   padding:4px 5px 4px 4px;
   font-weight:bold;
   font-family:Arial, Helvetica, sans-serif;
   color:#444444;
   }
.input_textarea{
background: url("./images/input_textarea.jpg")  no-repeat;
   height:95px;
   width:454px;
   _width:414px;
   border:0px !important;
   margin:0;
   font-size:11px;
   padding:4px 10px 4px 4px;
   font-weight:bold;
   font-family:Arial, Helvetica, sans-serif;
   color:#444444;
   }

a { text-decoration:none;color:#48473D;}


a.border{ color:#FFFFFF; background-color:#FFFFFF; border-color:#FFFFFF}
a.border:hover{color:#282828}

.image_gallery{
border-width:thick;
border:#CC0000;

}