@charset "utf-8";
/* CSS Document */

/* -------- LAYOUT ----------- */
body {
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	height:100%;
	background-color:#103f72;
}
#wrapper {
	width:100%;
	height:100%;
	background-image: url(images/background_gradient.jpg);
	background-repeat: repeat-x;
	background-color:#FFFFFF;
}
.fullHeight{
	height:100%;
}
#header {
	margin-left:auto;
	margin-right:auto;
	vertical-align:bottom;
	height:149px;
	margin-left:auto;
	margin-right:auto;
	background-color:#FFFFFF;
	width:960px;
	padding-top:7px;
	padding-bottom:0px;
	height:100%;
	
	
}
#headerTable {
	width: 947px;
	height:149px;
	background-image:url(images/background_header_gradient.jpg);
	background-repeat:repeat-y; 
	padding:10px;
	margin-left:6px;
	z-index: 400;
}
#mainCenterTable {
	margin-right:auto;
	margin-left:auto;
}
#logo {
	width:330px;
	height:210px;
	z-index:1000;
	position:absolute;
	margin-left:-16px;
	margin-top:-14px;
	border:0px;
}
#contactBanner {
	width:158px;
	height:126px;
	z-index:200;
	position:absolute;
	margin-left: 811px;
	margin-top: -16px;
	background-image:url(images/contact_banner.png);
	background-repeat:no-repeat;
	visibility:visible;
	border:0px;
}
#socialMedia {
	width:351px;
	height:95px;
	z-index:800;
	position:absolute;
	margin-left:-24px;
	margin-top:0px;
	border:0px;
}
#menu {
	width:100%;
	background-image:url(images/bacground_menu_gradient.jpg);
	background-repeat:repeat-x;
	height:73px;
}
#menuTable {
	width:960px;
	text-align:right;
	margin-left:auto;
	margin-right:auto;
}
#leftBack {
	background-image:url(images/background_side_left.jpg);
	background-repeat:no-repeat;
	width:20px;
}
#mainBodyBack {
	background-color:#FFFFFF;
	width:960px;
}
#mainText Area {
	width:618px;
	padding:20px;
}
#rightBack {
	background-image:url(images/background_side_right.jpg);
	background-repeat:no-repeat;
	width:20px;
}
#footer1 {
	background-color: #184e89;
	width:100%;
	padding:0px;
}
#footer1Table {
	width:1000px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	padding-top:10px;
	padding-bottom:10px;
}
#footer2 {
	background-color: #103f72;
	width:100%;
	height:100%;
	padding:0px;
}
#footer2Table {
	width:960px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	padding-top:10px;
	padding-bottom:10px;
}	
	
#addressHoverFix {
	z-index:700;
	position:relative;
}
.flashunit {
	padding: 4px;
	background: #fff;
	border: 4px solid #ddd;
	margin: 10px auto;
	width: 575px;
}
.flashunit h2 {
	font: 18px normal Arial, Helvetica, sans-serif;
	border: 1px solid #ddd;
	background: #f0f0f0;
	margin: 0;
	padding: 10px;
	color: #111;
	text-align: center;
}
.flashunit p {
	font: 12px normal Arial, Helvetica, sans-serif;
	padding: 10px;
	margin: 0;
	border: 1px solid #ddd;
	background: #f0f0f0;
}
object.flashvideo {
	width: 100%;
	height:265px;
}

#rotator {
  background: url(quotes/rotator.php) no-repeat center top;
  width: 324px;
  height: 150px;
}

#rotator2 {
  background: url(quotes/rotator.php) no-repeat center top;
  width: 324px;
  height: 132px;
}

.rule {/*the 'Horizontal Rule*/
       border-top-width: 1px;
       border-top-style: solid;
       border-color: #999999; 
       margin: 0%;}

hr { display:none; }

#quoteRequest {
	background-image:url(images/temp_form.gif);
	background-repeat:no-repeat;
	width:324px;
	height:291px;
}
#contactRequest {
	background-image:url(images/feedback_form.gif);
	background-repeat:no-repeat;
	width:324px;
	height:291px;
}


/* -------- FORMATTING ----------- */
h1 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#0355a5;
	line-height:28px;
	font-weight:bold;
	text-transform:capitalize;
	background-image:url(images/arrow.gif);
	background-repeat:no-repeat;
	background-position:left;
	padding-left:19px;
	
}
h2 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#d77919;
	line-height:14px;
	font-weight:bold;
	text-transform:capitalize;
	padding:0px;
	
}

