/*The working stylesheet for JLL*/

/*General styles*/

font{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#000000;
}
p{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#000000;
padding-right: 10px;
padding-left: 10px;
padding-top: 10px;
padding-bottom: 10px;
}
h1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #34211C;
}
h2 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
height: 20px;
width: 575px;
padding-top: 5px;
padding-left: 10px;
padding-bottom: 0px;
margin-right: 10px;
margin-top: 10px;
margin-left: 10px;
color: #34211C;
background-color: #EDEBE5;
}
h3 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
height: 9px;
width: 175px;
padding-top: 5px;
padding-left: 5px;
padding-bottom: 5px;
margin-right: 0px;
margin-top: 0px;
margin-left: 0px;
color: #FFFFFF;
background-color: #543E2E;
}
h4 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
height: 20px;
width: auto;
padding-top: 5px;
padding-left: 5px;
padding-bottom: 0px;
margin-right: 0px;
margin-top: 0px;
margin-left: 10px;
color: #FFFFFF;
background-color: #543E2E;
}

a:link {
color: #000000;
text-decoration: none;
background-color: transparent;
border-color: #9B9797;
border-bottom-width: 1px;
border-left-width: 0px;
border-right-width: 0px;
border-top-width: 0px;
border-style: dotted;
}

A:visited {
color: #000000;
text-decoration: none;
background-color: transparent;
border-color: #9B9797;
border-bottom-width: 1px;
border-left-width: 0px;
border-right-width: 0px;
border-top-width: 0px;
border-style: dotted;
}
A:active {
color: #000000;
text-decoration: none;
background-color: transparent;
border-color: #9B9797;
border-bottom-width: 1px;
border-left-width: 0px;
border-right-width: 0px;
border-top-width: 0px;
border-style: dotted;
}
a:hover {
color: #B7B199;
text-decoration: none;
background-color: transparent;
border-color: #9B9797;
border-bottom-width: 1px;
border-left-width: 0px;
border-right-width: 0px;
border-top-width: 0px;
border-style: dotted;
}

hr{
background-color: #543E2E;
padding-top: 5px;
padding-left: 20px;
margin-right: 10px;
padding-bottom: 0px;
}
/*This css gives padding at the bottom of the content area to fill right side nav*/
#filler{
height: 200px;
width: 600px;
background-color:#FFFFFF;
}
.filler{
height: 200px;
width: 600px;
background-color:#FFFFFF;
}
.fillersmall{
height: 100px;
background-color:#FFFFFF;
}
/*CSS for links in the cotent area for images*/
#styleinfo a{
color: #000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
text-decoration: none;
background-color: transparent;
border-color: #9B9797;
border-bottom-width: 1px;
border-left-width: 0px;
border-right-width: 0px;
border-top-width: 0px;
border-style: dotted;
padding-top: 5px;
padding-right: 5px;
padding-left: 5px;
padding-bottom: 0px;
}
#styleinfo a:active {
color: #000000;
text-decoration: none;
background-color: transparent;
border-color: #9B9797;
border-bottom-width: 1px;
border-left-width: 0px;
border-right-width: 0px;
border-top-width: 0px;
border-style: dotted;
}
#styleinfo a:visited {
color: #000000;
text-decoration: none;
background-color: transparent;
border-color: #9B9797;
border-bottom-width: 1px;
border-left-width: 0px;
border-right-width: 0px;
border-top-width: 0px;
border-style: dotted;
}
#styleinfo a:hover {
color: #B7B199;
text-decoration: none;
background-color: transparent;
border-color: #9B9797;
border-bottom-width: 1px;
border-left-width: 0px;
border-right-width: 0px;
border-top-width: 0px;
border-style: dotted;
}
.button{
text-decoration:none;
border: 0px none;
background-color: transparent;
margin-left: 1em;
margin-right: 1em;
}

