/* CSS Document */


 /*
  tc2007 CSS for tribalcode.com
  Author: George Canciani - Tribal Code
 */
 
 /*
 Table of Contents
  1). Basic ..................... Basic structure of the page
  2). Links ..................... Hyperlink styles
  3). Header .................... All header styles
  4). Footer .................... All footer styles
  5). Navigation ................ Styles related to navigation
  6). Boxes ..................... Div 'boxes' to showcase content
  7). Tables .................... Table styling
  8). Showcase .................. Project, Shop, etc. category showcasing
  9). Lists ..................... Usually to replace tables.
 10). Fonts ..................... Font color, style, size, etc.
 */
 
 
/* GLOBAL STYLES */

/* 1 BASIC */

/* Begin Body */

    html {
	height: 100%;
	}
 
    body, h1, h2, h3, h4, h5, h6, p, ol, ul, form, blockquote {
    padding: 0;
    margin: 0;
    }

    h1, h2, h3, h4, h5, h6, pre, code {
	font-size: 1em;
    }
		
		
    body {
	color: black;
	font-size : 62.5%; /* Resets 1em to 10px */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 25px;
	margin-left: 0px;
	background-color: #E5E5E5;
	background-image: url(../images/bg.gif);
	}

	#wrapper {
	text-align: left;
	border: none;
	padding: 0;
	width: 980px;
	background-color: #CCCCCC;
	height: 100%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	}

	p {
	font-size: 1.12em;
	margin: 0px;
	padding: 0px 0px 12px;
	line-height: 1.55em;
	    }

	ol {
	    font-size: 1.2em;
	    }
		
	.right-column-head2 {
	font-weight: bold;
	color: #333333;
	font-size: 1.1em;
	}

	.spacer {
	height: 20px;
	clear: both;
	    }

	img	{
	    padding: 0px;
	    border: 0px;
	    margin: 0px;
	    }
		
    h1 {
		font-size: 18px;
		line-height: 20px;
		font-weight: bold;
		padding: 0px 0px 10px 0px;
		border: 0px;
		margin: 0px 0px 0px 0px;
	    }

	 h2 {
	font-size: 14px;
	line-height: 20px;
	font-weight: bold;
	padding: 0px 0px 10px 0px;
	border: 0px;
	margin: 0px 0px 0px 0px;
	text-decoration: none;
	font-style: italic;
	color: #333333;
	    }


	 h3 {
	font-size: 12px;
	line-height: 18px;
	font-weight: bold;
	padding: 0px 0px 10px 0px;
	border: 0px;
	margin: 0px 0px 0px 0px;
	text-decoration: none;
	    }

	 h4 {
	font-size: 11px;
	line-height: 14px;
	font-weight: bold;
	padding: 0px 0px 10px 0px;
	border: 0px;
	margin: 0px 0px 0px 0px;
	    }

	 h5 {
	font-size: 10px;
	line-height: 13px;
	font-weight: bold;
	padding: 0px 0px 10px 0px;
	border: 0px;
	margin: 0px 0px 0px 0px;
	    }
	
    h6  {
	font-size: 9px;
	line-height: 12px;
	font-weight: bold;
	padding: 0px 0px 10px 0px;
	border: 0px;
	margin: 0px 0px 0px 0px;
	    }

	strong {
	color: black;
		}
	
	br.clear { clear:both; }
	
	* html .clear {
	height: 1px; 
	}
	
	
	/* TABLES */
	
	table {
	width: 100%;
	border: 0;
	border-collapse: collapse;
	}	
	
	caption {
	}
	
	colgroup {
	}
		
	col { 
	}
	
	thead {
	}
	
	tbody {
	}
	
	tr {
	padding: 10px;
	text-align: left;
	}
	
	th {
	text-align: left;
	padding: 10px; 	
	}
	
	td {
	padding-bottom: 5px;
	padding: 10px;
	vertical-align: top;
	}
	
	/* END TABLES */
	
		
/* 2 LINKS */


