/* CSS Document */


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

/* 1 BASIC */

/* Begin Body */

    html {
	    }
 
    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 {
		margin: 0px 0px 25px;
		background: #6B7D61;
		color: black;
		font-size : 62.5%; /* Resets 1em to 10px */ /* for IE/Win */
		font-family: Verdana, Arial, Helvetica, sans-serif;
		}

    html>body {
	    font-size:10px
	    } /* for everything else */
   
	#wrapper {
	text-align: left;
	padding: 0px;
	background-color: #BEC5B2;
	width: 800px;
	margin: 0px;
		}

	p {
		font-size: 11px;
		line-height: 13px;
		margin: 0px;
		padding: 0px 0px 10px;
		}

    ul, ol { 
	    margin-top: 0px;
	    margin-right: 0px;
		margin-bottom: 20px;
		margin-left: 16px;
        }
	
	.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: 16px;
		font-weight: bold;
		padding: 0px 0px 10px 0px;
		border: 0px;
		margin: 0px 0px 0px 0px;
	}


	h3 {
	    font-size: 12px;
		line-height: 16px;
		font-weight: bold;
		padding: 0px 0px 10px 0px;
		border: 0px;
		margin: 0px 0px 0px 0px;
	}

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

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


	strong {
		color: black;
		}


	.break {
		margin-bottom: 10px;
		padding: 3px 0px;
		border-bottom: 1px #b2b2a4 dashed;
		} 
	
	.break-content-header {
		margin-bottom: 15px;
		height: 1px;
		border-bottom: 1px #b2b2a4 dashed;
		} 
	
	.break-section {
		  margin: 10px 0;
		  height: 5px;
		  border-bottom: 1px #7b7975 dotted;
		  }

    a img {
          border: none;
          }


/* 2 LINKS */

	a { 
		color: #62603B;
		text-decoration: none;
		font-weight: bold;
		}

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

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

	a:visited {
		color: #766B4C;
		text-decoration: none;
		}

/* END LINKS */


/* 3 HEADER */

	#header {
		margin: 0;
		height: 80px;
		}

/* 5 FOOTER */

	#footer {
		clear: both;
		margin-bottom: 15px;
		padding-bottom: 10px;
		background: #999999;
		padding-top: 10px;
		padding-right: 10px;
		padding-left: 210px;
		font-size: 1em;
		text-align: left;
		width: 580px;
		}


	#footer-menu {
		margin-bottom: 0px;
		padding-bottom: 10px;
		background: #A5A990;
		padding-top: 10px;
		padding-right: 10px;
		padding-left: 210px;
		font-size: 1em;
		text-align: left;
		width: 580px;
		float: left;
		margin-top: 0px;
		margin-right: 0px;
		margin-left: 0px;
		}

	#footer-menulist li {
		list-style: none;
		margin: 0;
		display: inline;
		}
		
	#footer-menulist {
		margin: 0;
		padding: 0;
		font-weight: bold;
		}

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

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

	#footer-menulist li a:visited {
		color: #666666;
		}

	#footer-menulist li a:hover {
		color: #CCCCCC;
		}
		
	#footer-copyright {
		clear: both;
		margin-bottom: 15px;
		padding-bottom: 10px;
		background: #A6A990;
		padding-top: 10px;
		padding-right: 10px;
		padding-left: 215px;
		font-size: 1em;
		text-align: left;
		width: 575px;
		}

	.website {color: #666666}


/* END FOOTER */


/* 6 NAVIGATION */

/* Site Menu */

	#site-menu {
		margin: 0px;
		padding: 3px 15px 5px 205px;
		height: 25px;
		background: #EDCA75;
		line-height: 26px;
		text-align: left;
		font-size: 1.1em;
		width: 580px;
		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: #263F3B;
		}

	#site-menulist li a:visited {
		color: #56633A;
		}

	#site-menulist li a:hover {
		color: #848484;
		}

/* Banner */

	#banner {
	margin: 0;
	padding: 0;
	height: 2px;
	background-color: #E0DA81;
		}

	#banner img {
		border: 0;
		}

	#date-container {
		text-align: left;
		width: 800px;
		padding-top: 0px;
		padding-right: 0px;
		padding-bottom: 5px;
		padding-left: 0px;
		background-color: #D0C987;
	}

	#date {
		color: #333333;
		text-align: left;
		float: left;
		padding-top: 5px;
		padding-right: 10px;
		padding-bottom: 5px;
		padding-left: 40px;
		width: 160px;
	}

/* Bread */

	#bread {
		color: #666666;
		background-color: #D0C987;
		padding: 5px 20px 5px 210px;
		text-align: left;
		margin: 0px;
		width: 570px;
		}
	
	#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;
		}
			
	#bread-gen ul li:before {
		content: "\0020 \0020 \0020 \00BB \0020";
		color: #ff9;
		}
        
	#bread-gen ul li.first:before {
		content: " ";
		}

/* END GLOBAL STYLES */


/* 8 BOXES */

/* Content Body */

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

/* Container Main */

	#container-main {
		text-align: left;
		margin: 0px;
		padding: 0px;
		background-color: #FFFFFF;
		width: 800px;
		float: left;
		background-image: url(../images/bg_gr1.gif);
		background-repeat: repeat-y;
		background-position: left top;
	}

	.clearfloats {
		clear: both;
		}

