/* CSS Document */

body{
font-size:65%;
margin:10px 0px 20px 0px;
background-color:#666666;
width:100%;
height:100%;
}

#wraper{
width:1000px;
margin-left:auto;
margin-right:auto;
background-color:#FFFFFF;
color:#FFFFFF;
}

/*css properties for header*/
#header{
width:100%;
background-image:url(../images/header-bg1.jpg);
background-repeat:repeat-y;
margin:0px;
float:left;
}

#header h1{
font-family:Arial, Helvetica, sans-serif;
font-size:4em;
font-weight:bold;
color:#FFFFFF;
margin:0px;
padding:90px 0px 10px 50px;
}

#left{
width:48%;
float:left;
}

#right{
width:50%;
float:right;
}

#header h2{
font-family:Arial, Helvetica, sans-serif;
font-size:5.7em;
font-weight:bold;
color:#FFFFFF;
margin:0px;
padding:45px 0px 0px 0px;
}

#header p{
font-family:Arial, Helvetica, sans-serif;
font-size:1.4em;
font-weight:200;
color:#FFFFFF;
margin:0px;
padding:0px;
}


/*end of header*/

/*css properties for navigation*/

#navigation{
width:100%;
padding:0px 0px 0px 50px;
height:35px;
background-image:url(../images/navigation-bg1.jpg);
background-repeat:repeat-y;
clear:both;
}

#navigation ul{
width:100%;
padding:10px 0px 0px 0px;
margin:0px 0px 0px 0px;
font-family:Verdana, Arial, Helvetica, sans-serif;
list-style:none;
}

#navigation li{
margin-right:85px;
float:left;
font-size:1.2em;
font-weight:bold;
}

#navigation li a{
text-decoration:none;
color:#FFFFFF;
}

#navigation li a:hover{
text-decoration:underline;
}

/*end navigation*/

/*css properties for left content*/

#content-left{
width:430px;
float:left;
margin:0px 0px 0px 0px;
padding:20px 20px 0px 50px;
background-color:#FFFFFF
}

#content-left h1{
font-family:Arial, Helvetica, sans-serif;
color:#666666;
font-size:2em;
font-weight:bold;
margin:0px;
padding:0px 0px 15px 0px;
}

#content-left h2{
font-family:Arial, Helvetica, sans-serif;
color:#666666;
font-size:1.9em;
font-weight:300;
margin:0px 0px 20px;
padding:0px;
}

#content-left p{
font-family:Arial, Helvetica, sans-serif;
color:#666666;
font-size:1.4em;
margin:0px 0px 10px 0px;
padding:0px;
}

#content-left ul{
font-family:Arial, Helvetica, sans-serif;
color:#666666;
font-size:1.4em;
font-weight:300;
margin:0px 0px 0px 15px;
padding:0px;
}

#content-left li{
margin-bottom:20px;
}

.blue-box-right{
float:right;
margin-left:4px;
padding-left:10px;
}

.blue-box-left{
float:left; 
margin-right:5px;
}

/*end of left*/

/*properties for content right*/
#content-right{
width:480px;
float:right;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
background-color:#FFFFFF;
height:420px;
}

.img{
width:100%;
height:420px;
padding:0px;
margin:0px;
}
/*end of right content*/

#footer{
width:100%;
background-image:url(../images/navigation-bg1.jpg);
background-repeat:repeat-y;
margin:0px;
padding:15px 0px 10px 0px;
clear:both;
}

#footer h1{
margin:0px 0px 0px 50px;
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-size:2em;
font-weight:bold;
padding:0px;
}

#footer p{
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-size:1.4em;
font-weight:300;
margin:0px 0px 0px 330px;
padding:5px 0px 0px 0px;
position:absolute;
}

#footer a{
color:#FFFFFF;
}

/*glider div properties*/
#content-left-glider{
width:430px;
float:left;
margin:0px 0px 0px 0px;
padding:20px 20px 0px 50px;
background-color:#FFFFFF
}

#content-left-glider h1{
font-family:Arial, Helvetica, sans-serif;
color:#666666;
font-size:2em;
font-weight:bold;
margin:0px;
padding:0px 0px 15px 0px;
}

#content-left-glider h2{
font-family:Arial, Helvetica, sans-serif;
color:#666666;
font-size:1.9em;
font-weight:300;
margin:0px 0px 20px;
padding:0px;
}

#content-left-glider p{
font-family:Arial, Helvetica, sans-serif;
color:#666666;
font-size:1.4em;
margin:0px 0px 10px 0px;
padding:0px;
}

#content-left-glider ul{
font-family:Arial, Helvetica, sans-serif;
color:#666666;
font-size:1.4em;
font-weight:300;
margin:0px 0px 0px 15px;
padding:0px;
}

#content-left-glider li{
margin-bottom:4px;
}


/*contact page for properties*/

#contact{
border:none;
font-family:Arial, Helvetica, sans-serif;
color:#666666;
font-size:1em;
}

#contact label{
margin-bottom:4px;
padding-right:10px;
}

.php{
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-size:2em;
margin:20px 0px 0px 20px;
}

.test-quote{
font-size:.9em;
color:#000000;
text-align:center;
}


/*scrolling*/

#cont{
width:430px;
height:290px;
float:left;
margin:0px 0px 0px 0px;
padding:0px;
background-color:#FFFFFF;
overflow:hidden;
position:relative;
text-align:justify;
}

#cont h1{
font-family:Arial, Helvetica, sans-serif;
color:#666666;
font-size:2em;
font-weight:bold;
margin:0px;
padding:0px;
}

#cont h2{
font-family:Arial, Helvetica, sans-serif;
color:#666666;
font-size:1.9em;
font-weight:300;
margin:0px 0px 20px;
padding:0px;
}

#cont p{
font-family:Arial, Helvetica, sans-serif;
color:#666666;
font-size:1.4em;
margin:0px 0px 10px 0px;
padding:0px;
}

#cont ul{
font-family:Arial, Helvetica, sans-serif;
color:#666666;
font-size:1.4em;
font-weight:300;
margin:0px 0px 0px 15px;
padding:0px;
}

#cont li{
margin-bottom:20px;
}

#cont a{
color:#0000CC;
}

#arrows{
width:400px;
float:left;
clear:both;
padding-top:5px;
text-align:center;
color:#000000;
font-family:Arial, Helvetica, sans-serif;
font-size:1em;

}

#arrows a img{
padding-top:20px;
padding-left:10px;
padding-right:10px;
border:0px;
}


#up {
cursor:pointer;
}

#down {
cursor:pointer;
}

.txt {
position:absolute; 
left:0px; 
top:0px; 
width:auto; 
font-family:verdana,arial,helvetica,sans-serif;  
text-align:justify; 
padding:0px; 
visibility:hidden;
}

#essio{
padding:0px;
margin:0px auto 0px auto;
background-color:#666666;
font-family:Arial, Helvetica, sans-serif;
width:1000px;
color:#FFFFFF
}

#essio p{
padding:5px 0px 0px 0px;
margin:0px;
}

#essio a{
text-decoration:none;
color:#FFFFFF;
}

#essio a:hover{
text-decoration:underline;
}