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, 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;
}
*/
/* 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;
}
/* RESET */
/* FONTS MIN */
body {font:14px helvetica,arial,clean,sans-serif;*font-size:small;*font:x-small;}table {font-size:inherit;font:100%;}select, input, textarea {font:99% arial,helvetica,clean,sans-serif;}pre, code {font:115% monospace;*font-size:100%;}body * {line-height:1.22em;}
/* FONTS MIN */

@font-face {
	font-family: 'BebasNeueRegular';
	src: url('BebasNeue-webfont.eot');
	src: local('?'), url('BebasNeue-webfont.woff') format('woff'), url('BebasNeue-webfont.ttf') format('truetype'), url('BebasNeue-webfont.svg#webfontYW4lu6A6') format('svg');
	font-weight: normal;
	font-style: normal;
}


/* ELEMENTS */
/* ----- HEADINGS & PARAGRAPHS -----
h1{font-size:2.0em;}
h2{font-size:1.8em;}
h3{font-size:1.6em;}
h4{font-size:1.3em;}
h5{font-size:1.1em;}
*/
h1{font-size:1.8em;color:#F19300;}
h2{font-size:1.6em;color:#000}
h3{font-size:1.4em;}
h4{font-size:1.2em;color:#F19300}
h5{font-size:1.1em;}
h6{font-size:1em;color:#000}

h1,h2,h3,h4,h5,h6{margin-bottom:4px; text-shadow:0px 1px 0px #eee;}
h1,h2,h3,h4{font-family:'BebasNeueRegular', Helvetica, Arial, Verdana, "Trebuchet MS", sans-serif;font-weight:normal;}

p{line-height:1.5em;clear:both;display:block; margin-bottom:10px;}

ul,ol{ margin-bottom:10px; }

blockquote{ padding:10px; background-color:#fafafa; font-style:italic; font-weight:bold;font-size:1.2em; color:#333; /**/}
/* ----- LINKS ----- */
a,a:visited, a:active, a:focus{color:#888;text-decoration:none;/**/}
a:hover{color:#000;text-decoration:underline;}

/* ----- IMAGES ----- */
img{ border:none; max-width:100%;height: auto;}
hr { border: 0; height:1px; color: #ccc; background-color: #ccc; margin:10px 0;clear:both; }


/* ----- TABLES ----- */
table {
 text-align:left;
 margin-bottom:10px;
 width:100%;
}
tr{/*background: #eee;border-bottom:1px dotted #ccc;*/}

tr.alt {background: #ddd;}
th{background: #ccc;}
td,th{vertical-align:top;/*padding:0 0 0 4px;*/padding:4px;}
td{ }
table.address tr{background: #fff;}
table.address td{background: #eee; margin:0 5px 0 0;	}
/* ----- FORMS ----- */
form {text-align:left;margin:0;padding:0;}
select, option{text-align:left;/*width:120px;*/}
input[type=text],input[type=password], select, textarea {
  color: #333;
  border:1px dotted #ccc;width:90%;
 /*width:90%;
	background-color:#2a292c;  padding:2px;
 /* clear:right;
  margin:0 2px;*/
	margin-right:4px;
}
textarea {overflow: auto;}

input.warning, select.warning, textarea.warning {
	border:1px solid #CD0A0A;
	color:#CD0A0A;
}

input.butt {float:right;}
input.small {width:60px;}
input.wide, select.wide,label.wide{width:200px;}
input.txt2col{width:140px;}
input.txt1col{width:295px;}
label{margin-right:4px;display: inline-block;/*width:160px;*/vertical-align:top;padding:4px 0;}
legend{padding:10px 0;font-size:1.4em;}

a.ui-btn{padding:2px 6px;}
a.ui-small{font-weight:normal;font-size:.8em;}

fieldset{/*width:560px;margin:0 auto;*/}
fieldset div{float:left;width:246px;/*padding-right:10px;*/}
fieldset div.last{ margin:0; }
fieldset p{padding-right:5px;}
/*fieldset div input{width:140px;}*/

#ui-datepicker-div{z-index:9999;}
/*
input[type=submit],#main a.ui-btn  {
 cursor: pointer;
 border: 1px solid #CA6D06;

 background: #c30;
 color: #fff;
 font-weight: bold;
 padding:2px;
 margin:10px auto;
}
input[type=submit]:hover,#main a.ui-btn:hover  {

background: #333;
text-decoration:underline;
color: #fff;
}
*/
/* ----- DEFINITIONS ----- */
dt{font-weight:bold; color:#000;padding-bottom:2px}
dt a:link,dt a:visited,dt a:active{color:#000;text-decoration:none;border:none;display:block;background-color:#70BAD4;padding:3px;}
dt a:hover {color:#70BAD4;background-color:#333;}
pre{background:#F4F3EB;color:#333;width:90%;/*position:absolute;z-index:1000;*/}
/* ELEMENTS */


/***  PS STYLES  ***/
html, body {
	padding:0px;
	margin:0px;
	background: #595959;
  font-family: Helvetica, Arial, Verdana, "Trebuchet MS", Verdana, sans-serif;
  color:#666;
 }
/*
html, body, #wrap { height: 100%; }
body > #wrap { height: auto; min-height: 100%; }
#wrap {}
*/
.wrapper {margin:0 auto;width:980px;}
	/*
#footer {
margin-top: -50px;


}
 */

#topbar{
 background:#1a171b;
 height:48px;
 font-family:'BebasNeueRegular', Helvetica, Arial, Verdana, "Trebuchet MS", sans-serif;

}
#topbar div.wrapper{position:relative;}
#top-info{
	position:absolute;
	top:10px;
	left:0px;
 padding:4px 6px; background:#666; color:#fff;
 font-size:1.2em;
 text-shadow:0px 1px 0px #333;
 }


#countdown {
	height:42px;width:220px;
	/* margin-left:540px;	*/
	padding-top:3px;
	padding-right:70px;
	position:absolute;right:220px;
	background: transparent url('../img/bg-countdown.png') right center no-repeat;
}

.dash {
	width: 40px;
	height: 36px;
	float: left;
	margin-right:10px;
/*	padding-right: 13px;*/
	position: relative;
	color: #666;
}

.weeks_dash {
	background: transparent url('../images/dark_weeks_dash.png') 0 0 no-repeat;

}

.days_dash {
	background: transparent url('../images/dark_days_dash.png') 0 0 no-repeat;width: 55px;
}

.hours_dash {
	background: transparent url('../images/dark_hours_dash.png') 0 0 no-repeat;
}

.minutes_dash {
	background: transparent url('../images/dark_minutes_dash.png') 0 0 no-repeat;
}

.seconds_dash {
	background: transparent url('../images/dark_seconds_dash.png') 0 0 no-repeat;
}
/**/
.dash .digit {
	font-family:'BebasNeueRegular', Helvetica, Arial, Verdana, "Trebuchet MS", sans-serif;
	font-size: 34px;
	font-weight: bold;
	float: left;
	width: 15px;
	text-align: center;
	position: relative;
}

.dash_title {position:absolute;bottom:0;right:0}


#btn-fb-header{width:32px;height:32px;position:absolute; right:165px;top:8px;}
#btn-fb-header{background: transparent url(../img/FaceBook-icon-header.png) top left no-repeat;}
#btn-fb-header:hover{background-position:bottom left;}

#btn-tw-header{width:32px;height:32px;position:absolute; right:125px;top:8px;}
#btn-tw-header{background: transparent url(../img/Twitter-icon-header.png) top left no-repeat;}
#btn-tw-header:hover{background-position:bottom left;}


#btn-in-header{width:32px;height:32px;position:absolute; right:85px;top:8px;}
#btn-in-header{background: transparent url(../img/Instagram-icon-header.png) top left no-repeat;}
#btn-in-header:hover{background-position:bottom left;}

#btn-yt-header{width:32px;height:32px;position:absolute; right:45px;top:8px;}
#btn-yt-header{background: transparent url(../img/Youtube-icon-header.png) top left no-repeat;}
#btn-yt-header:hover{background-position:bottom left;}


 /* LANG */
#lang{position:absolute; top:8px;right:0px;width:32px;font-weight:bold;}
#lang a {width:40px;height:33px;float:left;}
/*
#lang-fr{ background:transparent url(../img/flag-fr.gif) no-repeat 0px -33px;}
#lang-en{ background:transparent url(../img/flag-en.gif) no-repeat 0px -33px;}
#lang a:hover, #lang a.selected {  background-position:0px 0px; }
 */
#lang-fr{ background:transparent url(../img/flag-fr.png) no-repeat 0px 0px;}
#lang-en{ background:transparent url(../img/flag-en.png) no-repeat 0px 0px;}
/*#lang a:hover, #lang a.selected {  background-position:0px 0px; }*/
.fr #lang-fr{display:none;}
.en #lang-en{display:none;}


#main {padding-bottom: 50px;
background:#fff url(../img/bg-maincontent.jpg) no-repeat left top;

}

#header {
	background:transparent url(../img/shade-fromtop.png) no-repeat center -1px;
	font-family:'BebasNeueRegular', Helvetica, Arial, Verdana, "Trebuchet MS", sans-serif;
}
#header div.wrapper{
	height:220px;
	position:relative;}

#logo{
	position:absolute;
	width:132px;
	height:134px;
	top:20px;
	left:0px;
	background: transparent url(../img/cwc-header-logo.gif) no-repeat left top;
}

#main-menu{
	position:absolute;
	top:20px;
	left:138px;
	font-family:'BebasNeueRegular', Helvetica, Arial, Verdana, "Trebuchet MS", sans-serif;

}
#main-menu li{
	float:left;
	/*height:134px; width:96px;	*/
	margin-right:4px;
	font-size:1.3em;
	position:relative;
}
#main-menu li ul{ position:absolute; top:22px; }
#main-menu li ul li{
	float:none;
	font-size:.8em;
	margin-right:0;
/*	margin-bottom:2px;*/
}
#main-menu li a{
	height:130px; width:79px;
	padding:2px 4px;display:block;
	background:#F19300;
	color:#1A171B; text-decoration:none;
}
#main-menu li a:hover,#main-menu li.selected a{ color:#fff;}

#main-menu li ul li a{ display:inline-block;height:auto;width:auto;padding:0 0 0 6px; }
#main-menu li ul li a:hover,#main-menu li ul li.selected a{ color:#fff; }

#side-menu{
	position:absolute;
	top:20px;
	right:0px;
	height:134px; width:204px;
	background:#1a171b;
	font-family:'BebasNeueRegular', Helvetica, Arial, Verdana, "Trebuchet MS", sans-serif;
}
#side-menu-inner{position:relative;}
#side-menu ul li{margin:4px 0;}
#side-menu ul li a{display:block;padding-left:4px;
	font-size:1.3em;color:#F19300; text-decoration:none;
}
/*#side-menu li a:hover,#side-menu li.selected a{ color:#1a171b; background:#F19300;}*/
#side-menu li a:hover,#side-menu li.selected a{ color:#F19300; background:#fff;}

#side-menu ul.side-menu-sub {position:absolute;top:0px;	right:0px;width:85px;height:123px;
/*background:#F19300;*/
background:#fff;
font-size:.8em;	}
#side-menu ul.side-menu-sub li{margin:0;}

#side-menu ul.side-menu-sub li a{ display:block; color:#F19300; background:#fff; }
#side-menu ul.side-menu-sub li a:hover, #side-menu ul.side-menu-sub li.selected a{ color:#333; }

li.last{margin-right:0;}


#strapline{
position:absolute;bottom:0;left:0;
font-family:'BebasNeueRegular', Helvetica, Arial, Verdana, "Trebuchet MS", sans-serif;
text-shadow: 0px 1px 0px #eee;
font-size:2.4em;line-height:.8em;
color:#1a171b;
}
#strapline span{clear:both;display:block;font-size:.6em;}




/***************************/
#page{padding:20px 0;}
#page ul { list-style:disc outside;padding-left:14px;font-size:.9em; }
#page li { margin:4px 0; }
#page p { font-size:.88em; }
#page p.news-date{ font-size:.8em;}


#page a, #page a:visited, #page a:active, #page a:focus{color:#000;text-decoration:underline;/**/}
#page a:hover{color:#000;text-decoration:none;}
#page a.active{color:#F19300;text-decoration:none;}

.partenaires #page a, #page .liens a{margin-right:15px;}

#page img.floatleft{ margin-right:10px;margin-bottom:10px;}
#page img.floatright{ margin-left:10px;margin-bottom:10px;}


/*** LAYOUT CLASSES ***/

.grid-1,.grid-2,.grid-3{
width:185px;
margin-right:10px;
float:left;
}
.grid-2{ width:384px;}
.grid-3{ width:572px;}

.grid-1.last,.grid-2.last,.grid-3.last{margin-right:0;}
.grid-2.last{margin-right:0;width:364px;margin-left:15px}
.grid-3.last{margin-right:0;width:558px;margin-left:15px}

.grid-1small{width:132px;margin-right:10px;float:left;}
.grid-1large{width:251px;margin-right:10px;float:left;}

/**/
.content-1col,.content-2col{ float:left; width:183px; margin-right:25px;}
.content-2col{ width:465px; }
.content-1col.last,.content-2col.last{ margin-right:0; }
.content-2col.last{  width:465px; }

.peel,.nopeel{
 background:transparent url(../img/bg-pagepeel.png) no-repeat -30px -20px;
 margin:-20px 10px 20px -20px;
 padding:20px 0 0 20px;
}
.peel.full{ margin-right:0; clear:both;}

.nopeel{background:#fff;margin:-5px 10px 20px 0;padding:10px 0 10px 10px;}

.content-2col.nopeel{margin:-5px 10px 20px 15px	;}
.content-2col.peel{margin:-20px 10px 20px -20px;}

/*.peel */.inner{ background-color:#fff;padding:5px 10px; }

.ps-grid{margin-left: -20px;margin-bottom: 20px; /*box-sizing:border-box;*/}
.ps-grid__item{
	padding-left: 20px;
	display: inline-block;
	width:30%;
	float:left;
}

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


.media-container{

 width:567px;
 height:318px;
 float:left;
 margin-bottom:20px;
 margin-left:15px;
 position:relative;
}
.media-container-video{background:#1A171B;
 color:#fff;
 width:567px; margin-top:-5px;
 float:left;
 margin-bottom:20px;
 margin-left:15px;}

.media-container .inner,.media-container-video .inner{
 padding:8px;
}
.media-icon{
 position:absolute;bottom:8px;right:8px;z-index:999999;
 background:transparent url(../img/media-icon.png) no-repeat top left;
 width:95px;height:78px;
}

/*.media-container img{ width:550px; margin:0 auto;}*/
/*********************************************/
/* The Nivo Slider styles */
.nivoSlider {
	position:relative;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:60;
	display:none;
}
/* The slices in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:50;
	height:100%;
}
/* Caption styles */
.nivo-caption {
	position:absolute;
	left:0px;
	bottom:0px;
	background:#000;
	color:#fff;
	opacity:0.8; /* Overridden by captionOpacity setting */
	width:100%;
	z-index:89;
}
.nivo-caption p {
	padding:5px;
	margin:0;
}
.nivo-caption a {
	display:inline !important;
}
.nivo-html-caption {
    display:none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position:absolute;
	top:45%;
	z-index:99;
	cursor:pointer;
}
.nivo-prevNav {
	left:0px;
}
.nivo-nextNav {
	right:0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav a {
	position:relative;
	z-index:99;
	cursor:pointer;
}
.nivo-controlNav a.active {
	font-weight:bold;
}

#slider {
	position:relative;
	/*margin:30px 30px 60px 30px;*/
	background:#202834 url(nivo/loading.gif) no-repeat 50% 50%;
	-moz-box-shadow:0px 0px 10px #333;
	-webkit-box-shadow:0px 0px 10px #333;
	box-shadow:0px 0px 10px #333;
}
#slider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}
#slider a {
	border:0;display:block;
}

.nivo-controlNav {
	position:absolute;
	/*left:42%;*/
	left:0px;
	top:-30px;
}
.nivo-controlNav a {
	display:block;
	width:10px;
	height:10px;
	background:url(nivo/bullets.png) no-repeat;
	text-indent:-9999px;
	border:0;
	margin-right:3px;
	float:left;
}
.nivo-controlNav a.active {
	background-position:-10px 0;
}

.nivo-directionNav a {
	display:block;
	width:32px;
	height:34px;
	background:url(nivo/arrows.png) no-repeat;
	text-indent:-9999px;
	border:0;
}
a.nivo-nextNav {
	background-position:-32px 0;
	right:10px;
}
a.nivo-prevNav {
	left:10px;
}
/*********************************************/
.gallery-container{float:left; width:745px;padding:0 20px; }
#page ul.gallery {/*font-size:1.2em;*/list-style:none;padding:0;}
#page ul.gallery li{	float:left;	margin:0 20px	20px 0;		height:164px;width:164px;position:relative;}

#page ul.gallery span {display:block;padding:2px 5px;position:absolute;top:0px;left:0;/*background:#000;*/}
#page ul.gallery li a {
 line-height:.7em;
 /*display:block;*/
 color:#fff;
 padding:1px;
  background:#1A171B;/**/
 height:164px;width:164px;
 display: table-cell;
 vertical-align: middle;

}
#page ul.gallery a:hover{
 /**/
 color:#F19300;
 text-decoration:none;
background:#fff;
}
#page ul.gallery li a img{	display:block; margin:0 auto; border:none;}
#page ul.gallery li a:hover span{/*background:#1A171B;color:#000;*/	}/**/
/* SLIMBOX */

#lbOverlay {
	position: fixed;
	z-index: 9999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	z-index: 9999;
	overflow: hidden;
	background-color: #fff;
}

