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

[Master Stylesheet]

Framework : BIC
Version : 2.7
Last Change : 24/02/2009
Author : Alexandre BALMES http://www.alexandrebalmes.fr
Please use for beautiful design only

[Credits]
clean.css use the Meyer Reset : http://meyerweb.com
layout.css use the 960 grid system : http://www.960.gs

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


@import "css/clean.css";
@import "css/typography.css";
@import "css/color.css";
@import "css/layout.css";
@import "css/myclass.css";

body { background-color: #f1f1f1; }
a:hover { border-bottom: 0; }

/*--------------------------------------------------------------------
	1. contact
--------------------------------------------------------------------*/

#contact { height: 417px; background: url(images/contactbg.png) #b2da1d repeat-x; color: #fefefe; }

#social { margin-top: 140px; }
#social ul { margin-left:  75px; }
#social p { text-align: center; font-size: 18px; }

#form { font-size: 18px; padding-left: 20px; margin-top: 10px; }
#form form { margin-left:  45px; }
#form p { margin: 10px 0; }
#form label, #form input, #form textarea { border-color: #87a616; }
#form label { display: block; margin-bottom: 10px; }
#form input, #form p { width: 370px; }
#form textarea { height: 170px; width: 370px; display:block; }
#form input#submitinput { width: 37px; height: 26px; background: url(images/formgo.png) no-repeat; text-indent: -1984px; cursor: pointer; border: 0; }

#hello { border-top: 5px solid #b2da1d; }
a.hello { display: block; cursor: pointer; }


/*--------------------------------------------------------------------
	2. presentation
--------------------------------------------------------------------*/

#presentation { height: 575px; background-color: #1b1b1b; color: #fefefe; border-bottom: 3px solid #fefefe; font-size: 18px;  }

h1 { font-size:  60px; line-height: 40px; margin: 60px 0 58px 0; }
h1 span { font-size: 30px; }

#presentation ul { padding-top: 48px; }
#presentation li { background: url(images/ok.jpg) no-repeat; padding: 5px 0 0 34px; margin-bottom: 15px; line-height: 22px;  }
#presentation li.fail { background: url(images/fail.jpg) no-repeat; }

/*--------------------------------------------------------------------
	3. portfolio
--------------------------------------------------------------------*/

#portfolio { background: url(images/portfoliobg.png) #f1f1f1 repeat-x; font-size: 18px; padding-top: 50px; }
#portfolio img { border: 1px solid; }
h2 { font-size: 22px; border-bottom: 5px solid; }

#portfolio .real { border-top: 2px solid; margin-top: 5px; padding-top: 20px;}
.showroom { margin-bottom: 75px; }
#portfolio ul#slideshow li, #portfolio ul#slideshow2 li, #portfolio ul#slideshow3 li { position: relative; text-transform: lowercase; }
#portfolio p.description { position: absolute; top:180px; right: 0; background-color: #1b1b1b; color: #fefefe; padding: 0 5px; font-size: 12px; }