﻿/*
=====================================================================
	CSS Styles for use at smtruk.ideas-then.com
	All Containers
	Version 00.00.00
	Revision Date: 2009.04.23
	Copyright ©2009, Smith Trucking, Inc. All Rights Reserved.
=====================================================================
*/

.Container_Body {
	font:100% Calibri, Helvetica, "Trebuchet MS", Arial, sans-serif;
	font-weight:normal;
	color:#333;
	margin:0;
	padding:0;
	text-align:left;
}

/*==== All Container Margin/Padding Controls ==========================*/
.defaultContainer, .defaultTDContainer, .defaultSmallText, 
.rdDarkGray, .frdGray, .hdArrowsRed {
	margin:0 0 1em;
}

/*==== Default Container Styles =======================================*/
.defaultContainer .s, .defaultSmallText .s {
	margin:0;
	padding:0;
}

/*==== Default td Container Styles ====================================*/
.defaultTDContainer .s {
	margin:0;
	padding:0;
}

/*==== Default Small Text Styles ======================================*/
.defaultSmallText h1 {
	font-size:140%;
	font-weight:bold;
}
.defaultSmallText h2 {
	font-size:120%;
	font-weight:bold;
}
.defaultSmallText h3 {
	font-size:110%;
	font-weight:bold;
}
.defaultSmallText h4 {
	font-size:100%;
	font-weight:bold;
}

/*==== .rdDarkGray =====================================================*/
#wrapper .rdDarkGray *, #wrapper .rdDarkGray a:link, #wrapper .rdDarkGray a:hover, #wrapper .rdDarkGray a:active, #wrapper .rdDarkGray a:visited {
	color:#eee;
}
.rdDarkGray .hd, .rdDarkGray .bd, .rdDarkGray .ft {
	margin-right:8px;
}
.rdDarkGray .hd .c, .rdDarkGray .bd .c, .rdDarkGray .ft .c {
	margin-right:-8px;
}
.rdDarkGray .hd {
	background:transparent url(images/rdDarkGray-hd.png) no-repeat 0 0;
}
.rdDarkGray .hd .c {
	background:transparent url(images/rdDarkGray-hd-c.png) no-repeat 100% 0;
	height:8px;
}
.rdDarkGray .bd {
	background:transparent url(images/rdDarkGray-bd.png) repeat-y 0 0;
}
.rdDarkGray .bd .c {
	background:transparent url(images/rdDarkGray-bd-c.png) repeat-y 100% 0;
}
.rdDarkGray .bd .c .s {
	padding:0 1em;
}
.rdDarkGray .ft {
	background:transparent url(images/rdDarkGray-ft.png) no-repeat 0 0;
}
.rdDarkGray .ft .c {
	background:transparent url(images/rdDarkGray-ft-c.png) no-repeat 100% 0;
	height:8px;
}

/*==== .frdGray ========================================================*/
#wrapper .frdGray *, #wrapper .frdGray a:link, #wrapper .frdGray a:hover, #wrapper .frdGray a:active, #wrapper .frdGray a:visited {
	color:#eee;
}
.frdGray .hd, .frdGray .ft {
	margin-right:8px;
}
.frdGray .hd .c, .frdGray .ft .c {
	margin-right:-8px;
}
.frdGray .hd {
	background:transparent url(images/frdGray-hd.png) no-repeat 0 0;
}
.frdGray .hd .c {
	background:transparent url(images/frdGray-hd-c.png) no-repeat 100% 0;
	height:8px;
}
.frdGray .bd {
	background:transparent url(images/frdGray-bd.png) repeat-y 0 0;
	margin-right:2px;
}
.frdGray .bd .c {
	background:transparent url(images/frdGray-bd-c.png) repeat-y 100% 0;
	margin-right:-2px;
}
.frdGray .bd .c .s {
	background:#999b9e url(images/frdGray-bd-c-s.png) no-repeat 0 0;
	margin:0 2px;
	padding:0 1em;
}
.frdGray .ft {
	background:transparent url(images/frdGray-ft.png) no-repeat 0 0;
}
.frdGray .ft .c {
	background:transparent url(images/frdGray-ft-c.png) no-repeat 100% 0;
	height:8px;
}
/*==== hdArrowsRed ====================================================*/
.hdArrowsRed .lft {
	background:transparent url(images/hdArrowsRed-lft.png) no-repeat 0 0;
}
.hdArrowsRed .lft .bg {
	background:transparent url(images/hdArrowsRed-bg.png) repeat-x 0 0;
	margin:0 38px 0 8px;
}
.hdArrowsRed .lft .bg .rgt {
	background:transparent url(images/hdArrowsRed-rgt.png) no-repeat 100% 0;
	height:25px;
	margin-right:-38px;
}
#wrapper .hdArrowsRed .lft h1 {
	color:#eee;
	font-size:16px;
	font-weight:bold;
	letter-spacing:1.4px;
	padding:2px 0;
	text-transform:uppercase;
}
#wrapper .hdArrowsRed ul li {
	margin:0 0 0.4em 0.8em;
}
#wrapper .hdArrowsRed ul li h4 {
	padding:0;
}
#wrapper .hdArrowsRed ul li h4 a {
	text-decoration:none;
}