/* Apply a basic layout */
@import url('css/grid.css');
@import url('css/text.css');
@import url('css/fancybox.css');

/* =Global Elements
-------------------------------------------------------------- */

body, input, textarea {
line-height: 18px;
background: #eee;
}
p, ul, ol, dd, pre {
margin-bottom: 22px;
list-style: none;
}
pre, code {
font: 14px Monaco, monospace;
line-height: 22px;
}
blockquote {
color: #666;
font-style: italic;
}
table {
-moz-box-sizing:border-box;
border-collapse:separate;
border-spacing:1px;
display:table;
margin-bottom:0;
margin-top:0;
text-indent:0;
}
table[align="left"] {
float:left;
}
table[align="right"] {
float:right;
text-align:start;
}
table[rules]:not([rules="none"]) {
border-collapse:collapse;
}
caption {
-moz-box-sizing:border-box;
display:table-caption;
text-align:center;
}
table[align="center"] > caption {
margin-left:auto;
margin-right:auto;
}
table[align="center"] > caption[align="left"] {
margin-right:0;
}
table[align="center"] > caption[align="right"] {
margin-left:0;
}
tr {
display:table-row;
vertical-align:inherit;
}
col {
display:table-column;
}
colgroup {
display:table-column-group;
}
tbody {
display:table-row-group;
vertical-align:middle;
}
thead {
display:table-header-group;
vertical-align:middle;
}
tfoot {
display:table-footer-group;
vertical-align:middle;
}
table > tr {
vertical-align:middle;
}
td {
display:table-cell;
padding:1px;
text-align:inherit;
vertical-align:inherit;
}
th {
display:table-cell;
font-weight:bold;
padding:1px;
vertical-align:inherit;
}
tr > form:-moz-is-html, tbody > form:-moz-is-html, thead > form:-moz-is-html, tfoot > form:-moz-is-html, table > form:-moz-is-html {
display:none !important;
}
caption {
text-align: left;
}
hr {
background-color: #ccc;
border: 0;
color: #ccc;
height: 1px;
margin-bottom: 22px;
}
a img {
border: none;
}
a:link {
color: #333;
text-decoration: none;
}
a:visited {
color: #333;
text-decoration: none;
}
a:active,
a:hover {
color: #da2128;
text-decoration: underline;
}

.hide{display:none;}
.clear{clear:both;}
/* =Header
-------------------------------------------------------------- */
#header {
width: 940px;
margin: 0 auto;
padding: 10px 0;
}

/* =Menu
-------------------------------------------------------------- */
#access {
height: 38px;
overflow: visible;
z-index: 100;
margin: 0 0 20px;
}

#logo {
float: left;
width: 310px;
}

.menu {
float:right;
font-size: 12px;
width: 600px;
padding: 26px 0 0;
list-style: none;
overflow:hidden;
}

#nav_menu {
background:url("images/newnav.png") no-repeat;
width:600px;
height:20px;
margin:0;
padding:0;
overflow:hidden;
}

#nav_menu span {display: none;}

#nav_menu li, #nav_menu a {
height:20px;
display:block;
}
#nav_menu a{cursor:pointer;}
#nav_menu a:focus{outline:none;}
#nav_menu li {
float:left;
list-style:none;
display:inline;
}

/* =Menu Sprites 
-------------------------------------------------------------- */
#home, #home_current {width:71px;}
#company, #company_current {width:104px;}
#portfolio, #portfolio_current {width:121px;}
#news, #news_current {width:66px;}
#investor, #investor_current {width:104px;}
#contact, #contact_current {width:106px;}
#spacer{width:22px;}

/*hover setting */
#home a:hover {background:url("images/newnav.png") 0 -20px no-repeat;}
#company a:hover {background:url("images/newnav.png") -71px -20px no-repeat;}
#portfolio a:hover {background:url("images/newnav.png") -175px -20px no-repeat;}
#news a:hover {background:url("images/newnav.png") -296px -20px no-repeat;}
#investor a:hover {background:url("images/newnav.png") -362px -20px no-repeat;}
#contact a:hover {background:url("images/newnav.png") -466px -20px no-repeat;}

