/*


Colors:

  Dark Gray #333
  Medium Gray #777
  Light Gray #ccc
  Red #a90000
  fuchsia #f52174
  menu blue #507cea
  body background gray #eeeeee;
  border grap #dddddd
  graph aqua #7adfdf, 97fdff;
*/

html {height: 100%;}

body {
    background: #eeeeee;
    /*font: normal 62.5% Arial, Helvetica, Verdana, sans-serif;*/
    font: normal 100% Arial, Helvetica, Verdana, sans-serif;
    color: #666666;
    height: 100%;
    margin: 0;
}

p {
    font-size: 14pt;
    margin: 10px 100px 0 100px;
}

pre {
    font-size: 11pt;
    margin: 10px 100px 0 100px;
}

div.container {
    /*width:960px;*/
    margin: 0 auto;
    /*background: transparent url(../images/bg/bg_container.gif) 0 0 repeat-y;*/
    padding: 0 5px;
}

/* header */

div.header {
    /*width:960px;*/
    margin: 0 auto;
    padding: 0;
    overflow: hidden;
    background-color: #ffffff;
    border-left: 1px solid #f52174;
    border-right: 1px solid #dddddd;
}

div.header img { /* dropshadow effect */
    margin: 7px 0 0 0;
    border-top: 0;
    border-right: 0;
    border-bottom: 0;
    border-left: 5px solid #f52174;

    float: left;
    height: 220px;
}

div.header h1 {
    padding-top: 45px;
    margin-left: 50%;
    letter-spacing: .35em;
    /*border-left: 5px solid #f52174;*/
}

/* Menu */

.menu { 
    overflow: hidden; 
    background: #507cea url(images/bg_nav.png) bottom left repeat-x; 
    /*margin-top: 58px;*/
    margin-top: 10px;
    margin-left: 190px;
    margin-right: 20px;
    border-top: 1px solid #f52174;
    /*border-bottom: 1px solid #f52174;*/
/*     border-left: 1px solid #f52174; */

/*     border-top: 1px solid #97fdff; */
/*     border-right: 1px solid #97fdff; */
    /*border-bottom: 1px solid #dddddd;*/
}
.menu li { 
    float: left; 
    display:inline; 
    font-size: 1.6em; 
    margin:0 12px 0 12px; 
    font-family: Helvetica, Arial, Verdana, sans-serif; 
    padding: 0px 0 0 0;
}

.menu li.last { margin:0 0 0 28px;}
.menu li a {
    color: #ffffff;
    padding: 0px 0 10px; 
    display: block; 
    text-decoration: none; 
    font-size: 14pt;
    letter-spacing: .1em;
    border: 0;
}
.menu li a:hover {text-decoration: underline; }

body.home .menu a.home {
    text-decoration: underline;
}
body.products .menu a.products {
    text-decoration: underline;
}
body.articles .menu a.articles {
    text-decoration: underline;
}
body.faq .menu a.faq {
    text-decoration: underline;
}
body.about .menu a.about {
    text-decoration: underline;
}
body.contact .menu a.contact {
    text-decoration: underline;
}
body.disclosures .menu a.disclosures {
    text-decoration: underline;
}


div.copy {
    /*width:912px;*/
    margin: 0 auto;
    padding: 24px;
    background-color: #ffffff;
    border-left: 1px solid #f52174;
    border-right: 1px solid #dddddd;
}

div.copy a {
    color: #507cea;
}

div.copy a:visited {
    color: #507cea;
    /*color: #97fdff;*/
}

div.copy a:hover {
    color: #f52174;
}

div.copy li {
    margin-top: 5px;
}


/* .copy { */
/*     width:800px; */
/*     padding-left: 2em; */
/* /\*    background-color: #8888ff;*\/ */
/* } */

h1{
    margin-left: 25%;
    margin-top: 0px;
    letter-spacing: .25em;
    font-size: 17pt;
}

h2{
    padding-left: 4%;
    letter-spacing: .35em;
    font-size: 15pt;
}

h3{
    padding-left: 5%;
    letter-spacing: .15em;
    font-size: 13pt;
}

.copy img{
    /*border: 3px solid #f9700f;*/
    /*border: 1px solid #f9700f;*/
    border: 4px solid #1958b7;
    border: 12px solid #eeeeee;
    float: right;
}

.hidden {
    visibility: hidden;
    height:10px;
}
.unhidden {
    visibility: visible;
    height: auto;
}

/* Portfolio page */

#allocation_area {
    /*background-color: #97fdff;*/
}

input.btn { /* Vibrant button */
    /*background-color:#2222aa;*/
    color:#2222aa;
   /*color: #1958b7;*/
   letter-spacing: .15em;
/*    font: bold 84%'trebuchet ms',helvetica,sans-serif; */
/*    font: bold;*/
    font-weight: bold;
    font-size: 18pt;
    /*background-color:#FE9A2E;*/
    /*background-color: #f9700f;*/
} 

/* About us page */

div.text-wrap{
    float: right;
    background: #ffffff url(images/business_woman.jpg);
    background-position: top right;
    background-repeat: no-repeat;
    text-align: justify;

    margin-right: -25;
    margin-left: -25;
    border-left: 1px solid #f52174;
    border-right: 1px solid #dddddd;

    padding-left: 100px;
    
/*    font-family: roman, serif;*/
}
/* http://www.bigbaer.com/css_tutorials/sophie_text-flow-tutorial.css */
/* continue sand-bag divs */
/* declare right float, clear */
#sb1,#sb2,#sb3,#sb4,#sb5,#sb6 {
float:right;
clear:right;
padding:0;
/*border: 1px solid #1958b7;*/
margin:0 0 0 20px;
}


#sb1{
    width: 250px;
    padding: 4px 0 0 0;
    height: 40px;
    font-size: 1px;
    line-height: 1px;
}

#sb2{
    width: 260px;
    height: 60px;
}

#sb3{
    width: 300px;
    height: 50px;
}

#sb4{
    width: 315px;
    height: 30px;
}

#sb5{
    width: 330px;
    height: 60px;
}

#sb6{
    width: 294px;
    height: 140px;
}


/* http://www.spiffycorners.com/index.php?sc=spiffy&bg=ffffff&fg=4dcb4d&sz=5px */
.spiffy{display:block}
.spiffy *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#4dcb4d}
.spiffy1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #b2e8b2;
  border-right:1px solid #b2e8b2;
  background:#79d879}
.spiffy2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #edf9ed;
  border-right:1px solid #edf9ed;
  background:#6ed46e}
.spiffy3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #6ed46e;
  border-right:1px solid #6ed46e;}
.spiffy4{
  border-left:1px solid #b2e8b2;
  border-right:1px solid #b2e8b2}
.spiffy5{
  border-left:1px solid #79d879;
  border-right:1px solid #79d879}
.spiffyfg{
  background:#4dcb4d
}
.round-button {
    width: 9.5em;
    float: left;
    margin: 10px;
    
}
.spiffyfg h3 {
    color: #fff;
    text-align: center;
    margin: 0 0 0 0;
    letter-spacing: .2em;
}

.spiffyfg a {
    text-align: center;
}