/*************************** boi
plava: #203f9c
crvena: #ce4c3e;
pomarandzha: #fb7d64
siva: #d0d1d3
zelenkasta: #95a75b
****************************/

/************ reset some defaults *************/
html, h1, h2, h3, h4 { margin: 0; padding: 0; }
ul, li { margin: 0; padding: 0; list-style: none; }

a {
	text-decoration: none;
	color: white;
}
h3 {
	font-size: 1.2em;
}
a:hover {
	color: #203f9c;
}
a:active {
	color: white;
}

body {
	margin: 0;
	padding: 0 0 20px 0;
	font: 62.5% verdana, arial, sans-serif;
	color: #333;
	/* background: url(sitegraphics/bodybg.gif) top left repeat-x; */
}

#wrap {
	width: 780px;
	margin-left: auto;
	margin-right: auto;
}
#header {
	background: #666 url(sitegraphics/logothin.jpg) bottom left no-repeat;
	height: 140px; /* 25px on top, 125px the image */

}
#locomotive #header { background-image: url(sitegraphics/wheel1thin.jpg); }

.locomotiveInfo {
    font-size: 1.2em;
}

/**** Author of the photo Jan Roger Johannesen *****/
#marine #header { background-image: url(sitegraphics/dieselengineboat1thin.jpg); }

#oil #header { background-image: url(sitegraphics/oilpumpthin.jpg); }
#mining #header { background-image: url(sitegraphics/conveyorthin.jpg); }
#quote #header { background-image: url(sitegraphics/motionthin.jpg); }
#contact #header { background-image: url(sitegraphics/enginegearthin.jpg); }

	#header h1 {
		text-indent: -5000px;
		height: 15px;
		line-height: 15px;
		background: url(sitegraphics/menubggsd.gif) center left repeat-x;
	}

#footer {
	color: #aaa;
	clear: both;
	height: 100px;
	border-top: 1px solid #ddd;
}
	#footer h3 {
		text-indent: -5000px;
		margin: 0;
		padding: 0;
		height: 100px;
		float: right;
	}
	#footer #globus {
		width: 215px;
		background: url(sitegraphics/crlogo1.jpg) center right no-repeat;
	}
	#footer #canadarail {
		width: 141px;
		background: url(sitegraphics/canadarailthin.jpg) center right no-repeat;
	}
	#footer address {
		padding: 15px 0 0 10px;
		float: left;
		width: 30%;
	}

/********************* MENU *************************/
#menu ul {
	float: left;
	width: 780px;
	height: 50px;
	background: #666666;
}
html>body #menu ul { /* for whatever reason, opera doesn't like the float on the ul#navbar */
	float: none;
}
	#menu li {
		float: left;
		width: auto;
		border-right: 1px solid #353535;
	}

	#menu a {
		display: block;
		line-height: 50px;
		padding: 0 15px;
		font-weight: bold;
		color: white;
		text-decoration: none;
		background: url(sitegraphics/menubggs.gif) bottom left repeat-x;
	}
	#menu a:hover {
		line-height: 45px;
		border-top: 5px solid #ce4c3e;
		color: #df6d61;
	}
	#menu a:active {
		color: #6b87d9;
		border-color: #6b87d9;
	}
		#menu .current a, #menu .current a:hover {
			line-height: 45px;
			color: #df6d61;
			border-top: 5px solid #ce4c3e;
		}
#sidebar {
	width: 200px;
	padding: 20px 10px 20px 0;
	float: left;
	text-align: left;
}

.pica {
	height: 750px;
	width: 750px;
	margin-top: 20px;
	position: relative;
	right: 60px;

}

	.products li {
		margin: 10px 0;
		padding: 5px 5px 5px 90px;
		border: 1px dotted #ccc;
		min-height: 80px;
		background: url(images/loco_parts.jpg) 5px 5px no-repeat;
	}
	.product {
		border: 1px dotted #ccc;
		text-align: center;
		margin: 0 0 10px 0;
		padding: 5px 0;
	}
	.product .caption {
		margin: 5px 0 0 0;
		padding: 0;
	}

#subnav li {
	border-bottom: 1px dotted #ddd;
	width: 200px;
	text-align: left;
}
#subnav li a {
	display: block;
	padding: 10px 10px 10px 0;
	font-weight: bold;
}
#subnav li a:hover, #subnav li.current a:hover {
	color: #203f9c;
	background: url(sitegraphics/rarrp.gif) center right no-repeat;
}
#subnav li.current a {
	color: #203f9c;
	background: url(sitegraphics/rarrp.gif) center right no-repeat;
}

