/*
===============
developed by Vel
at http://www.vhg-design.com
===============
*/
html, body{
  /*background: url(images/bg.jpg);*/
  background: #ececec url(images/big-bg2.jpg) top center no-repeat;
  /*height: 100%;*/
  margin: 0;
  padding: 0;
  text-align: center;
}

body {
  /*background: url(images/map-bg.jpg) top center no-repeat;*/
  color: #000000;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 75%;
}

a {
  color: #55caf0;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

ul, ol, dl, dt, dd {
  list-style: none;
  margin: 0;
  padding: 0;
}

h1, h2, h3, h4, h5, h6, form {
  margin: 0;
  padding: 0;
}

.left {
  float: left;
}

.right {
  float: right;
}

.clear {
  clear: both;
  font-size: 0;
  height: 0;
  line-height: 0;
}

#pagewidth{
  margin: 0 auto;
  text-align: left;
  width: 949px;
}

#bg {
  background: url(images/bg-flip.jpg) top right no-repeat;
  height: 100%;
  left: 0;
  margin-left: -561px;
  position: absolute;
  top: 0;
  width: 50%;
}



/*   ============   HEADER   ============   */


#header {
  height: 215px;
  position: relative;
  width: 100%;
}

#header h1 {
  float: left;
  height: 115px;
  margin: 26px 0 0;
  width: 287px;
}

#header h1 a {
  background: url(images/logo.png) no-repeat;
  display: block;
  height: 115px;
  outline: none;
  text-indent: -999em;
}

* html #header h1 a {
  background: url(images/ie6-logo.gif) no-repeat;
}

#nav {
  display: block;
  float: right;
  margin-top: 85px;
  width: 433px;
}

#nav li {
  float: left;
}

#nav li a {
  background-position: left top;
  background-repeat: no-repeat;
  display: block;
  height: 62px;
  outline: none;
  text-indent: -999em;
}

#nav li a#home {
  background-image: url(images/nav-ourhome.gif);
  width: 99px;
}

#nav li a#who {
  background-image: url(images/nav-whoweare.gif);
  width: 111px;
}

#nav li a#what {
  background-image: url(images/nav-whatwedo.gif);
  width: 111px;
}

#nav li a#how {
  background-image: url(images/nav-howtohelp.gif);
  width: 112px;
}


#nav li a:hover, #nav li a.active {
  background-position: bottom;
}

#header h2 {
  background: url(images/slogan.gif) right bottom no-repeat;
  clear: both;
  height: 38px;
  text-indent: -999em;
}



/*   ============   MAIN CONTENT   ============   */


#maincol{
  display: inline;
  position: relative;
}

#qpr{
  display: inline;
  position: relative;
}

#splash {
  background: url(images/lubin_site.jpeg) no-repeat;
  height: 288px;
  text-indent: -999em;
}

#splashr {
  background: url(images/storeopening.jpg) no-repeat;
  height: 288px;
  text-indent: -999em;
}

#reliefcontainer{
width:949px;
height:auto;
}

#splashr2 {
  background: url(images/earthquake_mod.jpg) no-repeat;
  width:767px;
  float:left;
  height: 224px;
  text-indent: -999em;
}

#announce {
  margin-top: 20px;
  padding-left: 13px;
  width: 930px;
  height: 16px;
  background: #E5E75E;
  border:3px solid #E5E75E;
}

.box {
  float: left;
  margin: 24px 0 38px ;
  width: 290px;
  padding-left:  39px;
}

.first {
  margin: 24px 0 0;
  padding-left: 0;
}

.box h3 {
  height: 37px;
  margin-bottom: 10px;
  text-indent: -999em;
}

.box h3#mission {
  background: #e5e75e url(images/our-missin-ttl.png) 16px center no-repeat;
}

.box h3#blog {
  background: #e5e75e url(images/blog-ttl.png) 16px center no-repeat;
}

.box h3#support-us {
  background: #e5e75e url(images/support-us-ttl.png) 16px center no-repeat;
}

.box h4 {
  font-size: 1.17em;
  margin-bottom: 5px;
}

.box p {
  line-height: 2em;
  margin: 0 0 30px;
  padding: 0;
}

.box img {
  border: 3px solid #e5e75e;
  margin: 7px 0 17px;
}

a.more, a.donate {
  background: url(images/btn-read-more.gif) 0 0 no-repeat;
  display: block;
  float: left;
  height: 30px;
  outline: none;
  text-indent: -999em;
  width: 89px;
}

a.more:hover {
  background: url(images/btn-read-more.gif) left bottom no-repeat;
}

a.donate {
  background: url(images/btn-donate.gif) 0 0 no-repeat;
  width: 69px;
}

a.donate:hover {
  background: url(images/btn-donate.gif) left bottom no-repeat;
}

#cards {
  background: url(images/cards.jpg) no-repeat;
  float: right;
  height: 21px;
  margin-top: 5px;
  width: 115px;
}



/*   ============   Mission Page   ============   */


#templ {
  background: url(images/grey-dot.gif) 215px 0 repeat-y;
  margin-bottom: 50px;
}

#templ #maincol {
  float: right;
  font-size: 1.33em;
  line-height: 1.86em;
  width: 698px;
}

#templ #qpr {
  float: right;
  font-size: 1.2em;
  line-height: 1.2em;
  width: 698px;
}

#templ #maincol p {
  color: #404040;
  margin: 0 0 30px 0;
  padding: 0;
}

