/*
Theme Name: Jane Heller v2
Version: 1.0
Integrator: Nathalie baa Bergeron
Integrator URI: http://baazooka.com/
Designer: Léa Berger
Designer URI: http://dfigraphik.ca/
Integrator: Sylvain Monfette SLY
Integrator URI: http://www.loplop.com/apropos.php

*/

/* Begin RESET */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, /*code,*/
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, /*ol, */ul, ul li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
/*ol, */
ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

a img { border: none; }
/* End RESET */






/* clearfix http://www.positioniseverything.net/easyclearing.html */
/* new clearfix http://perishablepress.com/press/2009/12/06/new-clearfix-hack/ */
.clearfix:after {
	content: " ";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	font-size: 0;
	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */







html, body { 
  	width:100%;
  	height:100%;
  	margin:0;
  	padding:0;}

body {
	font: 62.5%/1.48em "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica-Neue-Light", Helvetica, Arial, sans-serif;
  	position:relative;
  	color:#3a3d40;
  	color: #455660;
  	text-align:center;
  	background:#ececea fixed url(../images/bodybg3.jpg) repeat 50% bottom;

}
body#bodyindex{overflow:hidden;}

#supersize img, #supersize a{  
	height:100%;  
	width:100%;  
	display:none;  
}  
#supersize .activeslide, #supersize .activeslide img{  
	display:inline;  
}


a, a:link {
	color: #455660;
	text-decoration: none;
	cursor:pointer;
}
a:visited {
	color: #455660;
}
a:hover, a:active {
	color: #b24e3f;
	text-decoration: none;
}

#whitebg{
	position:absolute;top:0;left:0;width:100%;height:100%;
  	background:transparent url(../images/bg_color.gif) repeat-x;}
  	
#container{
   	width:1000px;
   	width:1140px;
   	margin:0 auto;
   	min-height:100%;
   	height:auto !important; 
   	height:100%;
   	position:relative;
}


#header{
   	position:relative;
	text-align:center;
}

#bodyer {
   	position:relative;
	padding:0px 0px 100px;
}

#footer {
	position:absolute;
	bottom:0;
	font-size:11px;
	height:90px;
	width:100%;
}


	

/*-------------------- HEADER -------------------*/
#header h1{padding:50px 0 35px;}
a#navhome{
	margin:0px auto;
   	position:relative;
	width:281px;
	height:27px;
	overflow:hidden;
	display:block;
	}
/*-------------------- end HEADER ---------------*/





/*-------------------- NAV ----------------------*/



#nav{
	width:100%;
	margin:0 auto;
	text-align:center;
}
#bodyslideshow #nav{
	margin-top:25px;
}

#nav li,
#subnav_portfolio li,
#subnav_stories li,
#subnav_about li{display:inline;}


#nav a,
#subnav_portfolio a,
#subnav_stories a,
#subnav_about a{
  	font-size:1.1em;
	text-decoration:none;
	overflow:hidden;
	padding:15px 20px;
	letter-spacing:1px;
	}
	
	#nav a{
	text-transform:uppercase;
	}
	
	#subnav_portfolio a,
	#subnav_stories a,
	#subnav_about a{
	text-transform:lowercase;
	}
	
	#bodyportfolio #nav a#navportfolio,
	#bodystories #nav a#navstories,
	#bodyabout #nav a#navabout,
	#bodycontact #nav a#navcontact,
	#bodyblog #nav a#navblog,
	#bodystore #nav a#navstore,
	#bodyabout a#navbio,
	#bodyaboutclients a#navclients,
	#bodyaboutclients a#navabout{
		color:#b24e3f;
		font-weight:bold;
	}

	#footer a:hover{
		color:#b24e3f;
	}	
	
	
	
	#nav a.on,
#subnav_portfolio a.on,
#subnav_stories a.on,
#subnav_about a.on{
		color: #b24e3f;
		font-weight:bold;
}
	

/*-------------------- end NAV ------------------*/





/*-------------------- BODYER -------------------*/

#slideshow{
	/*width:920px;
	
	min-height:610px;
	height:auto !important;
	height:610px;*/
	
	width:780px;
	
	min-height:517px;
	height:auto !important;
	height:517px;
	
	float:left;
	overflow:hidden;
}


