/* ////////////////////////////////////

Justin Lachance
main style sheet
2008-08-06 Kobot Industries

Site Color Values:
f3f1eb???
f1ece8
f2efe9

grid stuff:
width:395px

///////////////////////////////////  */

/* png fix fo IE */	
img, div, td, tr, body{ behavior: url(iepngfix.htc) }


/* -------------------------------------------------------------
/  General site definitions
/* ------------------------------------------------------------- */

html{
	min-height: 100%; margin-bottom: 1px;
}

body {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	color: #5b5b5b;
	background: #f1ece8 url(../_toolbox/bgnd.jpg) no-repeat center top;
}

#container {
	width:760px;
	margin:0 auto 0 auto;
	padding:0;


}


/* -------------------------------------------------------------
/  Header
/* ------------------------------------------------------------- */

#header {
	padding: 0 0 0  95px;
	margin: 75px 0 0 0;
	height: 96px;
	width:234px;
	float:left;
}

#header .skip{
display: none;
}

#container #header h1 {
	height:49px;
	width:234px;
	text-indent:-9999px;
	background-image: url(../_toolbox/logo.gif);
	float:left;
}
#container #header h1 a{
	height:49px;
	display:block;
	background:url(../_toolbox/logo.gif);
	overflow:hidden;
	outline:none;
}




/* -------------------------------------------------------------
/  Content
/* ------------------------------------------------------------- */

#container #content{
	width:390px;
	padding:0 0 0 0;
	float: right;
}

#container #content h2{
	letter-spacing: 4px;
	font-size: 28px;
	font-family: 'Gill Sans', Helvetica, Verdana, Arial, sans-serif;
	margin:0 0 9px 0;
	color:#9cafb4;
}
#container #content h3{
	letter-spacing: 2px;
	color:#666;
	font-size: 20px;
	font-family: 'Gill Sans', Helvetica, Verdana, Arial, sans-serif;
	margin:0 0 4px 0;
}
#container #content h4{
	letter-spacing: 1px;
	color:#666;
	font-size: 14px;
	font-family: 'Gill Sans', Helvetica, Verdana, Arial, sans-serif;
	margin:0 0 4px 0;
	font-weight:bold;
}
#container #content p{
	line-height: 20px;
	margin: 0 0 18px 0;
}
#container #content ul{
	margin: 0 0 18px 0;
}
#container #content a, #container #content a:visited{
color:#8E033F;
border-bottom: 1px dotted #8E033F;
text-decoration: none;

} 
#container #content a:hover{
color:#29040c;
border-bottom: 1px dotted #29040c;
text-decoration: none;

} 




#container #content ol,#container #content ol li{
	list-style-position: outside;
	list-style-type: decimal;
}
#container #content ol li{
	margin:0 0 0 18px;
	padding:0 0 0 18px;
	line-height: 22px;
}

/* -------------------------------------------------------------
/  Navigation
/* ------------------------------------------------------------- */

#container #navigation{
width:395px;
float:right;
margin:25px 0 0 0;
	
}

#container #navigation li{
	display:inline;

}

#container #navigation a:link, #container #navigation a:visited{
	display:block;
	float:left;
	background: url(../_toolbox/menu.png) no-repeat 0 0;
	text-indent:-9999px;
	height:155px;
	overflow:hidden;
	outline:none;
}

#container #navigation a:link.demo, #container #navigation a:visited.demo{
	width:89px;
	background: url(../_toolbox/menu.png) no-repeat 0 0;
}
#container #navigation a:link.about, #container #navigation a:visited.about{
	width:58px;
	background: url(../_toolbox/menu.png) no-repeat -89px 0;
}
#container #navigation a:link.news, #container #navigation a:visited.news{
	width:82px;
	background: url(../_toolbox/menu.png) no-repeat -147px 0;
}
#container #navigation a:link.contact, #container #navigation a:visited.contact{
	width:66px;
	background: url(../_toolbox/menu.png) no-repeat -229px 0;
}
#container #navigation a:link.resume, #container #navigation a:visited.resume{
	width:98px;
	background: url(../_toolbox/menu.png) no-repeat -295px 0;
}

