@CHARSET "UTF-8";
body{
    margin:0px;
    padding:0px;
    color:#393838;
}

a:link,a:visited{
    color:#a19385;
}

a:hover{
    color:#dfd2c5;
}

img{
    border:none;
}

p{
    margin:8px 0 8px 0;
    padding:0 5px 0 5px;
}

p.bold{
    font-weight:bold;
}
.center{
    text-align:center;
}

p.small{
    font-size:small;
}

#container{
    width:900px;
    margin:0px auto;
    padding:0px;
}

#header{
    height:150px;
}

#headerLeft{
    width:300px;
    height:135px;
    float:left;
}
#logo{
    width:300px;
    height:100px;
}

#headerRight{
    width:510px;
    height:135px;
    float:right;
}

#topMessage{
    clear:both;
    height:330px;
    background-image:url(../../img/lp/topmessage.png);
    border:solid 2px #554332;
    border-radius:10px;
    margin:0 0 10px 0; 
}

#topMessageContent{
    width:660px;
}

#menu{
    padding-top:230px;
}

#topMessageContent ul{
    margin:0px;padding:0px;
    list-style:none;
}

#topMessageContent li{
    width:285px;
    height:80px;
    margin:5px;
    padding:0 0 0 5px;
    float:left;
}

.post{
    padding:10px;
    margin:10px 0 10px 0;
    border:solid 2px #554332;
    border-radius:10px;
}

.post h3{
    font-size:medium;
    border-left:solid 8px #554332;
    margin:20px 0 0 5px;
    padding:0 0 0 8px;
}

.column{
    margin:0 0 20px 0;
}

.subTitle{
    margin:10px 0 10px 0;
    height:50px;
}


.contentLeft{
    width:500px;
    float:left;
}
.contentRight{
    width:300px;
    float:right;
}
.contentLeftImage{
    width:300px;
    float:left;
}
.contentRightText{
    width:500px;
    float:right;
}
.contentLeftImageMin{
    width:200px;
    float:left;
    margin-bottom:20px;
}
.contentRightTextMin{
    width:670px;
    float:right;
    padding-top:30px;
}
.clearfloat{
    clear:both;
}

#desmond{
    border:solid 1px;
    font-size:small;
    border-radius:10px;
    padding:15px;
    background-color:#f5e8dd;
}

.desmondLeftImage{
    float:left;
    margin:15px 20px 0 0;
    padding:0 20px 0 0;
    width:200px;
}

.desmondRightText{
    float:right;
    width:600px;
}

h2.desumondTitle{
    margin:5px 5px 5px 5px;
    padding: 0 10px 5px 10px;
    border-bottom:3px double  ;
    color :#554332;
}
h3.desmondName{
    width:450px;
    padding:5px 15px 5px 15px;
    color :#554332;
}

.campaign_couse{
    width:700px;
    margin:10px auto;
    padding:0 10px 10px 10px;
    border:solid 1px #ff8f0b;
    border-radius:10px;
}

.order{
    width:105px;
    float:left;
    font-size:small;
    height:130px;
    margin:0 10px 0 10px;
}
.order p{
    margin:0 0 0 0;
    padding:0;
}
.order p.order_content{
    margin : 5px 0 5px 0;
}

.arrow{
    width:25px;
    float:left;
    margin:0 10px 0 10px;
}

.summery{
    clear:both;
}
.campaign_content{
    clear:both;
    padding:10px 0 0 0;
}

.image {
    float:left;
    width:300px;
    font-size:small;
}

.image .text{
    margin:0px;
    padding:0px 10px 0px 10px;
    border:solid 1px #b2ada5;
    border-radius:10px;
}

.text_right{
    float:right;
    width:530px;
    font-size:small;
    padding:10px;
    border:solid 1px #b2ada5;
    border-radius:10px;
}

table.reservation{
    width:700px;
    margin:0 auto;
    border:solid 1px;
    padding:5px;
    border-collapse:collapse;
}

table.reservation th{
    text-align:left;
    width:240px;
    border:solid 1px;
    padding:5px;
    background-color:#d9c6b5;
}
table.reservation td{
    text-align:left;
    border:solid 1px;
    padding:5px;
}
.button {
    margin:10px auto;
    
    width:700px;
    text-align:center;
}

.button input{
    width:100px;
    height:30px;
}

.reservationButton{
    width:450px;
    margin:0 auto;
}

#footer{
    text-align:center;
}