/*----------
	GKR Transport - CSS Document 
----------*/

@import url("reset.css");

/*----------	LaYoUT STYLeS	----------*/
body {
  color: #010101;
	font: 62.5%/1.8em Arial, Verdana, Helvetica, sans-serif;
  background: #FFFFFF url(../images/core/bg.gif) no-repeat top;
}

#container {
  width: 910px;
  margin: 0 auto;
  font-size: 1.2em;
}

#content {
  padding: 15px 0;
}

#text {
  float: left;
  width: 480px;
  padding: 10px 0;
}

/*----------	HeaDeR STYLeS	----------*/
#header {
  width: 910px;
  background: url(../images/core/logo_name.gif) no-repeat right;
  height: 151px;
  position: relative;
}

#header #logo { position: absolute; top: 18px; left: 8px; }

/*----------	NaVIGaTIoN STYLeS	----------*/
#nav { position: absolute; top: 114px; left: 175px; height: 16px; }
#nav ul { list-style-type: none; margin: 0; }
#nav ul li { display: inline; float: left; }
#nav ul li a { display: block; height: 16px; text-indent: -9999px; }
#nav ul li a:hover { background-position: 0 -16px !important; }
#nav li#home a { background: url(../images/nav/home.gif) no-repeat; width: 54px; }
#nav li#profile a { background: url(../images/nav/profile.gif) no-repeat; width: 55px; }
#nav li#accreditations a { background: url(../images/nav/accreditations.gif) no-repeat; width: 100px; }
#nav li#transport a { background: url(../images/nav/transport.gif) no-repeat; width: 75px; }
#nav li#storage a { background: url(../images/nav/storage.gif) no-repeat; width: 141px; }
#nav li#faq a { background: url(../images/nav/faq.gif) no-repeat; width: 46px; }
#nav li#careers a { background: url(../images/nav/careers.gif) no-repeat; width: 63px; }
#nav li#online_quote a { background: url(../images/nav/online_quote.gif) no-repeat; width: 126px; }
#nav li#contact a { background: url(../images/nav/contact.gif) no-repeat; width: 65px; }zz

#p-home li#home a,
#p-profile li#profile a,
#p-accreditations li#accreditations a,
#p-transport li#transport a,
#p-storage li#storage a,
#p-faq li#faq a,
#p-careers li#careers a,
#p-online_quote li#online_quote a,
#p-contact li#contact a {
  background-position: 0 -16px !important;
}

/*----------	CoMMoN STYLeS	----------*/
a { color: #FF7800; text-decoration: underline; }
a:hover { text-decoration: none; }
h1, h2, h3 { color: #307D30; font-weight: normal; width: 480px; border-bottom: 2px solid #F3F4F3; padding: 0 0 10px 0; }
h1 { font-size: 2.0em; }
h2 { font-size: 1.6em; }
h3 { font-size: 1.4em; padding-top: 15px; border: none; }
strong { font-weight: bold; }
hr { border: none; border-bottom: 1px solid #F3F4F3; margin: 10px 0; }
p { margin: 15px 0px; }
ul { margin: 10px 30px; list-style-type: square; }

.clear { display: block; clear: both; }
.hidden { display: none; }
.top { border-top: 1px solid #F3F4F3; text-align: right; font-size: 0.9em; margin: 10px 15px 0; }
.focus { font-weight: bold; font-style: italic; }
.inner_photos { float: right; margin: 10px; }

#mudmap { margin: 10px; float: right; }


/*----------	BaNNeR STYLeS	----------*/
#banner {
  width: 906px;
  height: 238px;
  display: block;
  position: relative;
  background: url(../images/core/banner_bg.gif) no-repeat;
}

#banner #slideshow {
  width: 884px;
  height: 214px;
  display: block;
  overflow: hidden;
  position: absolute;
  top: 12px;
  left: 12px;
}


/*----------	CTa STYLeS	----------*/
#cta_left {
  float: left;
  width: 178px;
  margin: 0 20px 0 0;
  background: url(../images/core/cta_left_bg.gif) repeat-y;
}

#cta_left_top {
  width: 178px;
  height: 12px;
  display: block;
  background: url(../images/core/cta_left_top.gif) no-repeat;
}