/* Main Container Left */

	#container-left {
		text-align: left;
		margin: 0px;
		padding: 0px;
		width: 210px;
		float: left;
		}

	#column-nav {
		width: 160px;
		text-align: left;
		font-size: 1em;
		padding: 0px 30px 0px 20px;
		line-height: 1.7em;
		color: #FFFFFF;
		background-color: #BEC5B2;
		margin: 0px;
		list-style-type: none;
		float: left;
		height: 100%;
		}

	 #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: 160px;
		background-color: #BEC5B2;
		border-bottom: 1px solid #eee;
		text-align: left;
	 	}

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

	 #navcontainer a:hover {
		background-color: #B5C0B2;
		color: #333333;
		} 

/* Portfolio Navcontainer Left */

	#column-nav2 {
		width: 160px;
		text-align: left;
		font-size: 1em;
		padding: 0px 30px 0px 20px;
		line-height: 1.7em;
		color: #FFFFFF;
		background-color: #BEC5B2;
		margin: 0px;
		list-style-type: none;
		float: left;
		height: 100%;
		}

	 #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: 160px;
		background-color: #BEC5B2;
		border-bottom: 1px solid #eee;
		text-align: left;
	 	}

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

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



/* Container-right */

	#container-right {
	margin: 0px;
	padding: 0px;
	text-align: left;
	width: 590px;
	float: left;
	background-image: url(../images/bg180_gray5.gif);
	background-repeat: repeat-y;
	background-position: right top;
		}

	#right-column1 {
		padding: 0px;
		width: 590px;
		text-align: left;
		background-color: #666666;
		margin: 0px;
		float: left;
		}


/* Container2 */

	#container2 {
	margin: 0px;
	padding: 0px;
	text-align: left;
	float: left;
	width: 410px;
	font-size: 11px;
		}

	.content-column2 {
		padding: 20px 0px;
		width: 369px;
		text-align: left;
		margin-left: 20px;
		margin-top: 0px;
		margin-right: 20px;
		margin-bottom: 0px;
		float: left;
		}

    .content-column2 li {
	margin-bottom: 10px;
	}



/* Container3 */

	#container3 {
	margin: 0px;
	padding: 0px;
	text-align: left;
	float: left;
	width: 180px;
	height: 100%;
		}

	.sidebar2 {
	    padding: 10px 20px 20px 10px;
	    text-align: left;
	    width: 149px;
	    margin: 20px 0px 0px;
	    float: left;
	    border-top-width: thick;
	    border-bottom-width: thin;
	    border-top-style: solid;
	    border-top-color: #669999;
	    border-bottom-style: solid;
	    border-bottom-color: #669999;
	    background-color: #EBEEE7;
		}
		
	.sidebar2 ul {
		margin: 10px 0px 0px;
		padding: 0px;
		}
		
	.sidebar2 li {
		margin: 0px 0px 0px 1.5em;
		padding: 0px;
		}
		
	

	.sidebar1 {
	    padding: 10px 20px 20px 10px;
	    text-align: left;
	    width: 150px;
	    margin: 20px 0px 0px;
	    float: left;
	    border-top-width: thick;
	    border-bottom-width: thin;
	    border-top-style: solid;
	    border-top-color: #669999;
	    border-bottom-style: solid;
	    border-bottom-color: #669999;
	    background-color: #E5E8E0;
	    font-size: 11px;
		}

	.sidebar1 ul {
	    margin: 10px 0px 0px;
	    padding: 0px;
	    list-style-type: none;
	    text-align: left;
		}
		
	.sidebar1 li {
		margin: 0px;
		padding: 0px;
		}

    .sidebar3 {
	    padding: 10px 20px 20px 10px;
	    text-align: left;
	    width: 150px;
	    margin: 20px 0px 0px;
	    float: left;
	    border-top-width: thick;
	    border-bottom-width: thin;
	    border-top-style: solid;
	    border-top-color: #669999;
	    border-bottom-style: solid;
	    border-bottom-color: #669999;
	    background-color: #E5E8E0;
	    font-size: 11px;
		}

	.sidebar3 ul {
	    margin: 10px 0px 0px;
	    padding: 0px;
	    list-style-type: none;
	    text-align: left;
		}
		
	.sidebar3 li {
	margin: 0px 0px 0px 1.5em;
	padding: 0px;
	line-height: 1.5em;
		}


/* Container4 */

	#container4 {
		margin: 0px;
		padding: 0px;
		text-align: left;
		width: 590px;
		float: left;
		font-size: 11px;
		}

	.content-column3 {
		padding: 20px 0px;
		width: 539px;
		text-align: left;
		margin-top: 0px;
		margin-right: 30px;
		margin-bottom: 0px;
		margin-left: 20px;
		float: left;
		border-top-width: 0px;
		border-right-width: 0px;
		border-bottom-width: 0px;
		border-left-width: 0px;
		}

    .content-column3 li {
	   margin-bottom: 10px;
	   }
	   

/* END BOXES */




/*IE HACK */

   * html sidebar2 {
       display:inline;
       }