/********************************************
* Keats, Connelly and Associates, Inc.
* Developed by I-ology
* http://www.i-ology.com
*
* Created 08/10/07 - BD
*
* General Style Definitions
********************************************/

/*********************************
* HTML Mods 
*********************************/

body {
    margin: 0 0 30px 0;
    padding: 0;
    background: #E4E4E4 url(../images/background.jpg) top left repeat-x;
}

* {
    margin: 0; 
    padding: 0;
    font-size: 11px; 
    font-family: Georgia, "Times New Roman", Times, serif;
    color: #333;
    line-height: 16px;
}

a {
    color: #990000;
    outline: none;
}

a:hover {
    text-decoration: none;
}

h2 em {
    font-size: 12px;
}

h3 {
    font-size: 12px;
    color: #121E52;
    margin-bottom: 10px;
}

p {
    padding: 0 0 10px 0;
}

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

#content {
    width: 760px;
    margin: 0 auto;
}

#header {
    overflow: hidden;
    width: 760px;
    margin-bottom: 23px;
}

#logo {
    float: left;
    display: block;
    width: 274px;
    height: 104px;
    text-indent: -9999px;
    text-decoration: none;
    background: url(../images/logo.gif) top left no-repeat;
}

#section-photo {
    padding-bottom: 15px;
    background: url(../images/shadow.jpg) bottom left no-repeat;
    width: 760px;
    overflow: hidden;
}

#content-padding {
    overflow: hidden;
    width: 760px;
    width/**/:/**/ 702px;
    padding: 22px 26px 40px 32px;
    background: #FFF;
}

#left-column {
    float: left;
    width: 400px;
}

#left-column h2 {
    font-size: 12px;
    color: #121E52;
    text-transform: uppercase;
    margin: 10px 0 5px 0;
}

#right-column {
    float: right;
    width: 266px;
}

#border-guide {
    width: 266px;
    padding: 12px 0;
    border: 1px solid #CCCCCC;
    background: url(../images/border_guide_top.gif) top left no-repeat;
    overflow: hidden;
}

#border-guide h2 {
    font-size: 11px;
    margin: 10px 0 -10px 25px;
    width: 185px;
}

#border-guide img {
    margin-left: 15px;
}

#header-photo {
    float: left;
    width: 508px;
}

#section-tagline {
    float: right;
    width: 252px;
}

#promo-bridging-border {
    height: 99px;
    text-indent: -9999px;
    background: url(../images/promo_bridging_border.jpg) top left no-repeat;
}

.content-photo {
    width: 81px;
    float: left;
    margin: 2px 20px 10px 0;
    padding: 0;
}

.content-photo img {
    margin: 0;
    padding: 1px;
    border: 1px solid #CCCCCA;
}

.content-photo div {
    font-size: 10px;
    color: #121E52;
    text-align: center;
}

.content-inline {
    display: inline;
}

a#promo-forum {
    height: 64px;
    width: 266px;
    display: block;
    text-indent: -9999px;
    margin-top: 16px;
    background: url(../images/promo_forum.gif) top left no-repeat;
}

/*********************************
* Buttons & Promos
*********************************/

a#btn-order,
a#btn-tableofcontents,
a#btn-introduction,
a#btn-reviews,
a#btn-chapter {
    height: 17px;
    display: block;
    text-indent: -9999px;
    float: right;
    clear: right;
    margin: 4px 31px 4px 0;
    _margin: 4px 16px 4px 0;
}

a#btn-order {
    margin-top: 15px;
    width: 99px;
    background: url(../images/btn_order.gif) top left no-repeat;
}

a#btn-tableofcontents {
    width: 156px;
    background: url(../images/btn_tableofcontents.gif) top left no-repeat;
}

a#btn-introduction {
    width: 123px;
    background: url(../images/btn_introduction.gif) top left no-repeat;
}

a#btn-reviews {
    width: 115px;
    background: url(../images/btn_reviews.gif) top left no-repeat;
}

a#btn-chapter {
    width: 121px;
    background: url(../images/btn_chapter1.gif) top left no-repeat;
}

a#promo-website,
a#promo-workshops {
    margin-top: 25px;
    width: 266px;
    height: 66px;
    display: block;
    text-indent: -9999px;
}

a#promo-website {
    background: url(../images/promo_website.gif) top left no-repeat;
}
a#promo-workshops {
    margin-top: 5px;
    background: url(../images/promo_workshops.gif) top left no-repeat;
}

a:hover#promo-website {
    background: url(../images/promo_website.gif) bottom left no-repeat;
}
a:hover#promo-workshops {
    background: url(../images/promo_workshops.gif) bottom left no-repeat;
}

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

#left-column ul {
    margin-bottom: 15px;
    padding: 0;
    list-style: none;
}

#left-column ul li {
    background: url(../images/arrow.gif) no-repeat 0 4px;
    margin-left: 5px;
    padding: 0 0 5px 10px;
}

#left-column ol {
    margin-bottom: 15px;
    margin-left: 25px;
    padding: 0;
}

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

#ttl-border-guide {
    margin-bottom: 9px;
    height: 26px;
    text-indent: -9999px;
    background: url(../images/ttl_border_guide.gif) top left no-repeat;
}

/*********************************
* Footer Definitions
*********************************/

#footer {
    width: 760px;
    margin: 0 auto;
    overflow: hidden;
    background: url(../images/footer_bg.gif) top left no-repeat;
}

#footer-left {
    float: left;
    padding: 7px 0 0 28px;
    font-size: 10px;
    color: #999999;
    font-family: Verdana, Arial, sans-serif;
}

#footer-right {
    float: right;
    padding: 7px 28px 0 0;
    font-size: 10px;
    color: #999999;
    font-family: Verdana, Arial, sans-serif;
}

#footer-left a, #footer-right a {
    font-size: 10px;
    color: #999999;
    font-family: Verdana, Arial, sans-serif;
}

/*********************************
* Global Navigation
*********************************/

#global-nav {
    float: right;
    margin: 11px 8px 0 0;
    padding-left: 1px;
    background: url(../images/global_bg.gif) top left no-repeat;
}

#global-nav ul {
    margin: 0;
    padding: 0;
}

#global-nav li {
    margin: 0;
    padding: 0;
    list-style-type: none;
    display: inline;
}

#global-nav a {
    float: left;
    display: block;
    text-decoration: none;
    text-indent: -9999px;
    height: 22px;
    overflow: hidden;
}

#global-nav li#global-phone {
    float: left;
    display: block;
    height: 22px;
    overflow: hidden;
    text-indent: -9999px;
    background: url(../images/global_phone.gif) top left no-repeat;
    width: 100px;
}

#global-nav a#global-keatsconnelly {
    background: url(../images/global_keatsconnelly.gif) top left no-repeat;
    width: 157px;
}

#global-nav a:hover#global-keatsconnelly {
    background: url(../images/global_keatsconnelly.gif) bottom left no-repeat;
}