/*Homepage css - little different then subpages*/
#containerhome{
position: relative;
width: 800px;
height: 530px;
margin-left: auto;
margin-right: auto;
background-color: #543E2E; 
}
#homewrapper{
font-family:Verdana, Arial, Helvetica, sans-serif;
position:absolute;
top: 17px;
left: 167px;
bottom: 0;
width: 633px;
height: 512px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
background-color:#FFFFFF
}
#leftnavhome
{
position: relative;
float: left;
width: 150px;
height: 500px;
margin-top: 0px;
padding-top: 0px;
background-color: #543E2E;
}
#containerimg{
position: absolute;
background-image: url(../images/newsite/beautyimg512.gif);
top: 17px;
left: 170px;
bottom: 0;
width: 397px;
height: 512px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
} 
.containertext{
position: absolute;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px; 
top: 40px;
left: 490px;
bottom: 0;
width: 302px;
height: 400px;
visibility: visible
} 
#bottomlinehome{
height: 25px;
width: 800px;
background-image: url(../images/general/bottomcurve.gif);
background-repeat: no-repeat;
background-position: bottom;
clear: both;
}
/*Main DIV styles for subpages*/

body{
background-color:#B7B199;
overflow: hidden;
height: 100%; 
max-height: 100%; 
}
#container{
position: relative;
width: 800px;
height: auto;
margin-left: auto;
margin-right: auto;
background-color: #543E2E; 
}
#topline{
clear: both;
height: 11px;
width: 800px;
background-image: url(../images/general/topcurve.gif);
background-repeat: no-repeat;
margin: -1;
border: none;
}
#masthead{
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
height: 104px;
width: 800px;
background-image: url(../images/general/masthead.gif);
background-repeat: no-repeat;
background-color: #FFFFFF;
border-bottom: 1px solid #543E2E;
border-top: none;
margin-top: 0px;
}

/*Navigation Styles*/
#leftnav
{
position: relative;
float: left;
width: 126px;
margin-top: 0px;
background-color: #543E2E;
}
#navcontent {
color:#FFFFFF;
width: 126px;
margin-top: 50px;
position: relative;
left: -20px;
}
#navcontent li
{
color: #FFFFFF;
text-decoration: none;
float:left;
margin-left: 0px;
padding-top: 0px;
padding-left: 0px;
list-style-type: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
#navcontent a
{
color:#FFFFFF;
display: block;
font-size:10px;
padding-top: 0px;
width: 126px;
list-style-type: none;
background-color: #543E2E;
border-bottom: 1px solid #543E2E;
}
#navcontent a:link, #lefnav a:visited
{
color: #EEE;
font-size:10px;
font-style: strong;
text-decoration: none;
list-style-type: none;
}
#navcontent a:hover
{
background-color: #543E2E;
font-size:10px;
font-style: strong;
color: #B7B199;
list-style-type: none;
}
#contentholder
{
position:absolute;
top: 100px;
left: 155px;
width: 600px;
height: 400px;
float: right;
background-color: #FFFFFF;
margin-left: 0px;
margin-right: 0px;
}
#content
{
width: 600px;
height: auto;
float: right;
background-color: #FFFFFF;
padding-right: 10px;
margin-left: 0px;
margin-right: 0px;
}
#footer {
clear: both;
font: Verdana, Arial, Helvetica, sans-serif;
color:#999999;
font-size:10px;
width: 800px; 
height: 25px;
background-color: #FFFFFF;
border-top: 1px solid #543E38;
background-image: url(../images/general/bottomcurve.gif);
background-repeat: no-repeat;
background-position: bottom;
}
#bottomline{
height: 25px;
width: 800px;
background-image: url(../images/general/bottomcurve.gif);
background-repeat: no-repeat;
background-position: bottom;
clear: both;
}
/*Content Styles*/
.bloc1 {
height: 310px;
width: 260px;
float: left;
padding-left: 30px;
}
.bloc2 {
height: 250px;
width: 225px;
float: left;
padding-left: 30px;
}
.bloc3 {
background-color: #FFFFFF;
height: 270px;
width: 245px;
float: left;
padding-left: 30px;
}
#bloc1 {
height: 325px;
width: 245px;
float: left;
padding-left: 10px;
margin-left: 20px;
}
#bloc2 {
height: 325px;
width: 245px;
float: left;
padding-left: 10px;
margin-left: 20px;
}
/*Divs for content in text area 3 versions*/
#contentleft {
width:175px;
padding:0px;
float:left;
background:#ffffff;
	}
