/*
=general
=page structure
=main_navigation
=sub_navigation
=sub_sub_navigation
=page content
=misc
=tech
*/

/*
=general
---------------------------------------------- */
* {
    margin: 0;
    padding: 0;
}

html { height: 101%; }

html, body { width: 100%; }

body {
    font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, Arial, Helvetica, sans-serif;
    font-size: 75%; /* 11px */
    color: #666;
    line-height: 160%; /* 19px */
    text-align: center;
    background-color: #fff;
}

table, tr, td, input, select, textarea, ul, ol {
    font-size: 100%;
    vertical-align: top;
}

a img, img { border: 0; }

code, pre {
    font-size: 1.5em;
    color: #999;
    display: block;
    width: 500px;
}

/* =hx */
h1, h2, h3, h4, h5, h6 {
    font-family: 'Lucida Grande', Arial, Helvetica, sans-serif;
    line-height: 120%;
}

/* =h1 */
h1 {
    font-size: 1.335em; /* 16px */
    margin-bottom: 5px;
    color: #5B98BF;
}

/* =h2 */
h2 {
    font-size: 12px; /* 13px */
    margin-bottom: 9px;
    color: #777;
}

h2 a {
    color: #444;
}

h2 a:hover {
    color: #777;
}


h2 span { color: #444; }

/* =h3 */
h3 {}

/* =h4 */
h4 {
    font-size: 1em; /* 11px */
    font-weight: normal;
    margin-bottom: 4px;
    color: #666;
}

/* =h5 */
h5 {}

/* =a */
a {
    text-decoration: none;
    color: #009DE5;
}

a:hover, a:focus, a:active, .current a { color: #333; }

ul, ol { margin: 0 0 1.5em 20px; }

ul { list-style: circle; }

li { margin-bottom: .75em; }

p { margin-bottom: 1.5em; }

strong { 
    color: #000; 
    font-weight: 200;
}


/*
=page structure
---------------------------------------------- */
#container {
    width: 100%;
    text-align: left;
    position: relative;
}

#header {
    width: 100%;
    background: #54889B url(/images/header-bg.gif) repeat-x 0% 100%;
    padding: 0 0 10px;
    margin-bottom: 20px;
}

#main_navigation {
    margin: 0;
    padding: 0;
    list-style: none;
    position: absolute;
    bottom: 0;
    right: 0;
}

#content {
    height: 500px;
    min-height: 500px;
    width: 620px;
    margin: 0 auto 40px;
}

*>#content { height: auto; }


#footer {
    width: 626px; /* 658px */
    margin: 0 auto 20px;
    border-top: 1px solid #D6E8F0;
    padding: 10px 16px 0;
    font-size: .915em; /* 11px */
    color: #777;
}

#tech {
    width: 626px; /* 658px */
    padding: 10px 16px 0;
    margin: 0 auto;
}

/*
=header
---------------------------------------------- */
#header .content img {
    position: absolute;
    bottom: 0;
    left: 20px;
}

#header .content {
    width: 820px;
    height: 91px;
    margin: 0 auto;
    position: relative;
}

/*
=main_navigation
---------------------------------------------- */
#main_navigation li  {
    margin: 0;
    float: left;
}

#main_navigation li#home a { background: none; }

#main_navigation li.current { background: transparent url(/images/arrow-up.gif) no-repeat 50% 100%; }

#main_navigation a {
    color: #fff;
    text-transform: lowercase;
    display: block;
    padding: 13px 9px 23px;
    background: transparent url(/images/stripe.gif) no-repeat 0% 0%;
    font-size: .915em; /* 11px */
}

#main_navigation a span {}

#main_navigation a:focus span, #main_navigation a:hover span, #main_navigation a:active span { border-bottom: 1px solid #fff; }

#main_navigation li.current a:hover span { border: none; }

#main_navigation li.current a { color: #000; }

/*
=content
---------------------------------------------- */
.panel {
    background-color: #ECF5F8;
    width: 620px; /* 658px */
    position: relative;
    left: -19px;
    padding: 10px 19px 21px;
    margin-bottom: 20px;
}

.block {
    width: 619px;
    background: transparent url(/images/block-bg.gif) repeat-y 100% 0%;
}

.block div {
    float: right;
    width: 270px; /* 309px */
    padding: 8px 12px 0;

}

.block div p {
    font-size: .912em; /* 11px */
    line-height: 140%; /* 19px */
    margin-bottom: 1em;
    color: #777;
}

.video {
    border: 1px solid #AEAEAE;
    float: left;
    position: relative;
}

.video:hover { border-color: #666; }

.video img { display: block; }

.video .button {
    position: absolute;
    left: 93px;
    top: 120px;
}

/* =intro */
.intro {
    font-family: 'Lucida Grande', Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 9px;
    color: #444;
}

/* =item_list */

#item_list {
    margin: 0 0 50px 0;
    padding: 0;
    list-style: none;
    width: 640px;
    background: transparent url(/images/dots.gif) no-repeat 0% 0%;
    position: relative;
}

