#wrapper {width: 960px; margin: 20px auto; }
#innerwrapper {position: relative; }
#header { height: 150px;}

#nav {margin: 20px 0; }


#home { background: #fff; color: #636363; padding: 30px 15px;}

#footer {font-size: 0.833em; margin-top: 10px; }
#footer a:link, #footer a:visited {color: #fff; text-decoration: none; margin-right: 10px;}
#footer a:hover, #footer a:active {color: #FFf; text-decoration: none;}
#footer .copyright {margin-right: 10px;}



/* about */

#navAbout a {width:55px; height: 9px; text-indent: -9999px;}
#navAbout a:link, #navAbout a:visited 
{ background: url(http://www.cobistyle.com/template/images/nav_home2.png) 0 0 no-repeat; }

#navAbout a:hover,  #navAbout a:active, #navAbout:hover a,  #navAbout a.selected:link, #navAbout a.selected:visited,
#navAbout.sfHover a:link, #navAbout.sfHover a:visited, #navAbout.sfHover a:hover, #navAbout.sfHover a:active 
 {background: url(http://www.cobistyle.com/template/images/nav_home2_on.png) 0 0 no-repeat ; }

#navAbout li a {width: auto; height: auto; text-indent: 0;}
#navAbout li a:link, #navAbout li a:visited, 
 #navAbout.sfHover li a:link, #navAbout.sfHover li a:visited, #navAbout.current li a:link, #navAbout.current li a:visited
          {background-image: none; }
#navAbout li a:hover, #navAbout li a:active, 
#navAbout.sfHover li a:hover,  #navAbout.sfHover li a:active, #navAbout.current li a:hover,  #navAbout.current li a:active
          {background-image: none; }



/* blog */

#navBlog a {width:52px; height: 9px; text-indent: -9999px;  }
#navBlog a:link, #navBlog a:visited 
{ background: url(http://www.cobistyle.com/template/images/nav_home2.png) -55px 0 no-repeat; }

#navBlog a:hover,  #navBlog a:active, #navBlog:hover a,  #navBlog a.selected:link, #navBlog a.selected:visited,
#navBlog.sfHover a:link, #navBlog.sfHover a:visited, #navBlog.sfHover a:hover, #navBlog.sfHover a:active 
 {background: url(http://www.cobistyle.com/template/images/nav_home2_on.png) -55px 0 no-repeat; }

#navBlog li a {width: auto; height: auto; text-indent: 0;}
#navBlog li a:link, #navBlog li a:visited, 
 #navBlog.sfHover li a:link, #navBlog.sfHover li a:visited, #navBlog.current li a:link, #navBlog.current li a:visited
          {background-image: none; }
#navBlog li a:hover, #navBlog li a:active, 
#navBlog.sfHover li a:hover,  #navBlog.sfHover li a:active, #navBlog.current li a:hover,  #navBlog.current li a:active
          {background-image: none; }

/* news */

#navNews a {width:55px; height: 9px; text-indent: -9999px;  }
#navNews a:link, #navNews a:visited 
{ background: url(http://www.cobistyle.com/template/images/nav_home2.png) -104px 0 no-repeat; }

#navNews a:hover,  #navNews a:active, #navNews:hover a,  #navNews a.selected:link, #navNews a.selected:visited,
#navNews.sfHover a:link, #navNews.sfHover a:visited, #navNews.sfHover a:hover, #navNews.sfHover a:active 
 {background: url(http://www.cobistyle.com/template/images/nav_home2_on.png) -104px 0 no-repeat; }

#navNews li a {width: auto; height: auto; text-indent: 0;}
#navNews li a:link, #navNews li a:visited, 
 #navNews.sfHover li a:link, #navNews.sfHover li a:visited, #navNews.current li a:link, #navNews.current li a:visited
          {background-image: none; }
#navNews li a:hover, #navNews li a:active, 
#navNews.sfHover li a:hover,  #navNews.sfHover li a:active, #navNews.current li a:hover,  #navNews.current li a:active
          {background-image: none; }

/* clubcobi */

#navClub a {width:81px; height: 9px; text-indent: -9999px;  }
#navClub a:link, #navClub a:visited 
{ background: url(http://www.cobistyle.com/template/images/nav_home2.png) -159px 0 no-repeat; }

#navClub a:hover,  #navClub a:active, #navClub:hover a,  #navClub a.selected:link, #navClub a.selected:visited,
#navClub.sfHover a:link, #navClub.sfHover a:visited, #navClub.sfHover a:hover, #navClub.sfHover a:active 
 {background: url(http://www.cobistyle.com/template/images/nav_home2_on.png) -159px 0 no-repeat; }

#navClub li a {width: auto; height: auto; text-indent: 0;}
#navClub li a:link, #navClub li a:visited, 
 #navClub.sfHover li a:link, #navClub.sfHover li a:visited, #navClub.current li a:link, #navClub.current li a:visited
          {background-image: none; }
#navClub li a:hover, #navClub li a:active, 
#navClub.sfHover li a:hover,  #navClub.sfHover li a:active, #navClub.current li a:hover,  #navClub.current li a:active
          {background-image: none; }

/* design */

#navDesign a {width:87px; height: 9px; text-indent: -9999px;  line-height: 9px; }
#navDesign a:link, #navDesign a:visited 
{ background: url(http://www.cobistyle.com/template/images/nav_home2.png) -240px 0 no-repeat ; }

#navDesign a:hover,  #navDesign a:active, #navDesign:hover a,  #navDesign a.selected:link, #navDesign a.selected:visited,
#navDesign.sfHover a:link, #navDesign.sfHover a:visited, #navDesign.sfHover a:hover, #navDesign.sfHover a:active 
 {background: url(http://www.cobistyle.com/template/images/nav_home2_on.png) -240px 0 no-repeat; }

#navDesign li a {width: auto; height: auto; text-indent: 0;  line-height: 9px; font-size: 9px;}
#navDesign li a:link, #navDesign li a:visited, 
 #navDesign.sfHover li a:link, #navDesign.sfHover li a:visited, #navDesign.current li a:link, #navDesign.current li a:visited
          {background-image: none; }
#navDesign li a:hover, #navDesign li a:active, 
#navDesign.sfHover li a:hover,  #navDesign.sfHover li a:active, #navDesign.current li a:hover,  #navDesign.current li a:active
          {background-image: none; }

/* contact */

#navContact a {width:72px; height: 9px; text-indent: -9999px;  }
#navContact a:link, #navContact a:visited 
{ background: url(http://www.cobistyle.com/template/images/nav_home2.png) -327px 0 no-repeat; }

#navContact a:hover,  #navContact a:active, #navContact:hover a,  #navContact a.selected:link, #navContact a.selected:visited,
#navContact.sfHover a:link, #navContact.sfHover a:visited, #navContact.sfHover a:hover, #navContact.sfHover a:active 
 {background: url(http://www.cobistyle.com/template/images/nav_home2_on.png) -327px 0 no-repeat; }

#navContact li a {width: auto; height: auto; text-indent: 0;}
#navContact li a:link, #navContact li a:visited, 
 #navContact.sfHover li a:link, #navContact.sfHover li a:visited, #navContact.current li a:link, #navContact.current li a:visited
          {background-image: none; }
#navContact li a:hover, #navContact li a:active, 
#navContact.sfHover li a:hover,  #navContact.sfHover li a:active, #navContact.current li a:hover,  #navContact.current li a:active
          {background-image: none; }


h2 {margin-bottom: 0;}

a:link, a:visited {color:#F0037F; text-decoration: none;}
a:hover, a:active {color:#FF7800; text-decoration: none;}


.vrule1 {display: block; width: 70px; height: 370px; float: left; background: url(http://www.cobistyle.com/template/images/vrule.gif) repeat-y 32px 0  #fff;}
.vrule2 {display: block; width: 60px; height: 280px; float: left; background: url(http://www.cobistyle.com/template/images/vrule.gif) repeat-y 30px 0  #fff;}
.hrule {clear: both; display: block; height: 60px; background: url(http://www.cobistyle.com/template/images/hrule.gif) repeat-x 0 50%  #fff; margin: 0 15px; }

.cobi {width: 430px; float: left;}
.cobi img {float: right;}
.cobi h2 {margin-bottom: 15px;}
.news {width: 430px; float: left;}
.join, .blog, .video {width: 266px; float: left; }

.cobi h2, .cobi p, 
.join h2, .blog h2, .video h2 ,
.join p, .blog p, .video p        {margin-left: 15px;}

.join p, .blog p, .video p       {margin-bottom: 5px;}
.news p        {margin-bottom: 0;}
.news H2, .news p {margin-left: 15px;}
.cobi em {display: block; padding-top: 5px; font-size: 2.66em; line-height: 1.2; font-style: normal;}


.shadowSM {width: 266px; height:203px; background: url(/template/images/shadow.gif) no-repeat bottom right; }
.shadowSM img {display: block; padding: 13px 0 0 15px;}


.shadowL {width: 425px; height:338px; background: url(/template/images/shadowL.gif) no-repeat bottom right; }
.shadowL img {display: block; padding: 15px 0 0 17px;}

#videoLink {display: block; width: 266px; height: 203px; position: relative; left: 10px; }
#videoLink span {position: absolute; left: 30px; bottom: 30px; display: block; width: 29px; height: 29px; background: url(http://www.cobistyle.com/template/images/video_play.gif) no-repeat ; text-indent: -9999px; }
#videoLink:link span , #videoLink:visited span {background-image: url(http://www.cobistyle.com/template/images/video_play_home.gif); }
#videoLink:hover span , #videoLink:active span {background-image: url(http://www.cobistyle.com/template/images/video_play_home_on.gif); }