/*----------
	Alegra Safety - CSS Document 
----------*/

@import url("reset.css");

/*----------	LaYoUT STYLeS	----------*/
body {
  	color: #050505;
	font: 62.5%/2.0em Verdana, Arial, Helvetica, sans-serif;
	background: url('../images/core/bgnew.gif') repeat;
}

#container {
  width: 960px;
  margin: 0 auto;
  font-size: 1.2em;
  background: #FFFFFF;
  border: 1px solid #d1d0d0;
}

#content {
  width: 940px;
  padding: 26px 0;
  margin: 10px 10px 0 10px;
  /*background: #F4F4F4 url(../images/core/content-bg.gif) no-repeat;*/
}

#column-right {
  width: 250px;
  float: right;
  /*padding: 65px 0 0 0;*/
}

#column-left {
  float: left;
  width: 680px;
}

#text {
  width: 640px;
  margin: 0 auto;
}


/*----------	CoMMoN STYLeS	----------*/
a { color: #0f5a6f; text-decoration: underline; }
a:hover { text-decoration: none; }
h1, h2, h3, h4 {
  color: #da0000;
  padding: 10px 0 0 0;
  font-weight: normal;
}
h1 {
  width: 603px;
  height: 35px;
  display: block;
  font-size: 2.2em;
  text-indent: -9999px;
}
h2 { font-size: 2.0em; }
h3 { font-size: 1.6em; }
h4 { font-size: 1.4em; }
strong { font-weight: bold; }
hr { border: none; border-bottom: 1px solid #D6D4D5; margin: 10px 0; }
p { margin: 15px 4px; }
ul { margin: 10px 30px; list-style-type: square; }

.clear { display: block; clear: both; }
.hidden { display: none; }
.top { border-top: 1px solid #D6D4D5; text-align: right; font-size: 0.9em; margin: 10px 0; }

#mudmap { margin: 10px; float: right; }
#mini-gallery { width: 150px; float: right; margin: 10px; }
#mini-gallery img { margin: 10px 0; }

#further_enquiries { margin-left: 10px; }

#p-home h1 { background: url(../images/core/h1-home.gif) no-repeat; }
#p-about_us h1 { background: url(../images/core/h1-about.gif) no-repeat; }
#p-auditing h1 { background: url(../images/core/h1-auditing.gif) no-repeat; }
#p-safety_management h1 { background: url(../images/core/h1-safety.gif) no-repeat; }
#p-risk_management h1 { background: url(../images/core/h1-risk.gif) no-repeat; }
#p-emergency_management h1 { background: url(../images/core/h1-emergency.gif) no-repeat; }
#p-testimonials h1 { background: url(../images/core/h1-testimonials.gif) no-repeat; }
#p-contact h1 { background: url(../images/core/h1-further_enquiries.gif) no-repeat; }
#p-thankyou h1 { background: url(../images/core/h1-thankyou.gif) no-repeat; }

#p-about_us #content h4 { height: 0; margin-bottom: 1.5em; }
#p-about_us #content 

.testimonails-list { margin: 0; padding: 0; }
.testimonials-list ul { list-style-type: none; margin: 0; padding: 0; }
.testimonials-list ul li { display: inline; border-top: 1px solid #ccc; width: auto; }
.testimonials-list ul li.no-line { border-top: 0; }


img.right {
	float: right;
	display: block;
	margin: 10px;
	clear: right;
}

img.left {
	float: left;
	display: block;
	margin: 10px;
	clear: left;
}


/*----------	HeaDeR STYLeS	----------*/
#header {
  width: 960px;
  height: 140px;
  margin: -1px 0 0 0;
  /*background: url(../images/core/header-bg.gif) no-repeat top left;*/
  position: relative;
}
#header #logo { margin: 34px 0 0 10px; }

#header h2 { width: 200px; height: 27px; background: url('../images/core/phone.gif') no-repeat; text-indent: -9999px; position: absolute; top: 80px; right: 20px; }



/*----------	BaNNeR STYLeS	----------*/
#banner {
  width: 940px;
  height: 300px;
  display: block;
  overflow: hidden;
  margin: 0 0 0 10px;
}

#banner #flash {
  width: 940px;
  height: 300px;
  display: block;
}


/*----------	NaVIGaTIoN STYLeS	----------*/
#nav { height: 27px; margin: 0 0 0 10px; }
#nav ul { list-style-type: none; margin: 0; }
#nav ul li { display: inline; float: left; }
#nav ul li a { display: block; text-indent: -9999px; height: 27px; }
#nav ul li a:hover { background-position: 0 -27px !important; }

#nav li#home a { background: url(../images/nav/home.gif) no-repeat; width: 73px; }
#nav li#about_us a { background: url(../images/nav/about_us.gif) no-repeat; width: 99px; }
#nav li#auditing a { background: url(../images/nav/auditing.gif) no-repeat; width: 89px; }
#nav li#safety_management a { background: url(../images/nav/safety_management.gif) no-repeat; width: 180px; }
#nav li#risk_management a { background: url(../images/nav/risk_management.gif) no-repeat; width: 161px; }
#nav li#emergency_management a { background: url(../images/nav/emergency_management.gif) no-repeat; width: 215px; }
#nav li#testimonials a { background: url(../images/nav/testimonials.gif) no-repeat; width: 123px; }

#p-home li#home a,
#p-about_us li#about_us a,
#p-auditing li#auditing a,
#p-safety_management li#safety_management a,
#p-risk_management li#risk_management a,
#p-emergency_management li#emergency_management a,
#p-testimonials li#testimonials a {
  background-position: 0 -27px !important;
}



/*----------	CTa STYLeS	----------*/
#cta {
  width: 250px;
  color: #666666;
  font-size: 0.9em;
  padding: 0 0 10px 0;
  background-color: #E1E1E1;
}
#cta h2 {
  text-indent: -9999px;
  padding: 15px 0 6px 10px;
  background: #C4C4C4 url(../images/core/cta-h2.gif) no-repeat 10px 10px;
}
#cta a {
  color: #13007c;
  padding: 0 0 5px 20px;
  background: url(../images/core/icon-email.gif) no-repeat;
}
#cta p { padding: 0 0 0 10px; margin: 10px 0; }
#cta .black { color: #232323; font-size: 1.1em; font-weight: bold; }



/*----------	PRoFILe STYLeS	----------*/
ul#profiles { margin: 0; list-style-type: none; }
ul#profiles li { width: 320px; height: 140px; float: left; }
ul#profiles li h4 { padding: 0; }
ul#profiles li .photo { float: left; margin: 0 10px 0 0; }

/*----------	FooTeR STYLeS	----------*/
#footer { font-size: 0.9em; color: #656464; padding: 10px; background-color: #D6D4D5; }
#footer p { margin: 0; }
#footer a { text-decoration: none; color: #656464; }
#footer a:hover { text-decoration: underline; }
#footer #wflogo { margin: 0 10px; float: right; }