/* 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]*/

.clear{clear:both;}
a{ text-decoration:none; color: #3C9A2A;}
a:hover{ text-decoration:none; color: #fff !important;}
#left_content a{color:#fff; }
#left_content a:hover{color:#3C9A2A !important; }

p{margin-bottom: 10px; }
body
{
background: #000 url(images/bg.jpg) ;
font-family:tahoma;
text-align:center;
color: #fff; 
font-size:12px;
}

#container{text-align:left; margin:0 auto; width: 863px;}

#content{margin-top: 50px; background: url(images/content_bg.png); width:863px; height:520px; overflow:hidden; }

#left_content{float:left; width: 440px; position:relative; z-index:12;}

#right_content{float:right; width: 400px; }

#portfolio_container{width: 192px; height:250px; position:relative; top: -65px; }
#portfolio_container_left{background: url(images/portfolio_bg.png); width: 410px; height: 470px;margin-left: 20px; margin-top: 20px;}

#tag {position:relative; z-index:20;}

.galleria_container img{position:relative;left:12px; top: 8px;}
.gallery_demo_unstyled{position:relative; z-index: 13;}

.testimonial{color:#999; font-style:italic; font-size: 10px; }

#contact #left_content p{color:#3C9A2A;}

#about #left_content, #contact #left_content{position:relative; top: 80px;  border-right: 1px solid #3C9A2A; padding-bottom: 50px;}
#about #left_content p, #contact #left_content p{ padding:0 10px 0 10px; color: #fff;  line-height:20px; }
#about #left_content .inner, #contact #left_content .inner{text-align:right; margin: 70px 10px 0 60px;}
p.testimonial{color: #fff !important; }

#tag{margin-top: 150px;  position:relative; z-index:9;}
#menu ul{position:relative; left: 199px; z-index:14;}
#menu li{margin-bottom: 5px;}
#menu a{ font-size: 11px; text-decoration:none; }
#menu a:hover{color: #fff; }


#footer,#footer a{ letter-spacing: .7px; text-transform:uppercase; font-size: 10px; color: #3C9A2A;}
#footer_left{float:left; margin-left: 10px;}
#footer_right{float:right; margin-right: 17px; }


/* accent images to the left and to the right of the page*/
#left_acc{position:absolute;}
#left_acc img{position:relative; top: 370px; left: -60px;}
#right_acc{position:absolute; top:0;}
#right_acc img{position:relative; top:-50px; left: 700px;}


.caption{position:absolute; left: 50%; margin: -15px 0 0 248px;  width: 295px; color: #fff; }
.active{color: #fff;}