.btn_brock {
    width:98%;
    height:50px;
    clear:both;
    text-align:center;
    padding:12px 5px;
    margin:1%;
    border-radius:3px;
    background-color:#cf6700;
    color:#ffffff;
    position:relative;
    bottom:0;
    top:24px;
    }

.btn_brock:hover {
    color:#dddddd;
    cursor:pointer;
    background-color:#9c4e00;
}

.nav_lp {
    width:100%;
    color:#cf6700;
    clear:both;
    font-size:18pt;
    margin:2% auto;
    padding:5px 0;
    float:left;
    border-bottom:solid 2px black;
}

.nav_lpitem {
    font-size:0.95em;
    float:left;
    padding:10px 15px;
    text-align:left;
    border-radius:3px;
}

.nav_lpitem:hover {
    background-color:#dddddd;
    color:darkorange;
    cursor:pointer;
}

.section_shell {
    
}

.section_lpcategory {
    padding:10px;
    border-radius:3px;
    text-align:center;
    color:#ffffff;
    background-color:#1b3a5a;
    clear:both;
}

.section_lp {
    width:32%;
    height:310px;
    float:left;
    margin:0.655%;
    border:solid 1px #000000;
    border-radius:3px;
    padding:15px;
    background-color:#ffffff;
    -webkit-transition : background-color 200ms ease-out;
	-moz-transition : background-color 200ms ease-out;
	-o-transition : background-color 200ms ease-out;
    -webkit-transition : border 200ms ease-out;
	-moz-transition : border 200ms ease-out;
	-o-transition : border 200ms ease-out;
}

.section_lp img {
    padding:5px 0;
    width:100%;
    float:left;
}

.section_lp:hover{
    cursor:pointer;
    background-color:#dddddd;
    border:solid 1px #cf6700;
}

.section_lphead {
    padding:5px 0 0 0;
    font-weight:bold;
}

.section_lpsub {
	font-size:0.75em;
    padding:0 0 5px 0;
    clear:both;
}

.section_lpcopy {
	
}

.section_rel {
    font-size:0.8em;
    border:solid 1px #000000;
    border-radius:2px;
    padding:4px;
    margin:3px 0;
    width:95%;
    height:50px;
    float:left;
}

@media only screen and (max-width: 1024px){
    .section_lp{
        width:48%;
        margin:1%;
        height:335px;
    }
}

@media only screen and (max-width: 640px){
    .section_lp{
        width:96%;
        margin:2%;
        height:420px;
    }
    
    .nav_lp {
    color:#cf6700;
    clear:both;
    width:100%;
    padding:10px;
    margin:5px;
    text-align:center;
    border-bottom:solid 2px black;
}
    
    .nav_lp a {
        width:100%;
        height:30px;
        text-decoration: none;
        padding:2px;
        color:#cf6700;
        clear:both;
    }
    .btn_brock {
        top:21px;
    }
    .nav_lpitem {
        width:100%;
        clear:both;
        padding:10px;
    }
}
@media only screen and (max-width: 480px){
    .section_lp {
        width:96%;
        margin:2%;
        height:350px;
    }
    .btn_brock {
        top:19px;
    }
    
    .nav_lp {
        margin:10px 0;
    }
}

@media only screen and (max-width: 320px){
    .section_lp {
        width:96%;
        margin:2%;
        height:300px;
    }
    .btn_brock {
        top:14px;
    }
}