.lbLoading {
	background: #fff url(loading.gif) no-repeat center;
}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 2px solid #fff;
	background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url(prevlabel.gif) no-repeat 0 48%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url(nextlabel.gif) no-repeat 100% 48%;
}

#lbBottom {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #333;
	line-height: 1.4em;
	text-align: left;
	border: 2px solid #fff;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url(closelabel.gif) no-repeat center;
	margin: 1px 0;
	outline: none;
}

#lbCaption, #lbNumber {
	margin-right: 71px;padding:1px 5px;
}

#lbCaption {
	font-weight: bold;
}
/*********************************************/

/*********************************************/
.tsr-container {
	clear:both;
	height:180px;
	padding:20px 0;
	display: block;
}
.tsr-container-right {
	float:left;
	margin-left:15px;
	margin-bottom:30px;
	width:567px;
}

#page .tsr-item{
	height:160px;width:176px;
	float:left;margin-right:8px;
	text-shadow:0px 1px 0px #eee;
	font-weight:bold;
	background-repeat:no-repeat;
	background-position:center bottom;
	padding:4px 0 0 4px;
	text-decoration:none;
}
#page .tsr-container  .tsr-item{width:184px;margin-right:8px;}
#page .tsr-item:hover { color:#F19300;background-color:#eee;text-decoration:none; }
#page .tsr-item.last{margin-right:0;}
.tsr-ttl{
	color:#000;/*letter-spacing:3px;color:#BC5024;text-shadow: #fff 1px 1px 0;font-weight:bold;*/
	font-size:1.8em;
	font-family:'BebasNeueRegular', Helvetica, Arial, Verdana, "Trebuchet MS", sans-serif;
	display:block;
	font-weight:normal;
}
#tsr-infos-pratique{background-image: url(../img/tsr-bg-infos-pratique.png);}
#tsr-programme{background-image: url(../img/tsr-bg-programme.png);}
#tsr-billetterie{background-image: url(../img/tsr-bg-billetterie.png);}
#tsr-billetterie2{background-image: url(../img/tsr-bg-billetterie2.png);}
#tsr-la-piste{background-image: url(../img/tsr-bg-la-piste.png);}
#tsr-sms-live{background-image: url(../img/tsr-bg-sms-live.png);}
#tsr-resultats{background-image: url(../img/tsr-bg-resultats.png);}
#tsr-concours{background-image: url(../img/tsr-bg-concours.png);}

