/* ----- MARMIA MAIN STYLE SHEET ----- */


body{
background: #efefef url(../images/bg.png) repeat-x scroll 0 0;
color:#484848;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
letter-spacing:0.02em;
line-height:1.3;
}
a{
color:#00538d;
font-weight:bold;
text-decoration:none;
}
a:hover{
color: #0099CC;
}
.clear:after {
content: "";
clear: both;
display: block;
}
a.button{
background:transparent url(../images/btn.png) no-repeat scroll 0 0;
display:block;
height:24px;
padding:4px 0 0;
text-align:center;
width:86px;
}
br{
padding: 4px;}
h1{
color:#226324;
font-family:arial;
font-size:28px;
font-weight:bold;
padding:10px 0 0;
}
h2{}
h3{
font-size:16px;
font-weight:bold;
margin:8px 0 0;
}
h4{
font-size:12px;
font-style:italic;
font-weight:bold;
margin:8px 0 0;
}
.small{
color:#999999;
font-size:10px;
}
#container{
background:white url(../images/main-bg.png) repeat-x scroll 0 0;
border-left:1px solid #898989;
border-right:1px solid #898989;
margin:0 auto;
width:750px;
}
.light-green{
color: #658438;
}
.green{
font-style:italic;
color:#00b050;
}










/* ----- HEADER LAYOUT ----- */

#header{
border-top:12px solid black;
height:102px;
}
#header h1 a {
background:transparent url(../images/marmia-logo.png) repeat scroll 0 0;
display:block;
float:left;
height:88px;
position:relative;
text-indent:-9999px;
width:388px;
}
.login{
background:transparent url(../images/login-button.png) no-repeat scroll 0 0;
float:right;
height:39px;
position:relative;
width:181px;
}
.login a{
left:77px;
position:relative;
top:12px;
}
#header .contact-us-graphic {
display:block;
float:right;
left:179px;
position:relative;
top:53px;
width:105px;
}
.title{
background:#226324;
color:white;
font-size:20px;
margin:30px 0 20px;
padding:8px;
text-align:center;
width:690px;
}









/* ----- MENU ----- */
#nav{
height: 20px;
background: black;
}
#menu {  
margin:0;
padding:0;
position:relative;
right:0;
text-align:right;
}  
#menu li {  
display:inline;  
font-family:Tahoma,Verdana, Helvetica,sans-serif;
font-weight:bold;

}
#menu a {
color:white;
font-weight:bold;
padding:0 8px;
position:relative;
text-decoration:none;
top:2px;
}
#menu a:hover {
background:#00538d;
padding-bottom: 3px;
padding-top: 3px;
} 







/* ----- BANNER ----- */                   
#banner {
height:225px;
width: 100%;
background: #226324;
}








/* ----- FEATURED BOXES LAYOUT ----- */
#featured {
margin:21px 0 0
}
.featured-box{
background:transparent url(../images/featured-box.png) no-repeat scroll 0 0;
float:left;
margin:0 6px;
width:238px;
}
.featured-inside{
background:transparent url(../images/featured-box-bottom.png) no-repeat scroll center bottom;
padding:0 0 5px;
width:238px;
}
.cash-title{
background:transparent url(../images/cash-bonus-title.png) no-repeat scroll 0 0;
display:block;
height:15px;
margin:16px 0 0 115px;
width:118px;
}
.placement-title{
background:transparent url(../images/placement-title.png) no-repeat scroll 0 0;
display:block;
height:15px;
margin:16px 0 0 85px;
width:146px;
}
.support-title{
background:transparent url(../images/support-title.png) no-repeat scroll 0 0;
display:block;
height:18px;
margin:13px 0 0 81px;
width:155px;
}
.featured-box img{
display:block;
float:left;
margin:0 0 0 6px;
position:relative;
}
.featured-box p{
color:white;
display:block;
margin:5px 4px 0 100px;
min-height:65px;
}
#featured .button{
margin: 0 0 0 140px;
}