.leftcol{text-align:right;}
.photocol{
	width:920px;
	float:left;
	overflow:hidden;
	
	width:780px;
	min-height:552px;
	height:auto !important;
	height:552px;
}
/*.photocol a.theimg{
	width:780px;
	display:block;
}*/
.photocol img.theimg{
	/*width: 920px;
	width: 780px;*/
	/*min-height:517px;
	height:auto !important;*/
	height:517px;
	overflow:hidden;
}
.faux_height{
	/*width: 920px;
	width: 780px;*/
	/*min-height:501px;
	height:auto !important;*/
	height:501px;
}

#bodyportfolio .photocol *,
#bodyportfolio #slideshow *{text-align:center !important;margin:0 auto;}


#bodycontact .photocol,
#bodyabout .photocol,
#bodyaboutclients .photocol,
#bodyblog .photocol{
	background:#fff;
	/*border:1px solid #f0efed;*/
	text-align:left;
	width:455px;
	min-height:390px;
	height:auto !important;
	height:390px;
}
.faux{width:162px;float:left;}
#bodystories .storiescontent{
	background:#fff;
	text-align:justify;
	width:455px;float:left;
	min-height:390px;
	height:auto !important;
	height:390px;
}
.leftcol,
.rightcol{
	width:180px;
	float:left;
	min-height:100px;
	height:auto !important;
	height:100px;
}

#bodyabout .leftcol,
#bodyabout .rightcol,
#bodyaboutclients .leftcol,
#bodyaboutclients .rightcol,
#bodycontact .leftcol,
#bodycontact .rightcol,
#bodyblog .leftcol,
#bodyblog .rightcol{width:342px;float:left;}


#bodyportfolio .photocol img,
#bodystories .photocol img,
#slideshow img{
	/*width: 920px;*/
}
#slideshow img{
	width: 920px;
	width: 780px;
}



.photocol #desc_num{
	font-size:11px;
	float:right;
	margin:15px auto;
	width:500px;
	width:780px;
	text-align:right;
	height:20px;
	line-height:20px;
	position:relative;
	
}
.photocol #infos{
	width:440px;
	float:right;
	display:block;
	height:20px;
	position:absolute;top:0;right:60px;
	text-align:right;
}
.photocol .desc{
	padding:4px 0 0;
	margin:0;
	display:inline;
	font-weight:normal;
	float:right;
}
.photocol .num{
	padding:5px 0px 0 15px;
	margin:0;
	display:inline;
	float:right;
}
.photocol .num em{
	font-weight:bold;
	font-style:normal;
	display:inline;
}
#prenex{
	width:60px;
	float:right;
	display:block;
	height:20px;
	position:absolute;top:0;right:0px;
}
.photocol a#navpre,
.photocol a#navnex{
	width:21px;
	height:20px;
	overflow:hidden;
	display:block;
	float:right;
	}
	.photocol a#navpre img,
	.photocol a#navnex img{
		width:21px;
	}
	a#navpre {background:url(../images/nav_pre.gif) no-repeat 0 -20px;
	}
	a#navnex {background:url(../images/nav_nex.gif) no-repeat 0 -20px;
	}
	a#navpre:hover img,
	a#navnex:hover img {display:none;}

