/* base */
	.yui-g, .yui-gb, .yui-gc, .yui-gd, .yui-ge, .yui-gf {
		width: 877px;
		margin: 0 auto;	
		padding: 10px 0;
	}

p { display:block; padding-bottom:.5em;}		
		
/* tools */
	.center {
		text-align: center;
	}

	.hidden {
		visibility: hidden;
	}
	
	.horizontal li {
		float: left;
	}	
	
	.float_right {
		float: right;
	}
	.float_left {
		float: left;
	}
	.clear_right {
		clear: right;
	}
	.clear_left {
		clear: left;
	}
	.clear_both {
		clear: both;
	}
	
	.greenbar {
		background: url(../images/layout/greenbar.jpg);
		border-bottom: solid #728865 1px;
		width: 952px;
	}
	.greenbar h2 {
		text-align: center;
	}
	
	div.formfield { padding: 5px; }
 	ul.errorlist li { color: red; }
	
/* text */

	h1 { 
	    /* 18px */ 
	    font-size:138.5%;color: #361E00;
	} 
	
	h2 { 
	    /* 16 */ 
	    font-size:135%;  color: #361E00;
	} 
	
	h3 { 
	    /* 14px */ 
	    color: #361e00;
		font-size: 108%;   
	} 
	
	p { color: #575757; }
	.p { color: #575757; }
	
	h1,h2,h3,strong { 
	    font-weight:bold;  
	} 

	em { 
	    font-style:italic; 
	} 	

    a { 
        color: #A47436; 
	    text-decoration: none; 
    } 
    a:hover {
        cursor: pointer; 
        text-decoration: underline;
    }
    
    ul li {
     list-style-type: disc; 
     color: #575757;
    }
    
	.admin_prompt {
		color: #ad4d2a;
	}	


/* layout */
	html {
		background: #fed176; 
	}
	
	body {
		background: url(../images/layout/body-searchband-background.jpg) repeat-x #fed176; 
	}
	
	#custom_doc {
		text-align: left;
		width: 74.38em;
		*width: 71.55em;
		min-width: 954px;
		margin: auto;
	}
	
	#bd {		
		border-right: solid #e6be6b 1px;
		border-left: solid #e6be6b 1px;
		width: 952px;

	}

/* header */

	#search_box {
		background: url(../images/layout/searchbox-background.jpg) no-repeat;
		width: 355px;
		height: 30px; 
		margin-bottom: 10px;
	}
		#search_box form {
			padding: 5px 0 0 100px;
		}
		#search_box label {
			color: #8c632f;
			float: left;
			padding: 2px 3px 0 0;	
		}
		#search_box input {
			background: url(../images/layout/search-background.jpg) no-repeat;
			border: none;
			color: #8c632f;
			padding: 2px;
			display:inline;
		}
		#search_box input[type=submit]:hover {
		    cursor: pointer;
		    color: #361E00;
	    }
    
	#banner {
		height: 45px;
	}
		h2.snt_hook {
			font-size: 100%;
			color: #8e7858;
			width: 250px;
			margin: 15px 10px 0 0;
		}
		#snt_logo {
			background: url(../images/layout/smartnutstechnologies-logo.jpg) no-repeat;
			width: 292px;
			height: 40px;
		}

/* main nav */

	#nav {
		background: url(../images/layout/nav-background.jpg) no-repeat;
		height: 50px;
	}
	#nav ul {
		margin-left: 25px;
		height: 50px;
	}
	#nav ul li {
		padding: 0 7px;
		list-style-type:none;
	}
	#nav ul li a {
		display: block;
	}
	#nav ul li a:hover {
	    text-decoration: none;
    }

		a.home {
			background: url(../images/layout/nav-home.jpg) no-repeat;
			width: 58px;
			height: 50px;
		}
		a.home:hover {
			background-position: -58px 0;
		}
		#home_current {
			background-position: -116px 0;
		}

		a.products {
			background: url(../images/layout/nav-products.jpg) no-repeat;
			width: 74px;
			height: 50px;
		}
		a.products:hover {
			background-position: -74px 0;
		}
		#products_current {
			background-position: -148px 0;
		}
		
		a.services {
			background: url(../images/layout/nav-services.jpg) no-repeat;
			width: 78px;
			height: 50px;
		}
		a.services:hover {
			background-position: -78px 0;
		}
		#services_current {
			background-position: -156px 0;
		}		
		
		a.contact {
			background: url(../images/layout/nav-contact.jpg) no-repeat;
			width: 66px;
			height: 50px;
		}
		a.contact:hover {
			background-position: -66px 0;
		}
		#contact_current {
			background-position: -132px 0;
		}			


