/*----------
	West Leederville Pharmacy - CSS Document 
----------*/

@import url("reset.css");

/*----------	LaYoUT STYLeS	----------*/
body {
  color: #39373A;
  background-color: #39373A;
	font: 62.5%/2.0em Arial, Verdana, Helvetica, sans-serif;
}

#box {
  width: 960px;
  margin: 0 auto;
  padding-bottom: 10px;
  background-color: #FFFFFF;
}

#container {
  width: 890px;
  margin: 0 auto;
  font-size: 1.4em;
}

#column-left {
  float: left;
  width: 670px;
  margin-top: 10px;
}

#column-right {
  float: right;
  width: 210px;
  margin-top: 10px;
}

#text {
  padding: 20px 0;
}


/*----------	HeaDeR STYLeS	----------*/
#header {
  height: 105px;
  width: 890px;
}

#header img#logo { float: left; margin-top: 20px; }
#header img#times { float: right; margin: 25px 10px 0 0;}



/*----------	NaVIGaTIoN STYLeS	----------*/
#nav { background: #39373A url(../images/nav/nav_bg.gif) repeat-x; padding-top: 18px; }
#nav ul { list-style-type: none; margin: 0; }
#nav ul li { display: inline; float: left;}
#nav ul li a { display: block; height: 34px; text-indent: -99999px; float: left;}
#nav ul li a:hover { background-position: 0 -34px !important; }
#nav ul li#home a { background: url(../images/nav/home.gif) no-repeat; width: 79px; }
#nav ul li#mobility a { background: url(../images/nav/mobility.gif) no-repeat; width: 151px; }
#nav ul li#hire a { background: url(../images/nav/hire.gif) no-repeat; width: 147px; }
#nav ul li#joint a { background: url(../images/nav/joint.gif) no-repeat; width: 170px; }
#nav ul li#ndss a { background: url(../images/nav/NDSS.gif) no-repeat; width: 236px; }
#nav ul li#contact a { background: url(../images/nav/contact.gif) no-repeat; width: 107px; }

.home li#home a, .about li#about a, .mobility li#mobility a, .hire li#hire a, .joint li#joint a, .ndss li#ndss a, .contact li#contact a {
 background-position: 0 -34px !important; 
}



/*----------	CoMMoN STYLeS	----------*/
a { color: #B82418; text-decoration: none; }
a:hover { text-decoration: underline; }
h1 { padding: 10px; font-weight: bold; font-size: 2.6em; border-bottom: 1px solid #DBDCDE; }
h2 { font-size: 2.0em; font-weight: bold; padding: 10px; }
h3 { font-size: 1.5em; font-weight: bold; padding: 10px; }
strong { font-weight: bold; }
hr { border: none; border-bottom: 1px solid #DBDCDE; margin: 10px; }
p { margin: 20px 10px; }
ul { margin: 10px 0; }
ul.list { margin: 0 0 20px 50px; }
ul.list li  { list-style-type: square;}

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

#pictures ul {
  list-style-type: none;
  margin: 0;
  float: right;
}
#pictures ul li {
  margin: 10px 5px;
}

.floatright { float:right; margin: 0 0 10px 15px;}
img#mudmap { margin: 10px; float: right; }
img.inner_photos { float: right; margin: 10px; }


/*----------	BaNNeR STYLeS	----------*/
#banner { width: 670px; height: 145px; }
#home-banner { width: 670px; height: 300px; overflow:hidden;}
#home-banner img { display: none; }
#home-banner img#first { display: block; }



/*----------	CTa STYLeS	----------*/
.cta { margin-bottom: 5px; padding-bottom: 10px; font-size: 1em; }
.cta .title { padding-top: 27px; height: 40px; width: 210px; }
.cta a.more {
  background: #39373A url(../images/icon-list.gif) no-repeat 10px 7px;
  padding-left: 20px;
  height: 22px;
  width: 140px;
  color: #FFFFFF;
  display: block;
}
.cta p, .cta a.more { margin: 10px 22px; }
.cta p { line-height:18px;}

#red { background: #B82418 url(../images/core/cta_red_bg.gif) no-repeat bottom; color: #FFFFFF; }
#red .title { background: url(../images/core/cta_red_top.gif) no-repeat; }

#light_brown { background: #A99C8B url(../images/core/cta_joint_bg.gif) no-repeat bottom; color: #FFFFFF; }
#light_brown .title { background: url(../images/core/cta_joint_top.gif) no-repeat; }

#cta_contact { background: #DBDCDE url(../images/core/cta_contact_bg.gif) no-repeat bottom; }
#cta_contact .title { background: url(../images/core/cta_contact_top.gif) no-repeat; }



/*----------	FooTeR STYLeS	----------*/
#footer { font-size: 0.8em; text-align: center; background: url(../images/core/footer_bg.gif) repeat-x; height: 82px; }
#footer a { text-decoration: none; color: #39373A; }	
#footer a:hover { text-decoration: underline; }	
#footer p { margin: 0; padding: 10px; }
#footer img#wflogo { float: right; margin: 20px; }