/* ::::: http://www.sanleonenergy.com/artman2/style/base.css ::::: */

html, body, p, h1, h2, h3, h4, h5, h6, ol, ul, li, form, fieldset { border: 0pt none ; margin: 0pt; padding: 0pt; }
.clearfix:after { content: "."; display: block; height: 0pt; clear: both; visibility: hidden; }
.clearfix {  }
* html .clearfix { height: 1%; }
.clearfix { display: block; }
body { background: rgb(255, 255, 255) url('images/bg.jpg') repeat-x scroll center top; text-align: center; }
#wrap { margin: 0pt auto; width: 809px; text-align: left; }
#header { width: 809px; height: 76px; }
#header h1 { margin: 23px 0pt 0pt 20px; background: transparent url('images/logo.jpg') no-repeat; width: 205px; height: 53px; float: left; }
#header h1 span { display: none; }
#header h1 a { width: 205px; height: 53px; display: block; }
#header p { margin: 45px 10px 0pt 0pt; font-family: verdana; font-style: normal; font-variant: normal; font-weight: normal; font-size: 9px; line-height: normal; font-size-adjust: none; font-stretch: normal; float: right; color: rgb(42, 42, 42); }
#header p a { margin: 0pt 10px; color: rgb(42, 42, 42); text-decoration: none; }
#content { padding: 7px 25px 0pt; background: transparent url('images/content-bg.jpg') no-repeat scroll center top; width: 759px; clear: both; }
#left { margin: 0pt 18px 0pt 0pt; padding: 29px 0pt 0pt; width: 186px; float: left; }
#left h1 { width: 186px; height: 29px; }
#left h1.latest { margin: 0pt 0pt 15px; background: transparent url('images/h1-latest.jpg') no-repeat; }
#left h1.communications { margin: 30px 0pt 15px; background: transparent url('images/h1-communications.jpg') no-repeat; }
#left h1 span { display: none; }
#left h2 { margin: 0pt 0pt 0pt 10px; padding: 0pt 0pt 0pt 20px; background: transparent url('images/headline-ico.gif') no-repeat scroll left center; font-family: Arial,Helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: bold; font-size: 11px; line-height: normal; font-size-adjust: none; font-stretch: normal; color: rgb(36, 130, 169); }
#left p { margin: 0pt 0pt 15px 10px; font-family: Arial,Helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10px; font-size-adjust: none; font-stretch: normal; line-height: 12px; color: rgb(83, 83, 83); }
#left li { font-family: Arial,Helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 11px; line-height: normal; font-size-adjust: none; font-stretch: normal; color: rgb(83, 83, 83); position: relative; height: 20px; }
#left li a { margin: 0pt 0pt 0pt 10px; padding: 0pt 0pt 0pt 10px; background: transparent url('images/bullet.gif') no-repeat scroll left 4px; color: rgb(83, 83, 83); text-decoration: none; text-align: left; height: 17px; }
#left li a:hover { text-decoration: underline; }
#left p a { color: rgb(83, 83, 83); text-decoration: none; }
#left p a:hover { text-decoration: underline; }
#left form fieldset { margin: 0pt 0pt 0pt 10px; }
#left form fieldset label { margin: 6px 5px 0pt 0pt; font-family: Arial,Helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 11px; line-height: normal; font-size-adjust: none; font-stretch: normal; color: rgb(83, 83, 83); float: left; }
#left form fieldset input { border: 1px solid rgb(223, 223, 223); margin: 0pt 0pt 3px; width: 125px; height: 19px; }
#left form fieldset span.row { float: left; }
#left form fieldset a.subscribe { margin: 0pt 0pt 0pt 98px; background: transparent url('images/subscribe.jpg') no-repeat; width: 64px; height: 17px; display: block; }
#left form fieldset a.subscribe:hover { background: transparent url('images/subscribe-hover.jpg') no-repeat; }
#left form fieldset a.subscribe span { display: none; }
#right { width: 545px; float: left; }
#right h1.welcome { margin: 25px 0pt 18px; background: transparent url('images/h1-welcome.jpg') no-repeat; width: 151px; height: 29px; }
#right h1.about { margin: 0pt 0pt 20px; width: 132px; height: 25px; }
#right h1 span { display: none; }
#right h2 { font-family: Arial,Helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: bold; font-size: 18px; font-size-adjust: none; font-stretch: normal; color: rgb(35, 31, 32); line-height: 20px; }
#right h3 { margin: 0pt 0pt 15px; font-family: Arial,Helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: bold; font-size: 16px; font-size-adjust: none; font-stretch: normal; color: rgb(35, 31, 32); line-height: 18px; }
#right h4 { margin: 0pt 0pt 15px; font-family: Arial,Helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: bold; font-size: 14px; font-size-adjust: none; font-stretch: normal; color: rgb(35, 31, 32); line-height: 16px; }
#right p { margin: 0pt 0pt 15px; font-family: Arial,Helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 12px; font-size-adjust: none; font-stretch: normal; color: rgb(83, 83, 83); line-height: 18px; }
#right p img { border: 0px solid rgb(216, 209, 194); }
#right p img.welcome { border: 1px solid rgb(223, 223, 223); padding: 5px; background: rgb(255, 255, 255) url('images/img-bg.jpg') no-repeat; }
#right p img.welcome { margin: 0pt 15px 22px 0pt; }
#right p a { color: rgb(36, 130, 169); text-decoration: none; }
#right p a:hover { text-decoration: underline; }
#right p a.more { margin: 0pt 10px 0pt 0pt; background: transparent url('images/more.jpg') no-repeat; width: 61px; height: 17px; display: inline; float: right; }
#right p a.more:hover { background: transparent url('images/more-hover.jpg') no-repeat; }
#right p a.more span { display: none; }
#right .iml { margin: 0pt 15px 0pt 0pt; float: left; }
#right .imr { margin: 0pt 0pt 0pt 15px; float: right; }
#right .clear { clear: both; }
#right ul { margin: 0pt 0pt 30px 30px; list-style-type: none; list-style-image: none; list-style-position: outside; }
#right ul li { margin: 0pt 0pt 5px; padding: 0pt 0pt 0pt 15px; background: transparent url('images/bullet.gif') no-repeat scroll left center; font-family: Arial,Helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 12px; font-size-adjust: none; font-stretch: normal; color: rgb(83, 83, 83); line-height: 15px; }
#right ol { margin: 0pt 0pt 30px 45px; }
#right ol li { margin: 0pt 0pt 5px; font-family: Arial,Helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 12px; font-size-adjust: none; font-stretch: normal; color: rgb(83, 83, 83); line-height: 15px; }
#right form { margin: 20px 0pt 30px; padding: 0pt 0pt 20px; width: 545px; }
#right form fieldset dl { border-top: 1px solid rgb(189, 212, 202); border-bottom: 1px solid rgb(189, 212, 202); margin: 0pt 0pt 10px; padding: 20px 0pt 15px; position: relative; width: 545px; }
#right form fieldset dt { float: left; width: 150px; text-align: right; color: rgb(83, 83, 83); font-family: Arial,Helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 11px; line-height: normal; font-size-adjust: none; font-stretch: normal; }
#right form fieldset dd { padding: 0pt 0pt 4px; margin-left: 160px; font-family: Arial,Helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 11px; line-height: normal; font-size-adjust: none; font-stretch: normal; color: rgb(83, 83, 83); }
#right form dd.button { margin: 20px 0pt 0pt; float: right; }
#right form fieldset dd .control, #right form fieldset dd .control_short, #right form fieldset dd .control_large { padding: 0pt; background: rgb(255, 255, 255) none repeat; font-family: Arial,Helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 11px; line-height: normal; font-size-adjust: none; font-stretch: normal; color: rgb(83, 83, 83); }
#right form fieldset dd .control_short { border: 1px solid rgb(190, 202, 206); width: 200px; }
#right form fieldset dd .control_large { border: 1px solid rgb(190, 202, 206); width: 320px; }
#right form fieldset dd .control_button { width: 61px; height: 19px; }
#right a.reset { margin: 0pt 5px 0pt 0pt; background: transparent url('images/reset.jpg') no-repeat; width: 64px; height: 17px; display: block; float: left; }
#right a.reset:hover { background: transparent url('images/reset-hover.jpg') no-repeat; }
#right a.submit { background: transparent url('images/submit.jpg') no-repeat; width: 64px; height: 17px; display: block; float: left; }
#right a.submit:hover { background: transparent url('images/submit-hover.jpg') no-repeat; }
#right a.reset span, #right a.submit span { display: none; }
table { margin: 10px 0pt; width: 545px; }
table th { background: rgb(73, 155, 182) none repeat; font-family: Arial,Helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: bold; font-size: 17px; font-size-adjust: none; font-stretch: normal; text-align: center; color: rgb(255, 255, 255); line-height: 20px; }
table th.tblcol { background: rgb(9, 66, 85) none repeat; font-family: Arial,Helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 13px; font-size-adjust: none; font-stretch: normal; color: rgb(73, 155, 182); text-align: center; line-height: 15px; }
table tr td { border-bottom: 1px solid rgb(189, 212, 202); padding: 3px 0pt; font-family: Arial,Helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 12px; line-height: normal; font-size-adjust: none; font-stretch: normal; color: rgb(83, 83, 83); }
table td.ctr-align { text-align: center; }
table td.lft-align { text-align: left; }
table td.rgt-align { text-align: right; }
table td a { font-family: Arial,Helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10px; line-height: normal; font-size-adjust: none; font-stretch: normal; color: rgb(36, 130, 169); text-decoration: underline; }
#project { border: 1px solid rgb(223, 223, 223); padding: 15px 8px 0pt 13px; background: transparent url('images/project-bg2.jpg') no-repeat; width: 523px; height: 330px; clear: both; }
#project h1 { margin: 0pt 0pt 13px; height: 15px; }
#project h1.morocco { background: transparent url('images/h1-morocco.jpg') no-repeat; width: 131px; }
#project h1.usa { background: transparent url('images/h1-usa.jpg') no-repeat; width: 89px; }
#project h1.netherlands { background: transparent url('images/h1-netherlands.jpg') no-repeat; width: 163px; }
#project h1 span { display: none; }
#project p strong { color: rgb(34, 34, 34); }
#project p a { color: rgb(32, 131, 173); text-decoration: underline; }
#project a img { border: 5px solid rgb(216, 209, 194); }
#project a:hover img { border: 5px solid rgb(213, 194, 151); }
#project .row { margin: 20px 0pt 0pt; clear: both; }
#about { border-right: 1px solid rgb(201, 201, 201); margin: 30px 0pt 0pt; padding: 0pt 18px 0pt 0pt; width: 362px; float: left; }
#about h1 { background: transparent url('images/h1-about.jpg') no-repeat; width: 132px; height: 57px; float: left; }
#about h1 span { display: none; }
#about p { width: 211px; font-size: 11px; float: right; }
#about img { margin: 30px 0pt 0pt 20px; }
#about p a.more { margin: 0pt; }
#contact { margin: 30px 0pt 0pt 16px; width: 148px; float: left; }
#contact h1 { margin: 0pt 0pt 15px; background: transparent url('images/h1-contact.jpg') no-repeat; width: 58px; height: 12px; }
#contact h1 span { display: none; }
#contact p { margin: 0pt 0pt 15px; font-size: 11px; }
#contact p a { color: rgb(32, 131, 173); text-decoration: none; }
#contact p a:hover { text-decoration: underline; }
#footer-wrap { padding: 15px 0pt 0pt; background: rgb(0, 0, 0) none repeat; width: 100%; height: 48px; }
#footer { margin: 0pt auto; width: 809px; text-align: left; }
#footer p.copyright { margin: 0pt 0pt 0pt 20px; padding: 8px 0pt 0pt 0px; scroll left -5px; height: 20px; font-family: Arial,Helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10px; line-height: normal; font-size-adjust: none; font-stretch: normal; color: rgb(87, 87, 87); float: left; }
#footer p.copyright a { color: rgb(131, 130, 130); text-decoration: none; }
#footer p.copyright a:hover { color: rgb(255, 255, 255); }
#footer p.link { margin: 0pt 20px 0pt 0pt; padding: 8px 0pt 0pt; float: right; display: inline; line-height: 10px; }
#footer p.link a { margin: 0pt 10px; font-family: Arial,Helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10px; line-height: normal; font-size-adjust: none; font-stretch: normal; color: rgb(131, 130, 130); text-decoration: none; }
#footer p.link a:hover { color: rgb(255, 255, 255); }