#content {
	margin-left: 220px;
	padding: 20px;
	font-size: 1.2em;
	line-height: 1.8em;
	text-align: justify;

}
#contact #content, #quote #content {
	margin-left: 0;
}

/************************* CONTACT ****************************/
#contactus, #requestquote {
	margin: 50px auto 30px auto;

}
	#contactus fieldset, #requestquote fieldset {
		margin: 0;
		padding: 0;
		border: none;
	}
	#contactus legend, #requestquote legend {
		display: none;
	}
	
	#contactus h3, #requestquote h3 {
		padding: 10px;
	}
	#contactus label, #requestquote label {
		float:left;
		display: inline;
		width: 150px;
		line-height: 22px;
		margin: 3px 10px;
		text-align: center;
		border: 1px dotted #ccc;
	}
		#contactus fieldset input, #contactus fieldset textarea, #requestquote fieldset input, #requestquote fieldset textarea {
			margin: 3px 0 8px 0;
			width: 260px;
			font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
			background: #eee;
		}
		#contactus fieldset textarea, #requestquote fieldset textarea {
			height: 100px;
			overflow: auto;
			font-size: 1em;
		}
		#contactus fieldset br, #requestquote fieldset br {
			clear: left;
		}
		.optional p {
			text-align: center;
		}
		.optional input[type="file"] {
			width: auto;
			height: 24px;
			line-height: 22px;
		}
		form p.error {
			margin: 0 20px;
			color: red;
		}
		label.error {
			color: red;
		}
#btns {
	text-align: center;
	padding: 10px 0;
}
.btn {
	background: #666 url(sitegraphics/menubggs.gif) center left repeat-x;;
	color: white;
	font-weight: bold;
}
td, th {
	border: 1px dotted #ccc;
	padding: 0 10px;
}
table {
	width: 100%;
	border-collapse: collapse;
	margin: 20px 0;
}
th {
	background: url(sitegraphics/btnbg.gif) center left repeat-x;
	border: 1px solid #95a75b;
	text-align: center;
	color: white;
}
.pages_more {
	text-align: right;
}
.pages_more a {
	background: url(sitegraphics/btnbg.gif) center left repeat-x;
	color: white;
	text-decoration: none;
	padding: 2px 4px;
	margin-left: 2px;
	border: 1px solid #95a75b;
}
.pages_more a:hover {
	border-color: #4C552E;
}
.pages_more a.current {
	border: 4px solid #95a75b;
	font-weight: bold;
}
.prev span {
	padding-left: 15px;
	background: url(sitegraphics/larrw.gif) center left no-repeat;
}
.next span {
	padding-right: 15px;
	background: url(sitegraphics/rarrw.gif) center right no-repeat;
}
.cab {
	width: 240px;
	margin: 10px;
	float: left;
}
.cabnf {
	margin: 10px;
}
.cab li, .cabnf li {
	padding: 0 0 0 20px;
	background: url(sitegraphics/rarrc.gif) center left no-repeat;
}
.clr {
	clear: both;
}
.notice {
	padding: 0;
	margin: 0 20px;
}
.quote {
	text-align: center;
}
.quote a{
	font-weight: bold;
	padding: 3px 20px;
	margin: 15px auto 15px auto;
	background: #ce4c3e;
	color: white;
	border: 1px dotted white;
}
.quote a:hover {
	color: white;
	border-color: black;
}


/****** SIDEBAR IMAGES ********/
.products li#gmengine {background-image: url(images/home/gmengine.jpg);}
.products li#cumminsmd {background-image: url(images/home/cumminsmd.jpg);}
.products li#gasturbines {background-image: url(images/home/gasturbines.jpg);}

.products li#gasturbines {background-image: url(images/oil/gasturbines.jpg);}
.products li#compressor {background-image: url(images/oil/compressor.jpg);}
.products li#steamturbine {background-image: url(images/oil/steamturbine.jpg);}

.products li#crushers {background-image: url(images/mining/crushers.jpg);}
.products li#drilling {background-image: url(images/mining/drilling.jpg);}
.products li#drilling1 {background-image: url(images/mining/drilling1.jpg);}
.products li#ge {background-image: url(images/marine/geengine.gif);}