﻿

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, b, u, i, center, 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;
    vertical-align: baseline;
    background: transparent;
    font-family: Tahoma, Geneva, sans-serif;
    
}

body
{
    background-color:#ffffff; 
}

/*p, dl, hr, h1, h2, h3, h4, h5, h6, ol, ul, a, pre, table, address, fieldset
{
    margin-bottom: 20px;
}*/

.clear
{
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}



.container {
	margin-left: auto;
	margin-right: auto;
	width: 960px;
	margin-bottom:0px; 
	border:2px solid black; 

}


.grid_80,
.grid_160,
.grid_240,
.grid_320,
.grid_400,
.grid_480,
.grid_560,
.grid_640,
.grid_720,
.grid_800,
.grid_880,
.grid_960 {
	display: inline;
	float: left;
	position: relative;
	margin-left: 10px;
	margin-right: 10px;
	
}


/*add any combo together to get 960px */


.container .grid_80 {
	width: 60px;
}

.container .grid_160 {
	width: 140px;
}

.container .grid_240 {
	width: 220px;
}

.container .grid_320 {
	width: 300px;
}

.container .grid_400 {
	width: 380px;
}

.container .grid_480 {
	width: 460px;
}

.container .grid_560 {
	width: 540px;
}

.container .grid_640 {
	width: 620px;
    top: 0px;
    left: 0px;
}

.container .grid_720 {
	width: 700px;
}

.container .grid_800 {
	width: 780px;
}

.container .grid_880 {
	width: 860px;
}

.container .grid_960 {
	width: 940px;
}

/*begin customizations of grids*/


