body {
margin:0px 0px; padding:0px;
text-align :  left;
font-family: helvetica;
font-size: 10pt;
font-weight : normal;
color: #ffffff;
background-repeat: no-repeat;
background-color: #a305a4;
}
#banner {
position: absolute;
top: 20px;
width: 950px;
height: 120px;
border: 0px #000000 solid;
background-image: url('../images/judith_fane_banner_purple_bg.jpg');
} 
h1 {
color : #ffffff;
font-size: 10pt;
font-weight : bold;
}
#menu {
position: absolute;
top: 120px;
width: 950px;
height: 35px;
text-align :  right;
border: 0px #ffffff solid;
font-size:12pt; 
color: #ffffff;
padding-top: 5px;
} 
a.m:link, a.m:visited, a.m:active {
color: #ffffff;
font-size:12pt; 
text-decoration: none;
font-weight: normal;
}
a.m:hover {
color: #ff0000;
font-size:12pt;
text-decoration: none;
font-weight: normal;
}

#index_container {
position: relative;
top: 0px;
width: 950px;
height: 900px;
margin:0px auto;
text-align: left;
} 

#index_content {
position: absolute;
top: 160px;
left: 0px;
width: 950px;
height: 560px;
background-image: url('../images/judith_fane_index_background.jpg');
border: 1px #ffffff solid;
} 

#index_text_1 {
position: absolute;
top: 20px;
left: 40px;
width: 400px;
}

/* home */
#home_content {
position: absolute;
top: 160px;
left: 0px;
width: 950px;
height: 560px;
background-image: url('../images/page2_bg.jpg');
border: 1px #ffffff solid;
} 

#pic1 {
position: absolute;
top: 380px;
left: 100px;
}

#pic2 {
position: absolute;
top: 380px;
left: 245px;
}

#pic3 {
position: absolute;
top: 380px;
left: 390px;
}

#pic4 {
position: absolute;
top: 380px;
left: 725px;
}
#texti {
text-align : left;
position: absolute;
top: 170px;
left: 495px;
width: 200px;
height: 200px;
padding-top : 10px;
padding-left : 10px;
padding-right : 10px;
color: #000000;
}

#textii {
text-align : left;
position: absolute;
top: 170px;
left: 715px;
width: 200px;
height: 200px;
padding-top : 10px;
padding-left : 10px;
padding-right : 10px;
color: #000000;
}
/* intro */
#intro_content {
position: absolute;
top: 160px;
left: 0px;
width: 950px;
height: 560px;
background-image: url('../images/page3_bg.jpg');
border: 1px #ffffff solid;
} 
#textiii {
text-align : left;
position: absolute;
top: 180px;
left: 500px;
width: 200px;
height: 200px;
padding-top : 10px;
padding-left : 10px;
padding-right : 10px;
}

#textiv{
text-align : left;
position: absolute;
top: 180px;
left: 720px;
width: 200px;
height: 200px;
padding-top : 10px;
padding-left : 10px;
padding-right : 10px;
}
/*work*/
#work_content {
position: absolute;
top: 160px;
left: 0px;
width: 950px;
height: 560px;
background-image: url('../images/page4_bg.jpg');
border: 1px #ffffff solid;
} 
#pic1 {
position: absolute;
top: 380px;
left: 100px;
}

#pic2 {
position: absolute;
top: 380px;
left: 245px;
}

#pic3 {
position: absolute;
top: 380px;
left: 390px;
}
#textv {
text-align : left;
position: absolute;
top: 270px;
left: 510px;
width: 200px;
height: 200px;
padding-top : 10px;
padding-left : 10px;
padding-right : 10px;
}

#textvi{
text-align : left;
position: absolute;
top: 270px;
left: 730px;
width: 200px;
height: 200px;
padding-top : 10px;
padding-left : 10px;
padding-right : 10px;
}

#textvii{
text-align : left;
position: absolute;
top: 270px;
left: 290px;
width: 200px;
height: 120px;
padding-top : 10px;
padding-left : 10px;
padding-right : 10px;
}
/* services */
#services_content {
position: absolute;
top: 160px;
left: 0px;
width: 950px;
height: 560px;
background-image: url('../images/page5_bg.jpg');
border: 1px #ffffff solid;
} 
#textviii{
text-align : left;
position: absolute;
top: 90px;
left: 470px;
width: 220px;
height: 200px;
padding-top : 10px;
padding-left : 10px;
padding-right : 10px;
}

#textix{
text-align : left;
position: absolute;
top: 90px;
left: 710px;
width: 220px;
height: 200px;
padding-top : 10px;
padding-left : 10px;
padding-right : 10px;
}
/* boards */
#boards_content {
position: absolute;
top: 160px;
left: 0px;
width: 950px;
height: 560px;
background-image: url('../images/page6_bg.jpg');
border: 1px #ffffff solid;
} 
#textx{
text-align : left;
position: absolute;
top: 105px;
left: 605px;
width: 200px;
height: 200px;
padding-top : 10px;
padding-left : 10px;
padding-right : 10px;
}
/* form */
#form_content {
position: absolute;
top: 160px;
left: 0px;
width: 950px;
height: 560px;
background-image: url('../images/page7_bg.jpg');
border: 1px #ffffff solid;
} 
#contact_form {
position: absolute;
left: 500px;
top: 20px;
width: 410px;
height: 500px;
background-color: #ffffff;
padding: 10px;
color: #555555;
border: 1px #555555 solid;
}


#fcf2 {
width:450px;
font-size: 10pt;
color: #000000;
}

#fcf2 div.r {
clear: both;
padding-top: 5px;
/*background-color:#FFF;*/
}
#fcf2 label {
float: left;
width: 100px;
text-align: right;
color: #000000;
}
#fcf2 span.f {
float: right;
width: 335px;
text-align: left;
}
#fcf2 div.sp {
clear: both;
}
#fcf2 .req {
font-weight:normal;
color: #000000;
}
#fcf2 input, #fcf2 textarea {
background: #FFF;
border:1px solid #000;
padding:2px;
}
#fcf2 input:focus, #fcf2 textarea:focus {
background: #f2f2f2;
border:1px solid #3D5686;
}
a.contact:link, a.contact:visited, a.contact:active {
color: #555555;
font-size:10pt; 
font-weight: normal;
}
a.contact:hover {
color: #ff0000;
font-size:10pt;
font-weight: normal;
}
/* Gallery */
#gallery_content {
position: absolute;
top: 160px;
left: 0px;
width: 950px;
height: 560px;
background-image: url('../images/page9_bg.jpg');
border: 1px #ffffff solid;
font-weight: bold;
text-align: center;
} 

img.noborder {
border: 0px;
}

#footer {
position: absolute;
top: 750px;
left: 0px;
width: 950px;
height: 100px;
/*border: 1px #ffffff solid;*/
text-align: center;
font-size: 12pt;
}