/* CSS Document 
	
	DEEP RED #870102
	MED GRAY #686868
	
	
	*/
	
	
	
	html {
	height: 100%;
	}
	
	
	
	body {
	background-color:  #FFFFFF;
	background-image:url(../images/layout/Girard-Bulk-Service-bg.jpg);
	background-repeat: repeat-x;
	background-attachment: scroll;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#000000;
	padding-bottom: 10px;
    height:100%;
}
	
	
	td{
	text-align: center;
	}	
	
	
img
{  border-style: none;}

.pic
{ padding:15px;}

.hidden{
	visibility:hidden;
}	
	
	
/*/////////////////////////////////TEXT STYLES//////////////////////////*/
	
p{
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 14px;
padding:0px;
line-height:16px;
color:#000000;}
	
	.red{
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 16px; font-weight:bold; padding:0px;
line-height:18px;
color:#870102;}

.redtext{color:#870102;}
.large{font-size: 18px; font-weight:bold;}
	
	
	.footext{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;; font-size: 18px;
color:#333; line-height:18px; padding:0px; margin:0px;}

	
	.footext2{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;; font-size: 14px;
color:#333; line-height:16px; padding:0px; margin:0px;}

	.pcaption{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;; font-size: 12px;
color:#333; line-height:14px; padding:0px; margin:0px;}

/*/////////////////////////////////LINK STYLES//////////////////////////*/	
a {
color: #000;}

a:link {
text-decoration: underline;
color:#000;}

a:visited {
text-decoration: underline;
color:#000000;}
		
a:hover {
text-decoration: none;
color: #000;}
	
a:active {
text-decoration: underline;
color:#000;}


.BackBtn{color: #ffffff; font-family:Verdana, Geneva, sans-serif; font-size:12px; padding:20px; line-height:20px; margin:2px; text-decoration:none; font-weight:bold; text-align:left;}	
.BackBtn a:link{color: #ffffff; text-decoration:none;  background-color:#686868;}
.BackBtn a:visited{color: #ffffff; text-decoration:none;  background-color:#686868;}
.BackBtn a:hover{color: #ffffff; text-decoration:none; background-color:#870102;}
.BackBtn a:active{color: #ffffff; text-decoration:none; background-color:#686868;}
	
/*/////////////////////////////////Heading STYLES//////////////////////////*/	
	h1{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color:#000000;
	}
	
	h2{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color:#000000;
	margin: 0px;
	padding: 0px;
	}
	
		h3{
	font-family: 'Bree Serif', serif;
	font-size:24px;
	font-weight: bold;
	color:#740101;
	margin: 0px;
	padding: 0px;
	line-height:18px;
text-shadow: 4px 4px 2px rgba(128, 150, 150, 0.2);
	}
	
	
	
	
/*//////////////DIV STYLES///////////////////////*/

#navs{
	position:absolute;
	top: 140px;
	left:0px;
	width:920px;
	z-index: 25;
}

	#logo{
	vertical-align: top;
	z-index: 15;
	position: absolute;
	width: 361px;
	height: 129px;
	top: -4px;
	left: 13px;
		 }
	
	#container{
	position: relative;
	width: 900px;
	margin: 0px;
	padding: 0px;
		}	
	

	#mainContent{
	vertical-align: text-top;
	width: 929px;
	padding-top: 10px;
	margin: 0px;
	position:absolute;
	left:0px;
	top:195px;
	background-image:url(../images/layout/main-cont.png);
	background-repeat:repeat-y;
		}	
	

	#header{
	width: 645px;
	z-index: 9;
	position:absolute;
	top: -8px;
	left: 272px;
		}


	#footer{
	width: 929px;
	padding:0px;
	margin-bottom: 0px;
	vertical-align:baseline;
	}

	
	
#watermark{
	height: 88px;
	background-image:url(../images/layout/loc-tble.png);
	background-repeat:repeat-x;
	width:896px;
	z-index: 12;
	position:absolute;
	top: 389px;
	left: 16px;
	float: bottom;
	vertical-align:bottom;
	text-align:center;
	visibility:visible;
		}	
	
	
	
	
	/*/////////////////////////////////NAV STYLES//////////////////////////*/	

#nav{
	vertical-align: center;
	width: 929px;
	text-align:left;
	height: 57px;
    font-size:14px;}
	
	
#nav a {
color: #FFF;
text-decoration: none;
font-size:14px;
}  

#nav a:link {
color: #FFF;
text-decoration: none;
font-size:14px;
} 

#nav a:active {
color: #000;
text-decoration: none;
font-size:14px;
} 

#nav a:hover {
color: #000;
text-decoration: none;
font-size:14px;
} 

#nav a:visited {
color: #FFF;
text-decoration: none;
font-size:14px;
} 



.banner{
	margins:0px;
	width:896px;
	height:273px;
	border:none;
	background:#fff;
	padding:0px; 	
	position:relative;
	z-index:5;
}

.swapMe img { -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out; } .swap1, .swapMe:hover .swap2 { -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; } .swapMe:hover .swap1, .swap2 { -webkit-opacity: 0; -moz-opacity: 0; opacity: 0; }