/* generic */
body {
margin:0px 0px; padding:0px;
text-align: center;
font-family: arial;
font-size: 10pt;
color: #323091;
background-color: #eeeeee;
}
#banner {
position: absolute;
top: 20px;
width: 1000px;
height: 250px;
border: 1px #183e7d solid;
} 


h1 {
font-weight: bold;
font-size: 14pt;
color: #333192;
}
h2 {
font-weight: bold;
font-size: 12pt;
color: #333192;
margin-bottom: 0px;
}
h4 {
font-weight: normal;
font-size: 12pt;
color: #333192;
margin-top: 0px;
text-align: right;
}
#fp_menu {
position: absolute;
top: 290px;
width: 200px;
height: 700px;
padding: 10px;
color: #002b74;
font-weight: normal;
background-color: #ffffff;
border: 1px #183e7d solid;
} 
a.m:link, a.m:visited, a.m:active {
color: #002b74;
font-size:10pt; 
text-decoration: none;
font-weight: normal;
}
a.m:hover {
color: #ff0000;
text-decoration: none;
font-weight: normal;
}

a.t:link, a.t:visited, a.t:active {
color: #323091;
font-size:10pt; 
font-weight: normal;
}
a.t:hover {
color: #ff0000;
font-weight: normal;
}
/* index */
#index_container {
position: relative;
top: 0px;
width: 1000px;
height: 900px;
margin:0px auto;
text-align: left;
} 
#index_content {
position: absolute;
top: 290px;
left: 240px;
width: 760px;
height: 720px;
background-color: #ffffff;
border: 1px #183e7d solid;
} 

#index_inner_1 {
position: absolute;
left: 0px;
top: 0px;
/*width: 450px;*/
width: 740px;
height: 670px;
background-color: #ffffff;
padding: 10px;
}
#index_inner_2 {
position: absolute;
right: 10px;
top: 10px;
width: 257px;
height: 530px;
background-color: #ffffff;
}

#index_footer {
position: absolute;
top: 1030px;
left: 0px;
width: 1000px;
height: 120px;
text-align: left;
background-color: #ffffff;
border: 1px #183e7d solid;
} 

#footer_left {
position: absolute;
top: 10px;
left: 10px;
height: 100px;
width: 200px;
}
#footer_centre {
position: absolute;
top: 10px;
left: 210px;
height: 100px;
width: 580px;
}
#footer_right {
position: absolute;
top: 10px;
right: 10px;
height: 100px;
width: 200px;
}


/* cosmetic */
#cosmetic_content {
position: absolute;
top: 290px;
left: 240px;
width: 760px;
height: 550px;
background-color: #ffffff;
border: 1px #183e7d solid;
} 
#cosmetic_inner_1 {
position: absolute;
left: 0px;
top: 0px;
width: 390px;
height: 480px;
background-color: #ffffff;
padding: 10px;
}
#cosmetic_inner_2 {
position: absolute;
right: 10px;
top: 0px;
width: 338px;
height: 480px;
text-align: right;
}
#cosmetic_footer {
position: absolute;
top: 860px;
left: 0px;
width: 1000px;
height: 120px;
text-align: left;
background-color: #ffffff;
border: 1px #183e7d solid;
} 
#cosmetic_menu {
position: absolute;
top: 290px;
width: 200px;
height: 530px;
padding: 10px;
color: #002b74;
font-weight: normal;
background-color: #ffffff;
border: 1px #183e7d solid;
} 
/* services */
#services_content {
position: absolute;
top: 290px;
left: 240px;
width: 760px;
height: 920px;
background-color: #ffffff;
border: 1px #183e7d solid;
} 
#services_inner_1 {
position: absolute;
left: 0px;
top: 0px;
width: 360px;
height: 580px;
background-color: #ffffff;
padding: 10px;
}
#services_inner_2 {
position: absolute;
left: 380px;
top: 0px;
width: 360px;
height: 480px;
background-color: #ffffff;
padding: 10px;
}
#services_footer {
position: absolute;
top: 1230px;
left: 0px;
width: 1000px;
height: 120px;
text-align: left;
background-color: #ffffff;
border: 1px #183e7d solid;
} 