/*****/
#page ul.page-menu {list-style: none;padding:0;}
#page ul.page-menu a{	text-decoration:none;	font-weight:bold;}
#page ul.page-menu a:hover,#page ul.page-menu li.selected a{text-decoration:underline;color:#F19300;}




/**** FOOTER ***/
#footer {
	margin-top:-30px;
	padding-top:30px;
	background: transparent url(../img/shade-frombottom.png) no-repeat center -10px;
	clear:both;
}
#footer-bar{
	background:#3e3e40;
	height:114px;
	font-family:'BebasNeueRegular', Helvetica, Arial, Verdana, 'Trebuchet MS', sans-serif;
	font-size:1.2em;
	padding:10px 0;
}
#footer-bar div.wrapper{ position:relative; }
#footer-bar a {color:#fff;}
#footer-bar a:hover {color:#999;}

#btn-fb,#btn-twitter,#btn-in,#btn-yt{width:48px;height:48px;margin-left:10px;}
#btn-fb{background: transparent url(../img/FaceBook-icon.png) top left no-repeat;}
#btn-twitter{background: transparent url(../img/Twitter-icon.png) top left no-repeat;}
#btn-in{background: transparent url(../img/Instagram-icon.png) top left no-repeat;}
#btn-yt{background: transparent url(../img/YouTube-icon.jpg) top left no-repeat;}
#btn-primo{background: transparent url(../img/footer-logo-ps.png) center right no-repeat;padding-right:25px;margin-top:50px;float:right;}
#footer-bar #btn-fb:hover,#footer-bar #btn-twitter:hover,#footer-bar #btn-in:hover,#footer-bar #btn-yt:hover{background-position:bottom left;}


