/*
Theme Name: Seasons
Description: 
Version: 2.6.2 (WP2.6.2)
Author: Lisa Jong-Soon Goodlin
Author URI: http://lisagoodlindesign.com
Acknowledgements: Elliot Jay Stocks and Dan Cederholm
*/


/* RESET */
/* ----------------------------------------- */

/* Global reset */
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
abbr { border:none }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal }
q:before, q:after { content:''}
a img { border:none } /* Gets rid of IE's blue borders */
a { outline: none }  /* Gets rid of Firefox's outline */


/* Global reset-RESET */
/* The below restores some sensible defaults */
strong { font-weight: bold }
em { font-style: italic }


body {
text-align:center;
/* background-color:#d5dacc;	/* GREEN */
/* background-color:#ccdad9;	/* GRAY BLUE */
/* background-color: #ded2d3;	/* PINKISH */
background-color: #ffffff;
font-family:Verdana, Arial, Helvetica, sans-serif; 
font-size:62.5%;
}

#wrapper {
width:auto;
height:auto;
margin:0 auto;
overflow:hidden;
/*background-image:url(images/sitewide-assets/background-fall.jpg);*/
/*background-image:url(images/sitewide-assets/background-winter.jpg);*/
/*background-image:url(images/sitewide-assets/background-spring.jpg);*/
background-image:url(images/sitewide-assets/background-summer.jpg);
background-attachment:fixed;
background-repeat:no-repeat;
text-align:center;
}

#subwrapper {
margin:0 auto;
width:950px;
height:auto;
}

#top-navigation {
position:relative;
width:945px;
height:50px;
margin:-10px 0 0 5px;
border-bottom:4px solid #541d05;
}

#header {
width:950px;
height:130px;
}

#container {
float:left;
width:950px;
height:auto;
background-image:url(images/sitewide-assets/content-box5.png);
background-repeat:repeat-y;
}

#maincontent {
float:left;
width:600px;
height:auto;
text-align:left;
margin:10px 20px 45px 8px;
}

#sidebar {
float:right;
width:280px;
height:auto;
text-align:left;
padding:10px 10px 10px 10px;
margin-bottom:45px;
}

#companylist {
margin:-30px 10px 10px 10px;
}

#chat-box {
margin-left: auto;
margin-right: auto;
text-align: center;
}

#new-clients {
/*border-bottom:1px solid #4a1004;*/
}

#seasonal-tip {
margin-top:25px;
/*border-top:1px solid #4a1004;*/
}

#products-sub1 {
float:left;
width:140px;
margin-left:20px;
margin-bottom:25px;
}

#products-sub2 {
float:left;
width:120px;
}

#footer {
float:left;
width:950px;
height:auto;
text-align:left;
margin:0 0 45px 0;
background-image:url(images/sitewide-assets/footer-box2.png);
}

#footersub {	/* VERTICAL DIVIDER LINES IN FOOTER */	
float:left;
width:950px;
height:auto;
text-align:left;
background-image:url(images/sitewide-assets/footer-background3.png);
background-repeat:repeat-y;
}

#footercol1 {
float:left;
width:290px;
height:auto;
padding:15px 0 15px 25px;
}

#footercol2 {
float:left;
width:305px;
height:auto;
/*border-right:2px solid #4a1004;
border-left:2px solid #4a1004;*/
padding:15px 0 15px 10px;
}

#footercol3 {
float:left;
width:290px;
height:auto;
padding:15px 0 15px 15px;
}

#faq {
margin-left:15px;
}

#googlemap {
text-align:center;
font-size:.8em;
}

#form {
width:550px;
margin:25px 25px 25px 25px;
}

#weather {
width: 160px;
height: 600px;
margin:25px 25px 25px 60px;
background-color: #999999;
background-image: url(http://vortex.accuweather.com/adcbin/netweather_v2/backgrounds/summer2_160x600_bg.jpg);
background-repeat: no-repeat;
color: #000000;
text-align: center; 
font-family: arial, helvetica, verdana, sans-serif; 
font-size: 10px; 
line-height: 15px;

}

/*  ----------HEADER---------- */

h1 {
background-image:url(images/sitewide-assets/header.png);
height:119px;
width:950px;
background-repeat:no-repeat;
background-position:left;
margin:20px 0 25px 25px;
text-indent:-9000px;
}

.hideheader {
margin-left:-9000px;
}

/*  ----------NAVIGATION----------  */

#top-navigation a {
text-decoration:none;
}


.nav-home a {
float:left;
width:105px;
height:40px;
font-size:1.4em;
color:#333333;
padding-top:10px;
background-color:#dbd9da;
}

.nav-home a:hover {
color:#000000;
background-color:#ffffff;
}

.nav-findus a {
float:left;
height:40px;
width:120px;
font-size:1.4em;
color:#333333;
padding-top:10px;
background-color:#b6b6b6;
}

.nav-findus a:hover {
color:#000000;
background-color:#ffffff;
}

.nav-bills a {
float:left;
height:40px;
width:120px;
font-size:1.4em;
color:#333333;
padding-top:10px;
background-color:#dbd9da;
}

.nav-bills a:hover {
color:#000000;
background-color:#ffffff;
}

