@charset "UTF-8";

/* start layout */

body {
	background:#111;
	font-family:Arial, Helvetica, sans-serif;
	font-size:83%;
	line-height:1.35em;
	font-weight:400;
	width:766px;
	text-align:left;
	margin:auto;
	padding:0;
	
}

#header	{ 
	background:#333;
	width:766px; 
	height:125px; 
	margin:0;
	padding:0;
	}

#container {
	background-color:transparent;
	min-height:500px;	
}

#col_main {
	background:#111 url(../media/home_main_banner.jpg) no-repeat 0 0;
	height:250px;
	min-height:250px;
  	width:746px;
	padding:5px 10px 0;
	margin:0;
}

#col_left {
	background-color:#111;
  	width:362px;
	height:100%;
	min-height: 250px;
	padding:0 5px 10px;
	margin:0 5px 5px;
	float:left;
}

#col_right {
	background-color:#111;
  	width:362px;
	height:100%;
	min-height: 250px;
	padding:0 5px 10px;
	margin:0 5px 5px;
	float: right;
}

.col_right_header {
	background:transparent url(../media/rail_xtra_title.gif) no-repeat 0 0;
	width:362px;
	height:90px;
	padding:0;
	margin:0;
}

.col_left_header {
	background:transparent url(../media/remorquage_longueuil_title.gif) no-repeat 0 0;
	width:362px;
	height:90px;
	padding:0;
	margin:0;
}

.col_right_copy {
	background-color:#333;
	width:auto;
	height:auto;
	padding:10px 10px 20px;
	margin:0 5px 10px;
}

.col_left_copy {
	background-color:#333;
	width:auto;
	height:auto;
	padding:10px 10px 20px;
	margin:0 5px 10px;
}

#footer {
	background-image:url();
	background-repeat:no-repeat;
	background-position:top;
	background-color:#333;
	color:#ccc;
	padding:0;	
	margin:0;
	height:75px;
	text-align:center;
  	clear:both;
}

#logo {
	background-color:transparent;
	width:250px;
	height:125px; 
	font-size:1em;
	float: left;
}

#navigation {
	background-color:transparent;
	width:505px;
	height:125px; 
	font-size:1em;
	float: right;
}
	
#navigation ul {
	padding:0;
	margin:0;
	list-style:none;
	text-align:center;
}
	
#navigation li {
	float:right;
}

#navigation ul li{
	display:inline;
}
	
#navigation a {
	background:url(../media/navigation_button.gif) no-repeat 0 0;
	width:100px;
	height:75px;
	padding:16px 0 0;
	margin:40px 1px 0 0;
	display:block;
	text-decoration:none;
	background-color:transparent; 
}

#navigation a:link, a:visited { 
	color:#fff;
	background-color:transparent;
}
	
#navigation a:hover {
	background:url(../media/navigation_button_hover.gif) no-repeat 0 0;
	color:#000;
	}
	
#navigation a:active { 
	color:#fff; 
}
	
#navigation #currentpage a {
	background:url(../media/navigation_button_hover.gif) no-repeat 0 0;
	color:#000;
}

#text_navigation a { 
	color:#fff;
	font-size:1em; 
	line-height:1em;
	text-decoration:none;
	background-color:transparent; 
}

#text_navigation a:link, a:visited {
	color:#fff;
}

#text_navigation a:hover {
	color:#f00;
}

#text_navigation a:active { 
	color:#fff;
}

hr { 
	margin:0; 
	padding:0; 
	border:0; 
	border-bottom:1px solid #000; 
}

p 	{ 
	color:#ccc; 
	font-weight:400; 
	font-size:.95em;
	line-height:1.25em;
	text-decoration:none;
	background-color:transparent; 
	text-align:justify; 
	word-spacing:1px; 
	margin:5px 0 0; 
	padding:0; 
}

p.copyright	{ 
	color:#ccc;
	float:left; 
	padding:0;
	margin:0;  
	font-size:.75em; 
	line-height:1em;
	text-align:left;
}

p.credits	{ 
	color:#ccc;
	float:left; 
	padding:0;
	margin:0;  
	font-size:.75em; 
	line-height:1em;
	text-align:left;
}


h1 { 
	color:#999;
	background-color:transparent;
	width:100%;  
	font-size:2.25em;
	line-height:1em;
	font-weight:400;
	text-transform:uppercase; 
	text-decoration:none;
	text-align:left;
	margin-left: 10px;
}

.white {
	color:#fff;
	font-weight:400;
	}

h2	{ 
	color:#ccc;  
	font-size:1.25em; 
	line-height:1em;
	font-weight:400;
	text-decoration:none;
	background-color:transparent; 
	text-align:left; 
	border-bottom:1px solid #ccc;
}

img {
	border: none;
}

ul {
	padding:0;
	margin:0;
	list-style:none;	
}

li {
	padding:0;
	margin:0;
}


.floatimgright {
	float: right;
	margin: 0 0 5px 10px;
}


.floatimgleft {
	float: left;
	margin: 0 0 5px 10px;
}
#col_main_no_bg {
	width:746px;
	padding:5px 10px 0;
	margin:0;
}