/* Element Styles
*****************************************/
* {margin:0; padding:0;}

body {
	background: #315062;
	color: #dce7ed;
	font: 9pt "Arial", sans-serif;
	margin: 0;
	padding:50px 0 0 0;
	}

h1 {
	background: url(../img/logo2.gif);
	float: left;
	height: 90px;
	margin: 0;
	padding: 0;
	text-indent: -10000px;
	width: 375px;
	}
	
h2 {color: #bd8813; font: 19pt "Times", serif; padding: 0; margin:0 0 20px 0;}
h3 {font-size:9pt; color:#fff;}
h4 {color:#fff; font-size:9pt; margin:0 0 6px 0;}
.box h4 {text-transform:uppercase;}
ol {list-style-image: url(../img/tn_arrow.gif);}

ol.noarrow {list-style-image:none; list-style:none; margin-left: 0;}
ol.noarrow li li {margin-left: 20px;}

address {font-style: normal;}

p, ol {line-height:1.4em;}
p, address {margin:0 0 15px 0;}
p {text-align:justify;}
ol {margin:0 0 20px 20px;}
	
a {color: #e8eef1; font-weight: bold; text-decoration:none;}
a:hover {text-decoration: underline;}

.box a, .third a {font-weight:normal; color:#b2bec5;}

strong.allcaps {text-transform: uppercase;}

/* Layout Styles
*****************************************/

#page {background-color: #283841; width: 960px; margin:0 auto;}

#header, #footer, #main {clear: both; width: 960px;}
#header, #footer {background-color: #1b272e;}
#header {height: 90px; }

#main {background: #283841 url(../img/bg_interior.gif); padding: 20px 0 20px 0; min-height: 400px;}

#aside {background-repeat: no-repeat; float: right; padding: 220px 20px 20px 20px; margin-top: -20px; width: 310px;}
	#aside ul {list-style: none; padding: 0; width: 200px;}
	#aside li {border-bottom: 1px dotted #315062; padding: 5px 0;}
	#aside li a {font-weight: normal; text-decoration: none; font-size:9pt; color:#fff;}
	#aside li a:hover {color: #e8eef1; text-decoration:underline;}
	
	#aside ul li ul {padding: 2px 0 0 20px;}
	#aside ul li ul li {border: none; padding: 2px 0;}
#content {padding: 0 80px 0 36px; width: 470px; height:400px; overflow:auto;}

#footer {height: 30px;}
#footer_wrap {padding:9px 0 0 9px;}


.break {clear: both;}
.right {float: right;}

.column {float: left;}
.third {width: 33%;}

/* Navigation Styles
*****************************************/

#nav {background: #1b272e; list-style: none;}
#nav li {background: #1b272e; display: block; float: left; text-transform: uppercase; padding: 45px 15px 0 15px;}

#nav li a {color:#e8eef1/*#b2bec5*/; font-weight: normal; text-decoration: none; font-size:9pt;}
#nav li a:hover {text-decoration:underline;}

.scroll-pane {
float:left;
height:520px;
overflow:auto;
}
#content_title { margin:0 0 0 37px;}

/* Specific Page Styles*****************************************/

/*Home Page*********************/
#home #main {background-image: none; padding:0; min-height: 440px; height:auto !important; height:440px; }
#home #main:after {content: "."; display: block; height: 0;clear: both; visibility: hidden;}	

#home #main .content {padding: 15px; width: 500px;}

#home .box {float: left; width: 140px; padding: 0 15px;}
#home .box p {margin: 0 0 1em 0; text-align:left;}
#home .box em {text-transform: uppercase; font-style: normal; font-size:9pt;}
#home .box {border-left: 1px dotted white;}
#home .box1 {border-left: none;}

#home .hero {float: right; position: relative; top:0;}



/* Right Column Images***********************************/
#about #aside {background-image: url(../img/gfx_about.jpg);}
#contact #aside {background-image: url(../img/gfx_contact.jpg);}
#investment #aside {background-image: url(../img/gfx_investment.jpg);}
#links #aside {background-image: url(../img/gfx_links.jpg);}
#team #aside {background-image: url(../img/gfx_team.jpg);}

/*login*/
.form_login { color:#fff;}
.form_login .form_field { margin:10px 0;}
.form_login #username { width:200px; border:1px solid #f1cc83;}
.form_login #password { width:200px; border:1px solid #7f9db9;}
.form_login .login_btn { margin:10px 0;}
