/* CSS by Mario Edgar */

/* Eric Myers reset css - http://meyerweb.com/eric/css/ [start]*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
/* remember to define focus styles! */
:focus{outline:0;}
body{line-height:1;}
ol,ul{list-style:none;}
/* tables still need 'cellspacing="0"' in the markup */
table{border-collapse:separate;border-spacing:0;}
caption,th,td{text-align:left;font-weight:normal;}
blockquote:before,blockquote:after,q:before,q:after{content:"";}
blockquote,q{quotes:"" "";}
/* Eric Myers reset css [end]*/

/* Carousel [start] */
#slideShowDiv{ position:relative; left: 6px; top:6px; z-index:10; }
#slide3{background:url('../homepage_slide_images/1.jpg') top left no-repeat; width: 910px; height: 300px; display:none; z-index: 20; position:relative;}
#slide1{background:url('../homepage_slide_images/2.jpg') top left no-repeat; width: 910px; height: 300px; display:none; z-index: 20; position:relative;}
#slide2{background:url('../homepage_slide_images/3.jpg') top left no-repeat; width: 910px; height: 300px; display:none; z-index: 20; position:relative;}

.mast_content{float:right; width: 280px; margin-right: 10px;}
#slideShowDiv, #slideShowDiv h2{color: #fff; }
.panel p{color: #fff; font-size: 16px;}
.mast_image{margin:25px 10px 25px 0; }
.slideInfo{width:100%; opacity:0.9;filter:alpha(opacity=90);  background: #000; height:1px; position: absolute; bottom:0; overflow:hidden;}
.slideInfo p{padding: 0 25px; line-height: 60px; }
.slideInfo p a{font-size: 12px;}
#slideControls{width: 100%;  z-index:50; margin-top: -300px; height:300px;}
#previousSlide{position:absolute; left: -40px; top: 50%; margin-top: -36px; }
#nextSlide{position:absolute; right: -40px; top: 50%; margin-top: -31px;}
.stepcarousel{position:relative; border:1px solid #ccc;overflow:scroll; width:245px; height:220px; background:#fff;}
.stepcarousel .belt{position:absolute; left:0;top:0;}
.stepcarousel .panel{float:left; overflow:hidden; margin:10px; width:235px; }
.panel p{color: #fff; font-size: 16px;}
*html #lightbox-container-image-data-box{scroll:none !important;}
/* Carousel [end] */

/* global css [start] */
body{text-align:center; padding:0; font-size:14px;font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;  color:#666;background: #F2F2F2 url('../images/test_bg.jpg');}
h1{font-size:26px; }
h2{font-size:22px; color: #333; }
h3{font-size:18px; }
#tooltip{position:absolute; width: 400px !important; border:1px solid #313131;background:#000;text-shadow:1px 1px 1px black;-webkit-border-radius:5px;-moz-border-radius:5px; padding:10px;color:white;display:none;z-index:999;opacity:.8;filter:alpha(opacity=80);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; text-align:left; }
.left{float:left;}
.right{float:right;}
.clear{clear:both;}
.error, .notice, .success {padding:.8em;margin-bottom:1em;border:2px solid #ddd;}
.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.error a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}
.rounded{-moz-border-radius: 10px; -webkit-border-radius: 10px;}
a,h1.a{color:#64A2FF;text-decoration:none;}
a:hover{text-decoration:underline;}
p{margin-bottom: 10px;}
.header_image{margin:15px 0 15px 0; }
.small{font-size:10px; }
small{color: #999; font-size:10px; }
.feed{background:url('../images/feed.png') no-repeat left center; padding-left: 25px; line-height: 25px; }
 a[href$=".doc"]{background:url('../images/word.png') no-repeat left center; padding-left: 25px; line-height: 25px; }
 a[href$=".pdf"]{background:url('../images/pdf.png') no-repeat left center;  padding-left: 25px; line-height: 25px; }
.code{ color: #999;   margin: 20px 10px 20px 10px; line-height: 18px;}

/* global css [end] */

/* Layout css [start] */
#container{margin:0 auto; padding:0; text-align:left;   width:950px;}
#header{height:120px; background:url('../images/header.png') repeat-x;text-align:center;}
#socialMedia{position:absolute; left:50%; top: 10px; margin-left: 385px;}
#socialMedia a,#socialMedia a:hover{text-decoration:none; }
#inner_header{width:950px;margin:0 auto;text-align:left;}
#logo{float:left;position:relative;left:-25px;}
#content{position:relative; float:left;border:1px solid #ccc;background:#fff;  width:638px; margin:25px 0 25px 0; -moz-box-shadow: 3px 3px 3px #999; -webkit-box-shadow: 3px 3px 3px #999; box-shadow: 3px 3px 3px #999;}
#home_content{background: url('../images/slide_bg.png') no-repeat;  width: 922px; height: 312px; margin:25px auto 20px auto;}
#sidebar{position:relative; float:right;width:278px;padding:10px;  margin:25px 0 40px 0; border:1px solid #ccc; background: #fff; -moz-box-shadow: 3px 3px 3px #999; -webkit-box-shadow: 3px 3px 3px #999; box-shadow: 3px 3px 3px #999;}
#sidebar h2, div.navigation{background: url('../images/heading_bg.png') repeat-x;  height: 49px; line-height:49px; padding: 0 10px 0 10px; color: #fff; -moz-border-radius: 5px; -webkit-border-radius: 5px; -moz-box-shadow: 3px 3px 3px #999; -webkit-box-shadow: 3px 3px 3px #999; box-shadow: 3px 3px 3px #999;font-weight:bold;}

#footer{text-align:center;background: #2C2C2C url('../images/footer_v2.png') repeat-x; }
#footer_inner{width:950px; margin: 0 auto; text-align:left; height: 262px; }
#footer_top_section img{float:left; }
#footer_top_section .top{float:right; margin:0; margin-right: 15px; line-height: 50px;  background: url('../images/top.png') no-repeat right center; padding-right: 25px;  }
#footer .footer_columns {float:left; width: 310px; margin-top: 15px;  height: 180px; }
#footer .footer_columns ul{line-height: 18px; margin-bottom: 10px; }
#footer .footer_columns_inner{padding:0 35px; }
#footer #footer_column1{border-right: 2px solid #252525; }
#footer #footer_column2{border-right: 2px solid #252525; border-left: 1px solid #3E3E3E; }
#footer #footer_column3{border-left: 1px solid #3E3E3E;}
#footer #footer_column3 .footer_columns_inner{padding-right:0;}
#footer .footer_columns h2{margin-bottom: 10px; color: #fff; }
.inner{margin:10px 10px 25px 10px;}
.inner p{line-height:20px;}
*html #footer_top_section .top{ background: url('../images/top.gif') no-repeat right center; }
*html #footer_top_section .top{margin-top: -40px;}
/* h1 image swapping */
#layout_articles .inner h1{background: url('../images/articles.jpg') no-repeat left; width: 500px; }
#layout_articles .inner .entry h1{background:none; text-indent:0;}
#layout_portfolio h1{background: url('../images/portfolio.jpg') no-repeat left; width: 500px;}
#layout_about h1{background: url('../images/about.jpg') no-repeat left; width: 500px;}
#layout_contact h1{background: url('../images/contact.jpg') no-repeat left; width: 500px;}
#content .inner h1{ margin: 35px 0 35px 0; text-indent:-1000px;}
#mygallery{margin-left:15px;}
/* Layout css [end] */

/* menu style [start] */
#menu{ height: 49px; background: url('../images/menu_image.png') repeat-x; text-align:center;}
#menu li{display:inline;}
#menu a{font-weight: bold; background: url('../images/menu_image.png') repeat-x left; background-position:0 0; height:49px; display:block; float:right; padding: 0 10px 0 10px; line-height: 49px; }
#menu a:hover{text-decoration:none; color:#A2C7FF; }
#menu li.active a{text-decoration:none; color:#fff;}
#menu_inner{margin: 0 auto; text-align:left; width: 950px; }

/* Menu Hover over effect*/


/* Sidebar Css [start] */
.subscribe{line-height: 25px; margin: 10px 0 10px 0;}
.side_list li{margin-bottom:10px; }
.side_header{margin: 0 0 15px 0;}
.subscribe{margin: 25px 0 25px 0;}
#injectLatest a, #wp_categories a{display:block; line-height: 20px; }
#sidebar h2{margin-bottom: 15px}
/* Sidebar Css [end] */

/* Porfolio page css [start] */
.portfolio_inner .left{margin: 0 0 45px 40px;}
.portfolio_inner .right{margin: 0 40px 45px 0;}
/* Porfolio page css [end] */

/* Article page css [start] */
.article_container h3 a{display:block; margin: 10px 0 5px 0;}
.article_container{margin-bottom: 25px; }
.single_article h2{margin-bottom: 15px;}
/* Article page css [end] */

/* Blog [start] */
.postmetadata {margin:0 !important;}
.widget_categories ul{margin:15px 0 15px 0;}
.widget_categories ul li{line-height: 24px;}
h2.pagetitle, .post h2{margin-bottom:20px; margin-top: 20px;}
.post small{margin-bottom:10px; margin-top: 10px; display:block; line-height:12px;}
.postmetadata{font-size:12px; margin-bottom: 50px;}
#commentform textarea{width:612px; border-color: 1px solid #64A2FF;}
input{border-color: 1px solid #64A2FF !important;}
.navigation{font-size:12px; margin: 10px 0 10px 0;  display:block;}
.post ul{list-style-type:disc; margin: 10px; line-height:18px;}
.post li{margin-left: 20px; }
#respond {padding-top: 15px;   }
#wp_search label{display:none; }
#respond h3, #share_title{margin:0 0 10px 0; color: #999; padding-top: 15px; }
#respond #email,  #respond #url,  #respond #author,  #respond #comment, #wp_search #s{border:1px solid #ccc; padding:3px; background: url('http://www.marioedgar.com/images/textbox_bg.jpg') repeat-x;}
.alignleft{float:left;}
.alignright{float:right;}
.post h2 a {background:url('../images/news.png') no-repeat right; padding-right: 40px;}
.entry img{margin-bottom: 20px; }
.entry h3{margin: 20px 0 20px 0; }
#comments{margin-top: 20px;}
.commentlist .comment {border-bottom: 1px dashed #eee; padding: 15px 0 15px 0; margin-bottom: 0px; padding: 10px; }
.commentlist .byuser{background: #F6F6F6;}
.comment-meta{font-size:10px;}
div.author_desc{font-size:10px; margin-top: 25px;padding-top: 25px; border-top: 1px dashed #ddd; }  
div.author_desc p{line-height:12px;}      
/* Blog [end] */




a.myButtonDiv{margin:55px 0 55px 0;}
a.myButtonDiv{display:block;  width:271px;  height:74px;  background:url("http://www.marioedgar.com/images/blog/5.jpg") no-repeat top left;  line-height:74px;  text-align:center;  color:#fff;  font-weight:bold;  font-size:16px;  background-position:0 0;  position:relative;  z-index:1;}
a.myButtonDiv:hover{background-position:0 -74px;  text-decoration:none; }
a.myButton1,span.firstBackground,span.secondBackground{width:271px;          height:74px;          display:block;          line-height:74px;          text-decoration:none;          font-weight:bold;          color:#000;          text-align:center;          position:absolute;          top:0;          color:#fff;          font-size:16px;                }
a.myButton1:hover{text-decoration:none;      }
.firstBackground{background:url('http://www.marioedgar.com/images/blog/6.png') no-repeat;          background-position:0 0;      }
.secondBackground{background:url('http://www.marioedgar.com/images/blog/6.png') no-repeat;          background-position:0 -74px;      }
#button_container1{position:relative; margin:50px 0 170px 0;}
#button_container2,#button_container3,#button_container4{position:relative; left:18px}
#button_container3{left:340px;}
#button_container4{left:660px;}
*html #button_container2,*html #button_container3,*html #button_container4{margin-left:-15px;}
*+html #button_container2,*+html #button_container3,*+html #button_container4{margin-left:-15px;}



#button_container2 a{background:url('http://www.marioedgar.com/images/button_latest.png') no-repeat }
#button_container3 a{background:url('http://www.marioedgar.com/images/button_port.png') no-repeat}
#button_container4 a{background:url('http://www.marioedgar.com/images/button_cont.png') no-repeat}
     
       
div.portfolio_inner a{position:relative; }
img.magClass{position:absolute; left: 72.5px; top: 60px; }
       
       /* Gotta love IE */
      *html img.magClass{display:none;}
      *+html img.magClass{display:none;}
      .tip{width:400px;padding-top:37px;overflow:hidden;display:none;text-align:left;position:absolute;z-index:500;background:transparent url(http://marioedgar.com/images/tooltip/tipTop.png) no-repeat top;}
      .tipMid {background: transparent url(http://marioedgar.com/images/tooltip/tipMid.png) repeat-y; padding: 0 25px 20px 25px;}
      .tipBtm {background: transparent url(http://marioedgar.com/images/tooltip/tipBtm.png) no-repeat bottom; height: 32px;}

              
#qcButton{padding:5px; color:#fff; font-weight:bold; margin:175px 0 10px 5px; background:url('http://www.marioedgar.com/images/bg_tran.png'); -webkit-border-radius:3px;-moz-border-radius:3px;border:1px solid #666;cursor:pointer;   border:2px solid #000;}
#quickContact{text-align:left;position:fixed;top:0px;left:0;z-index:50;}
#quickContact form{position:absolute;display:none;left:5px;background:url('http://www.marioedgar.com/images/qcBg.png') no-repeat;border:2px solid #000;width:308px;height:383px;border:none;}
.red{color:#ff0000;}
#quickContact input,#quickContact textArea{padding:5px !important;margin:0 0 0 18px;border:2px solid #ddd;display:block;background-image:url('http://www.marioedgar.com/images/error.jpg') no-repeat right;background-position:500px 2px;-webkit-border-radius:5px;-moz-border-radius:5px;}
#quickContact #qcMessage{height:100px;overflow:hidden;}
#quickContact label{font-weight:bold;color:#fff;text-align:left; padding-left:18px; margin-top: 15px; display:block;}
#quickContact #messageDisplay,#quickContact p{margin:10px 0 10px 0;font-size:10px;font-weight:bold;color:#666;}
#quickContact #qcSubmit{width:75px !important; float:right; height:32px; line-height:32px; padding:0;margin:10px 25px 0 0; cursor:pointer; font-weight:bold; color:#666;}  
p#qcErrorMessage{margin:10px 0 0 18px; padding:0; float:left; color: #F6E638 !important; display:none; height:32px; line-height:32px; background:url('http://www.marioedgar.com/images/error.png') left center no-repeat; padding-left: 45px; }             
p#qcValidMessage{margin:10px 0 0 18px; padding:0; float:left; color: #61C726 !important; display:none; height:32px; line-height:32px; background:url('http://www.marioedgar.com/images/valid.png') left center no-repeat; padding-left: 50px; }             
              
              
              
/* * FancyBox - jQuery Plugin * Simple and fancy lightbox alternative * * Copyright (c) 20010 Janis Skarnelis * Examples and documentation at:http://fancybox.net * * Version:1.3.0 (02/02/2010) * Requires:jQuery v1.3+ * * Dual licensed under the MIT and GPL licenses:*   http://www.opensource.org/licenses/mit-license.php *   http://www.gnu.org/licenses/gpl.html */
#fancybox-loading{position:fixed;top:50%;left:50%;height:40px;width:40px;margin-top:-20px;margin-left:-20px;cursor:pointer;overflow:hidden;background:transparent;z-index:1104;display:none;}
* html #fancybox-loading{
/* IE6 */
position:absolute;margin-top:0;}
#fancybox-loading div{position:absolute;top:0;left:0;width:40px;height:480px;background:transparent url('http://www.marioedgar.com/images/fancy/fancy_loading.png') no-repeat;}
#fancybox-overlay{position:fixed;top:0;left:0;bottom:0;right:0;background:#000;z-index:1100;display:none;}
* html #fancybox-overlay{
/* IE6 */
position:absolute;width:100%;}
#fancybox-tmp{padding:0;margin:0;border:0;overflow:auto;display:none;}
#fancybox-wrap{position:absolute;top:0;left:0;margin:0;padding:20px;z-index:1101;display:none;}
#fancybox-outer{position:relative;width:100%;height:100%;background:#FFF;}
#fancybox-inner{position:absolute;top:0;left:0;width:1px;height:1px;padding:0;margin:0;outline:none;overflow:hidden;}
#fancybox-hide-sel-frame{position:absolute;top:0;left:0;width:100%;height:100%;background:transparent;}
#fancybox-close{position:absolute;top:-15px;right:-15px;width:32px;height:32px;background:url('http://www.marioedgar.com/images/fancy/fancy_close.png') top left no-repeat;cursor:pointer;z-index:1103;display:none;}
#fancybox_error{color:#444;font:normal 12px/20px Arial;}
#fancybox-content{height:auto;width:auto;padding:0;margin:0;}
#fancybox-img{width:100%;height:100%;padding:0;margin:0;border:none;outline:none;line-height:0;vertical-align:top;-ms-interpolation-mode:bicubic;}
#fancybox-frame{position:relative;width:100%;height:100%;border:none;display:block;}
#fancybox-title{position:absolute;bottom:0;left:0;font-family:Arial;font-size:12px;z-index:1102;}
.fancybox-title-inside{padding:10px 0;text-align:center;color:#333;}
.fancybox-title-outside{padding-top:5px;color:#FFF;text-align:center;font-weight:bold;}
.fancybox-title-over{color:#FFF;text-align:left;}
#fancybox-title-over{padding:10px;background:url('http://www.marioedgar.com/images/fancy/fancy_title_over.png');display:block;}
#fancybox-title-wrap{display:inline-block;}
#fancybox-title-wrap span{height:32px;float:left;}
#fancybox-title-left{padding-left:15px;background:transparent url('http://www.marioedgar.com/images/fancy/fancy_title_left.png') repeat-x;}
#fancybox-title-main{font-weight:bold;line-height:29px;background:transparent url('http://www.marioedgar.com/images/fancy/fancy_title_main.png') repeat-x;color:#FFF;}
#fancybox-title-right{padding-left:15px;background:transparent url('http://www.marioedgar.com/images/fancy/fancy_title_right.png') repeat-x;}
#fancybox-left,#fancybox-right{position:absolute;bottom:0px;height:100%;width:35%;cursor:pointer;outline:none;background-image:url('http://www.marioedgar.com/images/fancy/blank.gif');z-index:1102;display:none;}
#fancybox-left{left:0px;}
#fancybox-right{right:0px;}
#fancybox-left-ico,#fancybox-right-ico{position:absolute;top:50%;left:-9999px;width:30px;height:30px;margin-top:-15px;cursor:pointer;z-index:1102;display:block;}
#fancybox-left-ico{background:transparent url('http://www.marioedgar.com/images/fancy/fancy_nav_left.png') no-repeat;}
#fancybox-right-ico{background:transparent url('http://www.marioedgar.com/images/fancy/fancy_nav_right.png') no-repeat;}
#fancybox-left:hover,#fancybox-right:hover{visibility:visible;
/* IE6 */
}
#fancybox-left:hover span{left:20px;}
#fancybox-right:hover span{left:auto;right:20px;}
div.fancy-bg{position:absolute;padding:0;margin:0;border:0;z-index:1001;}
div#fancy-bg-n{top:-20px;left:0;width:100%;height:20px;background:transparent url('http://www.marioedgar.com/images/fancy/fancy_shadow_n.png') repeat-x;}
div#fancy-bg-ne{top:-20px;right:-20px;width:20px;height:20px;background:transparent url('http://www.marioedgar.com/images/fancy/fancy_shadow_ne.png') no-repeat;}
div#fancy-bg-e{top:0;right:-20px;height:100%;width:20px;background:transparent url('http://www.marioedgar.com/images/fancy/fancy_shadow_e.png') repeat-y;}
div#fancy-bg-se{bottom:-20px;right:-20px;width:20px;height:20px;background:transparent url('http://www.marioedgar.com/images/fancy/fancy_shadow_se.png') no-repeat;}
div#fancy-bg-s{bottom:-20px;left:0;width:100%;height:20px;background:transparent url('http://www.marioedgar.com/images/fancy/fancy_shadow_s.png') repeat-x;}
div#fancy-bg-sw{bottom:-20px;left:-20px;width:20px;height:20px;background:transparent url('http://www.marioedgar.com/images/fancy/fancy_shadow_sw.png') no-repeat;}
div#fancy-bg-w{top:0;left:-20px;height:100%;width:20px;background:transparent url('http://www.marioedgar.com/images/fancy/fancy_shadow_w.png') repeat-y;}
div#fancy-bg-nw{top:-20px;left:-20px;width:20px;height:20px;background:transparent url('http://www.marioedgar.com/images/fancy/fancy_shadow_nw.png') no-repeat;}  


#main_buttons{margin-bottom: 20px; }
#main_buttons a:hover{text-decoration:none; }
#main_buttons a{padding-left:60px; }
#main_buttons img {position:relative;}