h3 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#000000;
	line-height:14px;
	font-weight:bold;
	text-transform:capitalize;
	padding:0px;
	
}
ul {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:20px;
	color:#184e89;
}
ul a:link, ul a:visited { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #184e89;
	font-size: 12px;
	line-height:20px;
	text-align:left;
	text-decoration:underline;
}
ul a:hover { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #fea84e;
	font-size: 12px;
	line-height:20px;
	text-align:left;
	text-decoration: underline;

}
.ulBOLD {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #184e89;
	font-size: 12px;
	line-height:20px;
	text-align:left;
	font-weight:bold;
}
a.ulBOLD:link, a.ulBOLD:visited { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #184e89;
	font-size: 12px;
	line-height:20px;
	text-align:left;
	text-decoration:underline;
	font-weight:bold;
}
a.ulBOLD:hover { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #184e89;
	font-size: 12px;
	line-height:20px;
	text-align:left;
	text-decoration: underline;
	font-weight:bold; 
}


.headerAddress {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 11px;
	line-height:14px;
	text-align:left;
	vertical-align:middle;
}

a.headerAddress:link, a.headerAddress:visited { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 11px;
	line-height:14px;
	text-align:left;
	vertical-align:middle;
	text-decoration:underline;
}
a.headerAddress:hover { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #fea84e;
	font-size: 11px;
	line-height:14px;
	text-align:left;
	vertical-align:middle;
	text-decoration: underline; 
}

.formLabel {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #848484;
	font-weight: bold;
	text-align:right;
}

.bodyCopy {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:20px;
	color:#333333;
}
a.bodyCopy:link, a.bodyCopy:visited { 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:20px;
	color:#333333;
	text-decoration:underline;
}
a.bodyCopy:hover { 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:20px;
	color:#44588b;
	text-decoration: underline; 
}

.bodyCopyIndent {
	padding-left:50px;
	padding-right:100px;
}
.title {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:20px;
	color:#333333;
}
.breadcrumb {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	line-height:20px;
	color:#666666;
}
a.breadcrumb:link, a.breadcrumb:visited { 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	line-height:20px;
	color:#666666;
	text-decoration:none;
}
a.breadcrumb:hover { 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	line-height:20px;
	color:#0d286f;
	text-decoration: underline; 
}
.bodyHighlight {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:20px;
	color:#0d286f;
}
a.bodyHighlight:link, a.bodyHighlight:visited { 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:20px;
	color:#0d286f;
	text-decoration:none;
}
a.bodyHighlight:hover { 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:20px;
	color:#0d286f;
	text-decoration: underline; 
}

.testimonials {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:16px;
	color:#0d286f;
}
a.testimonials:link, a.testimonials:visited { 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:16px;
	color:#0d286f;
	text-decoration:none;
}
a.testimonials:hover { 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:16px;
	color:#0d286f;
	text-decoration: underline; 
}
.caption {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	line-height:14px;
	color:#0d286f;
}

.addthis {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	line-height:14px;
	color:#0d286f;
	text-align:right;
}
.emailText {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:16px;
	color:#0d286f;
}
a.emailText:link, a.emailText:visited { 
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:16px;
	color:#0d286f;
	text-decoration:underline;
}
a.emailText:hover { 
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:16px;
	color:#d77919;
	text-decoration: underline; 
}

.footerText {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:16px;
	color:#83b1df;
}
a.footerText:link, a.footerText:visited { 
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:16px;
	color:#83b1df;
	text-decoration:none;
}
a.footerText:hover { 
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:16px;
	color:#d77919;
	text-decoration: underline; 
}


/* -------- PHOTOS ----------- */
.border1{
	background-color:#406fa7;
}
.border2{
	background-color:#ffffff;
}
.border3{
	background-color:#ee973a;
}

/* -------- END PHOTOS ----------- */



/* -------- BUTTONS ----------- */

a.buttonTracking{
	background: url("images/button_tracking.jpg") 0 0 no-repeat;
}

a.buttonPacking{
	background: url("images/button_packing.jpg") 0 0 no-repeat;
}

a.buttonExperience{
	background: url("images/button_experience.jpg") 0 0 no-repeat;
}


a.buttonExperience, a.buttonPacking, a.buttonTracking {
	display: block; 
    height: 57px;
    text-decoration: none;
	width:324px;
	z-index:100;
	overflow:hidden;
	background-position: 0px 0px;
}

a.buttonExperience:hover, a.buttonPacking:hover, a.buttonTracking:hover  {
	background-position: 0px -57px;
	z-index:100;
	overflow:hidden;
}


/* -------- BUTTONS 2 ----------- */

a.buttonCityPointe{
	background: url("images/button_city_pointe.jpg") 0 0 no-repeat;
}