/* ############################################## */
/*                                                */
/* 2). LINKS                                      */
/* Hyperlink styles (global)                      */
/*                                                */
/* ############################################## */

	a {
	color: #2E447D;
	text-decoration: none;
	font-weight: bold;
	}

	a:link {
	text-decoration: none;
	font-weight: normal;
	color: #2E447D;
		}

	a:active {
	color: #2E447D;
	text-decoration: none;
		}

	a:hover {
	color: #DEDEDE;
	text-decoration: none;
		}

	a:visited {
	color: #41327D;
	text-decoration: none;
		}

/* ---------------------------------------------- */
	/* link-lists. Created for view/links/ and        */
	/* similar mass-listings using tables             */
	/* ---------------------------------------------- */
	
	.link-list {
		margin: 0;
		padding: 10px;
		border: 1px #8a8b80 solid;
		background: #C0C0C0;
		}

	.link-list th {
		padding: 4px 4px 4px 5px;
		border-bottom: 1px #8a8b80 solid;
		font-size: 1.0em;
		}

	.link-list td {
	padding: 5px;
	border-bottom: 1px #a0a195 solid;
	font-size: 0.8em;
	text-align: left;
		}
		
/* ---------------------------------------------- */
	
/* END LINKS */



/* 3 HEADER */

	#header {
	margin: 0px;
	height: 40px;
	background: #666666 url(../images/header-bg.png) no-repeat right top;
	padding: 0px;
	}
		
    #head-section {
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 40px;
	width: 190px;
	font-size: 1.2em;
	text-align: left;
	float: left;
	font-weight: bold;
	color: #FFFFFF;
    }

    #header-menu {
	padding-top: 15px;
	padding-left: 240px;
	padding-right: 20px;
	color: white;
	text-align: left;
	font-size: 1.4em;
	background-color: #999999;
	padding-bottom: 10px;
	margin: 0px;
	font-weight: bold;
	}

	#header-menu ul {
	margin: 0;
	padding-bottom: 10px;
	}

	#header-menu li {
	display: inline;
	padding-left: 10px;
	list-style-type: none;
	}

	#header-menu a:link {
	color: #d7d4c8;
	text-decoration: none;
	}

	#header-menu a:visited {
	color: #d7d4c8;
	text-decoration: none;
	}

	#header-menu a:hover {
	text-decoration: underline;
	}


/* Site Menu -------- */
	
	#site-menu {
	margin: 0px;
	padding: 3px 195px 5px 235px;
	height: 25px;
	background: #999999;
	line-height: 26px;
	text-align: left;
	font-size: 1.1em;
	width: 550px;
	clear: both;
	}

	#site-menulist {
	margin: 0;
	padding: 0;
	font-weight: bold;
	}

	#site-menulist li {
	list-style: none;
	margin: 0;
	display: inline;
	}

	#site-menulist li a {
	padding: 3px 0.5em;
	margin-left: 3px;
	border: none;
	text-decoration: none;
	}

	#site-menulist li a:link {
	color: #666666;
	}

	#site-menulist li a:visited {
	color: #4D4D4D;
	}

	#site-menulist li a:hover {
	color: #CCCCCC;
	text-decoration: underline;
	}
		
	/* End Site Menu ------ */


	/* Banner ------------- */
	
	#banner {
	margin: 0;
	padding: 0;
	height: 5px;
	background-color: #AAAAAA;
	}

	#banner img {
	border: 0;
	}

   /* End Banner ---------- */

   /* Date ---------------- */
   
    #date {
	color: #333333;
	text-align: left;
	float: left;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 40px;
	width: 190px;
    }
	
    #date-container {
	text-align: left;
	width: 980px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	background-color: #999999;
    }
	
   /* End Date -------- */


   /* Bread ------------ */
    
	#bread {
	color: #666666;
	background-color: #999999;
	padding: 10px 20px 5px 240px;
	text-align: left;
	margin: 0px;
    }

    #bread ul {
    margin-left: 0;
    padding-left: 0;
    display: inline;
    border: none;
    } 

    #bread ul li {
    margin-left: 0;
    padding-left: 2px;
    border: none;
    list-style: none;
    display: inline;
    }

		
   /* End Bread -------- */

