﻿/*----------PRIMARY----------*/

#primary {
    position : relative;
    width : 870px;
    margin-bottom : 50px;
    padding : 35px 30px 35px 30px;
    background-color : #131a20;
    background-image : url(primebg.jpg);
    background-size : 470px;
    background-repeat : no-repeat;
    background-position : top right;
    border-radius : 15px;
    box-sizing : border-box;
}

#primary h3 {
    margin-bottom : 30px;
    color : #ffffff;
    font-size : 140%;
    font-weight : 600;
}

#primary dl {
    width : 570px;
}

#primary dl dt {
    margin-bottom : 13px;
    font-size : 110%;
    font-weight : 600;
    color : #ffffff;
    background : rgba(255,255,255,0.25);
    border-radius : 36px;
}

#primary dl dt p {
    display : inline-block;
    margin-right : 15px;
    padding : 8px 25px 9px 25px;
    color : #ffffff;
    background : #ff8d37;
    border-top-left-radius : 26px;
    border-bottom-left-radius : 26px;
}

#primary dl dd {
    margin-bottom : 17px;
    color : #e1e1e1;
    line-height : 1.7em;
}

#primary dl dd:last-child {
    margin : 0;
}

p#chart {
    position : absolute;
    width : 200px;
    line-height : 1.3em;
    top : 300px;
    right : 30px;
}

p#chart img {
    margin-bottom : 15px;
}

p#chart span {
    font-size : 90%;
    color : #e1e1e1;
}

/*----------SECONDARY----------*/

#secondary {
    position : relative;
    width : 870px;
    margin-bottom : 50px;
}

#secondary h3 {
    margin-bottom : 40px;
    padding : 12px 0 12px 0;
    border-top : solid 4px #c8c8c8;
    border-bottom : solid 1px #c8c8c8;
    font-size : 110%;
    font-weight : 600;
    text-align : center;
}

#secondary dl {
    width : 620px;
}

#secondary dl dt {
    float : left;
    width : 50px;
    padding : 40px 10px 40px 10px;
    font-size : 120%;
    color : #ffffff;
    background : #cb514e;
    -webkit-writing-mode : vertical-rl;
	-ms-writing-mode : tb-rl;
	writing-mode : vertical-rl;
    text-align : center;
    border-radius : 40px;
    box-sizing : border-box;
    font-weight : 600;
    transform : scale(1.00, 1.04);
    letter-spacing : 1px;
}

#secondary dl dt#before {
    color : #cb514e;
    background : #e6baac;
}

#secondary dl dt#after {
    color : #ffffff;
    background : #cb514e;
}

#secondary dl dd {
    margin : 0 0 20px 80px;
}

#secondary dl dd h4 {
    margin-bottom : 10px;
    padding-bottom : 10px;
    font-size : 110%;
    font-weight : 600;
    border-bottom : solid 1px #b4b4b4;
}

#secondary dl dd p {
    line-height : 1.7em;
}

ul#jthumb {
    position : absolute;
    list-style : none;
    width : 210px;
    top : 95px;
    right : 0;
}

ul#jthumb li {
    margin-bottom : 20px;
    text-align : center;
}

ul#jthumb li p {
	width : 210px;
    margin-bottom : 7px;
	background-size : cover;
	background-position : center center;
	padding-top : 160px;
    border-radius : 8px;
}

ul#jthumb li span {
    font-size : 80%;
}

/*----------TERTIARY----------*/

#tertiary {
    width : 870px;
    margin-bottom : 40px;
    padding : 40px 0 50px 0;
    border-top : dashed 1px #b4b4b4;
    border-bottom : dashed 1px #b4b4b4;
}

#tertiary dl dt {
    width : 684px;
    margin : 0 auto 30px auto;
}

#tertiary dd {
    width : 870px;
    padding : 8px 0 10px 0;
    font-weight : 600;
    background : #ffff00;
    border-radius : 36px;
    text-align : center;
}

dl#andor {
    width : 720px;
    margin : 0 auto 20px auto;
}

dl#andor dt {
    float : left;
    width : 300px;
    padding-top : 5px;
}

dl#andor dd {
    margin-left : 330px;
}

/*----------SIDEBAR----------*/

#shead {
    position : relative;
    width : 235px;
    height : 280px;
    background : url(sideimg.jpg) left top no-repeat;
}