a.buttonStraightTalk{
	background: url("images/button_straight_talk.jpg") 0 0 no-repeat;
}

a.buttonCityPointe, a.buttonStraightTalk {
	display: block; 
    height: 57px;
    text-decoration: none;
	width:306px;
	z-index:100;
	overflow:hidden;
	background-position: 0px 0px;
}

a.buttonCityPointe:hover, a.buttonStraightTalk:hover {
	background-position: 0px -57px;
	z-index:100;
	overflow:hidden;
}
/* -------- BUTTONS 3 Map ----------- */

a.buttonMapLocation{
	background: url("images/button_map_location.jpg") 0 0 no-repeat;
}

a.buttonMapLocation {
	display: block; 
    height: 37px;
    text-decoration: none;
	width:232px;
	z-index:100;
	overflow:hidden;
	background-position: 0px 0px;
}

a.buttonMapLocation:hover {
	background-position: 0px -37px;
	z-index:100;
	overflow:hidden;
}

/* -------- BUTTONS 4 Drivers App ----------- */

a.buttonAppDrivers{
	background: url("images/button_app_drivers.jpg") 0 0 no-repeat;
}

a.buttonAppDrivers {
	display: block; 
    height: 39px;
    text-decoration: none;
	width:175px;
	z-index:100;
	overflow:hidden;
	background-position: 0px 0px;
}

a.buttonAppDrivers:hover {
	background-position: 0px -39px;
	z-index:100;
	overflow:hidden;
}

/* -------- BUTTONS 5 Labor App ----------- */

a.buttonAppLabor{
	background: url("images/button_app_labor.jpg") 0 0 no-repeat;
}

a.buttonAppLabor {
	display: block; 
    height: 39px;
    text-decoration: none;
	width:175px;
	z-index:100;
	overflow:hidden;
	background-position: 0px 0px;
}

a.buttonAppLabor:hover {
	background-position: 0px -39px;
	z-index:100;
	overflow:hidden;
}

/* -------- BUTTONS 6 Staff App ----------- */

a.buttonAppStaff{
	background: url("images/button_app_staff.jpg") 0 0 no-repeat;
}

a.buttonAppStaff {
	display: block; 
    height: 39px;
    text-decoration: none;
	width:175px;
	z-index:100;
	overflow:hidden;
	background-position: 0px 0px;
}

a.buttonAppStaff:hover {
	background-position: 0px -39px;
	z-index:100;
	overflow:hidden;
}

/* -------- BUTTONS ----------- */

a.buttonHousehold{
	background: url("images/button_faq_household.jpg") 0 0 no-repeat;
}

a.buttonGovernment{
	background: url("images/button_faq_government.jpg") 0 0 no-repeat;
}

a.buttonCorporate{
	background: url("images/button_faq_corporate.jpg") 0 0 no-repeat;
}

a.buttonSpecialty{
	background: url("images/button_faq_specialty.jpg") 0 0 no-repeat;
}

a.buttonInternational{
	background: url("images/button_faq_international.jpg") 0 0 no-repeat;
}

a.buttonMore{
	background: url("images/button_faq_more.jpg") 0 0 no-repeat;
}

a.buttonResidential{
	background: url("images/button_residential.jpg") 0 0 no-repeat;
}

a.buttonFacility{
	background: url("images/button_facility.jpg") 0 0 no-repeat;
}



a.buttonHousehold, a.buttonGovernment, a.buttonCorporate, a.buttonSpecialty, a.buttonInternational, a.buttonMore, a.buttonResidential, a.buttonFacility {
	display: block; 
    height: 37px;
    text-decoration: none;
	width:190px;
	z-index:100;
	overflow:hidden;
	background-position: 0px 0px;
}

a.buttonHousehold:hover, a.buttonGovernment:hover, a.buttonCorporate:hover, a.buttonSpecialty:hover, a.buttonInternational:hover, a.buttonMore:hover, a.buttonResidential:hover, a.buttonFacility:hover  {
	background-position: 0px -37px;
	z-index:100;
	overflow:hidden;
}

/*  -------- ROLLOVER MENU  --------  */
.navText {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#484848;
	line-height:20px;
}
a.navText:hover {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#ffffff;
	line-height:20px;
}
#nav 
{
                padding:0; 
                margin:0; 
                list-style:none; 
                height:73px; 
                position:relative; 
                z-index:200; 
                font-family:arial, verdana, sans-serif; 
                width:621px;
				text-align:right;
}

