/* CSS Document */

/* STYLES FOR FORMATTING COLORS / SIZES / SPACING ETC.    */
/* You can add any styles here you like */

.ad  { padding-bottom: 5px; } /* adds some space between the advertisements */
.smallFooter { font-size: 12px; } /* sets font size of footer */
.formText{ text-align: left; } /* aligns the text inside the actual form to the left */
.headerText{ text-align: left; font-size: 12px; color: #336699; font-family: "Arial"; } /* sets the font for the contact information in the header */

/* body definitions */
html {
overflow: auto;
}

img {
	border: 0;
	text-decoration: none;
}

body {
	text-align:center;
	padding:0;
	color:#000;
	background: #C0C0C0 url(../images/mainbg.jpg) repeat-x top left;
	font-family: "Arial";
	font-size: 12px;
}

h1 {
	font-size: 16px;
}
h2 {
	font-size: 16px;
}


/* These are commented out so that the default events and styling can occur on <a> tags (hyperlinks)	
a { /* sets link color to white for any link using this class 
	/*color:#000;
	text-decoration:none;
	}
	*/
a:hover {
	color:#810081;
}
	
#wrapper1 {
	position:relative;
	text-align:left;
	width:900px;
	/*background:#f6f6f6 url("../images/rightcolor_bg.gif") repeat-y top right;*/
	background:#f6f6f6;
	border: 1px solid black;
	margin-left: auto;
	margin-right: auto;
}

#wrapper2 {
	position:relative;
	text-align:left;
	width:100%;
	background:url("../images/leftcolor_bg.gif") repeat-y top left;
}

#header {
	background: #FFFFFF; 
	height: 96px;
	padding:10px;
	margin:0;
}

#header h1 {
	font-size:200%;
}
#header a:hover {
	color:#7A2875;
}

#maincol {
	position:relative;
	margin:0;
	padding: 0;
	border-right: 1px;
}

#ads{
	text-align: center;
	padding: 0;
}

#bigleft{
	position:relative;
	padding: 10px;
	top:0px;
	left:0px;
	float:left;
	voice-family: "\"}\"";
	voice-family:inherit;
	width:699px; /* actual value */
	margin:0;
	background:#FFF;
	z-index:2;
}
	
#leftcol { 
	position:relative;
	top:0px;
	left:0px;
	float:left;
	voice-family: "\"}\"";
	voice-family:inherit;
	width:179px; /* actual value */
	margin:0;
	padding-top:0px;
	background:#EEE;
	z-index:2;
}
	
#rightcol {
	position:relative;
	top:0px;
	float:right;
	voice-family: "\"}\"";
	voice-family:inherit;
	width:179px; /* actual value */
	/* padding-top: 10px; */
	margin: 0;
	background:#ffffff;
	z-index:1;
	text-align: center;
	border-left: 1px solid #d1d1d1;
}
	
#rightcontent {
	padding: 10px;
}

#centercol {
	position:relative;
	padding: 10px 190px;
}
#centercol a {
	/* color:#EEE; */
}
#centercol a:hover {
	/* color:#EEE; */
}
	
#footer a {
	color:#FFF;
	text-decoration: none;
}
	
#footer a:hover {
	color:#FFF;
	text-decoration: none;
}
	
#footer a:visited {
	color:#FFF;
	text-decoration: none;
}
	
#footer {/* footer properties. you can change the background of the footer color here */
	position:relative;
	top:1px;
	width:100%;
	clear:both;
	margin:0;
	padding:1% 0;
	text-align:center;
	background-color: #000;
	color: white; 
	border-top: 2px solid black;
}

/* These are styles for the sidebar and images (provided by Goran) */
.sidebar-right {width: 179px;}
.rightnav-box {margin-bottom:25px;}
.sidebar-right {background-repeat: repeat-y;width: 159px;margin: 0 auto;}
.sidebar-right .top {height: 81px;width: 159px;}
.sidebar-right .bottom {height: 35px;padding-top:20px;width: 159px;}
.sidebar-right .content {padding: 10px 15px 0;font-family: 'trebuchet MS', Arial, sans-serif;font-size: 10px;line-height: 175%;color: #242626;}
.sidebar-right .content a{color: #242626;}
.sidebar-right .bottom a {height: 20px;width: 97px;display:block;margin:0 auto;text-indent:-5000px;}
.sidebar-right .bottom a:hover {background-position: 0 -20px;}

.sidebar-right #clients {background-image: url(../images/rail-clients.jpg);}
.sidebar-right #clients .top {background-image: url(../images/top-clients.jpg);}
.sidebar-right #clients .bottom {background-image: url(../images/bot-clients.jpg);}
.sidebar-right #clients .bottom a {background-image: url(../images/button-clients.jpg);}

.sidebar-right #calculator {background-image: url(../images/rail-calculator.jpg);}
.sidebar-right #calculator .top {background-image: url(../images/top-calculator.jpg);}
.sidebar-right #calculator .bottom {background-image: url(../images/bot-calculator.jpg);}
.sidebar-right #calculator .bottom a {background-image: url(../images/button-calculator.jpg);}

.sidebar-right #services {background-image: url(../images/rail-services.jpg);}
.sidebar-right #services .top {background-image: url(../images/top-services.jpg);}
.sidebar-right #services .bottom {background-image: url(../images/bot-services.jpg);}
.sidebar-right #services .bottom a {background-image: url(../images/button-services.jpg);}