#cta_left_bottom {
  width: 178px;
  height: 10px;
  display: block;
  background: url(../images/core/cta_left_bottom.gif) no-repeat;
}
#cta_left img { margin: 0 0 0 12px; border-bottom: 1px solid #FFFFFF; }
#cta_left strong { color: #388229; }
#cta_left ul { margin: 0; list-style-type: none; }
#cta_left ul li {
  border-bottom: 1px solid #FFFFFF;
  background-color: #F0F5F0;
  padding: 10px 15px;
  width: 124px;
  margin: 0 0 0 12px;
}

#cta_right {
  float: right;
  width: 206px;
  color: #FFFFFF;
  background: url(../images/core/cta_right_bg.gif) repeat-y;
}

#cta_right_top {
  width: 206px;
  height: 12px;
  display: block;
  background: url(../images/core/cta_right_top.gif) no-repeat;
}

#cta_right_bottom {
  width: 206px;
  height: 10px;
  display: block;
  background: url(../images/core/cta_right_bottom.gif) no-repeat;
}

#cta_right img { margin: 0 0 0 11px; border-bottom: 1px solid #629C56; }
#cta_right ul { margin: 0; list-style-type: none; }
#cta_right ul li {
  border-bottom: 1px solid #629C56;
  background-color: #388229;
  width: 170px;
  padding: 12px 0 10px 14px;
  margin: 0 0 0 11px;
}

#cta_right #address {
  padding-left: 45px;
  background: url(../images/core/icon-address.gif) no-repeat top left;
}
#cta_right #phone {
  padding-left: 45px;
  background: url(../images/core/icon-phone.gif) no-repeat top left;
}
#cta_right #fax {
  padding-left: 45px;
  background: url(../images/core/icon-fax.gif) no-repeat top left;
}
#cta_right #email {
  padding-left: 45px;
  background: url(../images/core/icon-email.gif) no-repeat top left;
}
#cta_right a { color: #FFFFFF; }


/*----------	Storage STYLeS	----------*/
ul.cta-imgs {float:right; width:100px; padding-top:50px; margin:0; font-size:0.9em; }
ul.cta-imgs li{list-style:inside none none; margin:15px 0px;}


/*----------	TRaNSPoRT STYLeS	----------*/
table.schedule { margin: 10px; width: 95%; text-align: left; border: 1px solid #629C56; }
table.schedule th { border-top: 1px solid #629C56; border-bottom: 1px solid #629C56; }
table.schedule td, th { padding: 5px 10px; }
table.schedule tr.alt td { background-color: #F0F5F0; }


/*----------	FaQ STYLeS	----------*/
.faq { border-bottom: 2px solid #F0F5F0; padding: 5px 0; }
.faq .question { font-weight: bold; display: block; }


/*----------	CaReeRs STYLeS	----------*/
#p-careers #text { width: 910px; padding:0; position:relative; }
#p-careers td { padding: 5px 2px; }
#p-careers #cta_right {position:absolute; right:4px; top:0;}
sup { color: #FF0000; }

#JobApplication label.error {
	display: block;
	vertical-align: top;
	color: #FF0000;
	width: auto;
	font-style: italic;
}


/*----------	CoNTaCT STYLeS	----------*/
ul#contacts { margin: 0; list-style-type: none; }
ul#contacts li { float: left; width: 240px; margin: 0 0px 10px 0; display: block; height:175px; overflow: hidden; }
ul#contacts .fax-space {margin-right:16px;}


/*----------	FooTeR STYLeS	----------*/
#footer { font-size: 0.9em; border-top: 5px solid #F3F4F3; padding: 10px 0 0 0; clear: both; display: block; }
#footer #links a { text-decoration: none; color: #388229; padding: 0 5px; }
#footer #links a:hover { text-decoration: underline; }
#footer #links { color: #388229; width: 640px; }
#footer #wflogo { float: right; }