body {
margin : 0;
padding : 10px;
background-color : #c3b37b;
background-image : url(back.jpg);
background-repeat : no-repeat;
text-align : center;
}
#background {
color : #7a6636;
background-image : url(backgroundheader.jpg);
width : 1007px;
height : 350px;
border : 5px solid #c3b37b;
border-bottom : 0;
position : relative;
margin-left : auto;
margin-right : auto;
margin-bottom : 0;
margin-top : 150px;
}
#background #circleimage {
position : absolute;
top : -160px;
left : 50%;
margin-left : -156px;
z-index : 100;
}
.title {
margin-top : 0;
}
#background #phone {
float : left;
clear : left;
width : 400px;
font-size : 24px;
padding : 0 0 0 47px;
margin : 0;
}
.title h2 {
text-align : center;
font-size : 42px;
font-variant : small-caps;
padding : 16px 0 0;
clear : left;
margin : 0;
}
#name {
float : left;
font-size : 29px;
font-variant : small-caps;
margin : 0;
padding : 0 0 10px 30px;
}
#slogan {
text-align : center;
font-size : 20px;
font-variant : small-caps;
padding : 0 0 0 0;
margin-top : 0;
margin-bottom : 0;
}
#menubar {
background-color : black;
width : 1007px;
height : 60px;
font : 25px Arial bolder;
font-variant : small-caps;
margin-top : 0;
margin-right : auto;
margin-left : auto;
margin-bottom : 0;
border-right : 5px solid #c3b37b;
border-left : 5px solid #c3b37b;
}
#menubar ul {
margin : 0;
}
#homepage {
border-right : 5px solid #c3b37b;
border-left : 5px solid #c3b37b;
width : 1007px;
background-color : #7a6636;
font : 18px black;
text-align : justify;
margin : 0 auto;
}
.correction {
display : inline-block;
}
.correction:after {
content : ".";
clear : both;
visibility : hidden;
height : 0;
}
#middle {
color : #4a2f00;
width : 1007px;
background-color : #c3b37b;
margin : 0 auto;
padding : 45px 10px 0 0;
}
#about {
color : #4a2f00;
width : 991px;
background-color : #c3b37b;
margin : 0 auto;
padding : 8px 13px;
text-align : justify;
}
#about1 {
float : left;
width : 535px;
padding : 0 6px 0 0;
margin : 0;
}
#about2 {
float : right;
width : 440px;
padding : 0 0 10px 6px;
margin : 0;
}
#aboutfather {
float : right;
padding : 28px 0 0 10px;
margin-top : 0;
}
#about p {
font-size : 21px;
padding : 5px;
}
#portrait {
float : right;
padding : 20px 10px 10px 15px;
}
#endbar {
background-color : black;
width : 1017px;
height : 60px;
color : #c3b37b;
padding : 10px 0;
margin-right : auto;
margin-left : auto;
margin-bottom : 0;
}
#column1 {
width : 292px;
float : left;
margin : 14px 7px 14px 14px;
}
.question1 {
background-color : #c3b37b;
background-image : url(bottom.gif);
background-position : left bottom;
background-repeat : no-repeat;
}
.expect {
background-color : #c3b37b;
background-image : url(bottom.gif);
background-position : left bottom;
background-repeat : no-repeat;
}
#column2 {
width : 672px;
float : right;
margin : 14px 14px 14px 7px;
}
#column1, #column2 {
color : #000;
}
#individ #column1 {
margin : 0;
}
#individ #column2 {
margin : 0;
}
.question2 {
width : 270px;
float : left;
text-align : center;
background-color : #c3b37b;
background-image : url(bottom2.gif);
background-position : left bottom;
background-repeat : no-repeat;
margin-bottom : 14px;
}
.corners {
vertical-align : bottom;
}
.question3 {
width : 389px;
float : right;
background-color : #c3b37b;
background-image : url(bottom3.gif);
background-position : left bottom;
background-repeat : no-repeat;
margin-bottom : 14px;
}
.style {
width : 672px;
clear : both;
background-color : #c3b37b;
background-image : url(style.gif);
background-position : left bottom;
background-repeat : no-repeat;
}
.taga {
width : 145px;
float : left;
margin : 0 9px;
}
.tagb {
width : 108px;
float : left;
margin : 0 9px;
}
.one {
background : #5c2323 url(banner1.gif) no-repeat left top;
}
.two {
background : #5c2323 url(banner2.gif) no-repeat left top;
}
.three {
background : #5c2323 url(banner3.gif) no-repeat left top;
}
.four {
background : #5c2323 url(banner4.gif) no-repeat left top;
}
#rows1 {
width : 245px;
float : left;
}
#rows2 {
width : 750px;
float : right;
}
.rows {
width : 245px;
text-align : justify;
float : left;
}
.breaks {
padding : 0 0;
float : left;
}
#frequent {
clear : both;
width : 750px;
}
#about h1 {
font : 22px bold times new roman;
background-color : #7a6636;
text-align : center;
padding : 10px;
margin : 0;
color : #4a2f00;
}
h1 {
font : 22px bold times new roman;
text-align : center;
padding : 10px;
margin : 0;
color : #c3b37b;
}
h4 {
color : #4a2f00;
background-color : #7a6636;
font : 22px bold times new roman;
padding : 8px 20px;
}
ul {
padding : 0 8px 8px 5px;
margin-left : 15px;
}
p {
padding : 0 14px 14px 14px;
}
a:link {
text-decoration : none;
color : #4a2f00;
}
a:hover {
color : #362b5b;
}
a.menu {
color : #c3b37b;
text-decoration : none;
}
a.menu:hover {
color : #7a6636;
}
#individ {
color : #c3b37b;
font-size : 20px;
padding : 15px;
margin : 0;
}
#helpme {
background-color : #5c2323;
color : #c3b37b;
font-size : 20px;
padding : 15px;
margin : 0;
}
#individ1 {
float : left;
width : 510px;
padding : 0 4px 8px 5px;
margin : 0 0 20px 0;
}
#individ2 {
float : right;
width : 452px;
padding : 0 0 40px 4px;
margin : 0;
}
#titlebar {
background-color : #4a2f00;
height : 50px;
color : #c3b37b;
font : 36px Arial bolder;
font-variant : small-caps;
padding : 10px 0;
margin : 0;
text-align : center;
}
#barend {
background-color : #5c2323;
height : 46px;
color : #c3b37b;
font : 30px Arial bolder;
padding : 0;
margin-top : 28px;
text-align : center;
}
#woman {
float : left;
padding : 0 8px 0 0;
margin-left : -4px;
}
#chap {
width : 1007px;
text-align : center;
font-size : 22px;
padding-bottom : 10px;
}