/* Notes

#service-widget - Literally two and a half hours were spent working around various IE6 quirks in this widget alone so documentation is in order

- IE6's z-index bug and this particular design force us to put 'position:relative' on '#services-widget ul'
  It is generally far more ideal to put 'position:relative' on '#services-widget ul li' so you can position off of it
  This workaround require us to do some extra positioning as you'll see on '#service1 ul', '#service2 ul', etc

- IE6 adds a lot of extra spacing for no particular reason when hovering over things so 'float:left' is required on '#services-widget ul li' where otherwise it should not be

- IE6's reluctance to follow the WC3 browser spec forces us to run a javascript function to add .over classes to li's since it doesn't natively support :hover on anything other than anchor tags

*/



/*********************************/
/*         Global Styles         */
/*********************************/

body { margin:0; padding:20px 0 0 0; background:#f2efeb; font-size:smaller; font-family:Verdana, Arial, Sans-Serif; }

a { color:#690521; }
img { border:0; }
p { margin:0; padding:0.3em 0; }
form { margin:0; padding:0; }
h1 { width:221px; height:13px; left:300px; top:21px; margin:0; padding:0; position:absolute; background:url(/images/tagline.gif) 0 0 no-repeat; text-indent:-9999px; overflow:hidden; }
h2 { margin:0; padding:0 0 0.3em 0; font-size:110%; color:#690521; }
h3 { margin:0; padding:0 0 0.3em 0; font-size:105%; color:#690521; }
h4 { margin:0; padding:0 0 0.3em 0; font-size:100%; color:#690521; }
h5 { margin:0; padding:0 0 0.3em 0; font-size:100%; color:#690521; }

.left { float:left; }
.right { float:right; }

img.left { margin:0 10px 0px 0; }
img.right { margin:0 0 0px 10px; }

span.info { font-size:90%; color:#403b3c; }


/*********************************/
/*         Main Structure        */
/*********************************/

#site-wrapper			{ width:950px; min-height:580px; margin:auto; background:url(/images/site-bg.gif) 0 0 no-repeat; position:relative; line-height:1.5em; font-size:85%; }
*html #site-wrapper		{ height:580px; }
#header					{ height:72px; }
#home-col1				{ width:260px; min-height:550px; padding:0 0 0 20px; float:left; display:inline; }
#home-col2				{ width:630px; min-height:530px; padding:20px 20px 0 20px; float:left; display:inline; }
*html #home-col1		{ height:550px; }
*html #home-col2		{ height:530px; }
#interior-col1			{ width:260px; min-height:550px; padding:0 0 0 20px; float:left; display:inline; }
#interior-col2			{ width:630px; min-height:530px; padding:20px 20px 15px 20px; float:left; display:inline; }
*html #interior-col1	{ height:550px; }
*html #interior-col2	{ height:530px; }
#footer					{ padding:0 20px; clear:both; }
#home-link				{ width:242px; height:28px; left:20px; top:16px; position:absolute; background:url(/images/freight-captain-logo.gif) 0 0 no-repeat; text-indent:-9999px; overflow:hidden; }
#phone					{ right:25px; top:52px; position:absolute; font-weight:bold; color:#fff; }
#phone ul				{ margin:0; padding:0; list-style:none; }
#phone ul li			{ margin:0 0 0 20px; float:left; display:inline; }



/*********************************/
/*              Home             */
/*********************************/

#home-col2 h2 { padding:0.6em 0 0.3em 0; color:#9c173c; }

#home-col1 a { font-weight:bold; text-decoration:none; }
#home-col2 a { font-weight:bold; text-decoration:none; color:#9c173c; }

#home-col1 a:hover,
#home-col2 a:hover { text-decoration:underline; }



/*********************************/
/*            Interior           */
/*********************************/

#interior-col1 a,
#interior-col2 a { font-weight:bold; text-decoration:none; }

#interior-col1 a:hover,
#interior-col2 a:hover { text-decoration:underline; }

#intro-copy { padding:0.2em 8px; background:#fff; border:solid 1px #9c9da2; }

table.form-table { width:100%; margin:0 0 1.5em 0; padding:0; border-collapse:collapse; }
table.form-table th { margin:0; padding:1.5em 0 5px 0; text-align:left; color:#690521; }
table.form-table td { margin:0; padding:1px 5px 1px 0; }
table.form-table .divider { padding:0 20px; background:url(/images/form-divider.gif) center 0 repeat-y; }
table.form-table .text-input { width:170px; float:right; }
table.form-table select { width:174px; float:right; }



/*********************************/
/*         Services Widget       */
/*********************************/

#services-widget					{ width:245px; height:279px; padding:0 0 20px 0; font-size:90%; line-height:normal; }
#services-widget ul					{ width:225px; margin:0; padding:17px 0 0 0; list-style:none; position:relative; color:#fff; }
#services-widget ul li				{ width:225px; margin:0 0 10px 0; float:left; }
#services-widget ul li a			{ width:195px; height:27px; padding:13px 0 0 50px; overflow:hidden; background-image:url(/images/services-widget.gif); text-decoration:none; font-weight:bold; line-height:normal; display:block; }
#services-widget ul li a:hover		{ text-decoration:none; }
.home-widget ul li a				{ color:#403b3c; }
.home-widget ul li a:hover			{ color:#595053; }
.interior-widget ul li a			{ color:#595053; }
.interior-widget ul li a:hover,
.interior-widget ul li a.navCMSListMenuLinkHighlighted { color:#fff; }
#services-widget ul li ul			{ width:200px; margin:0; padding:0 0 3px 0; position:absolute; display:none; z-index:1; }
#services-widget ul li ul li		{ width:200px; margin:0; }
#services-widget ul li ul li p		{ margin:0; padding:0 13px 5px 13px; line-height:1.5em; }
#services-widget ul li ul li a		{ width:auto; height:auto; margin:0 8px; padding:3px 7px; color:#fff; border-top:solid 1px #fff; background:transparent; display:block; font-size:120%; text-align:right; }

#services-widget ul li:hover ul,
#services-widget ul li.over ul { display:block; }

#nav_LI_0_1_1 ul { left:45px; top:57px; }
#nav_LI_0_2_1 ul { left:45px; top:107px; }
#nav_LI_0_3_1 ul { left:45px; top:157px; }
#nav_LI_0_4_1 ul { left:45px; top:207px; }
#nav_LI_0_5_1 ul { left:45px; top:257px; }

#nav_LI_0_1_1 a			{ background-position:0px 0px; }
#nav_LI_0_1_1:hover a,
#nav_LI_0_1_1.over a,
#nav_LI_0_1_1.navCMSListMenuHighlightedLI a	{ background-position:-245px 0px; }

#nav_LI_0_2_1 a			{ background-position:0px -40px; }
#nav_LI_0_2_1:hover a,
#nav_LI_0_2_1.over a,
#nav_LI_0_2_1.navCMSListMenuHighlightedLI a { background-position:-245px -40px; }

#nav_LI_0_3_1 a			{ background-position:0px -80px; }
#nav_LI_0_3_1:hover a,
#nav_LI_0_3_1.over a,
#nav_LI_0_3_1.navCMSListMenuHighlightedLI a	{ background-position:-245px -80px; }

#nav_LI_0_4_1 a			{ background-position:0px -120px; }
#nav_LI_0_4_1:hover a,
#nav_LI_0_4_1.over a,
#nav_LI_0_4_1.navCMSListMenuHighlightedLI a	{ background-position:-245px -120px; }

#nav_LI_0_5_1 a			{ background-position:0px -160px; }
#nav_LI_0_5_1:hover a,
#nav_LI_0_5_1.over a,
#nav_LI_0_5_1.navCMSListMenuHighlightedLI a	{ background-position:-245px -160px; }

.interior-widget #nav_LI_0_1_1 a			{ background-position:0px 0px; }
.interior-widget #nav_LI_0_1_1:hover a,
.interior-widget #nav_LI_0_1_1.over a,
.interior-widget #nav_LI_0_1_1.selected,
.interior-widget #nav_LI_0_1_1.navCMSListMenuHighlightedLI  a { background-position:-490px 0px; }

.interior-widget #nav_LI_0_2_1 a		{ background-position:0px -40px; }
.interior-widget #nav_LI_0_2_1:hover a,
.interior-widget #nav_LI_0_2_1.over a,
.interior-widget #nav_LI_0_2_1.navCMSListMenuHighlightedLI a	{ background-position:-490px -40px; }

.interior-widget #nav_LI_0_3_1 a		{ background-position:0px -80px; }
.interior-widget #nav_LI_0_3_1:hover a,
.interior-widget #nav_LI_0_3_1.over a,
.interior-widget #nav_LI_0_3_1.navCMSListMenuHighlightedLI a	{ background-position:-490px -80px; }

.interior-widget #nav_LI_0_4_1 a		{ background-position:0px -120px; }
.interior-widget #nav_LI_0_4_1:hover a,
.interior-widget #nav_LI_0_4_1.over a,
.interior-widget #nav_LI_0_4_1.navCMSListMenuHighlightedLI a	{ background-position:-490px -120px; }

.interior-widget #nav_LI_0_5_1 a		{ background-position:0px -160px; }
.interior-widget #nav_LI_0_5_1:hover a,
.interior-widget #nav_LI_0_5_1.over a,
.interior-widget #nav_LI_0_5_1.navCMSListMenuHighlightedLI a	{ background-position:-490px -160px; }

#nav_LI_0_1_1 ul { background:#6db8de url(/images/service1-bg.gif) 0 bottom no-repeat; }
#nav_LI_0_2_1 ul { background:#526fe3 url(/images/service2-bg.gif) 0 bottom no-repeat; }
#nav_LI_0_3_1 ul { background:#79b068 url(/images/service3-bg.gif) 0 bottom no-repeat; }
#nav_LI_0_4_1 ul { background:#c4352b url(/images/service4-bg.gif) 0 bottom no-repeat; }
#nav_LI_0_5_1 ul { background:#f18d59 url(/images/service5-bg.gif) 0 bottom no-repeat; }



/*********************************/
/*             Footer            */
/*********************************/

#footer ul { margin:0; padding:0; list-style:none; float:left; }
#footer ul li { float:left; }
#footer ul li a { padding:0 5px 0 5px; color:#918c8d; font-weight:bold; border-right:solid 1px #918c8d; line-height:normal; text-decoration:none; }
#footer ul li.footerCMSListMenuLInobar a { border-right:none; }
#footer ul li a:hover { text-decoration:underline; }
#footer ul li:last-child a { border-right:0; }

#service-of { width:256px; height:12px; margin:3px 0 0 0; float:right; display:inline; background:url(/images/service-of.gif) 0 0 no-repeat; text-indent:-9999px; overflow:hidden; }

#login { width: 400px; height: 18px; position: absolute; right: 25px; top: 17px; font-family: Verdana, Helvetica, sans-serif; text-align: right; display: none; }
#login label { color: #918c8d; font-size: 10px; margin: 0 0 0 10px; padding: 0; vertical-align: middle; }
#login input { vertical-align: bottom; font-family: Verdana, Helvetica, sans-serif; }
#login .text { width: 81px; height: 12px; padding: 2px; border: 1px #918c8d inset; color: #403b3c; background: #b7b6b9; font-size: 10px; }
#login .button { width: 48px; height: 18px; margin: 0 0 0 2px; border: 1px #918c8d outset; color: #b7b6b9; background: #f8f7f5 url(/images/login.gif) center center no-repeat; font-weight: bold; text-transform: uppercase; }