/* ----- CONTENT LAYOUT ----- */
#intro .right{
display:block;
float:right;
margin-right:30px;
}
#container .marmia-title {
}
#content{
margin-top:8px;
min-height:400px;
padding:0 0 1px 22px;
width:100%;
}
#centered-content {
text-align: center;
min-height: 400px;
padding:0 0 1px 22px;
}
#centered-content p{
margin:10px 0 10px 100px;
width:75%;
}
#intro{
background:transparent url(../images/long-div.png) no-repeat scroll center bottom;
margin:22px 0;
padding:0 0 20px;
text-align:left;
}
.services-contact{
background:transparent url(../images/long-div.png) no-repeat scroll center top;
padding: 10px;
margin-top: 12px;
}
#centered-content ul{
list-style-image:none;
list-style-position:outside;
list-style-type:disc;
margin:0 auto;
text-align:left;
width:50%;
}
.services-{
background:transparent url(../images/long-div.png) no-repeat scroll center 0;
margin:30px 0;
padding:30px 0 0;
}
.paragraph {
display: block;
width: 70%;
}
#frontpage-content{
}
#content img{
float: left;
vertical-align: middle;
}
#content p, h4{
margin:10px 0 10px 70px;
width:75%;
}
#content a.button{
margin:30px 0 0 590px;
}
#bottom-icons{
background:transparent url(../images/long-div.png) no-repeat scroll center 0;
padding:2px 0 0;
}
.reportion-icon{
float:left;
padding:0 0 0 90px;
position:relative;
width:35%;
}
.reportion-icon img{
height:176px;
width:219px;
}
.why-settle-icon{
background:transparent url(../images/vert-div.png) no-repeat scroll 0 0;
float:left;
padding:12px 0 0 90px;
position:relative;
width:35%;
height: 180px;
}
#atm-logos{
background:transparent url(../images/long-div.png) no-repeat scroll center 0;
padding:2px 0;
}
#-page-info{
margin:40px auto 0;
width:200px;
}

#-page-info img{
margin-left:15px;
float: none;
}

#intro-text{
margin-left:170px;
width:60%;
}






/*----- TESTIMONIALS -------*/
.testimonials {
margin:10px 0 0 100px;
padding-bottom:20px;
width:80%;
}
blockquote {
margin:0;
padding:12px 8px 0;
}
blockquote p {
color:#226324;
font-family:georgia,'times new roman',serif;
font-style:italic;
margin: 0 !important;
}
blockquote span{
color:#8B8272;
font-family:'helvetica neue',helvetica,arial,sans-serif;
font-size:10px;
margin:8px;
}







/*------- PRODUCTS  ------*/
.product-img{
float:left;
height:250px;
margin:0 30px 0 0;
width:100px;
}
.brochure-button{
background:transparent url(../images/viewbrochure.gif) no-repeat scroll 0 0;
margin:15px 0;
padding:4px 20px 8px 34px;
}
h3 img{
padding-right: 10px;
}
.product-wrapper{
background:transparent url(../images/long-div.png) no-repeat scroll center bottom;
margin:0 0 60px;
padding-bottom:80px;
}

#contact-page-info{
margin:30px auto;
text-align:center;
width:15%;
}
#contact-page-info img{
float:none;
padding-left:15px;
}
#contact-page-info td{
font-weight: bold;
}
#bottom-logos-products{
margin-top: -60px;
}




/* ----- SERVICES ----- */
#services-container{
height: 450px;
}

.services-cat{
background:#EFEFEF none repeat scroll 0 0;
border:1px solid gray;
float:left;
height:400px;
margin:0 7px 20px 0;
width:32%;
}
.services-cat h1{
background:#226324 url(../images/copyright-div.png) no-repeat scroll center top;
color:white;
font-size:14px;
padding:5px;
}
.services-list{
padding:10px;
text-align:left;
width:80% !important;
}

.services-list li{
padding: 4px;
}










/* ----- FOOTER ----- */
#footer-container{
background:black none repeat scroll 0 0;
margin:0 auto;
width:752px;
}
#footer{
background:transparent url(../images/footer-bg.png) no-repeat scroll center top;
margin:0 auto;
min-height:106px;
padding:4px 0;
width:100%;
}
#footer-nav{
float:left;
margin-top:40px;
width:520px;
}
#footer-nav li{
border-right:1px solid white;
display:inline;
list-style-type:none;
padding-left:5px;
padding-right:10px;
}
#footer-nav li a{
color:white;
}
#contact{
margin:4px 0 0 580px;
position:relative;
width:180px;
}
#contact-info{
color:white;
font-weight:bold;
float: right;
padding:4px 0;
text-align:left;
width:180px;
}
#contact-info img{
vertical-align: middle;
}
#copyright{
background:#226324 url(../images/copyright-div.png) no-repeat scroll center top;
color:white;
margin:0 auto;
padding:10px 0;
text-align:center;
width:752px;
}
#copyright a{
color: white;
}
#copyright a:hover{
color: black;
}








/* ----- FEEDBACK FORM ----- */
#form-container{
text-align:left;
background:#fff;
}
#form-container,{
margin:0 auto;
width:640px;
}
form.wufoo{
margin:20px 20px 0 20px;
padding:0 0 20px 0;
}
#VDaemonID_1{
color:red;
float:right;
height:1px;
margin-right:-32px;
width:250px;
}

.form-errors ul{
list-style: disc;
}