@charset "UTF-8";
/*---------------------------
Style Sheet
style_main.css 

website:     earthquakesafety.com | Earthquake Safety
author:      2227design.com
version:     03.23.08 | revised: 12.27.09
launch:      09.05.08 | uddate: 06.30.10
---------------------------*/

/*
• {
margin: 0;
padding: 0;
}
*/

/*---common-----------------------------------*/
body { margin: 0; background-color: #FFF; text-align: center; font: 12px Arial, Helvetica, sans-serif; color: #555; }
#wrap { width: 900px; margin: 0 auto; }
#contain { width: 850px; margin: 0 auto; }
p { margin: 0; padding-bottom: 15px; }
h1, h2, h3, h4, h5, h6 { margin: 0; padding-bottom: 15px; }
ul, ol { margin: 0; padding: 0; }
li { padding: 0; }
img { border: 0; }
#content { padding: 0 25px; text-align: left; background-color: #FFF; }
#content h1 { padding: 15px 0 30px; font-size: 36px; font-weight: normal; color: #BBB; }
/*---masthead---------------------------------*/
#masthd { margin-top: 10px; text-align: left; }
#masthd .esilogo { float: left; }
/*---top nav----------------------------------*/
#tpnav { padding-right: 25px; font-size: 10px; }
.shockbkg { background: url(../_asset/earthquakesafety_msthdshock.png) no-repeat left top; }
#tpnav ul { padding-top: 60px; list-style: none; }
#tpnav ul li { float: right; }
#tpnav a { padding: 0 1em; display: block; border-left: 1px solid #FFF; color: #FFF; line-height: 1.8em; letter-spacing: 1px; text-decoration: none; }
#tpnav a:hover { border-left: 1px solid #900; color: #000; background: #FFF; text-decoration: none; }
#tpnav .nopipe { border-left: none; }
#tpnav .tpnavon { padding: 0 1em; display: block; background-color: #FFF; border-left: 1px solid #900; color: #000; line-height: 1.8em; letter-spacing: 1px;}
/*---home pg----------------------------------*/
#lftcol { float: left; width: 175px; }
#lftcol h1 { padding: 0 0 10px; font-size: 24px; line-height: 1.4em; color: #900; font-weight: normal; }
#lftcol p { padding-bottom: 45px; font-size: 14px; line-height: 1.8em; color: #333; }
#rhtcontent { width: 605px; float: right; border-left: 1px solid #999; }
#ctrcol { width: 405px; float: left; }
#ctrcol h2 { padding: 0 15px 5px 20px; font-size: 18px; color: #900; font-weight: normal; line-height: 1.2em; }
#ctrcol p { padding: 0 10px 0 20px; font-size: 16px; color: #333333; line-height: 1.8em; }
#ctrcol .eqhouse { padding: 0 0 15px 20px; }
#rhtcol { width: 195px; float: right; border-left: 1px solid #555; }
#adbox { margin-left: 20px; padding: 2px; text-align: center; background: #FEFCF6; border: 1px solid #555; }
#adbox h2 {padding: 10px 5px; font-size: 24px; color: #900; font-weight: normal; line-height: 1em; }
#adbox p {padding: 0 5px 10px; line-height: 1.8em; }
#rhtcol ul {margin: 30px 0 0 20px;padding: 10px 0 0 20px; line-height: 1.5em; color: #333; list-style-type: square; border-top: 2px solid #F15A22; }
.lmore a { font-size: 10px; color: #666; text-decoration: none; }
.lmore a:hover { color: #FF6633; text-decoration: underline; }
.frtyfve { padding-top: 45px; }
/*---all pgs--------------------------------*/
#story { width: 595px; float: right; border-left: 1px solid #999; }
#story h2 { padding: 15px 0 10px 30px; font-size: 24px; color: #990000; font-weight: normal; line-height: 1.2em; }
#story h2.nospace { padding-top: 0; }
#story h3 { padding-left: 30px; font-size: 18px; color: #990000; font-weight: normal; line-height: 1.5em; }
#story h4 { margin: 0 45px; padding: 10px 0; font-size: 14px; color: #FF5300; font-weight: normal; line-height: 1.5em; border-top: 1px solid #BBB; border-right: 2px solid #BBB; border-bottom: 2px solid #BBB; border-left: 1px solid #BBB; }
#story h5 { padding-left: 30px; font-size: 16px; line-height: 1.8em; font-weight: normal; }
#story h6 { padding-left: 30px; font-size: 14px; line-height: 1.8em; font-weight: normal; }
#story p { padding-left: 30px; line-height: 1.8em; }
#story  ol, #story ul { margin-left: 30px; padding: 0 0 15px 25px; line-height: 1.8em; }
#story ol li, #story ul li { padding-bottom: 10px; }
#story p.xtrspc { padding-bottom: 30px; }
#story p.src { padding-top: 20px; color: #999; line-height: 1.5em; }
#story img.illustrate { margin: 0 0 15px 15px; border: 1px solid #999; float: right; }
#story img.slogan { padding: 30px 0 30px 30px; }
#story img.ccards { padding: 0 0 0 30px; }
#story a { color: #1475B9; text-decoration: underline; }
#story a:hover { color: #1786D4; text-decoration: underline; }


.plan {
background: url(../_graphic/earthquake_retrofit_plan.jpg) no-repeat right 58em;
}
/*---side bar----------------------------------*/
#sdbar { width: 175px; float: left;}
#sdbar h2 { font-size: 21px;font-weight: normal; color: #900; line-height: 1.5em; }
#sdbar .sblnk {
	padding-bottom: 135px;
	padding-top: 10px;
}
#sdbar .sblnk a {
	color: #1475B9;
	font-size: 11px;
	text-decoration: none;
}
#sdbar .sblnk a:hover {
	color: #1786D4;
	text-decoration: underline;
}
/*---side nav----------------------------------*/
#sdnav ul { padding: 45px 0; list-style-type: none; }
#sdnav li { padding-bottom: 15px; display: inline; }
#sdnav ul a { margin-bottom: 15px; padding-right: 15px; text-align: right; display: block; color: #FFF; line-height: 2em; text-decoration: none; background: #900; }
#sdnav ul a:hover { text-decoration: none; background-color: #333; color: #FFF; }
#sdnav .snavon { margin-bottom: 15px; padding-right: 15px; text-align: right; display: block; color: #FFF; line-height: 2em; background-color: #FF5300; }
/*---side ad-----------------------------------*/
#sdad {padding: 2px; text-align: center; border: 1px solid #555; background: #FFF5D9; }
#sdad h2 { padding: 10px 3px; font-size: 24px; color: #900; font-weight: normal; line-height: 1.2em; }
#sdad p { padding: 0 3px 10px; line-height: 1.8em; }
#sdad a { font-size: 10px; color: #555; text-decoration: none;}
#sdad a:hover { color: #FF6633; text-decoration: underline; }
.sdshock { padding-left: 40px; }
.baea { padding: 60px 0px; }
.space90 { margin-bottom: 90px; }
.space135 { margin-bottom: 135px; }
/*---side box----------------------------------*/
#sdbox { padding: 2px; background: #FFF5D9; border: 1px solid #555; }
#sdbox h3 {
	padding: 10px;
	font-size: 18px;
	line-height: 1.4em;
	color: #900;
	font-weight: normal;
}
#sdbox h4 { padding: 10px 15px 5px; font: normal 16px/1.4em "Times New Roman", Times, serif; color: #900; }
#sdbox p { padding: 0 5px 10px 15px; line-height: 1.8em; color: #444; }
#sdbox a { font-size: 10px; color: #444; text-decoration: none; }
#sdbox a:hover { color: #F63; text-decoration: underline; }
/*---footer------------------------------------*/
#footer, #footerhp { margin-bottom: 30px; font-size: 10px; color: #999; line-height: 1.5em; }
#footer { width: 570px; float: right; }
#footer ul, #footerhp ul { padding: 15px 0 10px; list-style: none; }
#footer li, #footerhp li { display: inline; }
#footer a, #footerhp a { padding: 0 10px; color: #999; line-height: 1.2em; text-decoration: none; border-right: 1px solid #999; }
#footer a:hover, #footerhp a:hover { color: #666; text-decoration: underline; }
#footer .ftrbdr, #footerhp .ftrbdr { border-right: none; }
#footer p, #footerhp p { padding-bottom: 5px; }
#footer .ftron, #footerhp .ftron { padding: 0 5px; border-right: 1px solid #999; }
#footer .ftrlogo { padding-top: 60px; }
#footer ul { margin: 15px 0 0; padding: 10px 0 30px 0; border-top: 1px solid #999; }
#footer .home{ padding-left: 0px; }
#footer .credit, #footerhp .credit { padding-left: 0px; border-right-style: none; }
#footerhp .service { padding: 0px; color: #1475B9; border-right-style: none; text-decoration: underline; }
.ftrclose { padding: 15px 60px 30px; font-size: 12px; color: #999; line-height: 1.5em; }
/*---misc--------------------------------------*/
.imgrht { float: right; padding: 0 0 15px 15px; }
.imglft { float: left; padding: 0 15px 15px 25px; }
.orange { color: #F63; }
.red { color: #900; }
.white { color: #FFF; }
.grey333 { color: #333; }
.fltrht { float: right; }
.txt10 { font-size: 10px; }
.txt12 { font-size: 12px; }
.lbitag { padding-top: 15px; font-size: 14px; color: #00497E; }
.invsep { clear: both; height: 0; }
.tpg { float: right; padding: 30px 10px 0 0; clear: both; }
.tplst { padding-bottom: 30px; font-size: 10px; text-align: right; }
.external { padding-right: 15px; background: url(../_asset/away_arrow.png) no-repeat right;}
.dwnld { padding-right: 15px; background: url(../_asset/away_arrow_dwnld.png) no-repeat right; }
/*---pages---------------------------------------*/
.testimonial { margin: 20px 30px 30px; padding: 20px 30px 10px 0; text-align: center; color: #333; background: #FEFCF6; border: 1px solid #999; }
#cities { width: 565px; margin: 30px 0 15px 30px; }
#cities td { width: 33%; padding: 5px 0 5px 5px; border-bottom: 1px solid #DDD; }
#cities .citihd { font-size: 10px; color: #FFF; background: #BBB; font-weight: bold; letter-spacing: 2px; }
#cities .county { padding-top: 15px; font-size: 18px; color: #900; }
#bafaults_map { background: url(../_maps/sevenearthquakefaults.png) no-repeat right 15px; }
#bafaults_txt { width: 285px; padding-top: 45px; }
.grndshake { background: url(../_maps/groundshakemap.png) no-repeat right top; }
#grndshake_txt { width: 275px; padding: 180px 0 30px 0; }
.lphse { float:left; padding: 5px 15px 0 30px; }
.piercehouse { background: url(../_photo/1868_PierceHouse_575px.jpg) no-repeat right top; }
#history { width: 500px; margin: 30px 0 30px 30px; }
#history td { padding: 0 10px 10px 0; vertical-align: top; line-height: 1.5em; }
#faq ul { padding: 0 0 15px 25px; font-size: 14px; list-style-type: none; }
#faq li { margin-bottom: 15px; padding-bottom: 15px; }
#res ul { padding: 0 0 15px 25px; list-style: none; }
#res li { line-height: 1.2em; }
#res a { font-size: 14px; }
.resbhd { margin: 0 25px 10px 0; padding: 0 0 10px 0; border-bottom: 1px solid #BBB; }
.txtfrm { text-align: right; }


/*--report box with cover--*/
#report { border: 1px solid #555; background: #FEFCF6; }
#report .cvrimg { padding: 15px 0; }
#report h2 { padding: 5px 0; font-size: 18px; line-height: 1.5em; color: #00497E; text-align: center; }
#report h3 { padding-bottom: 15px; font-size: 18px; line-height: 1.2em; color: #FF6633; text-align: center; }
#report p { padding: 0 15px 15px; line-height: 1.5em; color: #555; }
#report a { text-decoration: none; color: #1475B9; }
#report a:hover { text-decoration: underline; }

/*--signup box with text--*/
#signupbx { border: 1px solid #555; background: #FEFCF6; }
#signupbx h2 { padding: 5px 0 10px; font-size: 18px; line-height: 1.2em; color: #F63; text-align: center; }
#signupbx  h3 { padding-bottom: 10px; font-size: 14px; line-height: 1.2em; color: #00497E; text-align: center; }
#signupbx p { padding: 0 15px 15px; }