/* 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:704px; 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 0 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; font-size:11px;}
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:145px; float:left; font-size:11px;}
table.form-table select { width:150px; float:left; font-size:11px;}



/*********************************/
/*         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.selected	{ 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; }

#service1 ul { left:45px; top:57px; }
#service2 ul { left:45px; top:107px; }
#service3 ul { left:45px; top:157px; }
#service4 ul { left:45px; top:207px; }
#service5 ul { left:45px; top:257px; }

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

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

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

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

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

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

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

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

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

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

#service1 ul { background:#6db8de url(../images/service1-bg.gif) 0 bottom no-repeat; }
#service2 ul { background:#526fe3 url(../images/service2-bg.gif) 0 bottom no-repeat; }
#service3 ul { background:#79b068 url(../images/service3-bg.gif) 0 bottom no-repeat; }
#service4 ul { background:#c4352b url(../images/service4-bg.gif) 0 bottom no-repeat; }
#service5 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 a:hover { text-decoration:underline; }
#footer ul li:last-child a { border-right:0; }

iframe { background: transparent !important; }
html, body, form { background: transparent !important; }
#powered-by { width:245px; height:12px; margin:3px 0 0 0; float:right; display:inline; background:url(../images/powered-by.gif) 0 0 no-repeat; text-indent:-9999px; overflow:hidden; }

div.ajax__calendar_days table tr td
{ 
padding-right:0px;
}