Support Forum

I am trying to change the way the front page is laid out. I see that there are some classes like span8 span10 to control the width of the page columns. I have looked through the framework files and cannot seem to find where I can adjust these values in the HTML markup. I see the referenced to them in the various .css files but how can I adjust the width within the outputted HTML?

<div class="row">
				
					<div class="span2">
						<div class="sd-services-carousel-desc">
							<h3 class="sd-styled-title">MY CLASSES</h3>
														<p><img src='http://www.positivelydiesel.com/wp-content/uploads/2014/06/home_acrofit_logo.png' alt='Red Tiger'></p>							
							<div class="sd-services-arrows arrowssd_services06"></div>
						</div>
					</div>
				
					<div class="sd-services-carousel span10 clearfix">
						<div class="flexslider sd-services-carousel-content carouselsd_services06">
							<ul class="slides">
																<li>
									<div class="sd-services-item">
																		
										<div class="sd-services-item-desc">
											<h3 class="sd-styled-title"><a href="http://www.positivelydiesel.com/wcs3_class/60-minute-tues-730pm-insanity-workout-acrofit-gymnastics-center/" title="60 MINUTE TUES 7:30PM Insanity Workout @ Acrofit Gymnastics Center">60 MINUTE TUES 7:30PM Insanity Workout @ Acrofit Gymnastics Center</a></h3>
											<p>Come experience INSANITY in a LIVE group fitness class. Class takes place Tuesday’s  ...</p>
										</div>
									</div>
								</li>
							 									<li>
									<div class="sd-services-item">
																		
										<div class="sd-services-item-desc">
											<h3 class="sd-styled-title"><a href="http://www.positivelydiesel.com/wcs3_class/insanityacrofit/" title="30 MINUTE WED 7:00AM Insanity Workout @ AcroFit Gymnastics Center">30 MINUTE WED 7:00AM Insanity Workout @ AcroFit Gymnastics Center</a></h3>
											<p>Come experience INSANITY in a LIVE group fitness class.  Class takes place Wednesday at  ...</p>
										</div>
									</div>
								</li>
							 									<li>
									<div class="sd-services-item">
																		
										<div class="sd-services-item-desc">
											<h3 class="sd-styled-title"><a href="http://www.positivelydiesel.com/wcs3_class/insanity-60-min-workout-red-tiger-martial-arts/" title="60 MINUTE WED 8:00PM Insanity Workout @ Red Tiger Martial Arts">60 MINUTE WED 8:00PM Insanity Workout @ Red Tiger Martial Arts</a></h3>
											<p>Come experience INSANITY in a LIVE group fitness class.  Class takes place Wednesday at  ...</p>
										</div>
									</div>
								</li>
							 								</ul>
						</div>
					</div>
				</div>
                </div>