#templ #qpr p {
  color: #404040;
  margin: 0 0 30px 0;
  padding: 0;
}

.ttl {
  margin: 3px 0 28px;
}

#templ #leftcol {
  float: left;
  width: 215px;
}

#leftnav {
  padding-top: 1px;
}

#leftnavr {
  padding-top: 1px;
}

#leftnav li {
  margin-bottom: 14px;
  width: 182px;
}

#leftnavr li {
  margin-bottom: 4px;
  width: 182px;
}

#leftnav li a {
  background-position: 0 0;
  background-repeat: no-repeat;
  display: block;
  height: 37px;
  outline: none;
  text-indent: -999em;
}

#leftnav li a#what {
  background-image: url(images/ln-ourmodel.gif);
}

#leftnav li a#our-mission {
  background-image: url(images/ln-mission.gif);
}

#leftnav li a#our-team {
  background-image: url(images/ln-team.gif);
}

#leftnav li a#our-story {
  background-image: url(images/ln-story.gif);
}

#leftnav li a#progress-report {
  background-image: url(images/ln-report.gif);
}

#leftnav li a#contact-us {
  background-image: url(images/ln-contact.gif);
}

#leftnav li a#blog {
  background-image: url(images/ln-ourblog.gif);
}

#leftnav li a#projects {
  background-image: url(images/ln-ourprojects.gif);
}

#leftnav li a:hover, #leftnav li a.active {
  background-position: left bottom;
}

#leftnav li a.active {
  cursor: default;
}

/* Relief Navigation  */
#reliefcol {
height: 224px;
float:right;
  width: 182px;
}

#reliefnav {
  padding-top: 0px;
}

#reliefnavr {
  padding-top: 0px;
}

#reliefnav li {
  margin-bottom: 0px;
  width: 182px;
}

#reliefnavr li {
  margin-bottom: 0px;
  width: 182px;
}

#reliefnav li a {
  background-position: 0 0;
  background-repeat: no-repeat;
  display: block;
  height: 56px;
  outline: none;
  text-indent: -999em;
}

#reliefnav li a#donate-now {
  background-image: url(images/ln-donate2.gif);
}

#reliefnav li a#press {
  background-image: url(images/ln-press2.gif);
}

#reliefnav li a#sponsorship {
  background-image: url(images/ln-sponsorship2.gif);
}

#reliefnav li a#faq {
  background-image: url(images/ln-faq2.gif);
}

#reliefnav li a:hover, #reliefnav li a.active {
  background-position: left bottom;
}

#reliefnav li a.active {
  cursor: default;
}



/*   ============   Team Page   ============   */


#subnav {
  padding: 0px 0px 14px;
}

#subnav li {
  height: auto;
  margin: 0px;
}

#subnav li h3 {
  margin: 10px 0 5px 15px;
  font-size: 1.17em;
}

#subnav li a {
  color: black;
  height: auto;
  padding: 6px 0 5px 35px;
  text-indent: 0;
}

#subnav li a:hover {
  color: #55caf0;
  font-weight: bold;
  text-decoration: none;
}

#subnav li a.active {
  background: #55caf0;
  color: white;
  cursor: default;
  font-weight: bold;
}

#team img.ttl {
  margin: 3px 0 10px;
}

#team h2.ttl {
  color: #5fcdf1;
  font-size: 0.88em;
  font-weight: normal;
  margin: 0 0 10px !important;
  text-transform: uppercase;
}

#team p.first {
  margin-right: 187px !important;
}

.team-pic {
  border: 3px solid #e5e75e;
  float: right;
  margin-top: 5px;
}

a.contact {
  background: url(images/btn-contact.gif) 0 0 no-repeat;
  display: block;
  float: left;
  height: 30px;
  outline: none;
  text-indent: -999em;
  width: 71px;
}

a.contact:hover {
  background: url(images/btn-contact.gif) left bottom no-repeat;
}



/*   ============   FOOTER   ============   */


#footer{
  background: url(images/footer-bg.gif) 0 0 repeat-x;
  clear: both;
  color: #a6a6a6;
  font-size: 0.83em;
  height: 110px;
  line-height: 1.5em;
  padding-top: 43px;
}

#footer #links {
  float: right;
  text-align: right;
}

#footer #links a {
  color: #a6a6a6;
  text-decoration: underline;
}

#footer #links a:hover {
  text-decoration: none;
}

#footer #links #help {
  color: #636363;
  font-size: 1.20em;
  margin-top: 7px;
}

#footer #links #help a {
  color: #636363;
  font-weight: bold;
}

#thermo-base {
				margin-left:auto;
				margin-right:auto;
				margin-bottom: 20px;
				margin-top: 10px;
				width: 510px;
				height: 71px;
				background-image: url(images/hthermo-base.png);
				background-repeat: no-repeat;
				background-position: center center;
			}
			
#thermo-inbtw {
				width: 8px;
				height: 36px;
				background-image: url(images/hthermo-inbtw.png);
				background-repeat: no-repeat;
				background-position: top;
				margin-left:auto;
				margin-right:434px;
				margin-top: 0px;
				
			}
			
#thermo-text{
				margin-left:auto;
				margin-right:300px;
				margin-top: -35px;
				text-align:center;
				}

/*   ---------   Float containers fix   ---------   */
.clearfix:after {
 content: ".";
 display: block;
 height: 0;
 clear: both;
 visibility: hidden;
 }

.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */