/* -------------------------------------------------------------- 
  
   Boilerplate Screen Styles
   * Version:   0.5 (2007-11-19)
   
-------------------------------------------------------------- */

@import "lib/reset.css";
@import "lib/typography.css";
@import "lib/forms.css";
@import "lib/fonts.css";
/* @import "lib/plugins.css"; */


/* Site
-------------------------------------------------------------- */
  
  /* Put your site styles here */

/* Colors */
.green { color:#2f6900; }
.blue { color:#01132c; }
.purple { color:#69004d; }
.orange { color:#f53d00; }
.light-blue { color:#ecf4ff;  }

.container { width:100%; }

html, body
{
   height: 100%;
   margin: 0;
   padding: 0;
   /* background:#ecf4ff; */
}

#container
{
   height: auto !important;
   height: 100%;
   min-height: 100%;
   /* background: url("../images/bg.png") repeat-y top center ; */
}

#padding { padding: 0 0 395px 0; }

#header { width:100%; padding:0; margin:0; }
#header .top-nav { width:100%; height:0px; padding:0; margin:0; background:url("../images/header/top-nav-bg.png"); }
#header .logo-strip { width:100%; height:72px; padding:0; margin:0; background:url("../images/header/header-bg-r0.png"); text-align:center; }
#header .logo-strip .subtext { font-family:arial; font-size:0.0em; font-weight:bold; color:#334b70; }
#header .bottom-nav { width:100%; padding:0; margin:0; background:url("../images/header/bottom-nav-bg.png")  no-repeat center 0px;  }


#footer .footer-top { width:800px; padding:0; margin:0;  background: url("../images/footer/footer-bg.png") no-repeat; }
#footer .container { width:760px; height:360px; padding:0; margin:auto;  } /* background: url("../images/footer/footer-bg.png");  */

#footer
{
   margin: -420px 0 0 0;
   /* ... other styles ... */
   padding:60px 0 0;
   border-top: 0px solid navy;
   background: url('../images/footer/footer-shadow-r0.png') no-repeat center 0px;
}

#footer-home .footer-top { width:800px; padding:0; margin:0;  background: url("../images/footer/footer-bg.png") no-repeat; }
#footer-home .container { width:760px; height:360px; padding:0; margin:auto;  } /* background: url("../images/footer/footer-bg.png");  */
#footer-home
{
   margin: -738px 0 0 0;
   /* ... other styles ... +-318 */
   padding:378px 0 0;
   border-top: 0px solid navy;
   background: url('../images/footer/footer-shadow-people-r0.png') no-repeat center 0px;
}


.clock
{
	width:auto;
	text-align:center;
}

#call-increment
	{
	height:33px;
	width:37px;
	margin:0 5px;
	border:0;
	text-align:center;
	background: url('../../images/providers-called-bg.gif') no-repeat center 0px;
	}

.response-strip
{
	width: 536px;
	height: 38px;
	padding:20px;
	color:white;
	margin:0 0 0 -39px ;
  	background: url('../images/problem/response-strip.gif') no-repeat 0px 0px; 
}

.copyright { text-align:center; margin:0; padding:15px; }
.copyright ul { text-align:center; list-style-type:none;  }
.copyright li { text-align:center; float:left; width:12.5%; }
.what { background: url('../images/home/step-one-clear-r0.gif') no-repeat 0px 0px; padding:0 0 0 40px; margin: 0 0 0 -40px; }
.what img { margin:5px 0 15px;  }

#prob { width:420px; padding:3px; margin:15px 15px 0px; background:#fff; color:#000000; border:1px solid #cbcbcb; }

.category { padding:10px 10px 0 10px; }
.category:hover { background:#f1f6ff; cursor:pointer; }

.categories h3 { font-size:1.3em; margin:0; padding:0;  font-weight:bold; }
.number-of-providers { font-weight:bold; font-size:11px; color:#454545; font-family:Arial; padding:0; }
.description { font-size:10px; line-height:1.1; color:#999999; padding:0;}

.where { width:640px; height:141px; padding:0 0 0 40px; margin:15px 0 15px -40px; background:url("../images/home/where-is-your-emergency-bg-orange.gif") no-repeat;  }
.where img { margin:20px 15px 0; }
.where .input { width:440px; height:101px; padding:0; margin:15px; background:url("../images/home/where-is-your-emergency-bg-white.png") no-repeat;  }
.where .input input { width:380px; height:20px; padding:1px; margin:15px 15px 2px; background:#f1f1f1; color:#454545; border:1px solid #cbcbcb; }
.where .input .eg { padding:0; margin:2px 17px; color:#888888; }

.when { background: url('../images/home/step-three-clear-r0.gif') no-repeat 0px 0px; padding:0 0 0 40px; margin: 0 0 0 -40px; }
.when img { margin:5px 0 15px;  }

.go { background: url('../images/home/step-three-clear-r0.gif') no-repeat 0px 0px; padding:10px 0 50px 30px; margin: 0 0 0 -40px; }
	

form input.submit {
font-family:arial;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;

letter-spacing:0px;
line-height:normal;
margin-left:0px;
padding:0 15px;

}
.footer-links
	{
		margin:auto;
		width:650px;
		height:50px;
		text-align:center;
	}
.footer-links li
{
	list-style-type:none;
	float:left;
	margin:0;
	padding:0 7px;
}

.footer-links li a
{

}

.fixit { margin:30px 0; }

.textarea-area { width: 460px; height: 45px; margin:2px; padding:2px; }

/* Private Release Page */

#thanks { font-family:georgia;  font-size:16px; text-align:center; }


.previous-problems { list-style-type:none; border:0px solid #999 }
.previous-problems li { padding:2px; font-size:14px; border-bottom:0px solid #cbcbcb;  }


.get-help-now {background:url('../images/home/get-help-now-sprite.png') no-repeat 0 0; width:186px; height:33px; border:0; }
.get-help-now:hover {background-position:0px -33px;}
.get-help-now:active {background-position:0px -66px;}

.submit-email {background:url('../images/problem/submit-sprite.gif') no-repeat 0 0; width:104px; height:33px; border:0; }
.submit-email:hover {background-position:0px -33px;}
.submit-email:active {background-position:0px -66px;}

.what-sub { color:#999; height:25px; }
.textarea-bubble { background:url('../images/home/textarea-bubble.png') no-repeat 0 0; height: 115px; }
.problem-bubble { background:url('../images/problem/problem-bubble.png') no-repeat 0 0; width: 355px; height: 105px; padding:8px 4px 4px; font-size:16px; font-weight:bold; text-align:center; }

/* facebook fan box in footer */
.fan_box .full_widget { border:0; background:none; } 
.fan_box .connections {
	border-top:0px solid #021a3e;
	min-height:150px;
	padding:10px 0 4px 10px;
}
.fan_box .full_widget .connect_top {
  background:#FFFFFF none repeat scroll 0 0;
}

.vertical-links { list-style-type:none; }
.vertical-links li { padding: 1px 0; margin:0 0 0 -15px;; }

.email-form { 
	background:#ff4000; 
	color:#ffffff; 
	font-size:18px; 
	font-family:verdana; 
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  padding: 10px 6px 6px 6px;
  border: 0px solid #ff4000;
  margin: 0 40px 0 0;
	}
.email-input
	{
	 width:232px;
	 font-size:16px; 
   font-family:verdana;
   padding:4px;
   margin:0 0 35px 5px;
   vertical-align:top;
	}
	
	
.please-submit-email 
{
	 background:url('../images/problem/please-submit-your-email.gif') no-repeat 0 0;
	 width:363px;
	 height:40px;
	 padding:10px;
	 color:#fff;
	 font-size:14px;
	 font-weight:bold;
}

.please-submit-email2 
{
	 background:url('../images/problem/please-submit-your-email.gif') no-repeat center 0;
	 height:40px;
	 padding:10px;
	 color:#fff;
	 font-size:14px;
	 font-weight:bold;
}

.category-square
	{
	float:left; 
	width:170px; 
	height:150px;
	}
	
.diagram
	{
	padding:35px 0 0 0;
	}

/*
	Malo - CSS Library
	Author:Vladimir Carrer
*/

/* CSS Grid */

/*
For center layout
Define your default width in %, px or em
*/
.main {  margin:0px auto 10px auto; width:85%; max-width:760px;  }


.header-tabs {  margin:0 auto; padding:0; width:800px; }
.tab-green, .tab-orange { vertical-align: top; float:right; }
.tab-blog { float:right; width:101px; height:38px; background: url('../images/header/tab-blog-orange-sprite.gif') no-repeat 0px 0px; margin:0 10px;}
.tab-blog:hover { float:right; width:101px; height:38px; background-position:0px -38px; cursor:pointer; }

.dp20,
.dp25,
.dp66,
.dp50,
.dp75,
.dp100{float:left; display: inline; *margin-left:-0.04em; } /* IE margin hack */

.dp33{float:right; display: inline; *margin-left:-0.04em; } /* IE margin hack */
/* dp = div percet */

.dp20{width:20%;}
.dp25{width:25%;}
.dp33{width:33.33%;}
.dp66{width:66.66%;}
.dp50{width:50%;}
.dp75{width:75%;}
.dp100{width:100%;}
.clear{ clear:both;}