#item_list li {
    width: 100%;
    margin: 0;
    padding: 22px 0;
    background: transparent url(/images/dots.gif) no-repeat 0% 100%;
}

#item_list li p { margin: 0; }

#item_list li .thumb {
    background-color: #EDF6F9;
    display: block;
    padding: 7px;
    width: 103px;
    /*height: 69px;*/
    float: right;
    margin: 0 0 0 10px;
}

#item_list li .thumb:focus, #item_list li .thumb:hover, #item_list li .thumb:active { background-color: #eee; }

#item_list li .thumb img { display: block;
    width: 103px;
    /*height: 69px;*/
}

/* item_view */

#item_view {
    width: 640px;
    height: 600px;
    min-height: 600px;
    background: transparent url(/images/line.gif) repeat-y 456px 0%;
}

*>#item_view { height: auto; }

#item_view .item_view_content {
    float: left;
    width: 442px;
}

#item_view .item_view_content .item_image {
    float: right;
    width: 221px;
    margin: 0 0 15px 15px;
    padding: 0 0 10px 0;
    color: #54889B;
    background-color: #ECF2F4;
}

#item_view .item_view_content .item_image img {
    width: 221px;
    height: 147px;
    border-bottom: 2px solid #fff;
}

#item_view .item_view_content .item_image em {
    font-style: normal;
    font-size: .835em; /* 10px */
    margin: 5px 10px 0;
    line-height: 140%;
    display: block;
}

/* =item_view horse */

#item_view.horse {
    width: 660px;
    background: transparent url(/images/line.gif) repeat-y 476px 0%;
    position: relative;
    left: -20px;
}

#item_view.horse .item_view_content {
    width: 442px; /* 469px */
    padding: 10px 13px 0 14px;
    background-color: #F0F4F6;
}

#item_view.horse .item_view_content h1 {
    float: left;
    padding-right: 5px;
}

#item_view.horse .item_view_content h2 {
    position: relative;
    top: 3px;
}

#item_view.horse .item_view_content img#main {
    width: 442px;
    xxxheight: 317px;
    clear: left;
    margin-bottom: 10px;
    display: block;
}

/* =item_view_sub_content */

#item_view_sub_content {
    width: 442px; /* 469px */
    padding: 15px 13px 100px 14px;
    background-color: #fff;
    position: relative;
    left: -14px;
}

.left {
    width: 190px;
    float: left;
}

.right {
    width: 230px;
    float: right;
}

/* =stats */

#stats {
    color: #54889B;
    width: 185px;
    font-size: .835em; /* 10px */
}

#stats dt {
    clear: left;
    float: left;
    font-weight: bold;
    border-bottom: 1px solid #E7EEF1;
    padding: 0 0 5px;
    width: 55px;
    text-align: left;
}

#stats dd {
    float: left;
    border-bottom: 1px solid #E7EEF1;
    padding: 0 0 5px;
    width: 130px;
}

/* =media_list */

#media_list {
    margin: 8px 0 0 0;
    padding: 0;
    list-style: none;
}

#media_list li {
    float: left;
    width: 95px;
    height: 65px;
    position: relative;
    margin: 0 4px 15px 0;
}

#media_list li .thumb, #media_list li .overlay {
    display: block;
    width: 95px;
    height: 65px;
}

#media_list li .overlay {
    position: absolute;
    top: 0;
    left: 0;

}
/* item_shortlist */

#item_view #item_shortlist {
    width: 183px;
    font-size: .835em; /* 10px */
    float: right;
}

#item_view #item_shortlist h2 {
    color: #444;
    padding: 0 0 0 16px;
}

#item_view #item_shortlist ul {
    margin: 0;
    padding: 0;
    list-style: none;
    xwidth: 183px;
}

#item_view #item_shortlist li {
    margin: 0;
    padding: 3px 0 2px 5px;
    xwidth: 178px; /* 183px */
    background: transparent url(/images/dots.gif) no-repeat 0% 0%;
}

#item_view #item_shortlist li a {
    margin: 0;
    padding: 0 0 0 12px;
    display: block;
    background: transparent url(/images/arrow-green.gif) no-repeat 0% .65em;
}

#item_view #item_shortlist li.current a { background-image: url(/images/arrow-grey.gif); }

/*
=footer
---------------------------------------------- */

/*
=tech
---------------------------------------------- */

/*
=misc
---------------------------------------------- */
.hide {
    position: absolute;
    left: -999em;
}

.clear {
    height: 1px;
    clear: both;
}

.more {
    background: transparent url(/images/arrow-right.gif) no-repeat 0% 50%;
    padding: 0 0 0 21px;
}

.more a { border-bottom: 1px solid #ADCBDF; }

.more a:hover { border-color: #999; }

/* =self clearing floats */
#main_navigation:after,
#item_view:after,
#item_list li:after,
.block:after,
#item_view_sub_content:after,
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}