body
{
font-family: arial;
margin: 0; padding: 0;
background: url(new-header-bg.gif);
background-repeat: repeat-x;
padding-bottom: 30px;

}

#header
{

height: 200px;
margin-left: 227px;
background-color: white;
background-image: url(new-header-bg.gif);
background-repeat: repeat-x;


}

#header #man
{
float: left;
}

#header #woman
{
float: right;
}

#header #logo
{
position: absolute;
left: -2px; 

border-right: 1px solid black;
}

#container
{

width: 100%;
border-top: 1px solid black;
background: url(reflection.gif);
background-repeat: no-repeat;
background-position: 227px 0px;

}

#left-column
{
width: 227px;
height: 500px;
float: left;
background-image: url(new-logo.gif);
background-repeat: no-repeat;
padding-top: 137px;

}

#right-column
{
width: 247px;

height: 300px;
float: right;
background: url(new-woman.gif);
background-repeat: no-repeat;
padding-top: 200px;

}

#left-column h1
{

width: 227px;
height: 58px;
font-size: 14px;
color: black;

text-align: center;

border-bottom: 1px solid black;

margin: 0; padding: 0;
padding-top: 5px;
}

html>body #left-column h1 {min-height: 58px; height: auto;}

#left-column ul
{
margin: 0; padding: 0;
list-style-type: none;
font-size: 70%;
text-align: center;

}

#left-column ul li
{
float: left;
width: 227px;
border-bottom: 1px solid black;
border-right: 1px solid black;
}

#left-column ul li a
{
display: block;
background: #c7e880;
color: black;
text-decoration: none;
padding: 5px;
width: 217px;
}

#left-column ul li a:hover
{
background: gray;
color: white;
}

#left-column ul li a:active
{
background: gray;
color: white;
}



#right-container
{
margin-left: 227px;
position: relative;


}



#right-column h2
{
margin: 0; padding: 0;
font-size: 120%;
color: gray;

padding: 10px;

background: url(images/h2-bg.gif);
background-repeat: repeat-x;
border-top: 1px solid black;
color: black;
font-size: 14px;

}

#right-column p
{
text-align: justify;
padding: 15px;
}

#sunimage
{

float: left;
}

#navigation
{
float: left;
width: 534px;

height: 153px;
position: relative;
}

#center-column
{

margin-left: 228px;
margin-right: 237px;
background-image: url(new-man.gif);
background-repeat: no-repeat;
padding-top: 200px;



}

#center-column h2
{
border-top: 1px solid black;
margin: 0; padding: 0;
color: black;
padding-right: 10px;
text-align: right;

}

#center-column p
{
padding-left: 10px;
padding-right: 10px;
}

#center-column h3
{
padding-left: 10px;

}

#center-column ul
{
margin: 0; padding: 0;
background: #c7e880;
margin-right: 25px;
margin-left: 20px;
border: 1px solid black;

}

#center-column li
{
padding-bottom: 10px;
padding-left: 10px;
}

.question
{
border: 1px solid black; 
color: black;
padding: 5px;
margin-left: 5px;
margin-right: 15px;
background: #c7e880;
}

.clients_tnh
{
width: 109px;
height: 90px;
float: left;
padding-top: 20px;
padding-left: 1px;
border: 1px solid black;
background: #c7e880;
margin-left: 5px;
margin-top: 5px;
}

.clients_tnh img
{
border: 1px solid black;

}


.clients_tnv
{
width: 92px;
height: 109px;
float: left;
padding-left: 18px;
padding-top: 1px;
border: 1px solid black;
background: #c7e880;
margin-left: 5px;
margin-top: 5px;
}

.clients_tnv img
{
border: 1px solid black;

}

.client_box
{
visibility: hidden;
position: absolute;
left: 10px;
top: 295px;
width: 450px;

border: 1px solid black;
padding-right: 5px;
background: white;

}

.client_box h4
{
margin: 0; padding: 0;
font-size: 18px;
color: black;
}



.client_box img
{
float: left;
margin-left: 5px;
margin-top: 5px;

padding-right: 5px;
padding-bottom: 5px;

}

.client_box p
{
padding-left: 5px;
font-size: 11px;
}

.quotes
{
font-size: 14px;
}

#inspiration_quotes
{
position: absolute;
right: 260px;
top: 60px;
font-size: 18px;


width: 300px;
text-align: right;



}

#sun
{
position: absolute; right: 260px; top: 20px;

}

.staff
{
border: 1px solid black;
padding: 5px;
margin-left: 5px;
margin-right: 15px;
font-size: 11px;

}

.staff img
{
float: left;
padding-right: 5px;
}
