/*
*  
*  VACM | MASTER CSS
*
*  VERSION   : 1.5.1
*  AUTEUR    : ANDRE RICHARD
*  COURRIEL  : FS2DN@HOTMAIL.COM
*  COPYRIGTH : 2010
* 
**/

/* --------------------------------------------------
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, 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;}
:focus{outline:0;}
ins{text-decoration:none;}
del{text-decoration:line-through;}
table{border-collapse:collapse;border-spacing:0;}

/* --------------------------------------------------
Global Style
-------------------------------------------------- */
body {color: #303030;font-size: 87.5%;/* Base font size: 14px */font-family: Arial, Helvetica, sans-serif;margin: 0;padding: 0;}
.index-bg {background: #F0F0F0;}
.normal {background: #FFF;}
.blue {background: #00468e;}
h1 {font-size: 2em;}
h2 {font-size: 1.571em;} /* 22px */  
h3 {font-size: 1.429em;} /* 20px */  
h4 {font-size: 1.286em;} /* 18px */  
h5 {font-size: 1.143em;} /* 16px */  
h6 {font-size: 1em;} /* 14px */
#wrapper {width: 100%;background: url(../img/gui/index_bg.gif) repeat-x;}
#sub-wrapper {width: 100%;background: url(../img/gui/sub_index_bg.png) repeat-x;}
#play-wrapper {width: 100%;background: url(../img/gui/play_index_bg.png) repeat-x;}
.hr-1 {width:920px;margin:0px auto 10px auto;height: 1px;border-bottom: 1px dashed #d1d1d1;}
.hr-2 {width:920px;margin:10px auto 0px auto;height: 1px;border-bottom: 1px dashed #d1d1d1;}
.clear {clear:both; }

.shell {width: 960px; margin:0 auto; }
.inner {width: 920px; margin:0 20px;}

.grey {margin:10px 0 0 0;border-top:1px solid #d1d1d1;}
.overflow {overflow:hidden;height:300px; }
.logo {margin: 0 auto;padding: 17px 0 11px 0;width: 494px;height: 66px;line-height: 40px;text-transform: uppercase;font-size: 10px;font-weight: bold;color: #FFFFFF;}
.logo a {display: block;width: 494px;height: 66px;float: left;text-indent: -9999px;margin: 0;background: url('../img/gui/logo_vacm.png') no-repeat;}

/* --------------------------------------------------
Navigation bar
-------------------------------------------------- */
.navbar{width: 920px;clear: both;height: 55px;background: url('../img/gui/navbar_sprite.png') no-repeat;}
	.navbar ul{list-style: none;font-size: 12px;}	
		.navbar ul li{position:relative;float:left;}		
			.navbar ul li a{display: block;float: left;text-decoration: none;text-align: center;line-height: 49px;height: 55px;color: #444;width: 100px;}
			.navbar ul li.index a{width: 120px;}
			.navbar ul li.index a span{display:none;}
			.navbar ul li a:hover{background:url('../img/gui/navbar_hover.png') no-repeat bottom;}
			
.current{ background:url('../img/gui/tab_hover_state.png') no-repeat;}
			.navbar ul li a.current:hover{ background:url('../img/gui/tab_hover_state.png') no-repeat;}
			.navbar ul li.index a.current{ background:url('../img/gui/home_hover_state.png') no-repeat;}
			.navbar ul li.index a.current:hover{ background:url('../img/gui/home_hover_state.png') no-repeat;}

/* MULTI LEVEL MENU */
.navbar ul li ul{display:none;position:absolute;top:100%;left:-15px;padding:0;margin:0;background:#FFF;border-right:1px solid #000;border-left:1px solid #000;border-bottom:1px solid #000;z-index:10000;}
	.navbar ul li:hover > ul{display:block;}
		.navbar ul li ul li a{width:130px;height:40px;line-height:40px;display:block;}
			.navbar ul li ul li a:hover{background-image:none;text-decoration:underline;}

/* --------------------------------------------------
Sub Style
-------------------------------------------------- */
.sub-header{
	margin-top: 60px;
	height: 80px;
	width: 918px;
	border: 1px solid #e3e3e3;
	border-bottom: 1px solid #d1d1d1;
	background: #eee;
}

.hr-sub-header{
	height: 10px;
	background: #e3e3e3;
	border: 1px solid #e3e3e3;
	border-bottom: none;
	border-top: none;
}

.hr-insider{
	width: 918px;
	height: 9px;
	border-bottom: 1px solid #d1d1d1;
}

.sub-title{
	margin-top: 60px;
	height: 50px;
	width: 920px;
	background: url('../img/gui/dark_transparent.png') repeat;
}

.sub-title h1{
	color: #FFFFFF;
	font-size: 20px;
	line-height: 50px;
	padding: 0 20px;
	float: left;
	width: 350px;
}

.sub-title h1 span{
	font-size: 14px;
	font-weight: normal;
	color: #ccc;	
}

.sub-header h1{
	color: #1e1e1e;
	font-size: 26px;
	line-height: 26px;
	font-weight: normal;
	padding:12px 10px 0 10px;
}

.sub-header h2{
	color: #1e1e1e;
	font-size: 12px;
	line-height: 12px;
	font-weight: normal;
	padding:5px 10px 0px 10px;
}

.sub-header h2 span{
	color: #666;
	padding:0px 5px;	
}

.sub-content{
	margin-top: 1px;
	background: #eee;
	border: 1px solid #d1d1d1;
	border-bottom: none;
	border-top: none;
}

.club-info{
	margin-top: 1px;
	background: #eee;
	border: 1px solid #d1d1d1;
	border-top: none;	
}

.main-box{
	padding: 10px 0 0 0;
	margin: 1px 0 0 0;
	background: #eee;
	border: 1px solid #d1d1d1;
	border-top: none;
}
	
.logo-vacm{
	margin: 20px;
	float: right;
}

.club-info p{
	color: #1e1e1e;
	line-height: 20px;
	font-size: 12px;
	padding: 15px 15px 0px 15px;
}

.club-info .profil{
	float: left;
	padding: 20px;
	border-top: 1px solid #d1d1d1;
}

.p-left{
	width: 418px;
	border-right: 1px solid #d1d1d1;
}

.p-right{
	width: 419px;	
}

.profil img{
	float:left;
	border:1px solid #e3e3e3;
}

.club-info .profil h3{
	font-size: 20px;
	margin: 0 0 5px 0;
}

.club-info .profil h4{
	font-size: 12px;
	margin: 0 0 5px 0;
}

.profil p{
	margin: 0;
	padding: 0;
}

.profil p a{
	color: #004993;
}

.profil .profil-preview{
	float: left;
	margin: 10px 0 0 10px;	
}

.play-content{
	background: #FFF;
	border: 1px solid #e3e3e3;
	border-top: none;
}

.left{
	width:619px;
	float:left;	
}

.right{
	width:299px;
	float:left;
}

.sub-content img{
	padding:10px 10px 0px 9px;	
}

.play-content img{
	padding:10px 10px 0px 9px;	
}

/* CONCOURS STYLE */
.concours-title{
	font-size: 45px;
	line-height: 45px;
	padding: 20px 0 0 10px;
	text-transform: uppercase;
	color: #00468d;
}

.concours-title sup{
	font-size: 14px;
	vertical-align: super;
}

.club-info h2{
	margin: 5px 0 0 10px;
}

.club-info h3{
	margin: 20px 0 0 10px;	
}

.club-info h4{
	font-size: 12px;
	font-weight: normal;
	margin: 5px 0px 0px 10px;
}

.club-info h3 a{
	color: #000;
	text-decoration: none;
}

#longueuil-logo{
	margin: 10px 0 0 0;	
}

#pdf{
	float: left;
	margin: 10px 10px 20px 20px;
}

.google-map{
	float: right;
	margin: 20px;
}

.google-map a{
	font-size: 12px;
	color: #000;
}

/* --------------------------------------------------
Global Style
-------------------------------------------------- */
.pagination{float:right;margin:13px 20px 0 0;height:24px;font-size:12px;color:#fff;}

.arrow-left{display:block;float:left;height:24px;width:24px;margin:0 4px 0 0;background:transparent url('../img/gui/pagination_arrows.png') no-repeat;}
.arrow-right{display:block;float:left;height:24px;width:24px;background:transparent url('../img/gui/pagination_arrows.png') no-repeat -24px 0px;}
	.arrow-left span, .arrow-right span{display:none;}

.pagination-activated{float:left;width:24px;height:50px;display:block;line-height:25px;text-align:center;color:#000;font-size:11px;margin:0 4px 0 0;font-weight:normal;background:#eee;}

.links-pagination{float:left;display:block;line-height:24px;text-align:center;width:24px;height:24px;text-decoration:none;font-size:11px;	color:#FFF;outline:none;margin:0 4px 0 0;	font-weight:bold;}
	.links-pagination:hover{text-decoration:underline;}

/* PAGINATION BOTTOM */
.pg-bottom-wrapper{width:918px;height:45px;margin:0;background:#1e1e1e;border:1px solid #000;}
.pg-title{float:left;height:25px;font-size:12px;color:#FFFFFF;line-height:25px;margin:10px;}

.pg-bottom{float:right;height:25px;font-size:12px;color:#FFFFFF;}
	.pg-bottom .arrow-left{display:block;float:left;height:25px;width:25px;margin:10px 10px 10px 0;background:transparent url('../img/gui/pagination_arrows.png') no-repeat;}
	.pg-bottom .arrow-right{display:block;float:left;height:25px;width:25px;margin:10px 10px 10px 0;background:transparent url('../img/gui/pagination_arrows.png') no-repeat -24px 0px;}
		.pg-bottom .arrow-left span, .pg-bottom .arrow-right span{display:none;}

	.pg-bottom .pagination-activated{float:left;width:25px;height:25px;display:block;line-height:25px;text-align:center;color:#000;font-size:11px;margin:10px 10px 10px 0;font-weight:normal;background: #eee;}
	.pg-bottom .links-pagination{float:left;display:block;line-height:25px;text-align:center;width:25px;height:25px;text-decoration:none;font-size:11px;color:#FFFFFF;outline:none;margin:10px 10px 10px 0;font-weight:normal;}
	.pg-bottom .links-pagination:hover{text-decoration:none;background:#00468d;}

/* --------------------------------------------------
Slideshows
-------------------------------------------------- */
#sldshows-wrapper{
	margin: 11px 20px 0px 20px;
	height: 280px;
	width: 920px;
	position: relative;
	z-index: 10;
}

#sldshows{
	width: 920px;
	height: 280px;
}

.logo-slide{
	height: 280px;
	width: 920px;
	display: block;
	background:url('../img/gui/logo_slide.png') no-repeat center;
}

.slide{
	width: 920px;
	height: 280px;
}

.slide h1{}

.slide h1 a{
	color: #fff;
	float: left;
	text-decoration: none;
}

.slide h1 a:hover{
	float: left;
}

.slide p{
	float: left;
	line-height: 18px;
	font-size: 12px;
	width: 880px;
	color: #000;
}

.caption{
	position: absolute;
	display: block;
	left: 10px;
	top: 10px;
	padding: 10px;
	background: #FFF;
}

.slide a{
	color: #002C58;
	text-decoration: none;
}

#arrows-left a{
	position:absolute;
	display:block;
	height:40px;
	width:40px;
	top:120px;
	left:20px;
	background:url('../img/gui/arrows_sprite.png') no-repeat center;
	background-position:0px 0px;
	z-index:1000;
}

#arrows-left a:hover{
	background:url('../img/gui/arrows_sprite.png') no-repeat center;
	background-position:0px -40px;
}

#arrows-right a{
	position:absolute;
	display:block;
	height:40px;
	width:40px;
	top:120px;
	right:20px;
	background:url('../img/gui/arrows_sprite.png') no-repeat center;
	background-position: -40px 0px;
	z-index:1000;	
}

#arrows-right a:hover{
	background:url('../img/gui/arrows_sprite.png') no-repeat center;
	background-position: -40px -40px;
}

#prev span, #next span{
	display:none;
}

.bg-slide{
	display: block;
	background:url('../img/evenements/lachute_add.jpg') no-repeat;
	height: 280px;
	width: 920px;
}

span .text{
	line-height: 18px;
	font-size: 12px;
	width: 475px;
	color: #000;
	margin: 0;
	padding: 0;
}

.caption-evenement{
	position: absolute;
	padding: 10px;
	bottom: 10px;
	left: 10px;
	background: #FFF;
}

.loader{ background:url('../img/gui/ajax-loader.gif') no-repeat center center; }

/* SLIDESHOWS HISTORIQUE */
#sld-historique{
	margin: 10px;
	float: right;
	border: 1px solid #d1d1d1;
	overflow: hidden;
	height: 270px;	
}

.sld{
	width: 450px;
	height: 262px;
	border: 4px solid #f9f9f9;
	position: relative;
}

.sld .side-caption{
	position: absolute;
	bottom: 0px;
	left: 0px;
	font-size: 12px;
	line-height: 20px;
	color: #fff;
	padding: 10px;
	width: 430px;
	display: block;
	background: url('../img/gui/dark_transparent.png') repeat;
}

/* SIMPLE ADD BOX */
.simple-add-box{
	width: 900px;
	padding: 10px;
	margin: 13px auto 0 auto;
	height: 35px;
	background: #062340;
	position: relative;
}

.simple-add-box h2{
	font-size: 16px;
	font-weight: normal;
	font-style: italic;
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	color: #FFF;
	line-height: 36px;
	float: left;
}

.sub-simple-add-box{
	width:898px;
	padding:10px;
	margin:10px auto 0 auto;
	height:35px;
	background:#eee;
	border:1px solid #d1d1d1;
}

.sub-simple-add-box h2{
	font-size: 16px;
	font-style: italic;
	color:#2a2a2a;
	line-height: 36px;
	float: left;
}

.play-simple-add-box{
	width:898px;
	padding:10px;
	margin:10px auto 0 auto;
	height:35px;
	background: url('../img/gui/dark_transparent.png') repeat;
	border:1px solid #000;
	border-top: none;
}

.play-simple-add-box h2{
	font-size: 16px;
	font-style: italic;
	color: #FFF;
	line-height: 36px;
	float: left;
}

.adhesion-btn{
	background: #00468d;
	float: right;
}

.adhesion-btn a{
	color: #fff;
	display: block;
	font-size: 12px;
	line-height: 15px;
	padding: 10px;
	text-decoration: none;
	height: 15px;	
}

.adhesion-btn a:hover{
	text-decoration:underline;
}

/* HEADLINE */
.healine-wrapper{ margin: 10px auto 0px auto;width: 918px; }
.headline-title{ margin:20px auto 0 auto;width: 193px;height: 11px;font-size: 10px;color: #000; }
.headline-title span{ display: block;width: 193px;height: 11px;float: left;text-indent: -9999px;margin: 0;background: url('../img/gui/headline-title.png') no-repeat; }

.headline-box{
	width: 918px;
	border: 1px solid #d1d1d1;
	background: #FFF;
	margin:0 0 10px 0;
	float: left;
	position: relative;	
}

.offset-border{
	width: 876px;
	padding: 20px;
}

.headline-box img{
	width: 278px;
	float: left;
}

.tax-article{
	width: 581px;
	float: right;
}

.tax-article h1{
	font-size: 26px;
	margin: 5px 0 5px 0;
}

.tax-article h1 a{
	color: #000;
	text-decoration: none;
}

.tax-article h1 a:hover{}

.tax-article h2{
	color: #FFF;
	font-size: 14px;
	font-weight: normal;
	font-style: italic;
	padding: 4px 4px;
	margin: 0 0 10px 0;
	background: #004993;
	float: left;
	display: block;
}

.tax-article p{
	color: #555;
	font-size: 14px;
	line-height: 21px;
	float: left;
}

.btn-read{
	background: #f1f1f1;
	border: 1px solid #ccc;
	position: absolute;
	bottom: 10px;
	right: 10px;
	float: left;
}

.btn-read a{
	color: #343436;
	display: block;
	font-size: 12px;
	line-height: 15px;
	padding: 10px;
	text-decoration: none;
	height: 15px;
}

.btn-read a:hover{
	text-decoration: underline;
}

.headline-spacer{
	width: 10px;
	float: left;
}

/* ADDS WIDGET */
.v-adds-wrapper{
	width: 280px;
	margin:10px 0;
}

.v-adds-line{
	margin:10px 0 0 0;
}

.v-add-box{
	background: #004993; /* ADDS BOX COLOR */
	width:280px;
	float:left;
	padding:5px;
}

.v-add-box a{
	outline: none;
	border: none;	
}

.v-add-box img{
	width:278px;
	border:1px solid #1e1e1e;
	padding:0;
	margin:0;
}

.adds-wrapper{
	width: 920px;
	margin: 0 auto;
}

.adds-line{
	margin:10px 0px 0px 0px;
}

.add-box{
	background: #004993; /* ADDS BOX COLOR */
	width: 280px;
	padding: 10px;
	float: left;
}

.add-box-spacer{
	width: 10px;
	height: 10px;
	display: block;
	float: left;
}

.add-box img{
	width:278px;
	border:1px solid #282828;
}

.end-adds{
	border-bottom: 1px solid #d1d1d1;
}

.fx-adds{
	width: 920px;
	margin: 0px 0 0 -12px;
	float: left;
	border: 1px solid #d1d1d1;
	background: #f9f9f9;
	position: relative; 
	padding: 0 10px 10px 10px;
}

.fx-adds-wrapper{
	margin:0 auto;
	padding:0;
}

.fx-adds-line{
	padding:0;
	margin:10px 0 0 0;
}

.fx-add-box{
	background: #004993; /* ADDS BOX COLOR */
	width: 280px;
	padding: 10px;
	margin:0;
	float: left;
}

.fx-add-box img{
	width:278px;
	border:1px solid #282828;
	margin:0;
	padding:0;
}

.fx-left-corner{
	position: absolute;
	background: url('../img/gui/add_corner_sprite.gif') no-repeat 0px 0px;
	height: 10px;
	width: 10px;
	bottom: -11px;
	left: 0;
}

.fx-right-corner{
	position: absolute;
	background: url('../img/gui/add_corner_sprite.gif') no-repeat -10px 0px;
	height: 10px;
	width: 10px;
	bottom: -11px;
	right: 0;	
}

/* ARTICLE */
.article{
	width: 600px;
	margin: 0 11px 10px 9px;
	background: #e9e9e9;
	overflow: hidden;
}

.article p{
	padding:10px 10px 10px 10px;	
	width: 580px;
	color: #000;
	line-height:20px;
	font-size: 12px;
}

.article p img{
	margin:-10px;
	padding:0;	
}

.article img{
	margin:0;
	padding:0;
}

.article ul{
	margin: 0px 10px 10px 10px;
	list-style: none;
}

.article ul li{
	padding: 3px 0;
}

.fiche-tech{
	margin: 10px;
	padding: 10px 10px 0 10px;
	background: #eee;
	border: 1px solid #d1d1d1;
}

.fiche-tech h1{
	margin:0 0 10px 0;
	padding:0;
	font-size: 18px;
}

.end-article{
	height: 20px;
	display: inline-block;	
}

.post{
	width: 878px;
	margin: 0 auto;
	padding: 20px;
	float: left;
	border-bottom: 1px solid #d1d1d1;
}

.ac-box{
	width: 878px;
	padding: 20px;
	margin: 0 auto;
	border-bottom: 1px solid #d1d1d1;
}

.post-hr{
	height: 1px;
	width: 918px;
	float: left;
	background: #d1d1d1;	
}

.preview{
	width: 581px;
	float: right;
}

.ac-preview{
	width: 581px;
	float: right;
}

.ac-preview-two{
	width: 581px;
	float: left;
}

.preview h1, .ac-preview h1, .ac-preview-two h1{
	font-size: 24px;
	margin: 5px 0 10px 0;
}

.preview h1 a, .ac-preview h1 a, .ac-preview-two h1 a{
	color: #404040;
	text-decoration: none;
}

.preview h1 a:hover, .ac-preview h1 a:hover, .ac-preview-two h1 a:hover{
	padding:2px 0;
	background: #F9F9F9;	
}

.preview h2, .ac-preview h2, .ac-preview-two h2{
	color: #000;
	font-size: 14px;
	font-weight: normal;
	padding: 2px 4px;
	background: #e3e3e3;
	font-style: italic;
	display: inline-block;
}

.post img, .ac-box img{
	margin: 0;
	padding: 0;
	width: 278px;
	float: left;
}

.text{
	padding: 10px 0 0 0;
	float: left;	
}

.text p{
	line-height: 18px;
	font-size: 12px;
	color: #404040;	
}


/* LIENS */
.liens-box{
	width: 918px;
	margin: 0;
	position: relative;
}

.liens-box-wrapper{
	width: 906px;
	margin: 0px 1px 0px 11px;
}

.liens-box img{
	margin: 0 10px 10px 10px;
	border: 1px solid #d1d1d1;
}

.no-image-liens{
	height: 54px;
	width: 896px;
	margin: 0px 10px 10px 10px;
	background: #00468d;
	border: 1px solid #121212;	
}

.liens-box h1{
	top: 10px;
	left: 20px;
	position: absolute;
	padding: 10px;
	font-size: 16px;
	line-height: 16px;
	font-weight: normal;
	color: #FFF;
	background: #000;
}

#liens-info h2{
	font-size: 16px;
	font-weight: normal;
	margin: 0 0 10px 0;
	padding: 0;
}

.liens-box ul{
	float: left;
	width: 270px;
	background: #FFF;
	border: 1px solid #d1d1d1;
	padding: 10px;
	margin: 0 10px 0 0;
	list-style: none;
}

.liens-box ul li{
	padding: 5px 0 5px 0;
}

.liens-box ul li a{
	font-size: 12px;
	color:#004993;
	text-decoration:none;	
}

.liens-box ul li a:hover{
	text-decoration:underline;	
}

.liens-title{
	width: 876px;
	background: #fff;
	border: 1px dashed #d1d1d1;
	text-align:center;
	font-weight: normal;
	font-size: 18px;
	padding:10px 0;
	margin:10px 20px;
}

.hr-liens{
	width: 920px;
	height: 10px;
	border-top:1px solid #d1d1d1;
	border-bottom: 1px solid #d1d1d1;
	background: #FFF;
	margin: 10px 0 10px -1px;
}

/* FOOTER */
#footer-wrapper{
	margin-top: 10px;
	width:100%;
}

#footer{
	margin:0 20px;
	width: 920px;
	color: #121212;
	font-size: 12px;
	padding:0 0 50px 0;
}

.blue #footer{
	margin:0 auto;
	width:920px;
	color: #eee;
	font-size: 12px;
	padding:0 0 50px 0;
}

#footer span{
	margin:0 0 0 -5px;
	float: left;
}

#footer a{
	color: #121212;
	text-decoration: none;
	padding:0 5px;
}

.blue #footer a{
	color: #eee;
	text-decoration: none;
	padding:0 5px;	
}

#footer a:hover{
	color: #000;
	text-decoration: underline;
}

.blue #footer a:hover{
	color: #FFF;
	text-decoration: underline;
}

#footer #copyright{
	text-align: right;
	color: #121212;
	float: right;
}

.blue #footer #copyright{
	text-align: right;
	color: #eee;
	float: right;
}

/* PHOTO_GALLERY MOVE NEED TO SEPERATE THE CSS **/
.photogallery-wrapper{
	width: 906px;
	margin: 0px 1px 0px 11px;
}

.photogallery-text-box{
	width: 894px;
	color: #1e1e1e;
	line-height: 20px;
	font-size: 12px;
	border: 1px dashed #ccc;
	background: #FFF;
	float: left;
	padding: 0px;
}

.photogallery-text-box p {
	padding: 10px;	
}

.photo-box{
	float:left;
	border: 1px solid #ccc;
	width: 290px;
	height: 196px;
	margin: 0px 10px 10px 0px;
	position: relative;
}

.photo-box .inline-border{
	float: left;
	width: 290px;
	height: 196px;
	background: #FFF;
}

.photo-box img{
	position: absolute;
	top: 4px;
	left: 4px;
	height: 188px;
	width: 282px;
}

.photo-box .photo-subtitle{
	position: absolute;
	bottom: 10px;
	left: 10px;
	padding: 10px;
	color: #fff;
	font-size: 12px;
	background: url('../img/gui/dark_transparent.png') repeat;
}

#promo-img{
	margin: 10px;
}

.jump-10{
	height: 10px;
	clear: both;
}