@charset "UTF-8";
/* CSS Document */

/* Fix the width of the body */
body {
min-width: 960px;
margin:auto;
}

/* Wrapper */
.row {
width:960px;
margin:auto;
display: table;
}

/* Column margins */
.col_12, /* full width */
.col_9, /* 3/4 width */
.col_8, /* 2/3 width */
.col_6, /* half width */
.col_4, /* 1/3 width */
.col_3 /* 1/4 width */
{
margin-left: 10px;
margin-right: 10px;
display: inline;
float: left;
}

/* First and Last */
.first {
margin-left:0;
}

.last {
margin-right:0;
}

/* Column widths taking into account the margins */
.col_12 {width:70%; /*border: thin solid #00F;940px;*/}
.col_9 {width:620px; margin-left: -2px; /*border: thin solid #000;*/}
.col_8 {width:700px;}
.col_6 {width:460px;}
.col_4 {width:220px;}
.col_3 {width:300px;}

/* Responsive Design stuff */


/*****************/
/* MEDIA QUERIES */
/*****************/

/* Tablet Screen Sizes */
@media only screen and (min-width: 768px) and (max-width: 959px) {
/* Resize the body */
body {min-width:767px;}

/* Resize the row */
.row {width:767px;}

/* Resize the columns */
.col_12 {width:748px;}
.col_9 {width:492px;}
.col_8 {width:556px;}
.col_6 {width:364px;}
.col_4 {width:172px;}
.col_3 {width:236px;}

}

/* Mobile Landscape Screen Sizes */
@media only screen and (min-width: 480px) and (max-width: 767px) {
/* Resize the body */
body {min-width:479px;}

/* Resize the row */
.row {width:479px;}

/* Resize the columns */
.col_12 {width:460px;}
.col_9 {width:330px; margin-left: 10px;}
.col_8 {width:225px;}
.col_6 {width:225px;}
.col_4 {width:225px; margin-left:0px;}
.col_3 {width:110px; margin-left:5px;}

/* Fix the .last issue */
.last {
margin-left:0;
margin-right:10px;
}

}

/* Mobile Portrate Screen Sizes */
@media only screen and (max-width: 479px) {
/* Resize the body */
body {min-width:320px;}

/* Resize the row */
.row {width:320px;}

/* Resize the columns */
.col_12 {width:300px;}
.col_9 {width:300px; margin-left: 10px;}
.col_8 {width:300px;}
.col_6 {width:300px;}
.col_4 {width:300px; margin-left:0px;}
.col_3 {width:300px; margin-left:5px;}

/* Fix the .last issue */
.last {
margin-left:0;
margin-right:10px;
}
}



/* extra 'p' tag to make it all ft */

p {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	font-weight: bold;
}