﻿@charset "utf-8";
/* CSS Document */

/*-----------------------------------------------------------------------------
	Capstone
	author: Nettune Inc.
	contact: info@nettune.com
	version:   1.0

-----------------------------------------------------------------------------*/
/* Basics
-----------------------------------------------------------------------------*/
html, body { height: 100%; }
/* Force vertical scrollbar */
	html { min-height: 100%; margin-bottom: 1px; }
* { margin: 0; padding: 0px; } /* Remove padding and margin */
h1, h2, h3, h4, h5, h6, p, pre, blockquote, form, fieldset, table, ul { margin: 0em 0; } /* Put it back on certain elements */
.clear { clear:both; } /* Class for clearing floats */
img { border: 0; } /* Remove border around linked images */

/* ---------------------------------------------------------------------------
Spacers & Headers
-----------------------------------------------------------------------------*/
.break { margin: 0; padding: 0; border-width: 0; height:8px; line-height: 8px; }
.bigBreak { height:20px; }
.dividerLine { width: 360px; height:1px; background:url(../images_global/global_divider.jpg); margin-top: 15px; }
.pipe { width:1px; height:18px; padding: 0px 8px 0px 8px; }
br { margin: 0; padding: 0; border-width: 0; line-height: 6px; }
*.brHalf { display:block; margin-top:-0.5em; }
*.brSingle { display:block; margin-top:0em; }
*.brOne { display:block; margin-top:1.5em; }
*.brDouble { margin-top:15px; }

