/* ------------------------------------------------------------
	
	File: core-10.css
	Description:
		* This file contains the main core of the framework. The file includes
		  grid rendering and required classes to create grid layouts based on ten vertical columns.
			
	Usage:
		* See manual for useage. ALl classes are covered in detail there. 
		  **IMPORTANT** Do not change this file! 
				
	-------------------------------------------------------------- */
	
	/*

	Desc: default class names for layout manipulation. 

	*/
		* {
			margin:0;
			padding:0;
		}
	
		#container {
			width:960px;
		}
		
	/* -----------------------------------*/
	/* ---------## Structure ##-----------*/
	/* -----------------------------------*/
		.row {
			float:left; 
			clear:both;
		}	
		.column {
			float:left;
		/*	margin-left:10px; */
		}	
		.section {
		/*
			margin-right:10px;
			margin-bottom:10px;
		*/
			margin-left:10px;
		}
		
		.section {
		
		}
		
		.header {
		
		}
		
		.body {
		
		}
		
		.footer {
		
		}
		
		.margin { padding:10px; }
				
		.no-margin-right {
			margin-right:0px !important;
		}		
		.no-margin-left {
			margin-left:0px !important;
		}		
		.no-margin {
			margin:0px !important;
		}		
		.no-margin-bottom {
			margin-bottom:0px !important;
		}
		.no-margin-vert {
			margin-top:0 !important;
			margin-bottom:0 !important;
		}
		.no-margin-hori {
			margin-left:0 !important;
			margin-right:0 !important;
		}
		.padding {
			padding:10px;
		}		
		.no-padding {
			padding: 0 !important;
		}
		.no-pad-left {
			padding-left:0 !important;
		}
		.no-pad-top {
			padding-top:0 !important;
		}
		.no-pad-vert {
			padding-top:0 !important;
			padding-bottom:0 !important;
		}
		.no-pad-hori {
			padding-left:0 !important;
			padding-right:0 !important;
		}	
		.span-1 {
			width:96px
		}	
		.span-2 {
			width:192px; 
		}	
		.span-3 {
			width: 288px;
		}	
		.span-4 {
			width:384px;
		}	
		.span-5{
			width:480px;
		}	
		.span-6{
			width:576px;
		}	
		.span-7{
			width: 672px;
		}	
		.span-8{
			width:768px;
		}	
		.span-9{
			width:864px;
		}	
		.span-10{
			width:960px;
		}	

		.span-10 {
			margin:0;
		}	
		.span-1,
		.span-2, 
		.span-3,
		.span-4,
		.span-5,
		.span-6,
		.span-7,
		.span-8,
		.span-9,
		.span-10	{
			float:left;
		}
		
		.last {
			margin-right:0;
		}
		.first {
			margin-left:0;
		}
		
	/* -----------------------------------*/
	/* --------## Positioning ##----------*/
	/* -----------------------------------*/
		.centre {
			margin:0 auto;
		}	
		.left {
			float:left;
		}	
		.right {
			float:right;
		}	
		.clear-left {
			clear:left;
		}	
		.clear-right {
			clear:right;
		}	
		.clear-all {
			clear:both;
		}		
	/* -----------------------------------*/
	/* ---------## Elements ##------------*/
	/* -----------------------------------*/	
		blockquote {
			margin:10px 0;
		}	
	/* class to make menu horizontal instead of vertical */
		ul.hori li,
		ol.hori li {
			float:left;
		}	
	/* re-defined classes for list styles */	
		ul.circle {list-style-type:circle !important;margin-left:15px;}
		ul.square {list-style-type:square !important;margin-left:15px;}	
		ul.disc {list-style-type:disc !important;margin-left:15px; }
		ul.imgbullet { margin-left:2px;}	
		ul.imgbullet li { background:url(../images/bullet.gif) no-repeat left center; padding-left:13px;}

	/* -----------------------------------*/
	/* --------## GENERIC #IDs ##---------*/
	/* -----------------------------------*/
	
		/* pre defined generic ID's  */	
			#header, #footer, #body, #side-bar, #top-nav, #form, #top-nav, #left-nav, #right-nav {
				float:left;
				clear:both;
			}
		
	/* -----------------------------------*/
	/* ----## GENERIC #Classes ##---------*/
	/* -----------------------------------*/
		
		.border {
			border-width:1px;
			border-style:solid;
		}
		.no-border {
			border:0 !important;
		}
		/* pagination */