.nav-claims a {
float:left;
height:40px;
width:140px;
font-size:1.4em;
color:#333333;
padding-top:10px;
background-color:#b6b6b6;
}

.nav-claims a:hover {
float:left;
color:#000000;
background-color:#ffffff;
}

.nav-quotes a {
float:left;
height:40px;
width:140px;
font-size:1.4em;
color:#333333;
padding-top:10px;
background-color:#dbd9da;
}

.nav-quotes a:hover {
color:#000000;
background-color:#ffffff;
}

.nav-contact a {
float:left;
height:40px;
width:120px;
font-size:1.4em;
color:#333333;
padding-top:10px;
background-color:#b6b6b6;
}

.nav-contact a:hover {
color:#000000;
background-color:#ffffff;
}

.nav-faq a {
float:left;
height:40px;
width:100px;
font-size:1.4em;
color:#333333;
padding-top:10px;
background-color:#dbd9da;
}

.nav-faq a:hover {
color:#000000;
background-color:#ffffff;
}

.nav-links a {
float:left;
height:40px;
width:100px;
font-size:1.4em;
color:#333333;
padding-top:10px;
background-color:#b6b6b6;
}

.nav-links a:hover {
color:#000000;
background-color:#ffffff;
}


/*  ----------TYPOGRAPHY---------- */

h2, h3, h4 {
text-align:center;
margin: 10px 10px 20px 10px;
color:#292929;
}

h2 {
font-size:2.4em;
font-family:"Times New Roman", Times, serif;
}

h3 {
font-size:1.8em;
font-family:Verdana, Arial, Helvetica, sans-serif; 
}

h4 {
font-size:1.4em;
font-family:Verdana, Arial, Helvetica, sans-serif; 
}

#companies-contact h4 {
font-size:1.4em;
text-align: left;
}

#maincontent h2 {
font-size:2.4em;
font-family:"Times New Roman", Times, serif;
color:#ffffff;
background-color:#4a1004;
padding:3px 0 3px 0;
}

#sidebar h2 {
background-color:#999999;
padding:3px 0 3px 0;
margin-bottom:25px;
}

#products h2 {
text-align:center;
margin: 10px 0 10px 0;
}

#companylist h3 {
margin:0 0 -20px 0;
}

p {
font-size:1.4em;
margin:10px 10px 10px 10px;
font-family:Lucida, "Lucida Sans", Verdana, Arial, sans-serif;
}


#maincontent p {
font-size:1.4em;
margin:10px 10px 10px 15px;
font-family:Lucida, "Lucida Sans", Verdana, Arial, sans-serif;
}

.firstletter:first-letter {
float:left;
display:block;
line-height:.8em;
font-size:2.8em;
padding:0 2px 3px 0;
}

.heading {
font-size:1.2em;
font-weight:bold;
}


/*	----------LISTS----------	*/

ul {
margin:10px 0 0 0;
}

li {
font-family:Lucida, "Lucida Sans", Verdana, Arial, sans-serif;
font-size:1.4em;
}

#products li {
text-align:left;
font-size:1.2em;
}

#companylist {
width: 400px;
margin-left: 70px;
text-align:center;
font-size: 1.2em;
border: none;
}

#bills li {
position:relative;
margin-left:15px;
display:block;
}

.pja-address {
display:block;
margin:25px 0 50px 50px;
}

.heading-name {
float:left;
font-size:1.8em;
font-weight:bold;
margin:15px 0 25px 15px; 
}

.heading-phone {
float:right;
margin:15px 80px 25px 0;
font-size:1.8em;
font-weight:bold;
}

.pay-company {
position:absolute;
width:360px;
}

.pay-info {
position:absolute;
margin-bottom:25px;
margin-top:-15px;
width:360px;
}

.pay-phone {
position:absolute;
left:450px;
top:-17px;
}

.claims-company {
position:absolute;
width:360px;
}

.claims-info {
position:absolute;
margin-bottom:25px;
margin-top:-15px;
width:360px;
}

.claims-phone {
position:absolute;
left:450px;
top:-17px;
}

.faq-ans {
margin:10px 25px 10px 25px;
color:#2e2e2e;
}

#links li {
margin:10px 10px 20px 15px;
}


/*	----------LINKS----------	*/


a:link {
text-decoration:underline;
}

a:link, a:visited {
color:#4a1004;
}

/*
a:hover {
color:#ffffff;
background-color:#656363;
text-decoration:none;
}
*/

#weather a:hover {
color:#4a1004;
background-color:#FFFFFF;
text-decoration:underline;
}

.image-link {
text-decoration: none;
}

/*  ----------IMAGES----------  */

/*#sidebar img {
margin:10px 20px 10px 20px;
}*/


#products img {
margin:10px 10px 10px -5px;
}

.rightimg {
float:right;
margin:0 20px 10px 20px;
}

.leftimg {
float:left;
margin:0 20px 10px 20px;
}

.centerimg {
display:block;
margin:0 auto;
padding-top:25px;
padding-bottom:25px;
}

#companylist img {
margin-top:25px;
}


/* You might find the following useful */
br.clearall { clear:both; display:block; height:1px; margin:-1px 0 0 0 } /* Use this br class to clear your floated columns */