/*-- Stylesheet for Cano Petroleum - Created: 4/9/2008 --*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6   {
margin: 0;
padding: 0;
border: 0;
outline: 0;
}

body    {
margin: auto;
padding: 0;
text-align: center;
background: url(../i/bg-page.png) repeat-x;
font: 12px/20px arial, helvetica, sans-serif;
color: #333;
}

/* --- Standard Elements --- */

a:link, a:visited, a:focus, a.standard:link, a.standard:visited, a.standard:focus   {
color: #333;
text-decoration: underline;
}

a:hover, a.standard:hover   {
color: #333;
text-decoration: none;
}

img { border: 0; }

form    {
margin: 0;
padding: 0;
display: inline;
}

input, textarea, select { font: 12px arial, helvetica, sans-serif; }

label { font-style: italic; }

hr  {
color: #666;
background: #666;
height: 1px;
border: 0;
padding: 0;
margin: 25px 0;
}

.alt { display: none; }

.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.clearfix { display: inline-block; }

.center { text-align: center; }

.right { text-align: right; }

.alert { color: #C00; }

/* --- Layout --- */

#wrapper    {
margin: auto;
width: 900px;
text-align: left;
}

#content-wrapper    {
margin: 30px auto 0 auto;
border: solid 1px #999;
border-bottom: none;
width: 898px;
position: relative;
z-index: 2;
background: #FFF;
}

#content { padding: 10px; }

#left-column    {
float: left;
width: 220px;
margin: 0 10px 0 0;
font-size: 11px;
line-height: 14px;
}

#main-content   {
float: left;
width: 629px;
\width: 639px;
w\idth: 629px;
margin: 0 0 0 10px;
}

#main-content-home {width:850px; margin:0 0 0 10px;}

#homeleft {width:450px; font-size:14px; line-height:22px; margin-top:10px; padding:10px 20px 15px 20px; color:#666; border-right:#CCC 1px solid; float:left;}
#homeright {width:300px; font-size:14px; line-height:22px; color:#006; float:right;}

/* --- Design Elements --- */

.ribbon {
width: 50%;
position: absolute;
z-index: 1;
top: 300px;
text-align: left;
height: 78px;
}

#left-ribbon    {
background: #C00 url(/i/bg-ribbon-left.png) no-repeat;
left: 0;
margin-right: 450px;
}

#right-ribbon   {
background: #C00 url(/i/bg-ribbon-right.png) no-repeat top right;
right: 0;
margin-left: 450px;
}

#footer-ribbon  {
background-color: #666;
height: 21px;
width: 100%;
}



/* --- Header --- */

#header .logo   {
height: 47px;
padding: 10px 0 11px 12px;
}
#header .logohome   {
height: 89px;
padding: 10px 0 11px 12px;
}

#nav-wrapper    {
background: url(/i/bg-nav-bar.png) repeat-x;
height: 29px;
width: 100%;
color: #FFF;
font: bold 12px/29px arial, helvetica, sans-serif;
}

.nav    {
list-style: none;
padding: 0;
margin: 0;
font-weight: bold;
}

.nav li {
float: left;
padding: 0 41px;
position: relative;
z-index: 1;
}

.nav li a:link, .nav li a:visited   {
color: #FFF;
text-decoration: none;
display: inline-block;
height: 29px;
line-height: 29px;
}

html>body .nav li a { display: block; }

.nav li a:hover { color: #FFF; }

.subnav {
position: absolute;
background: #000134;
list-style: none;
margin: 0;
padding: 5px 0;
top: 29px;
left: 5px;
display: none;
border: solid 1px #FFF;
border-top: none;
font-weight: normal;
font-size: 11px;
z-index: 99;
}

.subnav li  {
float: none;
padding: 0;
margin: 0;
}

.nav li:hover .subnav, .nav li.over .subnav { display: block; }

.subnav li a    {
display: block;
height: 15px;
line-height: 15px;
padding: 0 10px;
margin: 0;
background: transparent;
}

.subnav li a:hover  { background: #1A66B3; }

.nav-company a{
width: 130px;
}

.nav-technology a{
width: 180px;
}

.nav-investor a{
width: 170px;
}

.nav-press a{
width: 128px;
}

.nav-governance a{
width: 130px;
}

.nav-events a{
width: 88px;
}

.nav-contact a {
width: 116px;
}

#marquis {
background: url(../i/marquis-home2.jpg) no-repeat;
width: 898px;
height: 329px;
}

/* --- Content --- */

/* ++ Common Elements ++ */
h2#page-header {
padding-bottom: 5px;
margin-bottom: 20px;
border-bottom: solid 1px #999;
}