.leftthumbs{width:100px;float:left;margin-right:10px;}
.leftthumbs p,
.leftthumbs ul,
.leftthumbs img{text-align:right;}
.leftthumbs ul{margin-top:10px;font-size:1.0em;}
.leftthumbs ul li{padding:2px 1px;margin:0;}
.leftthumbs a{color:#adb4ba;display:block;}
.leftthumbs a:hover{color:#b24e3f;}
.leftthumbs a img{
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;

}
.leftthumbs a:hover img{
	filter:alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity:1;
	opacity:1;
}

.rightthumbs{width:100px;float:left;margin-left:10px;}
.rightthumbs p,
.rightthumbs ul,
.rightthumbs img{text-align:left;}
.rightthumbs ul{margin-top:10px;font-size:1.0em;}
.rightthumbs ul li{padding:2px 1px;margin:0;}
.rightthumbs a{color:#adb4ba;display:block;}
.rightthumbs a:hover{color:#b24e3f;}
.rightthumbs a img{
	opacity:.7;
	/* for IE */
	filter:alpha(opacity=70);
	border:10px solid red;
}
.rightthumbs a:hover img{
	opacity:1;
	/* for IE */
	filter:alpha(opacity=100);
}


/*-------------------- end BODYER ---------------*/




/* ------------------- page CONTACT ----------------- */

.formular {
	font-family: helvetica, sans-serif;
	font-size: 11px;
	padding: 40px 20px 20px;
}
.formular p {
	margin:0 0 10px;
}
label, input, textarea{}
label{
	padding:5px 0px;
}

input#name_input, input#email_input, textarea#message_text {
	font: 11px arial, sans-serif; 
	margin: 0 0 3px 0;
	width: 410px; 
	border: 1px solid #cccdcf;
	padding:2px 0;
	background:#fcfcfc;
	/*border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;*/}


input#name_input.error:focus, input#email_input.error:focus, textarea#message_text.error:focus,
input#name_input:focus, input#email_input:focus, textarea#message_text:focus {
	border: 1px solid #78878b;}
textarea#message_text{height:120px;overflow:auto;}


#human{  
	visibility:hidden;  
	display:none;  
} 

.formular fieldset label {
	float: none;
	text-align: inherit;
	width: auto;
	margin-bottom:10px;display:block;
}


.formular .submitter {
	cursor:pointer;
}.formular .submitter:hover {
}

p.warning{
	text-transform:uppercase;
	font-size:0.9em;margin-bottom:15px;color:#dd5948;}
.warning{color:#dd5948;font-size:0.9em;text-transform:uppercase;}


input#name_input.error, input#email_input.error, textarea#message_text.error{
	border: 1px solid #fd998c;}
	
/* ----------------- end page CONTACT ---------------------- */


/* ------------------- page ABOUT ----------------- */


.bio{
	padding:0 20px;font-size:1.1em;text-align:justify;
}
.bio div{
	padding:0px 0px 0px;
}
.bio .title{
	margin:0 0 10px 0;
}

.bio p {
	margin:0 0 10px;
}
.bio img{
	float:left;
	margin:0 20px 10px 0;
	/*width:100%;*/
}
/* ----------------end page ABOUT ----------------- */


/* ------------------- page BLOG & CLIENTS ----------------- */
.write{
	padding: 0px 20px;
}
.forpadding{padding: 10px 0px;}
.write p {
	margin:0 0 10px;
}
.onewrite{margin:10px 0 20px;}
.onewrite h2{
	float:left;
	margin-right:10px;
}
.onewrite h3{
	float:right;
}
.onewrite .title{
	margin:0 0 10px 0;
}
.onewrite .article{
	margin:0 0 10px 0;
	text-align:justify;
}
.onewrite .article img{
	float:left;
	margin-right:10px;
}
.onewrite .article div.txt{
	float:left;width:300px;
}
.onewrite .article div.txt_wide{
}


#bodyaboutclients .onewrite ul li{
	background: url(../images/content_li.gif) no-repeat;
	padding:0 0 12px 19px;
	margin:0 0 18px 0px;
	border-bottom:1px solid #e8e1dc;
}


#bodyblog .write,
#bodyaboutclients .write{
	width:415px;
}
#bodyblog .onewrite{
	/*
	background: url(../images/blog_onewrite.gif) no-repeat center bottom;
	padding:0px 0 20px 0px;
	*/
	border-bottom:1px solid #e8e1dc;
	padding:0px 0 10px 0px;
}

#bodyblog .write a, #bodyblog .write a:link,
#bodyaboutclients .onewrite a, #bodyaboutclients .onewrite a:link{
	color: #b24e3f;
	text-decoration: none;
	cursor:pointer;
}
#bodyblog .write a:hover, #bodyblog .write a:active,
#bodyaboutclients .onewrite a:hover, #bodyaboutclients .onewrite a:active{
	color: #515c65;
	text-decoration: underline;
}
/* ----------------end page BLOG ----------------- */

/* ------------------- styles ----------------- */

.floatleft{float:left;}
.floatright{float:right;}

h2{
	font-size:1.2em;
	/*text-transform:uppercase;
	font-weight:normal;*/
	letter-spacing:-1px;
	color: #b24e3f;
  	color: #5b6d77;
  	font-family:helvetica; sans-serif;}
h3{
	font-size:1.0em;
	/*text-transform:uppercase;*/
	font-weight:normal;
	letter-spacing:0px;
	color: #939387;
	color: #b5b5b3;
  	color: #a0adb6;}
h4{
	font-size:1.0em;
	/*text-transform:uppercase;*/
	font-weight:normal;
	letter-spacing:0px;
	color: #b24e3f;
  	color: #455660;}

.red{color:#dd5948;}

.copy{
	margin-top:5px;
	color:#455660;
	padding:5px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	font-size:9px;
	_text-transform:uppercase;
}