/* END HEADER */


/* 4 FOOTER */

    #footer {
	clear: both;
	margin-bottom: 15px;
	padding-bottom: 15px;
	background: #B9B9B9;
	padding-top: 10px;
	padding-right: 190px;
	padding-left: 245px;
	font-size: 1em;
	text-align: left;
	width: 545px;
	}
		
/* END FOOTER */


/* 5 NAVIGATION */

/* Site Menu */

/* Banner */

/* Bread */

/* END GLOBAL STYLES */



/* 6 BOXES */

/* Content Body */

    #content-body {
	display: block;
	margin : 0;
	padding: 0px 0px 10px;
	}	

   .clearfloats {
	clear: both;
    }
	
/* Container Main */

/* Main Container Left */

/* Home 1 Page */

    #left-column-contact {
	float: left;
	width: 180px;
	text-align: left;
	padding: 20px 20px 20px 40px;
	line-height: 1.7em;
	color: #333333;
	background-color: #B3B3B3;
	height: 200px;
	}
	
/* End Home 1 */

/* Team Page */

    #left-column-team {
	float: left;
	width: 180px;
	text-align: left;
	height: 0px;
	padding: 20px 20px 20px 40px;
	line-height: 1.7em;
	color: #FFFFFF;
	background-color: #B3B3B3;
    }
	
/* End Team Page */

/* Portfolio Container 1 */

    #left-column-cap {
	float: left;
	width: 180px;
	text-align: left;
	padding: 20px 20px 20px 40px;
	line-height: 1.7em;
	color: #FFFFFF;
	background-color: #6D6F71;
	}
	
    #left-column-cap ul {
	margin: 0px;
	padding: 0px;
	text-align: left;
	list-style-type: none;
    }
	
    #left-column-cap li {
	text-align: left;
	border-top-width: thin;
	border-top-style: dotted;
	border-top-color: #999999;
    }

   .left-column-head {
	font-weight: bold;
	color: #FFFFFF;
    }
	
	#right-folio-nav {
	width: 120px;
	text-align: left;
	font-size: 1em;
	line-height: 1.7em;
	color: #333333;
	margin: 0px;
	list-style-type: none;
	float: right;
	padding-top: 20px;
	padding-right: 40px;
	padding-bottom: 0px;
	padding-left: 20px;
    }

	
	/* End Portfolio Container 1 */
	
	/* Portfolio Container 2 */
	
	#feature-left-column-nav {
	width: 210px;
	text-align: left;
	font-size: 1em;
	height: 240px;
	padding: 0px 0px 0px 30px;
	line-height: 1.7em;
	color: #FFFFFF;
	background-color: #CCCCCC;
	margin: 0px;
	list-style-type: none;
	float: left;
    }

    #navcontainer-cap {
	text-align: left;
	margin: 0px;
	padding: 0px;
    }

    #navcontainer-cap ul {
	list-style-type: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	text-align: left;
    }

    #navcontainer-cap a {
	display: block;
	padding: 3px 0px;
	width: 190px;
	background-color: #CCCCCC;
	border-bottom: 1px solid #eee;
	text-align: left;
    }

    #navcontainer-cap a:link, #navlist a:visited {
	color: #666666;
	text-decoration: none;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #eee;
    }

    #navcontainer-cap a:hover {
	background-color: #C4C4C4;
	color: #333333;
	text-decoration: none;
    }

/* End Portfolio Container 2 */


