@charset "UTF-8";

/* CSS Document */
/* La Famia - Sam Beckingsale 2008 */


/* EDITOR START */


hr {
border:1px solid #393c97;
margin:15px 0 15px 0}

h1 {
font-size:18px;
color:#393c97;
margin:0 0 20px 0}

h2 {
font-size:13px;
color:#ee4423;
margin:5px 0 5px 0}

h3 {
font-size:13px;
color:#393c97;
margin:5px 0 5px 0}

h4 {
font-size:12px;
color:#a2a1a1;
margin:5px 0 5px 0}

a {
color:#3a3c97;
text-decoration:none}

a:hover {
color:#393c97;
text-decoration:underline}

p {
margin:0 0 10px 0}

ul {
padding: 10px 0 10px 20px}

li {
padding:0;
color:#393c97}

.red {
color:#ee4423}

/* EDITOR END */

body {
font-size:12px;
font-weight:200;
line-height:20px;
color:#a2a1a1;
font-family:Verdana, Arial, Helvetica, sans-serif;
background:#3a3c97 url(assets/bg.jpg) repeat-x top left fixed}

* {
margin:0;
padding:0}

.red {
color:#ee4423}

img {
border:0}

/* --------- Main Container --------- */

#wrapper {
width:1003px;
height:100%;
padding:0;
margin:0 auto}

#main_container {
width:997px;
border-left:3px solid #3a3c97;
border-right:3px solid #3a3c97;
background-color:#ffffff;
padding:0;
margin:0;
float:left;
background:#ffffff url(assets/main_container_bg.jpg) repeat-x left bottom}

/* --------- Masthead ---------*/

#masthead {
width:997px;
height:399px;
margin:0;
padding:0;
float:left}

#masthead img {
border-bottom:3px solid #ffffff}

#flashcontent {
width:997px;
height:396px;
padding:0;
margin:0;
float:left}

/* --------- Mainarea ---------*/

input {
border:1px solid #a2a1a1!important}

.textarea {
padding:30px 31px 110px 34px;
margin:27px 0 0 0;
width:715px;
float:left;
min-height:630px;
border-right: 3px solid #3a3c97}

* html .textarea {
width:744px;
margin-top:4px;
height:650px;
margin:0 0 -9px 0}

.right_column {
width:214px;
float:right;
height:100%}

* html .right_column {
padding:0;
width:200px!important;
margin:4px -20px 0 0} 

/* --------- Navigation right ---------*/

.random_testimonials {
margin:0 16px 40px 16px}

.random_logo img {
margin:0 0 0 2px;
padding:0 0 0 9px;
background-color:#ffffff}

.navigation_right {
width:214px;
float:left;
line-height:18px;
text-align:left; 
background-color: #a2a1a1;
margin:38px 0 25px 0px;
background-color:#3a3c97}

* html .navigation_right {
margin:-1px 0 0 0;
float:left}

.navigation_right ul {
margin:0;
padding:0;
width:200px}

.navigation_right p {
color:#ffffff;
font-weight:bold;
margin:4px 0 6px 12px}

.navigation_right li {
list-style:none;
margin:0 6px 4px 2px;
width:211px}

.navigation_right a {
text-decoration:none;
color:#3a3c97;
margin:0;
padding:0 0 0 8px;
display:block;
border:3px solid #ffffff;
background-color:#ebebeb;
height:20px}

.navigation_right a:hover {
color:#ffffff;
background-color:#a2a1a1;
display:block}

.navigation_right #palliative a {     /* colorful buttons */
color:#ffffff;
background-color:#ee4423}

.navigation_right #palliative a:hover {
color:#ffffff;
background-color:#f8a08f}

.navigation_right #stroke a {
color:#ffffff;
background-color:#97d5f1}

.navigation_right #stroke a:hover {
color:#ffffff;
background-color:#c6e2ef}

.navigation_right #family a {
color:#ffffff;
background-color:#fcb813}

.navigation_right #family a:hover {
color:#ffffff;
background-color:#f4d998}

.navigation_right #homecare a {
color:#ffffff;
background-color:#891e1f}

.navigation_right #homecare a:hover {
color:#ffffff;
background-color:#ad6868}

.navigation_right #domestic a {
color:#ffffff;
background-color:#a7ce38}

.navigation_right #domestic a:hover {      /* colorful buttons */
color:#ffffff;
background-color:#daf394}

.navigation_right #parent  {   
color:#ffffff;	
margin:0 0 6px 12px;
font-weight:bold}

.navigation_right #parent a {   
color:#ffffff;
margin:0 0 0 10px}

.navigation_right #parent a:hover {     
color:#ffffff;	
margin:0 0 0 10px}

.navigation_right li ul li {     
color:#ffffff;
font-size:10px;
margin:0 0 0 10px;
background:none;
border:none;
font-weight:100}

.navigation_right li ul li a {     
color:#ffffff;
font-size: 10px;
margin:0 0 0 10px;
background:none;
border:none}

.navigation_right li ul li a:hover {     
color:#ffffff;
text-decoration: underline;
font-size: 10px;
margin:0 0 0 10px;
background:none;
border:none}

/* --------- Navigation top ---------*/

.navigation_top {
width:997px;
float:left;
border-bottom:3px solid #7f7d7d;
line-height:18px;
text-align:left;
height:28px;
background-color:#7f7d7d}

.navigation_top ul{                   
list-style-type:none;     
margin:0;     
padding:0;          
position:static;           
background-color:#ffffff;   
color:#ffffff}

.navigation_top li{
float:left;                
border:#ffffff solid 3px;    
background-color:#ebebeb;     
color:#ffffff;                
margin:3px 3px 0 0;             
padding:0;              
width:120px;             
display: block}

.navigation_top li a{                  
text-align:left;         
width:110px; 
padding:0 0 0 8px;             
display:block;
color:#7f7d7d}

.navigation_top a:hover,                
.navigation_top li:hover{
display:block;
background-color:#7f7d7d;
text-decoration:none;
color:#ffffff}

/* --------- Footer --------- */

#footer {
width:997px;
height:52px;
font-size:9px;
color:#ffffff;
text-align:center;
background: url(assets/footer.jpg) repeat-x bottom left; 
margin:10px 0 0 0;
clear:both}

#footer a {
text-decoration:none;
color:#ffffff}

#footer a:hover {
text-decoration:underline;
color:#ffffff}

#footer p {
font-size:9px;
color:#ffffff;
padding:17px 0 0 0;
margin:0}

/* --------- Contact Form --------- */

div.contactForm{
width:365px;
padding:0;
margin:30px}

div.row {
clear:both;
padding:5px 0 0 0;
vertical-align:middle}

div.row span.label {
float:left;
width:140px;
text-align:right;
padding:0 10px 0 0}

div.row span.formw {
float:right;
width:210px;
text-align:left}

div.row span.formw input.text, div.row span.formw textarea{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#86b637;
width:210px;
border:1px solid #000000;
background:none!important}

div.row span.formw textarea{
height:50px}

div.spacer {
clear:both}