/********************************************
* SkyMed
* Developed by I-ology
* http://www.i-ology.com
*
* Created 03/10/2009- BD
*
* Home Page Style Definitions
********************************************/

/*******************************************
* Layout Definitions
*******************************************/

#sidebar {
    width: 327px;
    width/**/:/**/ 307px;
    padding: 27px 0 27px 20px;
}

#content-main {
    width: 634px;
    padding: 0 0 30px 0;
}

#videos {
    width: 624px;
    height: 278px;
    margin-top: 10px;
}

#home-plans {
    width: 633px;
    height: 170px;
    height/**/:/**/ 142px;
    padding-top: 28px;
    overflow: hidden;
    background: url(/images/home_divider.gif) top left no-repeat;
}

#short-term {
    float: left;
    width: 282px;
    display: inline;
    margin-left: 14px;
    overflow: hidden;
}

#annual {
    float: right;
    width: 283px;
    display: inline;
    margin-right: 20px;
    overflow: hidden;
}

#photo-st,
#photo-an {
    float: left;
    width: 111px;
}

#content-st,
#content-an {
    float: right; 
    width: 162px;
}

#content-st strong {
    display: block;
    width: 162px;
    height: 78px;
    text-indent: -9999px;
    background: url(/images/short_term_text.gif) top left no-repeat;
}

#content-an strong {
    display: block;
    width: 162px;
    height: 78px;
    text-indent: -9999px;
    background: url(/images/annual_text.gif) top left no-repeat;
}

.btn-free-quote {
    display: block;
    width: 123px;
    height: 22px;
    margin-top: 10px;
    text-indent: -9999px;
    overflow: hidden;
    background: url(/images/btn_free_quote.gif) top left no-repeat;
}

a:hover.btn-free-quote {
    background-position: bottom left;
}

.content-padding {
    background-image: none;
}

#skymed-reps {
    margin: -8px 0 40px 0;
    padding: 0;
    width: 295px;
    overflow: hidden;
    font-size: 14px;
    line-height: 18px;
}

#skymed-reps img {
    float: left;
    border: 1px solid #274D8E;
    padding: 1px;
    margin-right: 10px;
}

#skymed-reps strong {
    font-size: 16px;
    color: #3E6CAA;
}

/*******************************************
* Titles & Headers
*******************************************/

#hdr-tagline {
    font-size: 1.4em;
    font-weight: normal;
    font-style: italic;
}

#hdr-tagline em {
    font-size: 1.5em;
    font-style: normal;
    color: #3E6CAA;
}

/*******************************************
* Lists
*******************************************/

#list-left {
    float: left;
    width: 290px;
}

#list-right {
    float: right; 
    width: 230px;
} 

.clear-list {
    clear: both;
    padding-top: 10px;
}

#content-main ul {
    width: 290px;
    margin: 0 0 10px 0;
    padding: 0;
}

#content-main ul li {
    list-style: none;
    padding: 0 0 5px 22px;
    margin: 0;
    background: url(/images/bullet.gif) 14px 6px no-repeat;
}

#content-main li ul {
    margin-top: 5px;
}

/*******************************************
* Latest News
*******************************************/

#hdr-latest-news {
    width: 195px;
    height: 20px;
    font-size: 1em;
    text-indent: -9999px;
    overflow: hidden;
    background: url(/images/hdr_latest_news.gif) top left no-repeat;
}

#sidebar ul {
    width: 290px;
    margin: 0 0 10px 0;
    padding: 0;
}

#sidebar ul li {
    list-style: none;
    padding: 0 0 15px 8px;
    margin-bottom: 13px;
    line-height: 16px;
    background: url(/images/bullet.gif) 0 6px no-repeat;
    border-bottom: 1px solid #DFDFDF;
}

#sidebar li ul {
    margin-top: 5px;
}