/* Capabilities Projects 2 123007 */

	#right-cap-proj-nav {
	width: 150px;
	text-align: left;
	font-size: 1em;
	height: 100%;
	padding: 0px 10px 0px 20px;
	line-height: 1.7em;
	color: #FFFFFF;
	background-color: #C9C9C9;
	margin: 0px;
	list-style-type: none;
	float: right;
    }

 	#navcontainer-cap-proj {
	text-align: left;
	margin: 0px;
	padding: 0px;
    }

    #navcontainer-cap-proj ul {
	list-style-type: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	margin: 0px;
	text-align: left;
	color: #666666;
	padding: 0px;
    }

    #navcontainer-cap-proj a {
	display: block;
	padding: 3px 0px;
	width: 150px;
	background-color: #C9C9C9;
	border-bottom: 1px solid #eee;
	text-align: left;
    }

    #navcontainer-cap-proj a:link, #navlist a:visited {
    color: #666666;
    text-decoration: none;
    }

    #navcontainer-cap-proj a:hover {
	background-color: #C4C4C4;
	color: #333333;
	text-decoration: none;
    }




/* End Capabilities Projects 2 */


/* Portfolio Main */

    #left-column-folio {
	float: left;
	width: 180px;
	text-align: left;
	padding: 20px 20px 20px 40px;
	line-height: 1.7em;
	color: #FFFFFF;
	background-color: #BFBFBF;
	}
	
    #right-column-folio {
	margin-left: 240px;
	width: 500px;
	text-align: left;
	font-size: 1.2em;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #BFBFBF;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 25px;
	padding-left: 20px;
	height: 110%;
	}
	
/* Folio START TABLE LIST */

    #table-list {
	text-align: left;
	list-style-type: none;
	font-size: 10px;
	line-height: 16px;
    }

    #table-list ul {
	margin: 0px;
	padding: 0;
	list-style-type: none;
    }

	.table-title {
	font-size: 0.9em;
	}

	.table-title-2 {
	font-size: 0.9em;
	}

/* Folio END TABLE LIST */

	/* ---------------------------------------------- */
	/* link-lists. Created for view/links/ and        */
	/* similar mass-listings using tables             */
	/* ---------------------------------------------- */
	.link-list {
	margin: 0;
	background: #C0C0C0;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #8a8b80;
	border-right-color: #8a8b80;
	border-bottom-color: #8a8b80;
	border-left-color: #8a8b80;
	padding: 10px;
		}

	.link-list th {
	border-bottom: 1px #8a8b80 solid;
	font-size: 1em;
	padding-top: 4px;
	padding-right: 4px;
	padding-bottom: 10px;
	padding-left: 5px;
		}

	.link-list td {
	border-bottom: 1px #a0a195 solid;
	font-size: 0.9em;
	text-align: left;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
		}
/* ---------------------------------------------- */
	

/* End Portfolio Main */



/* Container-right */

/* Container1 */

	#container1 {
	text-align: left;
	margin: 0px;
	padding: 0px;
	background-color: #B3B3B3;
    }

    .container1 {
	text-align: left;
	margin: 0px;
	padding: 20px 10px 20px 30px;
	float: left;
	width: 220px;
    }
	
	#container1_740 {
	text-align: left;
	margin: 0px;
	padding: 0px;
	background-color: #6D6F71;
    }

    .container1_740 {
	text-align: left;
	margin: 0px;
	padding: 20px 10px 20px 30px;
	float: left;
	width: 220px;
    }
	
	#container1_980 {
	text-align: left;
	margin: 0px;
	padding: 0px;
	background-color: #6D6F71;
    }

    .container1_980 {
	text-align: left;
	margin: 0px;
	padding: 20px 10px 20px 30px;
	float: left;
	width: 220px;
    }
	
	#container1_sub1 {
	text-align: left;
	margin: 0px;
	padding: 0px;
	background-color: #B3B3B3;
	background-image: url(file:///LaCie%20DiskD2/tc_site_2007/tc2006build4/images/back240_6D6F71.gif);
	background-position: left top;
	background-repeat: repeat-y;
    }

	
	#container1-folio {
	text-align: left;
	margin: 0px;
	padding: 0px;
	background-color: #6D6F71;
    }
	
	