/* ::::: http://www.sanleonenergy.com/artman2/style/Menu.css ::::: */

#menuList, #menuList ul { border: 0pt none ; margin: 0pt; padding: 0pt; list-style-type: none; display: block; }
#menuList li { border: 0pt none ; margin: 0pt; padding: 0pt; display: inline; float: left; position: relative; z-index: 5; }
#menuList li:hover { z-index: 10000; white-space: normal; }
#menuList li li { float: none; display: block; }
#menuList ul { visibility: hidden; position: absolute; z-index: 10; left: 0pt; top: 0pt; }
#menuList li:hover > ul { visibility: visible; top: 100%; }
#menuList li li:hover > ul { top: 0pt; left: 100%; }
#menuList:after, #menuList ul:after { content: "."; height: 0pt; display: block; visibility: hidden; clear: both; }
#menuList, #menuList ul { min-height: 0pt; }
#menuList a { text-decoration: none; display: block; position: relative; }
#menuList { background: transparent url('images/nav.jpg') no-repeat; width: 759px; height: 31px; }
#menuList a span { display: none; }
#menuList ul a span { display: inline; }
#menuList a { height: 31px; }
#menuList #panel1 a { width: 93px; }
#menuList #panel2 a { width: 95px; }
#menuList #panel3 a { width: 104px; }
#menuList #panel4 a { width: 110px; }
#menuList #panel5 a { width: 74px; }
#menuList #panel6 a { width: 123px; }
#menuList #panel1 a:hover, #menuList #panel1 a.selected { background: transparent url('images/nav.jpg') no-repeat scroll 0pt -31px; }
#menuList #panel2 a:hover, #menuList #panel2 a.selected { background: transparent url('images/nav.jpg') no-repeat scroll -93px -31px; }
#menuList #panel3 a:hover, #menuList #panel3 a.selected { background: transparent url('images/nav.jpg') no-repeat scroll -188px -31px; }
#menuList #panel4 a:hover, #menuList #panel4 a.selected { background: transparent url('images/nav.jpg') no-repeat scroll -292px -31px; }
#menuList #panel5 a:hover, #menuList #panel5 a.selected { background: transparent url('images/nav.jpg') no-repeat scroll -402px -31px; }
#menuList #panel6 a:hover, #menuList #panel6 a.selected { background: transparent url('images/nav.jpg') no-repeat scroll -636px -31px; }
#menuList #panel1:hover > a { background: transparent url('images/nav.jpg') no-repeat scroll 0pt -31px; }
#menuList #panel2:hover > a { background: transparent url('images/nav.jpg') no-repeat scroll -93px -31px; }
#menuList #panel3:hover > a { background: transparent url('images/nav.jpg') no-repeat scroll -188px -31px; }
#menuList #panel4:hover > a { background: transparent url('images/nav.jpg') no-repeat scroll -292px -31px; }
#menuList #panel5:hover > a { background: transparent url('images/nav.jpg') no-repeat scroll -402px -31px; }
#menuList #panel6:hover > a { background: transparent url('images/nav.jpg') no-repeat scroll -636px -31px; }
#menuList ul { border-left: 1px solid rgb(224, 224, 224); border-right: 1px solid rgb(224, 224, 224); border-bottom: 1px solid rgb(224, 224, 224); padding: 10px 0pt 0pt; background: rgb(255, 255, 255) none repeat; width: 161px; }
#menuList #panel1 ul li a, #menuList #panel2 ul li a, #menuList #panel3 ul li a, #menuList #panel4 ul li a, #menuList #panel5 ul li a, #menuList #panel6 ul li a { margin: 0pt 0pt 0pt 10px; padding: 0pt 0pt 0pt 10px; background: transparent url('images/bullet.gif') no-repeat scroll left 4px; font-family: Arial,Helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 11px; line-height: normal; font-size-adjust: none; font-stretch: normal; color: rgb(83, 83, 83); height: 17px; text-decoration: none; }
#menuList #panel1 ul li a:hover, #menuList #panel2 ul li a:hover, #menuList #panel3 ul li a:hover, #menuList #panel4 ul li a:hover, #menuList #panel5 ul li a:hover, #menuList #panel6 ul li a:hover { background: transparent url('images/bullet.gif') no-repeat scroll left 4px; text-decoration: underline; }
#menuList #panel1 ul li a.selected, #menuList #panel2 ul li a.selected, #menuList #panel3 ul li a.selected, #menuList #panel4 ul li a.selected, #menuList #panel5 ul li a.selected, #menuList #panel6 ul li a.selected { background: transparent url('images/bullet.gif') no-repeat scroll left 4px; text-decoration: underline; }
#menuList #panel1 ul li:hover > a, #menuList #panel2 ul li:hover > a, #menuList #panel3 ul li:hover > a, #menuList #panel4 ul li:hover > a, #menuList #panel5 ul li:hover > a, #menuList #panel6 ul li:hover > a { background: transparent url('images/bullet.gif') no-repeat scroll left 4px; text-decoration: underline; }

.sol {	clear: both;}
.sag {	clear: both;}
.geri {clear: both;}
div.linka { border-bottom: 1px solid rgb(155, 214, 57); overflow: hidden; height: 7px; clear: both; margin-bottom: 15px; }