#services_menu {
position: absolute;
top: 290px;
width: 200px;
height: 900px;
padding: 10px;
color: #002b74;
font-weight: normal;
background-color: #ffffff;
border: 1px #183e7d solid;
} 


/* contact */
#contact_inner_1 {
position: absolute;
left: 0px;
top: 0px;
width: 700px;
height: 520px;
background-color: #ffffff;
padding: 10px;
}
#contact_inner_2 {
position: absolute;
left: 460px;
top: 222px;
width: 290px;
height: 350px;
background-color: #ffffff;
}
#contact_content {
position: absolute;
top: 290px;
left: 240px;
width: 760px;
height: 600px;
background-color: #ffffff;
border: 1px #183e7d solid;
} 
#contact_footer {
position: absolute;
top: 910px;
left: 0px;
width: 1000px;
height: 120px;
text-align: left;
background-color: #ffffff;
border: 1px #183e7d solid;
} 

#contact_menu {
position: absolute;
top: 290px;
width: 200px;
height: 580px;
padding: 10px;
color: #002b74;
font-weight: normal;
background-color: #ffffff;
border: 1px #183e7d solid;
}



/* contact form */
/* valid XHTML */
#contact_form {
position: absolute;
left: 0px;
top: 0px;
width: 470px;
height: 520px;
background-color: #ffffff;
padding: 10px;
}
#contact_image {
position: absolute;
right: 10px;
top: 305px;
width: 250px;
height: 520px;
}

#fcf2 {
width:450px;
}

#fcf2 div.r {
clear: both;
padding-top: 5px;
background-color:#FFF;
}
#fcf2 label {
float: left;
width: 100px;
text-align: right;
}
#fcf2 span.f {
float: right;
width: 335px;
text-align: left;
}
#fcf2 div.sp {
clear: both;
}
#fcf2 .req {
font-weight:normal;
color: #333192;
}
#fcf2 input, #fcf2 textarea {
background: #FFF;
border:1px solid #000;
padding:2px;
}
#fcf2 input:focus, #fcf2 textarea:focus {
background: #f2f2f2;
border:1px solid #3D5686;
}
/* links */
#links_content {
position: absolute;
top: 290px;
left: 240px;
width: 760px;
height: 580px;
background-color: #ffffff;
border: 1px #183e7d solid;
} 
#links_inner_1 {
position: absolute;
left: 0px;
top: 0px;
width: 360px;
height: 480px;
background-color: #ffffff;
padding: 10px;
}
#links_inner_2 {
position: absolute;
left: 380px;
top: 0px;
width: 360px;
height: 480px;
background-color: #ffffff;
padding: 10px;
}
#links_footer {
position: absolute;
top: 890px;
left: 0px;
width: 1000px;
height: 120px;
text-align: left;
background-color: #ffffff;
border: 1px #183e7d solid;
} 

#links_menu {
position: absolute;
top: 290px;
width: 200px;
height: 560px;
padding: 10px;
color: #002b74;
font-weight: normal;
background-color: #ffffff;
border: 1px #183e7d solid;
} 




img.right {
float: right;
margin: 10px;
}
img.left {
float: left;
margin: 10px;
}
img.floatleft {
float:left;
margin: 10px;
}
img.padb {
margin-bottom: 10px;
}

/* faq */
#faq_content {
position: absolute;
top: 290px;
left: 240px;
width: 760px;
height: 1600px;
background-color: #ffffff;
border: 1px #183e7d solid;
}
#faq_inner_1 {
position: absolute;
left: 0px;
top: 0px;
width: 360px;
height: 1550px;
background-color: #ffffff;
padding: 10px;
}

#faq_inner_2 {
position: absolute;
right: 0px;
top: 0px;
width: 360px;
height: 1550px;
background-color: #ffffff;
padding: 10px;
}

#faq_footer {
position: absolute;
top: 1920px;
left: 0px;
width: 1000px;
height: 120px;
text-align: left;
background-color: #ffffff;
border: 1px #183e7d solid;
} 

#faq_menu {
position: absolute;
top: 290px;
width: 200px;
height: 1580px;
padding: 10px;
color: #002b74;
font-weight: normal;
background-color: #ffffff;
border: 1px #183e7d solid;
}