/* - - - - - - - - - - - - - - - - - - - - -

Title : Cadeau LLC website
Author : Eric Wolf
URL : http://www.activecanvas.com

Description : style sheet for Cadeau LLC main page at www.wherelifemeetswealth.com

Created : 10/10/2009
Version : 2011.12.12

- - - - - - - - - - - - - - - - - - - - - */

/* ----- CSS ----- */

*{
margin: 0;
padding: 0;
}
html{
font-size: 1.25em; /* 1.25 x 16px = 20px */
}
body{
margin:0;
color:#333;
font:60% Tahoma, Arial, Helvetica, sans-serif; /* adjusts base font to 12px */
background-image:url(/images/bkg.png);
}
html>body {
font-size: 12px; /* overrides the above in all browsers except IE */
}


/* ----- IDs ----- */

#page{
width:950px;
margin:15px auto;
border:1px solid #d9ccbf;
background-color:#fff;
text-align:left;
}
#navigation{
height:25px;
}
#banner{
background:url(/images/vignettes/banner_ndx.jpg) 0 0 no-repeat;
clear:left;
float:left;
height:352px;
width:950px;
}
#footer{
float:left;
padding:5px 12px;
font-size:.9em;
}


/* ----- CLASSES ----- */

.box3, .box3m, .box3bkg{
padding:10px 0;
line-height:1.3em;
}
.box3, .box3m{
border:1px solid #d9ccbf;
width:320px;
}
.box3bkg{
background:#fae8c2;
width:300px;
}
.linkblock{
padding:12px;
float:right;
}
.clr{
color:#eba109;
}


/* ----- HEADINGS ----- */

h1{
margin:0;
padding:0 12px;
text-transform:lowercase;
font:3em Tahoma, 'MS Tahoma', Arial, Helvetica, sans-serif;
letter-spacing:6px;
color:#903;
}
h2{
padding:0 12px;
margin:0 0 .25em 0;
font-size:1.1em;
}
td.box3bkg h2{
margin-bottom:.75em;
text-transform:uppercase;
}

h3{
font-size: 1.2em;
margin: .83em 0 .3em 0;
}
h4, p, blockquote, ul, fieldset, form, ol, dl, dir, menu {
font-size:1em;
padding:0 12px;
margin:.3em 0 .7em 0;
}
h5{
padding:0 12px;
margin:0 0 15px 0;
font:1em Tahoma, 'MS Tahoma', Arial, Helvetica, sans-serif;
color:#000;
}
h6{
font-size:.75em;
margin:1.67em 0;
}
h1, h2, h3, h4, h5, h6, b, strong {
font-weight: bolder;
}
h2, h3, h4, h6{
padding:0 12px;
color:#630;
}

/* ----- PARAGRAPHS ----- */

#banner_txt p{
padding:0;
margin:60px;
width:300px;
font-size:1.4em;
line-height:1.5em;
color:#fff;
}
td.box3 p{
line-height:1.5em;
}

td#presentation p {
	margin:15px 0 15px 80px;
	padding:0;
	width:720px;
}


/* ----- QUOTES ----- */

blockquote{
margin-left: 40px; 
margin-right: 40px;
}

/* ----- CODE ----- */

pre, tt, code, kbd, samp { 
font-family: monospace;
}
pre{
white-space: pre;
}

/* ----- LISTS ----- */

ol ul, ul ol, ul ul, ol ol	{ margin:0; }
ol, ul						{ margin-left: 40px; }

ol li{ list-style-type:decimal; }
ul li{ list-style-type:disc; }

#navigation ul{
float:right;
padding:0;
margin:0;
}
#navigation ul li{
display:inline;
list-style:none;
line-height:2em;
font-size:.9em;
font-weight:bolder;
text-transform:uppercase;
}

/* ----- IMAGES ----- */

img.fotoL{
padding:0 10px 0 0;
}
img.fotoR{
padding:0 0 0 10px;
}
a img{
border:none;
}


/* ----- TEXT FORMATTING ----- */

strong{
font-weight:bolder;
}
em{
font-style:italic;
font-family:Georgia, 'Times New Roman', Times, serif;
line-height:2em;
}
td.box3bkg em{
line-height:1.4em;
}


/* ----- LINKS ----- */

a{
color:#c60;
text-decoration: none;
}
a:link{
color:#c60;
}
a:visited{
color:#df9f60;
}
#navigation ul li a, #navigation ul li a:link, #navigation ul li a:visited{
padding:6px 20px;
background:#d9ccbf;
color:#630;
}
#navigation ul li a:hover, #navigation ul li a:focus{
background:#b29a81;
color:#630;
}


/* ----- TABLES ----- */

table{
display: table;
border-spacing: 2px;
}
caption{
display: table-caption;
text-align: center;
}
thead, tbody, tfoot  { 
vertical-align: middle ;
}
th{
font-weight: bolder; 
text-align: center;
vertical-align: inherit;
}
td{
vertical-align:top;
}


/* ----- FORMS ----- */

fieldset{
position:relative;
float:left;
clear:both;
width:100%;
padding:0 0 1em 0;
margin:0 0 -1em 0;
border-style:none;
}
fieldset ol{
padding:3em 1em 0 0;
margin:0;
list-style:none;
}
fieldset li{
float:left;
clear:left;
width:100%;
padding-bottom:1em;
}
legend{
float:left;
width:5em;
padding:0;
margin-right:1em;
color:#630;
font-weight:bold;
}
legend span{
position:absolute;
left:0.8em;
top:0;
margin-top:0.5em;
font-size:125%;
}
label{
position:relative;
float:left;
width:3em;
margin-right:1em;
}
label img{
position:absolute;
left:3em;
top:0;
}
button, textarea, input, select{ 
display:inline-block;
}
input#submit{
float:none;
width:auto;
padding:3px 10px;
margin-left:7em;
border:1px solid #b29a81;
border-right-color:#630;
border-bottom-color:#630;
background:#d9ccbf;
color:#630;
}


/* ----- PRINTING ----- */

@media print {
h1 { 
page-break-before: avoid; 
}
h1, h2, h3, h4, h5, h6 { 
page-break-after: avoid; 
}
ul, ol, dl { 
page-break-before: avoid; 
}
#navigation{
display:none;
}
}