/* Container1 Nav Left */

    #navcontainer {
	text-align: left;
	margin: 0px;
	padding: 0px;
    }

    #navcontainer ul {
	list-style-type: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	text-align: left;
    }

    #navcontainer a {
	display: block;
	padding: 3px 0px;
	width: 210px;
	background-color: #CCCCCC;
	border-bottom: 1px solid #eee;
	text-align: left;
    }

    #navcontainer a:link, #navlist a:visited {
    color: #666666;
    text-decoration: none;
    }

    #navcontainer a:hover {
	background-color: #C4C4C4;
	color: #333333;
    }
 
/* Container1 Feature Right */
 
    #feature-right-column {
	padding: 0px;
	width: 560px;
	text-align: left;
	font-size: 1em;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 240px;
	}
	
	#feature-right-column2 ul {
	text-align: left;
	margin: 0px 0px 0px 10px;
	padding: 0px;
    }

    #feature-right-column2 li {
    }


	#container1-column3 {
	width: 150px;
	text-align: left;
	font-size: 1em;
	height: 240px;
	line-height: 1.7em;
	color: #FFFFFF;
	background-color: #B3B3B3;
	margin: 0px;
	list-style-type: none;
	float: right;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 20px;
	}
	
	#feature-right-column_740 {
	padding: 0px;
	width: 740px;
	text-align: left;
	font-size: 1em;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 240px;
	background-color: #6D6F71;
	}
	
	#feature-right-column_980 {
	padding: 0px;
	width: 980px;
	text-align: left;
	font-size: 1em;
	background-color: #6D6F71;
	margin: 0px;
	height: 400px;
	}
	
	
	
/* Container2 */

    #container2 {
	margin: 0px;
	padding: 0px;
	text-align: left;
	background-image: url(../images/back180_C9C9C9.gif);
	background-repeat: repeat-y;
	background-position: right top;
    }

    #feature-left-column2 {
	float: left;
	width: 190px;
	text-align: left;
	font-size: 1em;
	padding: 20px 20px 20px 30px;
	margin: 0px;
    }

    #feature-right-column2 {
	width: 520px;
	text-align: left;
	margin-left: 240px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 20px;
	background-repeat: repeat-y;
	background-position: left top;
	background-image: url(../images/back560_CCCCCC.gif);
    }
	
	#feature-right2-column2 {
	padding: 20px;
	width: 140px;
	text-align: left;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	float: right;
	background-color: #B2B2B2;
	}

/* Container2 Capabilities */
 
    #feature-left-column-nav2 {
	width: 210px;
	text-align: left;
	font-size: 1em;
	height: 240px;
	padding: 0px 0px 0px 30px;
	line-height: 1.7em;
	color: #FFFFFF;
	background-color: #B3B3B3;
	margin: 0px;
	list-style-type: none;
	float: left;
    }

    #navcontainer2 {
	text-align: left;
	margin: 0px;
	padding: 0px;
    }

    #navcontainer2 ul {
	list-style-type: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	text-align: left;
    }

    #navcontainer2 a {
	display: block;
	padding: 3px 0px;
	width: 190px;
	background-color: #B3B3B3;
	border-bottom: 1px solid #C8C8C8;
	text-align: left;
    }

    #navcontainer2 a:link, #navlist a:visited {
    color: #666666;
    text-decoration: none;
    }

    #navcontainer2 a:hover {
	background-color: #B9B9B9;
	color: #333333;
    }

/* End Container2 Capabilities */



/* Container2 Capabilities Components 123007 */

	#left-cap-components {
	float: left;
	width: 190px;
	text-align: left;
	line-height: 1.7em;
	color: #333333;
	background-color: #CCCCCC;
	height: 222px;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 30px;
	}
	
    #left-cap-components ul {
	margin: 0px;
	padding: 0px;
	text-align: left;
	list-style-type: none;
    }
	
    #left-cap-components li {
	text-align: left;
	border-top-width: thin;
	border-top-style: dotted;
	border-top-color: #999999;
    }

	.left-cap-components {
	font-weight: bold;
	color: #FFCC66;
    }
 
 	.left-cap-components-head {
	font-weight: bold;
	color: #666666;
    }