#footer-sitemap{
	background: transparent url(../img/shade-fromtop.png) no-repeat center top;
	padding-top:20px;
	font-size:.9em;
}
#footer-sitemap a {color:#888;}
#footer-sitemap a:hover {color:#fff;}

#footer-sitemap-main li {float:left;margin-right:14px;height:80px;}
#footer-sitemap-main li.last {margin:0;}
#footer-sitemap-main li.noheight {height:auto;float:none;}

#footer-sitemap-main li ul li{float:none;font-size:.9em;height:auto;padding-left:4px;}


/** UTILITY CLASSES **/
.centered{margin-left:auto;margin-right:auto;display: block;text-align: center;}
.clear{clear:both;}
.block{display:block;}
.text-right{text-align:right}
.text-center{text-align:center}
.bold{font-weight:bold}
.italic{font-style:italic}
.floatright{float:right}
.floatleft{float:left}
.error{color:red}
.notify{color:orange}
.white{color:white}
.black{color:black}
.nomargin{margin:0}
.warning{background:pink;}
.linethrough{text-decoration:line-through}


.return{
display:block;
/*text-align:right;*/
font-weight:bold;
padding:10px 0;
margin-bottom:20px;
border-bottom:1px solid #ccc;
}


.imgreplace, .imgreplace:hover {
display:block;
overflow:hidden;
text-indent:-9999em;
}
a.external{
background:transparent url(ico-external.gif) no-repeat right -22px;
padding-right:20px;
}
a.external:hover {background-position:right -2px;}