/* sub nav */

	#subnav {
		background: url(../images/layout/subnav-background.jpg) no-repeat;
		border-bottom: solid #9c7a3e 1px;
		width: 952px;
	}
	
	#subnav h2 {
		padding: 10px 0 0 37px
	}	
	
		#subnav ul {
			height: 30px;
			padding-left: 32px;
		}
		#subnav ul li {
			padding: 8px 7px 0 7px;
			list-style-type:none;
		}
		#subnav li a { 
 	        color: #361e00; 
        }   

/* content */
		
	#learn_more {
		background: url(../images/layout/learnmore-background.jpg) no-repeat;
		width: 952px;
	}
	
	#content {
		background: url(../images/layout/content-background.jpg) repeat-y;
		border-bottom: solid #8b8b8b 1px;
		width: 952px;		
	}
	
	#content ul {
	    padding: 2px 0px 5px 25px;
	}
	
	.special-quote {
	    color: #5e3b15;
		width: 660px;
		margin-left: -330px;
		left: 50%;
		position: relative;
		float:left;
		background-color: #fbe3b1;
		border: solid 1px #2f1700;
		padding: 5px 10px;
		text-align: left;
	}
	.special-quote p { font-size: 130%; } 
	.special-quote p em { font-size: 100%;} 
	
	.special-quote img { float: left; margin: 0px 3px 3px 3px;} 

    #greenbar { width: 625px; margin: -17px 0px 10px -315px; left: 50%; float:left; padding: 7px; position: absolute;}
    #greenbar { background: url(../images/layout/greenbar-box.jpg) no-repeat; border: 0px; height: 38px;}
    #greenbar { color: #ffffff; text-align: center;}
    #greenbar h3 { font-weight: normal; font-size: 131%; color: #ffffff }
    #greenbar h3 a { color: #f3a705;}
    #greenbar h3 a:hover { text-decoration: underline;}
    #greenbar p.admin_prompt { color: #ffffff; }


    .pagination { text-align: center; margin: 1%; font-size: 90%;} 

/* footer */
	
	#footer-area {
		background: url(../images/layout/newsletter-background.jpg) repeat-y;
	    width: 875px;
		padding: 4em 2em 3em 4em;
		float: left;
	}
	#footer-bottom {
		background: url(../images/layout/newsletter-bottomcap.jpg) no-repeat;
		width: 954px;	
		height: 10px;
		float:left;
	}
    
    
    #newsletter { float:left; padding-right: 4em;}
    #newsletter h3 { font-size: 1em; padding: 0em 0em .9em 0em }
    #newsletter p { padding: .3em 0em .3em 0em; }
    #newsletter label { display: block; font-size: .8em; padding-bottom:.2em; }
    #newsletter input { padding: .2em; font-size: .9em; width: 15em; }
    #newsletter input[type=submit]  { width: 8em; }
    #newsletter .error { 
        border-color: #b52116; 
        border-width: 0.2em; 
        border-style: solid; 
        background-color: #de5141; 
        color: #fefefe; 
        display: none; 
        padding: .4em; 
        width: 15em; 
        font-size: .9em; 
        text-align: center;
    }
    #newsletter .success { 
        background-color: #b0f989; 
        color: #295810; 
        border-color: #408318; 
        border-style: solid; 
        border-width: 0.2em; 
        padding: .4em; 
        width: 15em; 
        font-size: .9em; 
        text-align: center;
        display:none;
    }
    
    #links { float: right; padding-right: 5em;}
    #links ul { float: left; padding: 0em 1em 0em 1em; }
    #links ul li { padding-bottom:.3em; list-style-type:none }
    #links ul li:hover { text-decoration:underline; }
    #links ul .title { font-weight: bold; padding-bottom:.4em;}
    #links ul .title:hover { text-decoration:none; cursor: auto;}
    #links ul li a { color: #361E00; }
    
	#ft { clear:both }
	
	#powered_by {
		margin-left: 20px;
	}
	#powered_by li { 
	    list-style-type: none;
	}
	#powered_by li a:hover {
	    text-decoration:none;
    }
	a.python_powered {
		background: url(../images/layout/python-powered.jpg) no-repeat;
		display: block;
		height: 36px;
		width: 90px;
	}
	a.django_powered {
		background: url(../images/layout/django-powered.jpg) no-repeat;
		display: block;
		height: 36px;
		width: 82px;
	}
	
	p.copyright_snt {
		padding-top: 5px;
	}