/* End Container2 Capabilities Components */



 /* Container2 Project Components 123007 */
 
	#left-components {
	float: left;
	width: 190px;
	text-align: left;
	line-height: 1.7em;
	color: #333333;
	background-color: #CCCCCC;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 30px;
	margin: 0px;
	}
	
    #left-components ul {
	margin: 0px;
	padding: 0px;
	text-align: left;
	list-style-type: none;
    }
	
    #left-components li {
	text-align: left;
	border-top-width: thin;
	border-top-style: dotted;
	border-top-color: #999999;
    }

   .left-components {
	font-weight: bold;
	color: #FFCC66;
    }
 
 	.left-components-head {
	font-weight: bold;
	color: #666666;
    }
	
 /* End Container2 Project Components */



 /* Container2 Portfolio Nav2 123007 */
 
    #portfolio-container-nav2 {
	width: 210px;
	text-align: left;
	font-size: 1em;
	padding: 20px 0px 0px 30px;
	line-height: 1.7em;
	color: #333333;
	background-color: #B3B3B3;
	margin: 0px;
	list-style-type: none;
	float: left;
    }

    #portfolio-nav2 {
	text-align: left;
	margin: 0px;
	padding: 0px;
    }

    #portfolio-nav2 ul {
	list-style-type: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	text-align: left;
    }

    #portfolio-nav2 a {
	display: block;
	padding: 3px 0px;
	width: 190px;
	background-color: #B3B3B3;
	border-bottom: 1px solid #C8C8C8;
	text-align: left;
    }

    #portfolio-nav2 a:link, #navlist a:visited {
    color: #666666;
    text-decoration: none;
    }

    #portfolio-nav2 a:hover {
	background-color: #B9B9B9;
	color: #333333;
    }

 /* End Container2 Portfolio Nav2 */





    /* Container3 */
	
    #container3 {
	margin: 0px;
	padding: 0px;
	text-align: left;
    }
	
	#right-column {
	padding: 10px 20px 25px 0px;
	margin-left: 240px;
	width: 520px;
	text-align: left;
	font-size: 1.2em;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	}

	
    /* End Container3 */
 
    /* Team */
	
    #feature-left-column3 {
	float: left;
	width: 180px;
	text-align: left;
	height: 200px;
	font-size: 1em;
	height: 200px;
	padding: 10px 20px 20px 40px;
	line-height: 1em;
	display: block;
    }
	
    /* End Team */
   
   
 /* END BOXES ---- */
 
 /* 7 TABLES ----- */

	#mid-table {
	margin: 0px;
	}

	#mid-table-1 {
	width: 530px;
	text-align: left;
	margin-left: 240px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 10px;
	}
	
	.mid-table-head1 {
	text-align: left;
	border-top-style: solid;
	font-size: 14px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-top-color: #333333;
	border-bottom-color: #999999;
	padding-top: 5px;
	padding-bottom: 10px;
	margin-left: 10px;
	}
	
	.mid-table-head2 {
	text-align: left;
	font-size: 12px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 0px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: dotted;
	border-top-color: #333333;
	border-bottom-color: #333333;
	}
	
	.table-p2 {
	font-size: 1em;
	margin: 0px;
	line-height: 1.4em;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 12px;
	padding-left: 0px;
	}
	
	#p2 {
	font-size: 0.9em;
	margin: 0px;
	line-height: 1.6em;
	}
	
	
/* END 7 TABLES ----- */



 /* GRID --- */

	#mid-grid-2col {
	width: 240px;
	float: left;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	}
	
	#mid-grid-1col {
	width: 240px;
	float: right;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	}

 /* END GRID --- */
 
 
 /* 8 SHOWCASE --- */

 /* 9 LISTS ------ */
 
 /* 10 FONTS ----- */

 /*IE HACK */