/*hover setting */
#home_current {background:url("images/newnav.png") 0 -20px no-repeat;}
#company_current {background:url("images/newnav.png") -71px -20px no-repeat;}
#portfolio_current {background:url("images/newnav.png") -175px -20px no-repeat;}
#news_current {background:url("images/newnav.png") -296px -20px no-repeat;}
#investor_current {background:url("images/newnav.png") -362px -20px no-repeat;}
#contact_current {background:url("images/newnav.png") -466px -20px no-repeat;}


/* =Gallery
-------------------------------------------------------------- */
#branding{
	background:#ddd;
	padding:10px;
	-moz-border-radius:10px;
	border:1px solid #ccc;
	width:920px;
}
#gallery_thumbs {
margin: 0 auto;
}
#gallery_nav{
/* required settings */ 
position:relative;
overflow: hidden;
width: 172px;
height: 300px;
margin-left:2px;
float: left;
}
#gallery_nav li{
	width:69px;
	height:75px;
	background:url(images/gall_bg.png) no-repeat top left;
	float:left;
	overflow:hidden;
	padding:0 0 0 5px;
	margin:0 5px 2px;
}
#gallery_nav a { border: 2px solid #fff; display: block;width:59px;}
#gallery_nav a:hover {border: 2px solid #ff0000; }
#gallery_nav a:focus { outline: none; }
#gallery_nav img {width:58px; display: block }
#gallery_pages{
	width:746px;
	height:300px;
	overflow:hidden;
	float:left;
}


/* =Content
-------------------------------------------------------------- */
#main {
padding: 10px 0;
}

.index h2 {
text-transform: uppercase;
}

.more {
padding: 2px 10px 3px;
background: #da2128;
}
.more a {
color: #fff;
}
.content_desc h1 {
text-transform: uppercase;
margin: 20px 0;
font-size:24px;
color: #333;
}
div#f_head{
	background:transparent url(images/front-border-left.png) no-repeat top left; 
	width:300px; 
	height:32px;
	color:#fff;
	vertical-align:middle;
}
div#f_head h2, div#l_head h2{
	font-size:16px;
	text-transform:uppercase;
	margin:0;
	padding:7px 10px;
}
div#l_head{
	background:transparent url(images/front-border-right.png) no-repeat top left; 
	width:621px; 
	height:32px;
	color:#fff;
	vertical-align:middle;
}

#head h1{
	font-size:24px;
	line-height:24px;
	text-transform:uppercase;
	margin:0 0 20px;
}

/* Front Page Content  */
#latest_news li {
float: left;
width: 300px;
margin: 0 10px 0 0;
position: relative;
}

#latest_news li.last {
margin: 0 0 0 10px;
}

.img_left {
float: left;
margin: 0 20px 10px 0;
}
/* News Content */
.content_news, .content_invest{margin:10px 0;border-bottom:1px dotted #ccc;}
.content_news img{
	border:4px solid #fff;
	width:140px;
}
.content_invest h2.news_title{
	font-weight:800;
}
h2.news_title{
	font-size:18px;
	font-weight:400;
	text-transform:uppercase;
	margin:20px 0 0;
}
h1.news_title{
	font-size:24px;
	line-height:28px;
	font-weight:800;
	text-transform:uppercase;
	margin:0;
}
.news_title img{margin:0 10px 0 0;}
h2.news_title a, h2.news_title a:hover{
	text-decoration:none;
}

.content_invest p{
	margin:5px 0;
}
.gallery{
float:left;
position:relative;
width:310px;
}
.locations{
	width:370px;
}
.locations img{
	width:350px;
}
/* Paging */
#paging .pager * {
float:left;
}
#paging .pager_navigation_current, .pager_next{
color:#da2128;
display:block;
padding:2px 3px;
}

#paging .pager_navigation_link a {
color:#3f3f3f;
display:block;
padding:2px 3px;
}
#paging .pager_navigation_spacer {
display:block;
padding:2px 1px;
}

/* =Contact Form
-------------------------------------------------------------- */
.contact{
	width:680px;
	margin:0 0 0 75px;
}
.address{
	border:1px solid #BDC1C7;
	background:#d5d5d5;
	padding:10px;
}
.form input.text {
border:1px solid #BDC1C7;
color:#666666;
font-family:Helvetica,Arial,"MS Trebuchet",sans-serif;
font-size:12px;
padding:5px;
width:200px;
background:#fff;
}