#nav li a 
{
                display:block; 
                float:left; 
                height:73px; 
                width:180px; 
                border:0px solid #fff; 
                border-color:#fff #fff #fff #fff; 
                text-decoration:none; 
                padding:0; 
                cursor:pointer;

}

#nav li a b 
{
                margin-left:-9999px;
}

#nav li.top 
{
                display:block; 
                float:left;
}

#nav li a.home 
{              
                background:url(images/menu1_home.jpg);
                display:block;
                float:left;
                height:73px;
                width:74px;
                border:0px;
                text-decoration:none;
                padding:0px;
}

#nav li a.about 
{
                background:url(images/menu1_about.jpg);
                display:block;
                float:left;
                height:73px;
                width:104px;
                border:0px;
                text-decoration:none;
                padding:0px;
}
#nav li a.services 
{
                background:url(images/menu1_services.jpg);
                display:block;
                float:left;
                height:73px;
                width:103px;
                border:0px;
                text-decoration:none;
                padding:0px;
}

#nav li a.learn 
{
                background:url(images/menu1_learn.jpg);
                display:block;
                float:left;
                height:73px;
                width:169px;
                border:0px;
                text-decoration:none;
                padding:0px;
}

#nav li a.links 
{
                background:url(images/menu1_links.jpg);
                display:block;
                float:left;
                height:73px;
                width:72px;
                border:0px;
                text-decoration:none;
                padding:0px;
}

#nav li a.contact 
{
                background:url(images/menu1_contact.jpg);
                display:block;
                float:left;
                height:73px;
                width:99px;
                border:0px;
                text-decoration:none;
                padding:0px;
}



#nav li:hover a, #nav a:hover
{
                background-position: 0 73px;
}


#nav table 
{
                position:absolute; 
                top:0; 
                left:0; 
                border-collapse:collapse; 
                padding:0; 
                width:0; 
                height:0; 
                margin:0px;
}

#nav .sub 
{
                position:absolute; 
                left:-9999px; 
                top:-9999px; 
                width:0; 
                height:0; 
                margin:0; 
                padding:0; 
                list-style:none;
}

#nav li:hover 
{
                position:relative; 
                z-index:200;
                background-color: #999;
}

#nav a:hover 
{
                position:relative; 
                white-space:normal; 
                z-index:200; 
}

#nav :hover ul.sub
{
                left:0; 
                top:73px; 
                background: #cccccc; 
                width:180px; 
                height:auto; 
                z-index:300;
}

#nav :hover ul.sub li
{
                display:block; 
                height:25px; 
                position:relative; 
                float:left; 
                width:180px; 
                font-weight:normal;
				border:dotted red 0px;
				padding-left: 0px;
				font-family:Verdana, Arial, Helvetica, sans-serif;
				color:#006600;
				font-size:14px;
}

#nav :hover ul.sub li a
{
                display:block; 
                height:25px; 
                width:180px; 
                border:0px solid #888; 
                text-decoration:none; 
                padding:0; 
                cursor:pointer; 
}

#nav :hover ul.sub li a b 
{
                position:absolute; 
                left:0px; 
                margin:0; 
}
#menuTable {
	padding-left:3px;
}

/*  -------- Dots  --------  */

.dots{
	background-image:url(images/dots.png);
	background-repeat:repeat-x;
	background-position:bottom;
}

/* ------ Toggle -----*/
#toggleTable {
	width:500px;
	padding:0px;
	margin:0px;
	border:0px;
	overflow:hidden;
}

h3.trigger {
	padding: 0px 0px 0px 8px;
	margin: 0px 0px 2px 0px;
	background: url(images/h3_trigger_a.jpg) no-repeat;
	height: 30px;
	line-height: 30px;
	width: 500px;
	font-size: 16px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: normal;
	float: left;
}
h3.trigger a {
	color: #ffffff;
	text-decoration: none;
	display: block;
	padding:0px 0px 2px 0px;
	margin:0px;
	border:0px;
}
h3.trigger a:hover { 
	color: #ffffff;
	text-decoration:underline; }
h3.active {
	background-position: left bottom;} /*--When toggle is triggered, it will shift the image to the bottom to show its "opened" state--*/
.toggle_container, .toggle_container2  {
	margin: 0px 0px 5px 0px;
	padding: 0px;
	border-top: 1px solid #d6d6d6;
	background: #f0f0f0 url(images/toggle_block_stretch.gif) repeat-y left top;
	overflow: hidden;
	font-size: 14px;
	width: 500px;
	clear: both;
	
}
.toggle_container .block {
	padding: 20px; /*--Padding of Container--*/
	background: url(images/toggle_block_btm.gif) no-repeat left bottom; /*--Bottom rounded --*/}