#contentcenter {
width:175px;
padding:0px;
float:left;
background:#ffffff;
	}
#contentright {
width:175px;
padding:0px;
float:left;
background:#ffffff;
	}
/*CSS for the intext images small*/
.image1 {
height: 235px;
width: 185px;
float: left;
border-color: #543E38;
border-left-width:thin;
background-color: #FFFFFF;
padding-top: 5px;
padding-right: 5px;
padding-bottom: 2px;
padding-left: 5px;
margin-top: 15px;
margin-right: 5px;
margin-bottom: 25px;
margin-left: 40px;
text-decoration:none;
}
.image2 {
height: 280px;
width: 185px;
float: left;
border-color: #543E38;
border-left-width:thin;
background-color: #FFFFFF;
padding-top: 5px;
padding-right: 5px;
padding-bottom: 5px;
padding-left: 5px;
margin-top: 10px;
margin-right: 5px;
margin-bottom: 10px;
margin-left: 40px;
text-decoration:none;
}
.image3 {
height: 300px;
width: 185px;
float: left;
border-color: #543E38;
border-left-width:thin;
background-color: #FFFFFF;
padding-top: 5px;
padding-right: 5px;
padding-bottom: 5px;
padding-left: 5px;
margin-top: 10px;
margin-right: 5px;
margin-bottom: 60px;
margin-left: 40px;
text-decoration:none;
}
.image4 {
height: 385px;
width: 185px;
float: left;
border-color: #543E38;
border-left-width:thin;
background-color: #FFFFFF;
padding-top: 5px;
padding-right: 5px;
padding-bottom: 5px;
padding-left: 5px;
margin-top: 10px;
margin-right: 5px;
margin-bottom: 10px;
margin-left: 40px;
text-decoration:none;
}
/*background border for images*/
.imgback{
background-color: #B7B199;
padding-top: 10px;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 10px;
margin-top: 10px;
margin-right: 10px;
margin-bottom: 10px;
margin-left: 10px;
border-color: #543E38;
border-left-width:thin;
}
/*This is the page through css 123*/
#pagenav{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
color: #666666; 
float: right;
padding-top: 2px;
padding-right: 10px;
padding-left: 350px;
padding-bottom:0px;
margin-right: 10px;
margin-top: 20px;
}
#pagenav a{
color: #666666;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
text-decoration: none;
background-color: transparent;
}
#pagenav a:active {
color: #666666;
text-decoration: none;
background-color: transparent;
}
#pagenav a:visited {
color: #666666;
text-decoration: none;
background-color: transparent;
}
#pagenav a:hover {
color: #666666;
text-decoration: none;
background-color: transparent;
border-color: #9B9797;
} 
#pagenavtop{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
color: #666666; 
float: right;
padding-top: 2px;
padding-right: 10px;
padding-left: 350px;
padding-bottom:0px;
margin-right: 10px;
margin-top: 10px;
}
#pagenavtop a{
color: #666666;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
text-decoration: none;
background-color: transparent;
}
#pagenavtop a:active {
color: #666666;
text-decoration: none;
background-color: transparent;
}
#pagenavtop a:visited {
color: #666666;
text-decoration: none;
background-color: transparent;
}
#pagenavtop a:hover {
color: #666666;
text-decoration: none;
background-color: transparent;
border-color: #9B9797;
}