#container #navigation a:hover.demo, #container #navigation a.active.demo{
	background: url(../_toolbox/menu.png) no-repeat 0 -155px;
}
#container #navigation a:hover.about, #container #navigation a.active.about{
	background: url(../_toolbox/menu.png) no-repeat -89px -155px;
}
#container #navigation a:hover.news, #container #navigation a.active.news{
	background: url(../_toolbox/menu.png) no-repeat -147px -155px;
}
#container #navigation a:hover.contact, #container #navigation a.active.contact{
	background: url(../_toolbox/menu.png) no-repeat -229px -155px;
}
#container #navigation a:hover.resume, #container #navigation a.active.resume{
	background: url(../_toolbox/menu.png) no-repeat -295px -155px;
}

.francais #container #navigation a:hover.demo, .francais #container #navigation a.active.demo{
	background: url(../_toolbox/menu.png) no-repeat 0 -310px;
}
.francais #container #navigation a:hover.about, .francais #container #navigation a.active.about{
	background: url(../_toolbox/menu.png) no-repeat -89px -310px;
}
.francais #container #navigation a:hover.news, .francais #container #navigation a.active.news{
	background: url(../_toolbox/menu.png) no-repeat -147px -310px;
}
.francais #container #navigation a:hover.contact, .francais #container #navigation a.active.contact{
	background: url(../_toolbox/menu.png) no-repeat -229px -310px;
}
.francais #container #navigation a:hover.resume, .francais #container #navigation a.active.resume{
	background: url(../_toolbox/menu.png) no-repeat -295px -310px;
}

/* -------------------------------------------------------------
/  Footer
/* ------------------------------------------------------------- */


#container #footer{
height:87px;
margin:15px 0 0 0;
padding:9px 0 0 96px;
font-size: 10px;
}
#container #footer h2{
margin:0 0 0 0;
float: left;
width:187px;
text-align: right;
font-size:18px;
color:#666;
}

#container #footer p{
margin:5px 15px 0 13px;
float: right;
width:205px;
text-align:right;
}
#container #footer ul{
margin:5px 0 0 15px;
float: left;
width:178px;
}
#container #footer a, #container #footer a:visited{
color:#8E033F;
border-bottom: 1px dotted #8E033F;
text-decoration: none;

} 
#container #footer a:hover{
color:#29040c;
border-bottom: 1px dotted #29040c;
text-decoration: none;

} 

/* -------------------------------------------------------------
/  Languages
/* ------------------------------------------------------------- */
#languages{
	float:right;
	width:190px;
	margin:45px 180px 0 0;
	
}
#languages a, #languages a:visited{
	display:block;
	float:left;
	background: url(/_toolbox/switches.png) no-repeat 0 0;
	text-indent:-9999px;
	height:155px;
	overflow:hidden;
	outline:none;
}
#languages a.english, #languages a:visited.english{
	width:95px;
}
#languages a.francais, #languages a:visited.francais{
	width:95px;
	background: url(/_toolbox/switches.png) no-repeat -95px 0;
}
#languages a:hover.english{
	width:95px;
	background: url(/_toolbox/switches.png) no-repeat 0 -155px;
}
#languages a:hover.francais{
	width:95px;
	background: url(/_toolbox/switches.png) no-repeat -95px -155px;
}


/* -------------------------------------------------------------
/  Languages for content pages
/* ------------------------------------------------------------- */


a.language_en{
	float:right;
	width:95px;
	background: url(/_toolbox/switches.png) no-repeat 0 -115px;
	text-indent:-9999px;
	height:40px;
	margin:10px 0 0 0;
	overflow:hidden;
	outline:none;
}
a:hover.language_en{
	float:right;
	width:95px;
	background: url(/_toolbox/switches.png) no-repeat 0 -270px;
	text-indent:-9999px;
	height:40px;
	margin:10px 0 0 0;
	overflow:hidden;
	outline:none;
}
a.language_fr{
	float:right;
	width:95px;
	background: url(/_toolbox/switches.png) no-repeat -95px -115px;
	text-indent:-9999px;
	height:40px;
	margin:10px 0 0 0;
	overflow:hidden;
	outline:none;
}
a:hover.language_fr{
	float:right;
	width:95px;
	background: url(/_toolbox/switches.png) no-repeat -95px -270px;
	text-indent:-9999px;
	height:40px;
	margin:10px 0 0 0;
	overflow:hidden;
	outline:none;
}