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

/*------------------------------------ Content Styles ---------------*/


p {
	margin:0 0 15px 0;
	padding:0;
	font-family:'OswaldLight',Arial, sans-serif;
	font-weight:normal;
	font-size:1.15em;
	line-height:1.25em;
	text-align:justify;
	color:#67686B;
}

/* ----------  CSS Animations -----------------*/


   
.fade{   
   -webkit-animation: fadein 3s; /* Safari and Chrome */
       -moz-animation: fadein 3s; /* Firefox */
        -ms-animation: fadein 3s; /* Internet Explorer */
         -o-animation: fadein 3s; /* Opera */
            animation: fadein 3s;
}

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari and Chrome */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}​

/* Opera */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}​




/* ------------------- Content Section Text Styles -----------------*/




/* -------------------------------------- Form Styles ------------*/


.loginTextBox{
	position:relative;
	clear:both;
	width:236px;
	height:41px;
	text-align:center;
	border: 1px solid;
	border-color:#C9C9C9;
	margin-bottom:10px;
	border-radius: 4px; 
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px;
}

.submitHome{
	position:relative;
	clear:both;
	width:84px;
	height:31px;
	margin-right:20px;
	text-align:center;
	background-color:#609F46;
	border: none;
	border-radius: 4px; 
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px;
	font-family:'OswaldBook',Arial, sans-serif;
	font-weight:normal;
	color:#fff;
	cursor:pointer;
}

.submitHome:hover{
	background-color: #B93335;
}



/* ---------------------------------- Login Container ---------------*/




/*------------------------------------------------------------------- Primary Layout Styles ---------------*/



#siteSectionTitleContainer{
	width:100%;
	height:113px;
	margin-top:139px;
	background-color:#A1C652;
	z-index:1;
	overflow:hidden;
}


.titleWhite {
	color:#fff;
	margin-top:45px;
	margin-right:50px;
	margin-left:10px;
	float:left;
}

.breadcrumbs{
	margin-top:55px;
	margin-right:125px;
	float:right;
	font-size:.85em;
}

.breadcrumbs a{
	text-decoration:none;
	color:#fff;
	padding-left:3px;
}

.breadcrumbs a:visited{
	color:#fff;
}

.breadcrumbs a:hover{
	color:#112B6C;
}
.breadcrumbs ul{
	margin-top:0;
	margin-right:0;
	margin-left:20px;
	margin-bottom:0;	
	padding:0;
	float:left;
	list-style:none;
}

.breadcrumbs li{
	padding:0 0 0 15px;
	margin:0;
	float:left;
	list-style:none;
}

.breadcrumbs li:before { 
	content: "> "; 
}
.breadcrumbs li:first-child:before { 
	content: ""; 
}

#mainCopyContainer {
/*	position:relative;*/
	width:100%;
	min-height:450px;
	margin-top:0;
	margin-left:0;
	margin-right:0;
	/*display:inline-block;*/
	z-index:2;
	background: rgb(254, 254, 254); /* Fall-back for browsers that don't
                                    support rgba */
	background: rgba(255, 255, 255, .95);
}


/* --------------- Content Section --------- */


#leftContentContainer{
	position:relative;
	float:left;
	width:275px;
}


.spacingSideBar {
	margin: 30px 0;
}


#sideBlurb {
	position:relative;
	display:inline-block;
	width:100%;
	min-height:225px;
	z-index:100;
}


#sideBlurb h1{
	font-size:1.5em;
	color:#fff;
	background: rgb(15, 40, 104); /* Fall-back for browsers that don't
                                    support rgba */
	background: rgba(15, 40, 104, .75);
	border-radius: 5px; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	border: 0px solid #800000;
	position:relative;
	float:left;  /* -- the float allows the background to stay to the size of the text -- */
	clear:both;  /* -- the clear allows the next h1 to flow down below the first --*/
	padding:10px;
	margin-top:30px;
	margin-left:0;
	height:30px;
}

#sideBlurb h1 + h1 { /* this selects any h1 following the first h1 */
	margin-top:3px;
}

#sideBlurb h2{
	font-family:'OswaldBook',Arial, sans-serif;
	font-weight:normal;
	font-size:1em;
	color:#fff;
	background: rgb(0, 0, 0); /* Fall-back for browsers that don't
                                    support rgba */
	background: rgba(0, 0, 0, .50);
	border-radius: 5px; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	border: 0px solid #800000;
	position:relative;
	float:left; /* -- the float allows the background to stay to the size of the text -- */
	clear:both;  /* -- the clear allows the next h2 to flow down below the first --*/
	padding:8px;
	margin-top:25px;
	margin-left:0;
	height:20px;
}

#sideBlurb h2 + h2 {
	margin-top:3px;
}


/* --------------------- right side copy --------*/

#rightContentContainer{
	position:relative;
	float:right;
	width:790px;
}

#mainCopyHome{
/*	position:relative;*/
	min-height:450px;
	margin-top:30px;
	margin-bottom:0;
}

#contentHeaderImg{
	position:relative;
	margin:20px 0;
	padding:0;
	border: 1px solid;
	border-color:#C9C9C9;
	border-radius: 4px; 
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px;
	width:859px;
	height:285px;
	overflow:hidden;
}

#contentParagraph{
	position:relative;
	width:830px;
	float:left;
	min-height:245px;
	padding:0;
}

#contentParagraph h2{
	padding-bottom:10px;
}


#featuresHome{
	border-top:1px solid;
	border-bottom:1px solid;
	border-left:0;
	border-right:0;
	border-color:#C7C8CA;
	display:inline-block;
}

#featuresHome h3{
	padding:0;
	margin:0;
	font-family:'OswaldBold',Arial, sans-serif;
	font-weight:normal;
	color:#609F46;
}

.featureBox{
	position:relative;
	float:left;
	width:190px;
	height:67px;
	margin:8px 6px;
	padding:15px 6px 10px 65px;
}

#featureBox1{
	background-image:url(../img/Dedicated_Fleet_Icon.png);
	background-repeat:no-repeat;
	background-position:left;
}

#featureBox2{
	background-image:url(../img/Customs_Bonded_Icon.png);
	background-repeat:no-repeat;
	background-position:left;
}

#featureBox3{
	background-image:url(../img/Dispatch_Technology_Icon.png);
	background-repeat:no-repeat;
	background-position:left;
}

#featureBox4{
	background-image:url(../img/Rate_Quote_Icon.png);
	background-repeat:no-repeat;
	background-position:left;
}

.generalUL ul{
	margin-left:25px;
}

.generalUL li{
	padding:10px 0;
	list-style:none;
}


/*-------------------- Announcements & News Styles ----------- */

ul.announcementList{
	margin:20px 0;
	padding:0;
}

.announcementList li{
	margin:0;
	padding:0;
	list-style:none;
	clear:both;
}

.announcementList img{
	vertical-align:top;
	text-align:left;
	display:block;
	margin:0 20px 25px 0;
	float:left;
}