/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------
    Consultation Isabelle Fournier
    Author: Kinologik
	Website: www.kinologik.com 
    Filename: splash.css
------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

body {margin:0; padding:0; background:#381f62 url(../images/splash/bg.jpg) center -40px; background-repeat:no-repeat; font-family:Arial, Helvetica, sans-serif; font-size:12px}
html, body {height:100%;}
img {border:none}
.white {color:#fff}
p {color:#2a0f56; 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 {height:149px; clear:left}
#header h1 {width:277px; height:120px; background:url(../images/splash/ecole_arts_martiaux.jpg) 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 {width:260px; height:400px; clear:left; border: 1px solid #dedad6;}
#col-left .boxBottom {width:260px; height:450px; clear:left; border: 1px solid #dedad6;  margin-top:16px;}
#col-left .boxInt {background: #b8abc1; width:246px; height:386px; clear:left; margin: 7px; color: #2a0f56;}
#col-left #box2 {background:url(../images/splash/box2.png) left top no-repeat; width:266px; height:495px; margin-top:16px}
#col-left .boxTop p, #col-right .boxTop p {line-height:16px; width:222px; text-align:justify}
.boxTop ol {margin:10px 11px 0 30px; padding:0; color:#2a0f56;}
.boxTop ol li {padding:6px 0 0 0}
.border_old {border:1px solid #CCC; padding:6px; background:none; }

#col-left h2,#col-right h2 {color:#2a0f56; margin:0; padding-top:10px; padding-left: 14px;}
#col-center {float:left; width:400px;}
#col-center h1 {width:400px; height:133px; background:url(../images/splash/logo_kungfu.jpg) no-repeat;}
#col-center h1 span {display:block; height:16px; text-indent:-9000px;}

#col-right {float:right; width:280px;}
#col-right .boxTop {width:260px; height:250px; margin-right:0; float:right; border: 1px solid #dedad6;}
#col-right .boxBottom {width:260px; height:320px; margin-right:0; float:right; border: 1px solid #dedad6; margin-top:16px;}
#col-right .boxInt {background: #b8abc1; width:246px; height:236px; clear:left; margin: 7px; color: #2a0f56;}

#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 {margin-top:18px; height:30px; width:424px; margin:0 auto; padding:10px 0 0 0;}
#icon ul {margin:0; padding:0;}
#icon ul li {list-style:none; float:left; /*width:100%;*/ padding:0 30px 0 0; margin:0; display:block }
#icon a span {display:block; text-indent:-9000px; overflow:hidden;}
#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.jpg) no-repeat;background-position:left; text-align:center;}	
#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.jpg) no-repeat;background-position:left; text-align:center;}
#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;}
#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;}
#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;}
.center {margin:0 auto; width:960px; text-align:center;}

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

#footer {position:relative; clear:both; margin:0 auto; text-align:center; font-size:12px; color:#FFF; padding-top:10px; padding-bottom:10px;}
#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}