/* ----------------------------------------------------------------------------------------- 
Author - Tony Skurat
Ace Logistics LLC copyright 2009. All Rights Reserved.

"Screen" Style Sheet for "Ace Logistics LLC"
----------------------------------------------------------------------------------------- */

/* =reset (dont change this)
----------------------------------------------------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, strongb, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin : 0; padding : 0; border : 0; outline : 0; font-size : 100%; vertical-align : baseline; background : transparent; }
	
ol, ul { list-style: none; list-style-image: none; list-style-position: outside; list-style-type: none; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }
abbr, acronym { border-bottom-width : 0; }
strong { font-weight : bold; }
em { font-style : italic; }
blockquote { margin: 0; padding: 20px 20px 45px 20px; quotes:"\201C""\201D""\2018""\2019"; line-height: 1.4em; font-style: italic; font-family: Georgia, 'Times New Roman', Times, Serif; font-size: 14px; border: 1px solid #ccc; background: #f7f7f7; }
blockquote:before { content: '\201C'; font-size: 6em; font-weight: bold; line-height: 0; margin: 0 5px 0 -20px; vertical-align: bottom; color: #ccc; }

/* =common
----------------------------------------------------------------------------------------- */
html, body { background: #f0f0f0; font: 12px/16px Helvetica, Arial, sans-serif; color: #666; }
#main { position: relative; width:980px; margin:0 auto; zoom:1; z-index: 1; }
#sites, #footer { width: 960px; clear: both; color: #76797c; }

/* default link color */
a { color: #3B84C2; text-decoration: none; }
a:hover, a:focus { text-decoration: underline; }

/* default paragraph and h2 styles which is used in all slides except for home */
p { padding: 0 0 10px; }
h2 { padding: 6px 0 3px 0; font: bold 18px/25px "Lucida Grande", "Lucida Sans Unicode", Myriad, Helvetica, Arial, sans-serif; color: #333; border-bottom: 1px solid #ccc; }

/* general image classes */
.avatar { margin: -25px 5px -25px 20px; }
.img.right { float: right; margin: 0 200px 0 0; }
.linkRight { float: right; margin: 10px 0 0 0; }

/* =layout / divisions
----------------------------------------------------------------------------------------- */
#contentWrapper { position: relative; overflow: hidden; width: 984px; height: 500px; margin: -45px auto 0; padding-bottom: 50px; }
#scrollWrapper { position: relative; width: 9999px; }
.section { position: relative; z-index: 1; float: left; width: 900px; height: auto; padding: 20px 40px 0 40px; margin-right: 10px; }

.section { -webkit-box-shadow: rgba(0,0,0,0.3) 0 1px 3px; -moz-box-shadow: rgba(0,0,0,0.3) 0 1px 3px; background: #fff; }
@-moz-document url-prefix() { .section { border: 1px solid; border-color: #e5e5e5 #dbdbdb #d2d2d2;  } } /* FF2 */
.section { *border-bottom: 1px solid; *border-left: 1px solid; *border-right: 1px solid; *border-color: #e5e5e5 #dbdbdb #d2d2d2; *margin-left: -1px; } /* IEs */
.section:nth-child(1n) { border: none; } /* reset for smart browsers */

.section,
.rounded,
.article .box { border-radius: 0 0 4px 4px; -webkit-border-bottom-left-radius:4px; -webkit-border-bottom-right-radius:4px; -moz-border-radius: 0 0 4px 4px; -o-border-radius: 0 0 4px 4px; -khtml-border-radius: 0 0 4px 4px; }

/* =login form
----------------------------------------------------------------------------------------- */
#wrapper { position: relative; width: 984px; height: 21px; margin: 80px auto 0px; z-index: 5; }
#wait{ position: relative; width: 984px; height: 5px; text-align: left; display: none; margin: 50px auto -55px auto;font-size: 12px; }
span.warning {color:#FF0000}
#login-form label { width:210px; height: 24px; margin: 20px 13px 0px 20px; }
#login-form .textfield { width:250px; margin: 0px 0 -7px 0; padding: 3px; border: none; background-color: #eee; border: 2px silver solid; font-size: 18px; font-family: inherit; color: #222; }
#login-form .textfield:focus { outline: none; border: 2px black solid; }
#login-form .buttonfield { position: absolute; cursor: pointer; border:none; width: 80px; height: 0; padding-top: 27px; margin: -1px 0px -1px 15px; overflow: hidden; background: url(http://images.acelogisticsllc.com/nav/login_btn.png) no-repeat 0 0;  }
#login-form .buttonfield:hover { cursor: pointer; border:none; background-position: 0 -30px; }
#login-form .buttonfield:active { cursor: pointer; border:none; background-position: 0 -60px; }
#login-form .buttonfield1 { position: absolute; cursor: pointer; border:none; width: 80px; height: 0; padding-top: 27px; margin: -1px 0px -1px 15px; overflow: hidden; background: url(http://images.acelogisticsllc.com/nav/save_btn.png) no-repeat 0 0;  }
#login-form .buttonfield1:hover { cursor: pointer; border:none; background-position: 0 -30px; }
#login-form .buttonfield1:active { cursor: pointer; border:none; background-position: 0 -60px; }
#login-form .buttonfield2 { position: absolute; cursor: pointer; border:none; width: 80px; height: 0; padding-top: 27px; margin: -1px 0px -1px 102px; overflow: hidden; background: url(http://images.acelogisticsllc.com/nav/back_btn.png) no-repeat 0 0;  }
#login-form .buttonfield2:hover { cursor: pointer; border:none; background-position: 0 -30px; }
#login-form .buttonfield2:active { cursor: pointer; border:none; background-position: 0 -60px; }
.logout { float: right; margin: 15px; }
.welcome { float: left; margin: 15px; }

/* =main header
----------------------------------------------------------------------------------------- */
#navBottom { width: 984px; position: relative; overflow: hidden; z-index: 2; bottom: -48px; clear: both; margin:0; padding:0; height:72px; background:url(http://images.acelogisticsllc.com/layout/navBg.jpg) no-repeat 0 0; *background:url(http://images.acelogisticsllc.com/layout/navBg1.jpg) no-repeat 0 0; }
#mainHeader { width: 600px; position: relative; overflow: hidden; z-index: 3; bottom: 0px; clear: both; margin:0; padding:0; }
#mainHeader #mainNav { margin: 0; padding-left: 20px; }
#mainHeader #mainNav li { display:inline; }
#mainHeader #mainNav li a { float: left; width: 98px; height: 0; padding-top: 48px; overflow: hidden; }
#mainHeader #mainNav li a,
#mainHeader #mainSearch { background-image: url(http://images.acelogisticsllc.com/layout/mainNav1.png); background-repeat: no-repeat; }

/* normal state */
#mainHeader #mainNav li#gnHome a { background-position: 1px 0px; }
#mainHeader #mainNav li#gnAbout a { background-position: -99px 0px; }
#mainHeader #mainNav li#gnGallery a { background-position: -198px 0px; }
#mainHeader #mainNav li#gnService a { background-position: -297px 0px; }
#mainHeader #mainNav li#gnContact a { background-position: -396px 0px; }

/* hover state*/
#mainHeader #mainNav li#gnHome a:hover { background-position: 1px -46px; }
#mainHeader #mainNav li#gnAbout a:hover { background-position: -99px -46px; }
#mainHeader #mainNav li#gnGallery a:hover { background-position: -198px -46px; }
#mainHeader #mainNav li#gnService a:hover { background-position: -297px -46px; }
#mainHeader #mainNav li#gnContact a:hover { background-position: -396px -46px; }

/* active state */
#mainHeader #mainNav li#gnHome a.active { background-position: 1px -92px; }
#mainHeader #mainNav li#gnAbout a.active { background-position: -99px -92px; }
#mainHeader #mainNav li#gnGallery a.active { background-position: -198px -92px; }
#mainHeader #mainNav li#gnService a.active { background-position: -297px -92px; }
#mainHeader #mainNav li#gnContact a.active { background-position: -396px -92px; }

/* =home section
----------------------------------------------------------------------------------------- */
#home h1 { position: relative; margin: 0; padding: 40px 0 0; font: normal 30px/48px "Lucida Grande",  Arial, Verdana, sans-serif; color: #333; text-align: center; }
#home .head { position: relative; margin-left: -40px; padding: 20px 0 0; font: normal 30px/48px "Lucida Grande", Arial, Verdana, sans-serif; color: #333; text-align: center;}
#home h3 { font-weight: normal; color: #666; text-align: center; }
#home .names { float: right; text-align:right; margin-right: -10px;}
#home .column.first { position: relative; float: left; width: 415px; }
#home .column.last { position: relative; float: right; width: 465px; }

/* quote link */
#links {  position: relative; overflow: hidden; width: 204px; bottom: 0px; clear: both; margin: 0 auto; padding: 0; }
#links li { display: inline; }
#links li a { float: left; width: 204px; height: 0; padding-top: 44px; overflow: hidden; background: url(http://images.acelogisticsllc.com/nav/quote.jpg) no-repeat 0 0; }
#links li a:hover, #links li a:focus { background-position: 0 -44px; }

/* =gallery section
----------------------------------------------------------------------------------------- */
ul.gallery { overflow: hidden; padding-top: 20px; }
ul.gallery li { float: left; display: inline; width: 120px; height: 100px; margin-right: 40px; }

ul.gallery li a { -webkit-box-shadow: rgba(0,0,0,0.3) 0 1px 3px; -moz-box-shadow: rgba(0,0,0,0.3) 0 1px 3px; }
@-moz-document url-prefix() { ul.gallery li a { border: 1px solid; border-color: #e5e5e5 #dbdbdb #d2d2d2;  } } /* FF2 */
ul.gallery li a { *border: 1px solid; *border-color: #e5e5e5 #dbdbdb #d2d2d2; } /* IEs */
ul.gallery li a:nth-child(1n) { border: none; } /* reset for smart browsers */
ul.gallery li a { float: left; display: block; width: 120px; height: 80px; padding: 5px; margin-left: 2px; background: #fff; border-radius: 1px 1px 1px 1px; -webkit-border-bottom-left-radius:1px; -webkit-border-bottom-right-radius:1px; -webkit-border-top-left-radius:1px; -webkit-border-top-right-radius:1px; -moz-border-radius: 1px 1px 1px 1px; -o-border-radius: 1px 1px 1px 1px; -khtml-border-radius: 1px 1px 1px 1px; }

/* fancybox */
#fancybox-loading{position:fixed; top:50%; left:50%; height:40px; width:40px; margin-top:-20px; margin-left:-20px; cursor:pointer; overflow:hidden; background:transparent; z-index:1104; display:none}
* html #fancybox-loading{position:absolute; margin-top:0}
#fancybox-loading div{position:absolute; top:0; left:0; width:40px; height:480px; background:transparent url('http://images.acelogisticsllc.com/fancybox/fancy_loading.png') no-repeat;}
#fancybox-overlay{position:fixed; top:0; left:0; bottom:0; right:0; background:#000; z-index:1100; display:none}
* html #fancybox-overlay{position:absolute; width:100%}
#fancybox-tmp{padding:0; margin:0; border:0; overflow:auto; display:none}
#fancybox-wrap{position:absolute; top:0; left:0; margin:0; padding:20px; z-index:1101; display:none}
#fancybox-outer{position:relative; width:100%; height:100%; background:#f0f0f0}
#fancybox-inner{position:absolute; top:0; left:0; width:1px; height:1px; padding:0; margin:0; outline:none; overflow:hidden}
#fancybox-hide-sel-frame{position:absolute; top:0; left:0; width:100%; height:100%; background:transparent}
#fancybox-close{position:absolute; top:-15px; right:-15px; width:32px; height:32px; background:url('http://images.acelogisticsllc.com/fancybox/fancy_close.png') top left no-repeat; cursor:pointer; z-index:1103; display:none}
#fancybox-close:hover{position:absolute; top:-15px; right:-15px; height:32px; width:32px; background:url('http://images.acelogisticsllc.com/fancybox/fancy_closebox_hover.png') top left no-repeat; cursor:pointer; z-index:1103; display:none}
#fancybox_error{color:#444; font:normal 12px/20px Arial}
#fancybox-content{height:auto; width:auto; padding:0; margin:0}
#fancybox-img{width:100%; height:100%; padding:0; margin:0; border:none; outline:none; line-height:0; vertical-align:top; -ms-interpolation-mode:bicubic}
#fancybox-frame{position:relative; width:100%; height:100%; border:none; display:block}
#fancybox-title{position:absolute; bottom:0; left:0; font-family:Arial; font-size:12px; z-index:1102}
.fancybox-title-inside{padding:10px 0; text-align:center; color:#333}
.fancybox-title-outside{padding-top:5px; color:#FFF; text-align:center; font-weight:bold}
.fancybox-title-over{color:#FFF; text-align:left}
#fancybox-title-over{padding:10px; background:url('http://images.acelogisticsllc.com/fancybox/fancy_title_over.png'); display:block}
#fancybox-title-wrap{display:inline-block}
#fancybox-title-wrap span{height:32px; float:left}
#fancybox-title-left{padding-left:15px; background:transparent url('http://images.acelogisticsllc.com/fancybox/fancy_title_left.png') repeat-x}
#fancybox-title-main{font-weight:bold; line-height:29px; background:transparent url('http://images.acelogisticsllc.com/fancybox/fancy_title_main.png') repeat-x; color:#FFF}
#fancybox-title-right{padding-left:15px; background:transparent url('http://images.acelogisticsllc.com/fancybox/fancy_title_right.png') repeat-x}
#fancybox-left, #fancybox-right{position:absolute; bottom:0px; height:100%; width:35%; cursor:pointer; outline:none; background-image:url('http://images.acelogisticsllc.com/fancybox/blank.gif'); z-index:1102; display:none}
#fancybox-left{left:0px}
#fancybox-right{right:0px}
#fancybox-left-ico, #fancybox-right-ico{position:absolute; top:50%; left:-9999px; width:30px; height:30px; margin-top:-15px; cursor:pointer; z-index:1102; display:block}
#fancybox-left-ico{background:transparent url('http://images.acelogisticsllc.com/fancybox/fancy_nav_left.png') no-repeat}
#fancybox-right-ico{background:transparent url('http://images.acelogisticsllc.com/fancybox/fancy_nav_right.png') no-repeat}
#fancybox-left:hover, #fancybox-right:hover{visibility:visible;}
#fancybox-left:hover span{left:20px}
#fancybox-right:hover span{left:auto; right:20px}
div.fancy-bg{position:absolute; padding:0; margin:0; border:0; z-index:1001}
div#fancy-bg-n{top:-20px; left:0; width:100%; height:20px; background:transparent url('http://images.acelogisticsllc.com/fancybox/fancy_shadow_n.png') repeat-x}
div#fancy-bg-ne{top:-20px; right:-20px; width:20px; height:20px; background:transparent url('http://images.acelogisticsllc.com/fancybox/fancy_shadow_ne.png') no-repeat}
div#fancy-bg-e{top:0; right:-20px; height:100%; width:20px; background:transparent url('http://images.acelogisticsllc.com/fancybox/fancy_shadow_e.png') repeat-y}
div#fancy-bg-se{bottom:-20px; right:-20px; width:20px; height:20px; background:transparent url('http://images.acelogisticsllc.com/fancybox/fancy_shadow_se.png') no-repeat}
div#fancy-bg-s{bottom:-20px; left:0; width:100%; height:20px; background:transparent url('http://images.acelogisticsllc.com/fancybox/fancy_shadow_s.png') repeat-x}
div#fancy-bg-sw{bottom:-20px; left:-20px; width:20px; height:20px; background:transparent url('http://images.acelogisticsllc.com/fancybox/fancy_shadow_sw.png') no-repeat}
div#fancy-bg-w{top:0; left:-20px; height:100%; width:20px; background:transparent url('http://images.acelogisticsllc.com/fancybox/fancy_shadow_w.png') repeat-y}
div#fancy-bg-nw{top:-20px; left:-20px; width:20px; height:20px; background:transparent url('http://images.acelogisticsllc.com/fancybox/fancy_shadow_nw.png') no-repeat}

/* =service section
----------------------------------------------------------------------------------------- */
#service strong { font-weight: bold; color: #333; }
ul.service { overflow: hidden; padding: 5px 0; width: 500px; list-style: disc inside; }
ul.service li { float: left; width: 220px; margin: 0; }
ul.rates { padding-left: 15px; padding-bottom: 10px; list-style: disc inside; }

/* =contact section
----------------------------------------------------------------------------------------- */
/* first column */
.imgCenter{ -webkit-box-shadow: rgba(0,0,0,0.3) 0 1px 3px; -moz-box-shadow: rgba(0,0,0,0.3) 0 1px 3px; }
@-moz-document url-prefix() { .imgCenter { border: 1px solid; border-color: #e5e5e5 #dbdbdb #d2d2d2;  } } /* FF2 */
.imgCenter { *border: 1px solid; *border-color: #e5e5e5 #dbdbdb #d2d2d2; } /* IEs */
.imgCenter:nth-child(1n) { border: none; } /* reset for smart browsers */
.imgCenter { float: left; padding: 8px; margin: 18px 16px 5px 0; background: #fff; border-radius: 1px 1px 1px 1px; -webkit-border-bottom-left-radius:1px; -webkit-border-bottom-right-radius:1px; -webkit-border-top-left-radius:1px; -webkit-border-top-right-radius:1px; -moz-border-radius: 1px 1px 1px 1px; -o-border-radius: 1px 1px 1px 1px; -khtml-border-radius: 1px 1px 1px 1px;}
#mainContact { float: left; width: 400px; height: 95px; margin: 265px 0 0 -440px; padding-bottom: 25px; }
#mainContact ul { margin: 0; padding: 0; list-style: none; }
#mainContact li { display: block; float: left; width: 180px; height: 200px; padding-right: 20px; }

/* second column */
#contactForm .column.first { float: left; width: 450px; }
#contactForm .column.last { float: right; width: 425px; padding-top: 5px; }
#contact-form label { float: right; display: block; margin: 15px 300px 0 0; }
#contact-form .text-field { float: right; width: 267px; margin-top: -15px; padding: 3px; border: none; background-color: #eee; border: 2px silver solid; font-size: 18px; font-family: inherit; color: #222; }
#contact-form .text-field:focus { outline: none; border: 2px black solid; }
#contact-form textarea.text-field { height: 120px; overflow: auto; font-family: Arial, Helvetica, sans-serif;}
#contact-form li { margin: 0; overflow: hidden; }
#contact-form ul { list-style-type:none; list-style-position:outside; list-style-image:none; }
#contact-form .send { cursor: pointer; float: right; border:none; width: 80px; height: 0; padding-top: 27px; margin-top: 5px; overflow: hidden; background: url(http://images.acelogisticsllc.com/nav/send_btn.png) no-repeat 0 0; }
#contact-form .send:hover { cursor: pointer; border:none; background-position: 0 -30px; }	
#contact-form .send:active { cursor: pointer; border:none; background-position: 0 -60px; }
#success { float: right; width: 267px; color:#000; font-weight:bold; display:none; }
#contact-form li.error { display:none; text-align:right; margin:0; font-size:12px; color:#000; }

/* =footer 
----------------------------------------------------------------------------------------- */
#footer { margin: 0 auto -5px -40px; padding-top: 25px; text-align: center; color: #6e6e6e; }
#footer .piped a { border-color: #ccc; }
	
#footer #sites { border-top: 1px solid #dedede; border-width: 1px 0; padding: .9em .9em; zoom: 1; }
#footer #sites:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#footer #sites p { margin-bottom: 0; }
#footer #sites p.left { float: left; width: auto; text-align: left; text-indent: 10px; }
#footer #sites ul.right { float: right; padding-right: 10px; margin-bottom: 0; }
#footer #sites ul.piped a { padding-left: .5em; margin-left: .5em; }
.left { float: left; margin: 5px 16px 5px 0; }

/* piped links */
.piped { display: block; zoom: 1; margin-top: 5px; }
.piped:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.piped li { float: left; display: inline; }
.piped a { border-left: 1px solid #dedede; padding: 0 0 0 0.75em; margin-left: 0.75em; }
.piped a.first { border-left: 0 !important; padding-left: 0; margin-left: 0 !important; }

/* =announcements
----------------------------------------------------------------------------------------- */
/*#announce { padding-top: 5px;}*/