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

/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------
    Art Massage
	Website: www.art-massage.ca
    Filename: styles.css
	version: 1.0
	date: 07/08/09
------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

body {background:#212322 url(/images/bg.jpg) top repeat; font:87.5% Arial, Helvetica, sans-serif; color:#020202; margin:0; padding:0} /*62.5*/
img {border:none}
a {outline:none}


/* Layout
------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

#container {position:relative; margin:0 auto 20px; background:url(/images/bg_content.jpg) bottom center; height:auto !important; min-height:613px; height:613px; width:700px; text-align:left;}
.spotlight {background:url(/images/bg_spotlight.jpg) top no-repeat; height:auto !important; min-height:700px; height:700px;}

/*** Navigation ***/
#mainNav {height:40px; width:700px; background:url(/images/bg_mainNav.png); position:relative; top:20px; padding:0; border-top:1px solid #999999; border-bottom:1px solid #999999}
#mainNav ul  {margin:0; padding:0; list-style:none; font-size:0.85em; font-weight:bold; clear:left; float:left; position:relative; left:50%; text-align:center; color:#F0F0F0}
#mainNav ul li {display:block; float:left; margin:0; padding:0; position:relative; right:50%; text-transform:uppercase;}
#mainNav ul li a {padding:0 10px; margin:0; height:25px; line-height:40px; height:40px; display:block; color:#c1c1c1; font-weight:bold; text-decoration:none;}
#mainNav ul li a:hover {color:#F00;}
#mainNav ul li.current a {background:url(/images/mainNav-bg-on.png) bottom no-repeat; height:40px; color:#FFF}

#content {width:700px; clear:left; position:relative;  }
#content h1 span, #content h2 span, span.logo2-art-massage {display:block; text-indent:-9000px; height:40px;}
#content > h1#title-home {background-image: url(/images/art-massage.png); width:525px; height:192px;}
#content > h1#title-art-massage {background: url(/images/formation-massage.png) bottom center no-repeat; width:344px; height:160px; display:block; }
#content span.logo-art-massage {background:url(/images/txt1_art-massage.png); width:155px; height:30px; display:inline-block}
#content span.logo2-art-massage {background:url(/images/txt2_art-massage.png); width:128px; height:29px; display:inline-block; line-height:29px}
#content p {color:#FFDDA2; line-height:18px; margin:14px 104px; padding:0; text-align:justify}
#content a:link, #content a:visited {text-decoration:underline; color:#DFDFDF}
#content a:hover {text-decoration:none; color:#D6D6D6}
#content h2 {font-size: 1.571em; font-family: Helvetica, Arial, sans-serif;
font-size: 16px;
font-style: normal;
font-weight: normal;
/*text-transform: normal;
letter-spacing: -0.1;*/
line-height: 0.6em;
margin-top:26px; padding:24px 0 14px 0;
}

#promoBox {background:url(/images/bg_promo.png); width:649px; height:137px; margin-top:40px !important}
#promoBox p {text-align:center !important; margin-top:0 !important}

#promoBox2 {background:url(/images/bg_promo2.png); width:649px; height:137px; margin-top:40px !important}
#promoBox p, #promoBox2 p {text-align:center !important; margin-top:0 !important}


.clearer {clear:both; display:block; height:1px; margin-bottom:-1px; font-size:1px; line-height:1px;}
.clearLeft {clear:left; display:block; height:1px; margin-bottom:-1px; font-size:1px; line-height:1px;}
/*p.centering {position:relative; width:700px; margin-left:-350px; left:50%;}*/
.center {margin:0 auto !important; text-align:center;}
.txtUnderline {text-decoration:underline}
.txtOrange {color:#FFDDA2}
.txtWhite {color:#FFF !important}
.paddinBtm {padding-bottom:18px !important}
.noPadding {margin-top:0 !important; margin-bottom:0 !important; }
.box1 {margin:30px 0 0 25px; background:url(/images/cadre_2.png); width:313px; height:157px; float:left;}
.box1 p {color:#fff !important; margin:35px auto 20px !important; text-align:center !important; width:284px;}
.box1 ul {margin:0; padding:0}
.box1 ul li {color:#fff; line-height:18px; padding:0; margin-left:30px}

#footer {position:relative; margin:0 auto; padding:5px; color:#999; font-size:12px; background-color:#0a0c0b; clear:left}
#zic  {position:absolute; bottom:20px; right:50px; width:120px; height:20px;}

/*** Galerie Photos ***/
.gallery {list-style:none; margin:15px 0 0 23px; padding:0;}
.gallery li {padding:20px; margin:0; float:left; position:relative; width:174px; height:116px;}
.gallery img {background:#fff; border:solid 1px #000; padding:6px;}
.gallery li:hover img {border-color:#FFCB87;}


/*** Login ***/
#login-content{background:url(/images/bg_promo.png) no-repeat; width:649px; height:200px; margin-top:60px !important}
form#login {position:relative; width:285px; height:100px; margin:14px auto; background-color:#EFEFEF; padding:20px; border:1px solid #000;
 -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; -webkit-box-shadow:1px 1px 10px rgba(0,0,0,0.3); -moz-box-shadow:1px 1px 10px rgba(0,0,0,0.3);
 font-family:Arial, Helvetica, sans-serif; font-size:12px;}
#login label {width:100px; display:block; float:left; text-align:left; padding:2px }
#login input, #login select {margin-left: 1%; border: #CCC 1px solid; padding:2px}
#login .no_label {background: none;}
#content #login p {margin:10px 0 4px 14px; color:#333}
#login input[type="submit"]:hover {
	background-color: #C6D0F4;
	cursor: pointer;
}

/*** Sub Nav Formation ***/
#SubNavContent {position:relative; clear:both; width:700px; height:133px; margin:40px 0 0 0;}
#SubNavContent ul {margin:0 0 0 15px; padding:0;}
#SubNavContent ul li {width:213px; height:133px; display:block; float:left; margin:0px 15px 20px 0; padding:0; text-align:left}
#SubNavContent ul li.noMarginRight {margin-right:0}
#SubNavContent ul li img {display:block;}
#SubNavContent ul li a img {border:none}

/*** Facebook ***/
.btn-fb {width:221px; height:16px; margin:0px 5px 0 0px}
a.btn-fb {width:221px; display:block; float:right; height:16px; text-indent:-9000em; background:url(../images/btn-fb.jpg) no-repeat;}
a.btn-fb:link, a.btnFacebook:visited {}
a.btn-fb:hover {background-position:bottom left}
a.btn-fb:active {outline:none}