/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------
    Kung-fu Patenaude Laval
    Author: Kinologik
	Website: www.kinologik.com 
    Filename: splash.css
------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

body {margin:0; padding:0; background:#000 url(../images/splash/bg.jpg) center top; background-attachment:fixed; background-repeat:no-repeat; font-family:Arial, Helvetica, sans-serif; font-size:12px; text-align:center}
html, body {height:100%;}
img {border:none}
a {outline:none}
.white {color:#fff}
p {color:#BFBFBF; font-size:12px; padding:10px 0 0 14px; margin:0}
#container {margin:0 auto; width:960px; text-align:left; position:relative; min-height:100%;}
#header {position:relative; height:118px; width:400;}
/*#header h1 {width:400px; height:133px; background:url(../images/splash/ecole_arts_martiaux.png) no-repeat;}
#header h1 span {display:block; height:16px; text-indent:-9000px;}*/

#col-left {position: relative; float:left; width:280px; clear:left;}
#col-left .boxTop {background:url(../images/splash/box1.png) top left no-repeat; width:266px; height:394px; clear:left;}
#col-left #box2 {background:url(../images/splash/box2.png) left top no-repeat; width:266px; height:495px; margin-top:16px}
#col-left #box-schedule {background:url(../images/splash/box_schedule.png) left top no-repeat; width:266px; height:495px; margin-top:16px}
#col-left #box2 a:link, #col-left #box2 a:visited {text-decoration:underline; color:#BFBFBF} 
#col-left #box2 a:hover {text-decoration:none}
#col-left .boxTop p, #col-right .boxTop p {line-height:16px; width:237px; text-align:justify}
.boxTop ol {margin:10px 11px 0 30px; padding:0; color:#BFBFBF}
.boxTop ol li {padding:6px 0 0 0}
.border_old {border:1px solid #CCC; padding:6px; background:none; }

#col-left h2,#col-right h2 {text-align:center; color:#e6e3e3; margin:0; padding-top:15px}
/*#col-left p, #col-right p {color:#e6e3e3; font-size:12px; padding:10px 0 0 14px;}*/
#col-center {float:left; width:400px;}
#col-center h1 {width:400px; height:133px; background:url(../images/splash/ecole_arts_martiaux.gif) no-repeat; margin:0; padding:0}
#col-center h1 span {display:block; height:16px; text-indent:-9000px;}

#col-right {float:right; width:280px;}
#col-right .boxTop {background:url(../images/splash/box1.png) right top no-repeat; width:266px; height:394px; margin-right:0; float:right}
#col-right .boxBtm {background:url(../images/splash/box_right1.png) right top no-repeat; width:266px; height:238px; margin-right:0; float:right;margin-top:16px}
#col-right #boxBtm2 {background:url(../images/splash/box_right2.png) right top no-repeat; width:266px; height:211px; margin-right:0; float:right;margin-top:16px}

#icon {position:relative; margin-top:18px; height:51px; width:524px; /*padding:10px 0 0 0;*/ }
#icon ul {margin:0; padding:0;}
#icon ul li {list-style:none; float:left; padding:0 30px 0 0; margin:0; display:block }
#icon a span {display:block; text-indent:-9000px; overflow:hidden;}
#icon ul li em img {}
#icon ul li em a {display:block; width:91px; height:21px; cursor:pointer}
#icon ul li.logo_youtube {width:70px;height:28px; margin-bottom:23px}
#icon ul li.logo_youtube a {display:block;width:100%;height:100%;background:url(../images/splash/logo_youtube.jpg) no-repeat; background-position:left; text-align:center; cursor:pointer}
#icon ul li.logo_twitter {width:91px;height:25px; text-align:center;}
#icon ul li.logo_twitter a {display:block;width:100%;height:100%;background:url(../images/splash/logo_twitter.png) no-repeat;background-position:left; text-align:center; cursor:pointer}	
/*#col-right ul li.logo_twitter a:hover { background-position:right;}
#col-right ul li.logo_twitter a img { width:100%; height:100%;border:0;}*/
#icon ul li.logo_facebook {width:91px;height:25px; margin-bottom:23px}
#icon ul li.logo_facebook a {display:block;width:100%;height:100%;background:url(../images/splash/logo_facebook.png) no-repeat;background-position:left; text-align:center; cursor:pointer}
#icon ul li.logo_linkedIn {width:91px;height:25px; text-align:center;}
#icon ul li.logo_linkedIn a {display:block;width:100%;height:100%;background:url(../images/splash/logo_linkedIn.jpg) no-repeat;background-position:left; text-align:center; cursor:pointer}
#icon ul li.logo_flickr {width:60px;height:25px; margin-bottom:23px}
#icon ul li.logo_flickr a {display:block;width:100%;height:100%;background:url(../images/splash/logo_flickr.jpg) no-repeat;background-position:left; text-align:center; cursor:pointer}
#icon ul li.logo_fightBook {width:91px;height:25px; text-align:center;}
#icon ul li.logo_fightBook a {display:block;width:100%;height:100%;background:url(../images/splash/logo_fightBook.jpg) no-repeat;background-position:left; text-align:center; cursor:pointer}
.center {margin:0 auto; width:960px; text-align:center;}

#col-right #googleMap {margin:7px}

#tiny-gallery {width:100%;margin-left:10px; padding:0;	list-style:none;}
#tiny-gallery img {float:left; padding:10px 8px 8px 9px; background-image: url("../images/splash/tiny-galery/BG_gallery.jpg");	margin: 0px 10px 10px 0px; border:0px;}
#tiny-gallery ul {list-style:none;padding:0;margin:0;}
#tiny-gallery li  {text-align:center;position:relative;display:inline;padding:5px;margin:0;float:left;}

ul.tabNavigation {list-style: none;	margin: 0 auto;	padding:15px 0 7px 0; width:190px; text-align:center; color:#D7D1D1; font-size:18px; font-weight:bold;}
ul.tabNavigation li {display: inline;}
ul.tabNavigation li a {padding: 3px 5px; color: #D7D1D1; text-decoration: underline;}
ul.tabNavigation li a.selected,  ul.tabNavigation li a:hover {color: #e6e3e3 !important; text-decoration:none !important;}
ul.tabNavigation li a:focus {outline: 0;}

#footer {position:relative; clear:both; margin:0 auto; text-align:center; font-size:12px; color:#FFF; padding-top:0px; padding-bottom:14px;}
#footer p {font-family:Arial, Helvetica, sans-serif; font-size:12px}
#footer a:link, #footer a:visited {color:#a83f4e; text-decoration:none}
#footer a:hover{text-decoration:underline}