.form em {
color:#aaa;
font-size:11px;
font-style:italic;
margin-left:5px;
}

.form input.submit{
	border:1px solid #BDC1C7;
	background:#d5d5d5;
	padding:3px 5px 3px;
}

.form textarea {
border:1px solid #BDC1C7;
color:#666666;
font-family:Helvetica,Arial,"MS Trebuchet",sans-serif;
font-size:12px;
padding:5px;
width:400px;
background:#fff;
}


/* =Accordion
-------------------------------------------------------------- */
ul, ul li{
	padding:0;
	margin:0;
}
#acc {
width: 220px;
list-style: none;
color: #fff;
margin: 0;
background: #d80000;
}
#acc h3 {
width: 220px;
margin:0 !important;
cursor: pointer;
text-transform:uppercase;
}
#acc li.top_parent h3 {
width: 200px;
margin:0 !important;
cursor: pointer;
text-transform:uppercase;
}
#acc h3:hover {
}
#acc .acc-section {
overflow: hidden;
}
#acc .acc-content {
width: 205px;
border-top: none;
}
#acc a{color:#fff;}
#acc a:hover{color:#fff;}
#nested, #category {
width: 240px;
list-style: none;
color: #fff;
margin:0;
}
#nested h3, #category h3 {
width: 220px;
margin-top: 0;
cursor: pointer;
}
#nested h3:hover {
}
#nested .acc-section {
overflow: hidden;
}
#nested .acc-content, #category .acc-content {
width: 200px;
padding:10px;
background:#ff0000;
}
#nested .acc-selected {
}
.acc-content ul{
	margin:0;
}
ul.level3{
}
ul.level3 li{
	padding:6px 0 8px;
	border-bottom:1px solid #ff9999;
}
.top_parent h3{
	margin:0;
	padding:6px 10px 8px;
	border-bottom:1px solid #ff9999;
}
.top_parent_img{
	margin:0 !important;
	padding:0 !important;
}
.top_parent_img h3{
	height:30px;
	padding:0 !important;
}
#company_side_nav {
background:url(images/acc_nav.png) 0 0 no-repeat;
}
#news_side_nav {
background:url(images/acc_nav.png) 0 -210px no-repeat;
}
#investor_side_nav {
background:url(images/acc_nav.png) 0 -360px no-repeat;
}
.nav_side li{
	height:30px;
	width:220px;
}
.nav_side li a{
	height:30px;
	width:220px;
	display:block;
	cursor:pointer;	
}
.second_parent h3{
	width:220px;
	height:25px;
	display:block;
	cursor:pointer;	
}

#m_use{
	background:url(images/acc_nav.png) 0 -150px no-repeat;
}
#by_cat{
	background:url(images/acc_nav.png) 0 -180px no-repeat;
}
#t_city{
	background:url(images/acc_nav.png) 0 -510px no-repeat;
}
#g_city{
	background:url(images/acc_nav.png) 0 -535px no-repeat;
}
#p_city{
	background:url(images/acc_nav.png) 0 -560px no-repeat;
}
#c_cat{
	background:url(images/acc_nav.png) 0 -585px no-repeat;
}
#r_cat{
	background:url(images/acc_nav.png) 0 -610px no-repeat;
}
#h_cat{
	background:url(images/acc_nav.png) 0 -635px no-repeat;
}

/* =Stock Information Table
-------------------------------------------------------------- */
.imgChart{
	text-align:center;
	padding:20px;
	border:1px solid #ccc;
	background:#fff;
}
.imgChart img{
	width:600px;
}
.stocktitle{
	color:#555;
	border-spacing:0;
}
.stock_modtitlew1{
	width:660px !important;
}
.stocksumdatagrid {
	width:333px !important;
}
.stockdatagrid{
	background:transparent;
}
.stock_datamodoutline1{
	background:#e5e5e5;
}
.stock_tablehead1{
	background:#f5f5f5;
	padding:5px 10px;
}
.stock_tabledata1{
	background:#fff;
	padding:5px 10px;
}