/********************************************************************************
*                                                                               *
*  Author    :  Geoff Moore                                         	        *
*  Web       :  http://www.phase8.com		                                 	*
*  E-mail    :  studio ( at ) phase8 ( dot ) ( com )			        		*
*  Modified  :  10-Aug-2007                                                     *
*                                                                               *
*  Copyright (c) 2007 Geoff Moore. All Rights Reserved.                         *
*  Use of this code is not permitted without permission!                        *
*                                                                               *
********************************************************************************/

/* TIPS FOR THE STYLESHEET
================================================================================ 

The correct order for shrothand font stylying is....
font:font-style, font-variant, font-weight, font-size, line-height, font-family

Always Declare font styles above, again on forms.

The correct order for site links a, hover etc is....
link, visited, hover, focus, active.
/*
--------------------------------------------------------------------------------
GENERIC STYLE SHEET - DEFAULTS SITE SO ELEMENTS DISPLAY NICE
--------------------------------------------------------------------------------
*/

/* MAIN TYPOGRAPHY
=============================================================================== */

html { font-size: 62.5%; font-family: calibri, arial, helvetica, "microsoft sans serif", sans-serif; }
strong, th, thead td, h1, h2, h3, h4, h5, h6 { font-weight: bold; }
cite, em, dfn { font-style: italic; }
code, kbd, samp, pre, tt, var, input[type='text'], textarea { font-size: 92%; font-family: monaco, "Lucida Console", courier, mono-space; }
del { text-decoration: line-through; color: #666; }
ins, dfn { border-bottom: 1px solid #ccc; }
small, sup, sub { font-size: 85%; }
abbr, acronym { text-transform: uppercase; font-size: 85%; letter-spacing: .1em; }
a abbr, a acronym { border: none; }
abbr[title], acronym[title], dfn[title] { cursor: help; border-bottom: 1px solid #ccc; }
sup { vertical-align: super; }
sub { vertical-align: sub; }

/* QUOTES
=============================================================================== */
/*
A blockquote is used when quoting text from another source, usually another blog or website.
*/

blockquote {color: #fff;font-style:italic;font-weight:600; }
blockquote *:first-child:before { content: ""; }
blockquote *:first-child:after { content: ""; }

/* language specific quotes! */

q { quotes: "\201C" "\201D" "\2018" "\2019"; }
:lang(af), :lang(nl), :lang(pl) { quotes: '\201E' '\201D' '\201A' '\2019'; }
:lang(bg), :lang(cs), :lang(de), :lang(is), :lang(lt), :lang(sk), :lang(sr), :lang(ro) { quotes: '\201E' '\201C' '\201A' '\2018'; }
:lang(da), :lang(hr) { quotes: '\00BB' '\00AB' '\203A' '\2039'; }
:lang(el), :lang(es), :lang(sq), :lang(tr) { quotes: '\00AB' '\00BB' '\2039' '\203A'; }
:lang(en-GB) { quotes: '\2018' '\2019' '\201C' '\201D'; }
:lang(fi), :lang(sv) { quotes: '\201D' '\201D' '\2019' '\2019'; }
:lang(fr) { quotes: '\ab\2005' '\2005\bb' '\2039\2005' '\2005\203a'; }

/* NOTE: safari refuses to support the quotes syntax. I only added the english language quotes for safari to save space. */
html[lang|='en'] q:before   { content: '\201C'; }
html[lang|='en'] q:after    { content: '\201D'; }
html[lang|='en'] q q:before { content: '\2018'; }
html[lang|='en'] q q:after  { content: '\2019'; }

/* PULL QUOTES
=============================================================================== */
/*
Pullquotes are teasers intended to draw the attention of a viewer by giving a
sneak preview of the content. They are quite common in magazines and newspapers
and are usually short extracts from an article.
*/
.pullquote {padding: 10px;float: right;width: 200px;margin: 10px 0 10px 20px;border-top: 2px solid #694ec1;border-bottom: 2px solid  #694ec1;font: italic normal 600 16px/36px Arial, Helvetica, sans-serif;}

/* FORMS
===============================================================================

fieldset { border: 1px solid #ccc; }
legend { background: #fff; }
textarea, input[type='text'], select { border: 1px solid #ccc; background: #fff; }
textarea:hover, input[type='text']:hover, input[type='password']:hover, select:hover { border-color: #aaa; }
textarea:focus, input[type='text']:focus, input[type='password']:focus, select:focus { border-color: #888; outline: 2px solid #ffffaa; }
input, select { cursor: pointer; }
input[type='text'] { cursor: text; }

 */ /*

--------------------------------------------------------------------------------
CONTENT ONLY
--------------------------------------------------------------------------------
*/

/* BASE SIZES
=============================================================================== */

.content { font-size: 1.2em; line-height: 1.6em; }
.content h1 { font-size: 1.6em; }
.content h2 { font-size: 1.5em; }
.content h3 { font-size: 1.4em; }
.content h4 { font-size: 1.3em; }
.content h5 { font-size: 1.2em; }
.content h6 { font-size: 1em; }
.content .details {font-size:.98em}
.content #footer {font-size:.9em;}

#contact-page .contactform-container h2 {font-size:1.25em;}
#contact-page h4 {font-size:1.2em;}

/* HR
=============================================================================== */

.content hr { display: block; background: #aaa; color: #aaa; width: 100%; height: 1px; border: none; }

/* LISTS
=============================================================================== */

.content ul li { text-indent: -.85em; margin-left: .85em; }
.content ul li:before { content: ""; }
.content ol { list-style-position: outside; list-style-type: decimal; }
.content dt { font-weight: bold; }

/* TABLES
=============================================================================== */

.content table { border-top: 1px solid #ccc;  border-left: 1px solid #ccc; }
.content th, .content td { border-bottom: 1px solid #ddd; border-right: 1px solid #ccc; }

/* MARGINS & PADDINGS
=============================================================================== */

.content blockquote *:first-child { margin: .8em 0; }
.content hr, .content p, .content ul, .content ol, .content dl, .content pre, .content blockquote, .content address, .content table, .content form {margin-bottom: .8em; }
.content p+p { margin-top: -.8em; }
/* NOTE: Calulate header margins: TOP: 1.6em/size, BOTTOM: 1.6em/size/2 */
.content h1 { margin: 1em 0 .5em;  }
.content h2 { margin: 1.07em 0 .535em; }
.content h3 { margin: 1.14em 0 .57em; }
.content h4 { margin: 1.23em 0 .615em; }
.content h5 { margin: 1.33em 0 .67em; }
.content h6 { margin: 1.6em 0 .8em; }
.content th, .content td { padding: .8em; }
.content caption { padding-bottom: .8em; } /* padding instead of margin for IE */
.content blockquote { padding: 0 1em; margin: 1.6em 0; }
.content fieldset { padding: 0 1em 1em 1em; margin: 1.6em 0; } /* padding-top is margin-top for fieldsets in Opera */
.content legend { padding-left: .8em; padding-right: .8em; }
.content legend+* { margin-top: 1em; } /* compensates for the opera margin bug */
.content textarea, .content input { padding: .3em .4em .15em .4em; }
.content select { padding: .1em .2em 0 .2em; }
.content option { padding: 0 .4em; }
.content a { position: relative; padding: 0.3em 0 .1em 0; } /* for larger click-area */
.content dt { margin-top: .8em; margin-bottom: .4em; }
.content ul { margin-left: 1.5em; }
.content ol { margin-left: 2.35em; }
.content ol ol, .content ul ol { margin-left: 2.5em; }
.content form div { margin-bottom: .8em; }

.content #footer p {padding: 0.9em 0 .1em .5em;}


/* COLORS
=============================================================================== */
.content, .content p {color:#fff;}
.content a:link { text-decoration: underline; color: #36c; }
.content a:visited { text-decoration: underline; color: #99c; }
.content a:hover { text-decoration: underline; color: #8BF703; }
.content a:active, .content a:focus { text-decoration: underline; color: #000; }
.content code, .content pre { color: #c33; } /* very optional, but still useful. W3C uses about the same colors for codes */
.content .details a:hover {color:#8BF703;}

.content #site-navigation dd a {font-size:1.1em;color:#fff;text-decoration:none;outline:none;font-weight:600;}
.content #site-navigation dd a:hover, .content #site-navigation dd a:focus, #site-navigation dd a.current {color:#596872;}

/* home page */
#home-page .content #latest-news h4.news-heading {font-size:14px;}
#home-page .content #latest-news dd span.news-date {color:#a2b2bc;font-weight:700;margin-left:18px;}
#home-page .content #latest-news dd h4.news-heading,  .content #latest-news dd p.news-summary {color:#fff;width:73%;font-weight:700;margin:0 0 0 18px}
#home-page .content #latest-news dd .news-summary {font-weight:600;width:89%;font-size:.95em;padding-left:20px;}

/* investments page */
#investments-page .detail h2, #news-page .detail h2 {font-size:1.2em;margin-bottom:0.1em;color:#fff;font-weight:600;}
#investments-page .detail .websiteurl a {color:#596872;padding-bottom:2px;text-decoration:underline;}
#investments-page .detail .websiteurl a:hover {color:#8BF703;}
#investments-page .detail .info, #news-page .detail .info {color:#fff;font-size:0.95em;}

/* news / press page */
#news-page .detail span.news-date {display:block;margin:15px 0 -15px 0;color:#a2b2bc;font-weight:700;}


/* Investments page */
blockquote h4 {font-weight:600;}


/* SPECIAL EFFECTS AND TRICKS USED IN THE WEB TRADE
=============================================================================== */
.hide{position:absolute;left:-999em;}
.ir{display:block;overflow:hidden;font-size:0pt;line-height:0;text-decoration:none;letter-spacing:-9999em;/*color:transparent;*/}
.cf:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
/*\*/.cf{display:block;}/**/
.cb{clear:both;}
.vcard {}
.error, .required {color:#FF0000;}
.float-left {float:left;height:1%;padding:0;margin:0;display:inline;}
.float-right {float:left;height:1%;padding:0;margin:0;display:inline;}