.valpo_services_wrapper {width: 100%;max-width: 980px;margin: 10px auto; padding-left:5px;padding-right:5px; }

div.accordionEff { width:100%; margin:10px auto;max-width:950px}


.accordion {width: 100%;max-width: 950px;margin: 0 auto;}


.accordionEff, h2 .contentheading {width:100%}

div.accordionEff h2.contentheading a { float:left; width:96%; max-width:920px; color:#dee6e6; font-family:'HelveticaNeueCondensed'; border-spacing:10px 10px; padding:5px 5px 5px 15px; font-size:12pt; letter-spacing: 0.28em; background: url(/static/assets/images/css/plus.png) right no-repeat}
div.accordionEff h2.contentheading a.accshow { float:left; color:#dee6e6; padding:5px 10px 5px 10px; background:transparent url(/static/assets/images/css/minus.png) right no-repeat; }
div.accordionEff a { color: #0055A2; }
div.accordionEff div.active a img{/*border:1px solid green;*//*display:inline;*/}			
div.accordionEff div.inactive a img{/*border:1px solid green;*//*display:inline;*/}
			
div.accordionEff div.active {float:left; color:#414042; margin:5px 0px 7px 0px; font-size:12px; text-transform:none; width:100%;max-width:950px}

h2.contentheading, div.moduletable h3 { float:left; background:transparent url(/static/assets/images/css/servgrad.gif); width:100%; padding:10px 0px 10px 0px; margin:0px 0px 5px 0px; color:#dee6e6; font-size:15px; text-transform:uppercase; cursor:pointer; position:relative;max-width:950px}


.design_rgtdiv h2 {font-family: 'QuicksandBook'; padding: 6px; color:#EB6025} 

/*Media Queries*/
@media all and (min-width: 0px) and (max-width: 1004px) {

.accordion .accordionEff h2 .contentheading, h2 .contentheading  {width:100%; float: left}
h2.contentheading a.accshow, h2.contentheading a,
div.accordionEff h2.contentheading > a,
div.accordionEff h2.contentheading a,
div.accordionEff h2.contentheading a.accshow,
.accordionEff h2.contentheading a  {font-size:98%; margin: 1%; width:96%; float: left}

#sliderContainer, .gallery
#slider_rotator {margin:1%; width:98%; float:left}

h2 {font-size:96%}
}

@media all and (max-width: 480px), screen and (max-width: 479px) {

.accordion  {width:99%}
.accordionEff, h2 .contentheading {width:100%}

.design_lftdiv, .design_rgtdiv,
div.accordionEff div.active {float:left;width:98%;margin:1%}

h2.contentheading, div.moduletable h3  {float:left;width:99%; max-width:465px}
div.accordionEff h2.contentheading,
.accordionEff h2.contentheading  {float:left;width:100%; max-width:465px}

div.accordionEff h2.contentheading a,
div.accordionEff h2.contentheading a.accshow {margin: 1%; padding:1%;width:96%; float: left}

}

@media only screen and (min-width: 476px) and (max-width: 642px) { 
.accordionEff, h2 .contentheading {width:100%}

.accordion {width: 99%; float: left}
h2.contentheading a.accshow, h2.contentheading a,
div.accordionEff h2.contentheading a,
div.accordionEff h2.contentheading a.accshow {margin: 1%;padding: 1%; width:96%; float: left}
}

@media screen and (max-width: 320px){

.accordion {font-size:80%; width: 99%; float: left}
div.accordionEff h2.contentheading a,
div.accordionEff h2.contentheading a.accshow {font-size:13px; margin: 1%; width:96%; float: left}
}

@media only screen and (min-width: 0px) and (max-width: 380px) { 
.accordionEff {width: 99%}
}

@media only screen and (min-width: 0px) and (max-width: 680px) { 
.accordionEff, h2 .contentheading {width:100%}

h2.contentheading a.accshow, h2.contentheading a,
.accordion .accordionEff h2.contentheading a {font-size:96%; margin: 1%; padding: 1%;width:96%; float: left}

.accordionEff {margin: 10px auto; width:100%}
}