a.pdf {
	background: url(pdf.gif) no-repeat right center;
	padding:2px 20px 2px 0;
	line-height: 14px;
}
a.doc {
	background: url(doc.gif) no-repeat right center;
	padding:2px 20px 2px 0;
	line-height: 14px; /* To center the text vertically with the icon */
}
a.jpg {
	background: url(ico-jpg.png) no-repeat right center;
	padding:2px 20px 2px 0;
	line-height: 14px; /* To center the text vertically with the icon */
}


.shadow {
-moz-box-shadow: 0px 0px 3px #666;
-webkit-box-shadow: 0px 0px 3px #666;
box-shadow: 0px 0px 3px #666;
/* For IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=0, Color='#666666')";
/* For IE 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=0, Color='#666666');
}



/* CLEAR FIX*/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


.container {
	float:left;
	width:785px;
 margin-top:-5px;}



/**
 * Grid wrapper
 */
.grid, .grid--rev, .grid--full, .grid--center {
  margin-left: -20px;
  list-style: none;
  margin-bottom: 0;
}

/**
 * Very infrequently occuring grid wrappers as children of grid wrappers.
 */
.grid > .grid, .grid--rev > .grid, .grid--full > .grid, .grid--center > .grid, .grid > .grid--rev, .grid--rev > .grid--rev, .grid--full > .grid--rev, .grid--center > .grid--rev, .grid > .grid--full, .grid--rev > .grid--full, .grid--full > .grid--full, .grid--center > .grid--full, .grid > .grid--center, .grid--rev > .grid--center, .grid--full > .grid--center, .grid--center > .grid--center {
  margin-left: 0;
}

/**
 * Grid
 */
.grid__item {
  display: inline-block;
  width: 100%;
  padding-left: 20px;
  vertical-align: top;
}

/*------------------------------------*\
    $WIDTHS
\*------------------------------------*/
/**
 * Sizes in human readable format. These are used in conjunction with other
 * objects and abstractions found in inuit.css, most commonly the grid system
 * and faux flexbox.
 *
 * We have a mixin to generate our widths and their breakpoint-specific
 * variations.
 */
/**
* Whole
*/
.one-whole {
  width: 100%;
}

/**
* Halves
*/
.one-half, .two-quarters, .three-sixths, .four-eighths, .five-tenths, .six-twelfths {
  width: 47.5%;
}

/**
* Thirds
*/
.one-third, .two-sixths, .four-twelfths {
  width: 31.333%;
}

/**
* Quarters
*/
.one-quarter, .two-eighths, .three-twelfths {
  width: 25%;
}

/**
 * Reversed grids
 */
.grid--rev {
  direction: rtl;
  text-align: right;
}
.grid--rev > .grid__item {
  direction: ltr;
  text-align: left;
}

/**
 * Gutterless grids have all the properties of regular grids, minus any spacing.
 */
.grid--full {
  margin-left: 0;
}
.grid--full > .grid__item {
  padding-left: 0;
}

.grid--space .grid--full .grid__item {
  margin-bottom: 0;
}

/**
 * Centered grids align grid items centrally without needing to use push or pull
 * classes.
 */
.grid--center {
  text-align: center;
}
.grid--center > .grid__item {
  text-align: left;
}

.grid--space .grid__item {
  margin-bottom: 20px;
}



/* Flexible iFrame */
.flex-container {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
  z-index: 1;
}

.flex-container iframe,
.flex-container object,
.flex-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.img--center {
  display: block;
  margin-right: auto;
  margin-bottom: 20px;
  margin-left: auto;
}