.page-subheader { font-weight: bold; }

.section h3 { font: bold 14px/14px euromode, 'trebuchet ms', arial, helvetica, sans-serif; }

.section .header    {
padding: 10px 10px 10px 20px;
background: #69C;
font-size: 11px;
line-height: 11px;
color: #FFF;
}

/* ++ Bios ++ */
.bio { margin: 0 0 30px 0; }

.bio img { float: left; margin: 0 10px 10px 0; }

ul#letter-links { margin: 0 0 20px 0; padding: 0 0 5px 0; list-style: none; border-bottom: solid 1px #999; }

ul#letter-links li { display: inline; margin: 0 2px; }

.letter-group { margin: 0 0 30px 0; }

.letter-group dt { font-weight: bold; }
.letter-group dd { margin-bottom: 10px; }

#left-column a, .for-investors li a { color: #369; }

/* ++ Left Column ++ */

#left-column .section { }

#left-column .stock-quote { }

#left-column .stock-quote table {
border: none;
border-collapse: collapse;
background: #FBFBFB;
width: 100%;
}

#left-column .stock-quote table tr  { border-top: solid 1px #e1e1e1; }

#left-column .stock-quote table td  {
font-size: 11px;
height: 19px;
vertical-align: middle;
color: #666;
}

#left-column .stock-quote table .label  {
padding: 0 0 0 20px;
width: 87px;
\width: 107px;
w\idth: 87px;
}
#left-column .stock-quote table .data { width: 113px; }

#left-column .news .content, #left-column .current-webcast .content {
background: #E1E1E1;
padding: 0 15px 15px 20px;
}

#left-column .news-listing .date, #left-column .webcast-listing .headline   {
font-weight: bold;
padding: 10px 0 0 0;
}

#left-column .cautionary-statements {
background: url(/i/bg-left-cautionary-statement.png) no-repeat;
width: 200px;
\width: 220px;
w\idth: 200px;
height: 69px;
color: #FFF;
text-align: center;
padding: 15px 10px;
}

#left-column .cautionary-statements a { color: #FFF; }

#left-column .cautionary-statements strong { text-transform: uppercase; }

#left-column .cautionary-statements p { margin: 8px 0 8px 0; }

/* ++ Main Column ++ */

#rss a {font-weight:bold;}

#sub-content    {
width: 619px;
margin: auto;
}

#sub-content-header {
background: url(/i/bg-home-sub-content-header.png) no-repeat;
width: 619px;
height: 71px;
color: #036;
margin: 0 0 20px 0;
}

#sub-content .left-column   {
float: left;
width: 422px;
}

#sub-content .left-column .competitive-advantage { margin: 20px 20px 0 50px; }

#sub-content .left-column .competitive-advantage h3 {
font: normal 13px/18px euromode, 'trebuchet ms', arial, helvetica, sans-serif;
color: #C00;
background: url(/i /bullet-arrow.gif) no-repeat;
margin: 0 0 0 -15px;
padding: 0 0 0 15px;
}

#sub-content .right-column  {
float: left;
width: 197px;
}

.for-investors  {
list-style: none;
margin: 0;
padding: 0;
}

.for-investors li   {
padding: 10px 0 3px 10px;
line-height: 14px;
font-weight: bold;
}

.formLabel { float: left; width: 170px; }
.formField { float: left; width: 459px; margin-bottom: 5px; }
.formSubmit { margin: 10px 0 0 10px; }

.recovery-method, .project { margin-bottom: 40px; }

.project .title { font-weight: bold; }

.link-list { margin: 0 0 0 5px; padding: 0; list-style: none; }
.link-list li { margin-bottom: 5px; }

/* --- Footer --- */

#footer {
font-size: 11px;
line-height: 16px;
color: #666;
padding: 10px 0 0 0;
}

#footer a { color: #666; }

#footer .section { float: left; }

#footer .logo { width: 128px; }

#copyright-wrapper  {
width: 480px;
padding: 5px 10px;
}

#mct-copyright { margin: 15px 0 0 0; }

#associations   {
width: 272px;
text-align: right;
padding: 5px 0 0 0;
}

#associations img { margin: 0 0 0 13px; }