/* ---------------------------------------------------------------------------
HREF Selectors
-----------------------------------------------------------------------------*/	
a:link { font-family: Arial, Helvetica, sans-serif; text-decoration: none; color: #336699; font-size:12px; }
a:visited { font-family: Arial, Helvetica, sans-serif; text-decoration: none; color: #336699; font-size:12px; }
a:hover { font-family: Arial, Helvetica, sans-serif; text-decoration: underline; color: #3b3b3a; font-size:12px; }
a:active { font-family: Arial, Helvetica, sans-serif; text-decoration: underline; color: #FFF; font-size:12px; }

/* ---------------------------------------------------------------------------
Paragraph/Header/List Selectors
-----------------------------------------------------------------------------*/	
p { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight:normal; line-height:21px; color:#40464f; padding:0; margin:0; padding-bottom: 15px; text-align: left; }
h1 { font-family:Georgia, "Times New Roman", Times, serif; color:#191617; font-style:italic; font-size: 23px; line-height:19px; padding:0; margin:0; padding-bottom: 5px; font-weight: normal; }
h2 { font-family:Georgia, "Times New Roman", Times, serif; color:#902c35; font-size: 19px; line-height:19px; padding:0; margin:0; padding-bottom: 14px; font-weight: normal; text-align:left; font-style:italic; }
h3 { font-family: Arial, Helvetica, sans-serif; color:#666666; font-size:14px; padding:0; margin:0; padding-bottom: 6px; font-weight: normal; font-style:italic; }
h4 { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color:#2d2a2b; line-height:18px; padding-bottom: 5px; }
ul { list-style:square; margin-left: 4px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color:#333333; line-height:21px; margin-top: 0px; padding-bottom: 12px; }
li { padding-bottom:0px; list-style-image:url(../images/icon_plus.jpg); margin-left:20px; }
.img { padding:6px; background-color:#FFF; border:solid 1px #2850a1; margin-bottom: 8px; }
td { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight:normal; line-height:21px; color:#40464f; padding:0; margin:0; padding-bottom: 15px; text-align: left; }

/* ---------------------------------------------------------------------------
Global ID's
-----------------------------------------------------------------------------*/
body { font-family: Arial, Helvetica, sans-serif; background-color:#ffffff; text-align: center; margin: 0; padding: 0; }
#wrapper { background:url(../images_global/contentArea_bottom.jpg) bottom repeat-x; width: 100%; text-align: left; height:auto !important; /* real browsers */ height:100%; /* IE6: treaded as min-height*/ min-height:100%; /* real browsers */ position:relative; }
#siteFrame { height:auto !important; /* real browsers */ height:100%; /* IE6: treaded as min-height*/ min-height:100%; /* real browsers */ margin: 0 auto; position: relative; padding-bottom:115px; /* Allow room for footer to stick to the bottom */ width: 100%; }
#invisibleLink { background: url(../images_global/spacer.gif) no-repeat 0 0; width:270px; height:85px; text-indent: -9999px; display: block; position: absolute; top: 139px; left: 17px; }
.centerContent { /* Keep content centered within the browser */ width:900px; margin:0 auto; position: relative; }
.centerContent_interior { /* Keep content centered within the browser */ width:880px; margin:0 auto; position: relative; }

/* ---------------------------------------------------------------------------
Top Area
-----------------------------------------------------------------------------*/
p.phoneTxt  { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight:bold; line-height:22px; color:#35383e; padding:0; margin:0; padding-bottom: 0px; text-align: left; }
a:link.loginTxt { color: #0f66ae; font-family:Arial, Helvetica, sans-serif; font-size: 11px; line-height:20px; text-decoration: none; font-weight:bold; font-style:normal;}
a:visited.loginTxt { color: #0f66ae; font-family:Arial, Helvetica, sans-serif; font-size: 11px; line-height:20px; text-decoration: none; font-weight:bold; font-style:normal;}
a:hover.loginTxt { color: #35383e; font-family:Arial, Helvetica, sans-serif; font-size: 11px; line-height:20px; text-decoration: underline; font-weight:bold; font-style:normal;}
a:active.loginTxt { color: #35383e; font-family:Arial, Helvetica, sans-serif; font-size: 11px; line-height:20px; text-decoration: none; font-weight:bold; font-style:normal;	}
#topBanner_repeat { background:url(../images/topBanner_repeat.jpg) repeat-x; width:100%; height:161px; position:relative; } 
#topBanner { background:url(../images/topBanner.jpg) no-repeat; width:950px; height:161px; margin:0 auto; position: relative; } 
#topLogo { position:absolute; top: 11px; left: 55px; } 
#topAux { position:absolute; width:246px; height:28px; left: 650px; top: 9px; } 

/* ---------------------------------------------------------------------------
Main Menu
-----------------------------------------------------------------------------*/
#mainMenuFrame { background:url(../images/menuRepeat.jpg) repeat-x; width:100%; height:43px; padding-top: 2px; position: relative; } 
#mainMenu{ width:870px; margin:0 auto; height:42px; position: relative; }
.menuLine{ background:url(../images/menuLine.jpg) no-repeat; width:2px; height:40px; float:left; left: 115px; }
#mainMenu h1 { font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight:bold; line-height:13px; color:#ffffff; padding:0; margin:0; text-decoration:none; font-style:normal; }
/* ~~~~~~~~~~~~~ About Us ~~~~~~~~~~~~~~~ */
#mainMenu .about { float:left; height: 41px; width: 90px; }
a.aboutBtn {  display: block; height: 26px; overflow: visible; text-indent: 20px; color:#1b3463; text-decoration:none; padding:15px 0px 0px 0px; } 
a:visited.aboutBtn { text-decoration:none; }
a:hover.aboutBtn { text-decoration:none; background: url(../images/menuOver.jpg) repeat-x; color:#1b3463; }

/* ~~~~~~~~~~~~~ Privately Managed Accounts ~~~~~~~~~~~~~~~ */
#mainMenu .managed { float:left; height: 43px; width: 228px; }
a.managedBtn {  display: block; height: 26px; overflow: visible; text-indent: 20px; color:#1b3463; text-decoration:none; padding:15px 0px 0px 0px; } 
a:visited.managedBtn { text-decoration:none; }
a:hover.managedBtn { text-decoration:none; background: url(../images/menuOver.jpg) repeat-x; color:#1b3463; }

/* ~~~~~~~~~~~~~ Open An Account ~~~~~~~~~~~~~~~ */
#mainMenu .account { float:left; height: 43px; width: 155px; }
a.accountBtn {  display: block; height: 26px; overflow: visible; text-indent: 20px; color:#1b3463; text-decoration:none; padding:15px 0px 0px 0px; } 
a:visited.accountBtn { text-decoration:none; }
a:hover.accountBtn { text-decoration:none; background: url(../images/menuOver.jpg) repeat-x; color:#1b3463; }

/* ~~~~~~~~~~~~~ Institutional Services ~~~~~~~~~~~~~~~ */
#mainMenu .institutional { float:left; height: 43px; width: 169px; }
a.institutionalBtn {  display: block; height: 26px; overflow: visible; text-indent: 20px; color:#1b3463; text-decoration:none; padding:15px 0px 0px 0px; } 
a:visited.institutionalBtn { text-decoration:none; }
a:hover.institutionalBtn { text-decoration:none; background: url(../images/menuOver.jpg) repeat-x; color:#1b3463; }

/* ~~~~~~~~~~~~~ Client Services ~~~~~~~~~~~~~~~ */
#mainMenu .client { float:left; height: 43px; width: 133px; }
a.clientBtn {  display: block; height: 26px; overflow: visible; text-indent: 20px; color:#1b3463; text-decoration:none; padding:15px 0px 0px 0px; } 
a:visited.clientBtn { text-decoration:none; }
a:hover.clientBtn { text-decoration:none; background: url(../images/menuOver.jpg) repeat-x; color:#1b3463; }

/* ~~~~~~~~~~~~~ Contact Us ~~~~~~~~~~~~~~~ */
#mainMenu .contact { float:left; height: 43px; width: 105px; }
a.contactBtn {  display: block; height: 26px; overflow: visible; text-indent: 20px; color:#1b3463; text-decoration:none; padding:15px 0px 0px 0px; } 
a:visited.contactBtn { text-decoration:none; }
a:hover.contactBtn { text-decoration:none; background: url(../images/menuOver.jpg) repeat-x; color:#1b3463; }

/* ---------------------------------------------------------------------------
Main Content
-----------------------------------------------------------------------------*/
#stockTicker_bg { background:url(../images/stockTicker_bg.jpg) repeat-x; width:100%; height:30px; }
#stockTicker { background:url() no-repeat; width:848px; height:31px; margin:0 auto; } 
.stockbox { float:left; height: 10px; width: 192px; margin:0 auto; padding:5px 0px 0px 0px;  }
#contentArea { width:885px; margin:0 auto; } 
.marketTxt { font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight:normal; line-height:22px; color:#231f20; padding:0; margin:0; padding-bottom: 15px; text-align: left; text-transform:uppercase; }
p.date { font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight:normal; line-height:19px; color:#9c9c9c; padding:0; margin:0; padding-bottom: 2px; text-align: left; text-transform:uppercase; }
p.newsTxt { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight:normal; line-height:17px; color:#302d2d; padding:0; margin:0; padding-bottom: 15px; text-align: left; }
a:link.newsTxt { color: #009569; font-family:Arial, Helvetica, sans-serif; font-size: 11px; line-height:20px; text-decoration: none; font-weight:normal; font-style:normal;}
a:visited.newsTxt { color: #009569; font-family:Arial, Helvetica, sans-serif; font-size: 11px; line-height:20px; text-decoration: none; font-weight:normal; font-style:normal;}
a:hover.newsTxt { color: #009569; font-family:Arial, Helvetica, sans-serif; font-size: 11px; line-height:20px; text-decoration: underline; font-weight:normal; font-style:normal;}
a:active.newsTxt { color: #009569; font-family:Arial, Helvetica, sans-serif; font-size: 11px; line-height:20px; text-decoration: none; font-weight:normal; font-style:normal;	}
h2.liveNews { font-family: Arial, Helvetica, sans-serif; color:#11548b; font-size: 19px; line-height:19px; padding:0; margin:0; padding-bottom: 15px; font-weight: bold; text-align:left; font-style:normal; }
.newsDivider { background:url(../images/home_dividerLine.jpg) no-repeat; width:330px; height:15px; } 
#contentLeft { width:370px; float:left; padding-top:30px; } 
#contentLeft2 { width:371px; float:left; padding-top:0px; }
#contentRight { width:460px; float:left; padding:10px 20px 0px 25px; text-align:left; } 
#homeFeature { background:url(../images/home_featureBG.jpg) no-repeat; width:471px; height:198px; position:relative; } 
.featureTxt { position:absolute; width: 238px; height: 148px; top: 21px; left: 24px; }
.featureTxt p{ color: #252021; font-family:Arial, Helvetica, sans-serif; font-size: 11px; line-height:16px; text-decoration: none; font-weight:bold; font-style:normal; padding-bottom:4px; }
.featureTxt a:link{ color: #009569; font-family:Arial, Helvetica, sans-serif; font-size: 11px; line-height:17px; text-decoration: none; font-weight:bold; font-style:normal;}
.featureTxt a:visited{ color: #009569; font-family:Arial, Helvetica, sans-serif; font-size: 11px; line-height:17px; text-decoration: none; font-weight:bold; font-style:normal;}
.featureTxt a:hover{ color: #252021; font-family:Arial, Helvetica, sans-serif; font-size: 11px; line-height:17px; text-decoration: underline; font-weight:bold; font-style:normal;}
.featureTxt a:active{ color: #252021; font-family:Arial, Helvetica, sans-serif; font-size: 11px; line-height:17px; text-decoration: underline; font-weight:bold; font-style:normal;	}

/* ---------------------------------------------------------------------------
Main Banner
-----------------------------------------------------------------------------*/
#mainBanner_repeat { background:url(../images/mainBanner_repeat.jpg) repeat-x; width:100%; position:relative; height:326px; } 
#mainBanner_bg { background:url(../images/mainBanner_1.jpg) no-repeat; width:950px; height:326px; position:relative; margin:0 auto; }
.mainBanner_copy { position:absolute; width:509px; height:231px; left: 431px; top: 51px; text-align: left;  } 
.mainBanner_copy h1 { font-family: Arial, Helvetica, sans-serif; color:#ffffff; font-size: 31px; line-height:26px; padding:0; margin:0; padding-bottom: 15px; font-weight: bold; }
.mainBanner_copy p { font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight:normal; line-height:22px; color:#92c1e5; padding:0; margin:0; padding-bottom: 20px; }
.mainBanner_copy .content {position:absolute; top:0; left:0; height: 100%;}
#mainBanner_photo { background:url(../images/mainBanner_imgFrame.jpg) no-repeat; position:absolute; width:327px; height:226px; top: 47px; left: 60px; } 
.mainPhoto {position:absolute; top: 5px; left: 5px;} 
.mainPhoto img {position:absolute; top:0; left:0;}
/* ---------------------------------------------------------------------------
Interior Page
-----------------------------------------------------------------------------*/
#breadcrumbs{ background:url(../images/breadcrumbsBar.jpg) no-repeat; width:622px; height:36px; position:absolute; left: 6px; top: 0px; padding: 17px 0px 0px 20px; }

#breadcrumbs p{ color: #c4deff; font-family:Arial, Helvetica, sans-serif; font-size: 11px; line-height:20px; text-decoration: none; font-weight:normal; font-style:normal;}
#breadcrumbs a:link{ color: #ffffff; font-family:Arial, Helvetica, sans-serif; font-size: 11px; line-height:20px; text-decoration: underline; font-weight:normal; font-style:normal;}
#breadcrumbs a:visited{ color: #ffffff; font-family:Arial, Helvetica, sans-serif; font-size: 11px; line-height:20px; text-decoration: underline; font-weight:normal; font-style:normal;}
#breadcrumbs a:hover{ color: #a9e9c4; font-family:Arial, Helvetica, sans-serif; font-size: 11px; line-height:20px; text-decoration: underline; font-weight:normal; font-style:normal;}
#breadcrumbs a:active{ color: #ffffff; font-family:Arial, Helvetica, sans-serif; font-size: 11px; line-height:20px; text-decoration: underline; font-weight:normal; font-style:normal;	}
.openAccount { position:absolute; left: 508px; top: 15px; width: 122px; } 
.interiorPhoto { width:642px; height:153px; position:absolute; left: 6px; top: 59px;  }

#interiorContent { width:658px; float:left; text-align:left; border-left: 1px solid #d9dadb; } 
#interiorBanner { background:url(../images/interiorBanner_bg.jpg) no-repeat; width:658px; height:224px; position:relative; margin: 0px 0px 20px 0px; }
#interiorMenu { background:url(../images/breadcrumbsBar.jpg) no-repeat; width:658px; height:60px; position:relative; margin: 0px 0px 0px 0px; }
#interiorMenu a:visited{ color: #fca601; font-family:Arial, Helvetica, sans-serif; font-size: 11px; line-height:20px; text-decoration: underline; font-weight:normal; font-style:normal;}
.interiorBanner_copy { position:absolute; top: 119px; left: 15px; } 
.interiorCopy { padding:0px 0px 0px 20px; } 

.imgFrame { padding:5px; background-color:#FFF; border:1px solid #CCC; margin:5px 0px 15px 15px;} 

/* ---------------------------------------------------------------------------
Interior Sidemenu
-----------------------------------------------------------------------------*/
#sideMenu { float:left; width:200px; padding:20px 0px 0px 15px; } 
.menuHeader { color: #000000; font-family:Arial, Helvetica, sans-serif; font-size: 12px; line-height:20px; text-decoration: none; font-weight:bold; font-style:normal; padding:0px 0px 10px 10px;} 
#menu { list-style: none; width: 196px; padding-top: 0px; margin: 0; }
#menu ul{padding-top: 0px; padding-left: 0px; margin: 0;}
#menu li{list-style: none; padding:0px; margin: 0px; }
#menu a:link{ color: #1b3463; font-family:Arial, Helvetica, sans-serif; font-size: 11px; line-height:20px; display:block; text-decoration: none; padding: 5px 5px 5px 10px; font-weight:normal; font-style:normal; }
#menu a:visited{ color: #1b3463; font-family:Arial, Helvetica, sans-serif; font-size: 11px; line-height:20px;  display:block; text-decoration: none; padding: 5px 5px 5px 10px; font-weight:normal; font-style:normal;}
#menu a:hover{background-color: #d9dadb; color: #2f4658; font-family:Arial, Helvetica, sans-serif; font-size: 11px; line-height:20px; display:block; text-decoration: none; padding:  5px 5px 5px 10px; font-weight:normal; font-style:normal;}
#menu a:active{ color: #1b3463; font-family:Arial, Helvetica, sans-serif; font-size: 11px; line-height:20px; display:block; text-decoration: none; padding:  5px 5px 5px 10px; font-weight:normal; font-style:normal;	}

/* ---------------------------------------------------------------------------
Sitemap
-----------------------------------------------------------------------------*/
#siteMapFrame { background-color:#edeff1; width:100%; margin-top: 12px; border-top:#d5d7d9 solid 1px; padding: 20px 0px 20px 0px; } 
#siteMap { width:885px; margin:0 auto; }
.siteMap_block { float:left; padding-right:75px; } 
.siteMap_block ul { list-style:none; line-height:21px;  }
.siteMap_block li { padding-bottom:0px; margin-left:0px; }
.siteMap_block a:link { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#989b9f; text-decoration:none;}
.siteMap_block a:visited { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#989b9f; text-decoration:none; }
.siteMap_block a:hover { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#009569; text-decoration:none; }
.siteMap_block a:active { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#009569; text-decoration:none; }

/* ---------------------------------------------------------------------------
Footer
-----------------------------------------------------------------------------*/
#footer{ background:url(../images/footer_bgRepeat.jpg); width:100%; height:115px; position: absolute; bottom: 0px; z-index: 1; }
.footerContent { background:url(../images/footer_bg.jpg) repeat-x; margin:0 auto; width:900px; height:115px; position: relative; }
.footerLogo { position:absolute; top: 45px; left: 20px; } 
.footerLux { position:absolute; left: 730px; top: 39px; } 
.footerCopy { position:absolute; width: 470px; height: 30px; left: 238px; top: 48px; } 
.footerCopy p{ font-family:Arial, Helvetica, sans-serif; color:#878787; font-size:11px; padding-bottom:10px; }
.footerCopy a:link { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#52be7d; text-decoration:none;}
.footerCopy a:visited { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#52be7d; text-decoration:none; }
.footerCopy a:hover { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#ffffff; text-decoration:none; }
.footerCopy a:active { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#ffffff; text-decoration:none; }


/*-----------------------------------------------------------------------------
Table code
------------------------------------------------------------------------------*/
#miniTable { font-family: "Arial, Helvetica, sans-serif"; font-size: 12px; background: #fff; margin: 45px; width: 480px; border-collapse: collapse; text-align: left; border: 1px solid #0a52a4; }
#miniTable th { font-size: 14px; font-weight: normal; color: #039; padding: 8px 6px; border-bottom: 2px solid #0a52a4; }
#miniTable td { color: #669; padding: 6px 6px 0px 6px; }
#miniTable tbody tr:hover td {color: #009; }
.style1 { text-align: left;}


#videoBox { width:490px; height:405px; margin:25px 0px 0px 15px; position:relative; }

