/* global */

	html{
		height:100%;
		}
    body{ 
		background:#222 url(../images/bg_body.gif) repeat-x;
        font:80% Trebuchet MS, Arial, Helvetica, Sans-Serif;
		color:#333;
		line-height:180%;
		margin:0;
		padding:0;
		text-align:center;
        }

    /* headings */
        h1{
			font-size:200%;
			font-weight:normal;
            }		
		h2, h3, h4, h5, h6{
			font-weight:normal;
			margin:1em 0;
			}	
        h2{            
			font-size:180%;
            }	
        .col h2{            
			padding-bottom:.5em;
			background:url(../images/bg_full.gif) 0 100% no-repeat;
            }
        #content h2{            
			padding-top:.5em;
			background:url(../images/bg_line.gif) 0 0 no-repeat;
            }									
        h3{          
			font-size:160%;
            }		
        h4{          
			font-size:120%;
            }				
    /* // headings */

    /* image replacement */
        .graphic, #header h1, #header li, ul#nav li, p#join, #price, #individual, #intro span, #subscribe, button, #preview h1, #preview span{
            margin:0;
            padding:0;
            display:block;
            overflow:hidden;
            text-indent:-8000px;
            }
    /* // image replacement */

    /* clearfix */

		#content:after, ul:after, .fixed:after{
			content:"."; 
			display:block; 
			height:0; 
			clear:both; 
			visibility:hidden;
			}
		#content, ul, .fixed{
			display:block;
			}
		/*  \*/
		#content, ul, .fixed{
			min-height:1%;
			}
		* html #content, * html ul, * html .fixed{
			height:1%;
			}

    /* // clearfix */
	
	/* HTML Tags */
        a{
			text-decoration:none;
			color:#458c00;
            }
        a:hover{
			color:#999;
            }			
		table, input, textarea, select, li{
			font:100% Trebuchet MS, Arial, Helvetica, Sans-Serif;
			line-height:160%;
			color:#333;
			}				
		p, blockquote, ul, ol, form{
			margin:1em 0;
			}
		blockquote{
			}
		pre{
			font:13px "Courier New", Courier, monospace;
			background:#fff;
			border-top:1px solid #ccc;			
			border-bottom:1px solid #ccc;			
			padding:10px 20px;
			margin:1em 0;
			line-height:120%;
			color:#222;
			width:570px;
			overflow:auto;
			}
		img{
			border:none;
			}			
		hr{
			display:none;
			}	
		table{
			margin:1em 0;
			width:100%;
			border-collapse:collapse;
			}
		th, td{	
			padding:2px 5px;
			}	
		th{	
			text-align:left;
			}	
		li{
			display:list-item;
			}
	
	/* // HTML Tags */	
	
/* // Global */

/* page setup */

	#container{	
		margin:0 auto;
		position:relative;
		text-align:left;
		width:706px;
		background:url(../images/bg_container.gif) repeat-y;		
		margin-bottom:2em;
		}
	#header{
		background:url(../images/bg_header.gif) no-repeat 0 0;		
		height:146px;
		}				
	#intro{
		background:url(../images/bg_inner.gif) no-repeat 0 0;		
		position:relative;
		}	
	#inner{
		background:url(../images/bg_inner.gif) no-repeat 0 0;		
		}			
	#content{
		background:#e2e2e2 url(../images/bg_content.gif) repeat-x;	
		margin:0 5px;
		padding:20px 36px 80px 36px;	
		font-size:14px;
		}	
	#sitewide{
		position:relative;
		margin:0 5px;
		}
	#main{
		float:left;
		display:inline;
		width:530px;
		margin-left:17px;
		}											
	#side{
		float:left;
		display:inline;	
		width:371px;	
		margin-left:17px;
		}
	.col{
		float:left;
		display:inline;	
		width:299px;	
		margin-left:36px;
		color:#fff;
		font-size:14px;
		padding:0 0 1em 0;
		}
	.full{
		clear:both;
		background:url(../images/bg_full.gif) no-repeat 36px 0;		
		padding:1em 36px;
		color:#fff;
		position:relative;
		}	
	#footer{
		clear:both;
		background:url(../images/bg_footer.gif) no-repeat 0 100%;		
		padding:0 36px 2em 36px;
		font-size:11px;
		color:#ccc;
		line-height:120%;
		}		

/* //page setup */


/* navigation elements */

	/* main nav */
		
		ul#nav,  
		ul#nav li{
			margin:0;
			padding:0;
			list-style:none;
			}
		ul#nav{
			position:absolute;
			margin:0;
			padding:0;
			width:706px;
			height:69px;
			top:77px;
			left:0;
			}	
		ul#nav li{
			float:left;
			display:inline;
			height:69px;
			line-height:69px;
			}	
		ul#nav li a{
			float:left;
			display:inline;
			height:69px;
			line-height:69px;
			background-position:0 0;
			background-repeat:no-repeat;			
			}
		ul#nav li a:hover{
			background-position:0 -69px;
			}			
		ul#nav li#nav1, ul#nav li#nav1 a{width:84px;background-image:url(../images/nav_1.gif);}	
		ul#nav li#nav2, ul#nav li#nav2 a{width:80px;background-image:url(../images/nav_2.gif);}	
		ul#nav li#nav3, ul#nav li#nav3 a{width:133px;background-image:url(../images/nav_3.gif);}	
		ul#nav li#nav4, ul#nav li#nav4 a{width:68px;background-image:url(../images/nav_4.gif);}	
		ul#nav li#nav5, ul#nav li#nav5 a{width:112px;background-image:url(../images/nav_5.gif);}	
		ul#nav li#nav6, ul#nav li#nav6 a{width:156px;background-image:url(../images/nav_6.gif);}	
		ul#nav li#nav7, ul#nav li#nav7 a{width:199px;background-image:url(../images/nav_7.gif);}															

		ul#nav li#nav1{margin-left:24px;}

	/* //main nav */
	
	/* top nav */
		
		ul#topnav,  
		ul#topnav li{
			margin:0;
			padding:0;
			list-style:none;
			}
		ul#topnav{
			position:absolute;
			margin:0;
			padding:0;
			height:20px;
			top:5px;
			right:15px;
			}	
		ul#topnav li{
			float:left;
			display:inline;
			height:20px;
			margin-left:10px;
			font-size:11px;
			}	
		ul#topnav li a{
			float:left;
			display:inline;
			height:20px;
			line-height:20px;
			color:#fff;
			}
		ul#topnav li a:hover{
			text-decoration:underline;
			}			
			
	/* // top nav */				
	
/* //navigation elements */


/* header */

	#header h1{
		position:absolute;
		margin:0;
		padding:0;
		width:278px;
		height:73px;
		top:0;
		left:0;
		background:url(../images/bg_logo.gif) no-repeat 0 0;	
		}
	#header h1 a{
		display:block;
		height:73px;
		}
	#meta{
		position:absolute;
		float:left;
		display:inline;
		margin:0;
		height:46px;
		line-height:46px;		
		top:25px;
		right:5px;
		text-align:center;
		font-size:12px;
		overflow:hidden;	
		background:url(../images/bg_meta.gif) no-repeat 0 0;	
		padding-left:15px;
		color:#fff;
		}	
	#meta span{
		float:left;
		display:inline;
		padding-right:15px;
		background:url(../images/bg_meta.gif) no-repeat 100% 0;	
		}			
	#meta a{
		text-decoration:underline;
		font-weight:bold;
		color:#fff;
		}	
	#meta a:hover{
		color:#aaa;
		}						

/* // header */

/* content */
				
	#content img{
		border:1px solid #fff;
		}	
	.left{
		float:left;
		display:inline;
		margin-right:15px;
		}			
	#content .left img{
		border:1px solid #222;
		border-top:1px solid #000;
		border-left:1px solid #000;
		background:#111;
		padding:5px;
		}		
		
	h2#title{
		background:#222322 url(../images/bg_title.gif) repeat-x;	
		color:#fff;
		margin:0 5px;
		padding:24px 36px;			
		font-size:25px;
		line-height:120%;
		}	
				
	#intro ul, #intro li{ 
		margin:0;
		padding:0;
		list-style:none;
		}	
	#intro div{ 
		height:241px;
		width:696px;
		margin-left:5px;
		overflow:hidden;
		position:relative;
		}	
	#intro ul{ 
		height:241px;		
		}	
	#intro li{ 
		float:left;
		display:inline;
		height:241px;
		width:696px;
		}	
	#intro span{ 
		display:block;
		width:35px;
		height:69px;
		position:absolute;
		left:-30px;
		top:75px;
		}	
	#intro span.next{ 
		left:701px;
		}														
	#intro span a{  
		display:block;
		width:35px;
		height:69px;
		background:url(../images/btn_prev.gif) no-repeat 0 0;	
		}	
	#intro span.next a{ 
		background:url(../images/btn_next.gif) no-repeat 0 0;	
		}								
			
	p#join{ 
		height:68px;
		margin:0 5px;	
		background:url(../images/bg_join.gif) repeat-x;	
		}				
	 p#join a{ 
		margin-left:152px;
		display:block;
		height:68px;
		width:403px;
		background:url(../images/btn_join.gif) no-repeat 0 0;	
		}			
	p#join a:hover{ 
		background:url(../images/btn_join.gif) no-repeat 0 -68px;		
		}					
	 p#individual{
	 	margin-left:5px;
		height:67px;
		}
	#sitewide p#join, #sitewide p#individual{margin:0;}
	 p#individual a{ 
		display:block;
		height:67px;
		width:696px;
		background:url(../images/btn_individual.gif) no-repeat 0 0;	
		}			
	p#individual a:hover{ 
		background:url(../images/btn_individual.gif) no-repeat 0 -67px;		
		}															
	#price{
		position:absolute;
		top:178px;
		left:-49px;
		width:276px;
		height:143px;
		background:url(../images/bg_tag.png) no-repeat 0 0;	
		z-index:100;
		}
	#sitewide #price{
		top:-63px;
		}
	#price a{
		display:block;
		width:276px;
		height:143px;
		}		
	.col strong, .full strong{
		padding:0 2px;
		background:#2b2b2b;
		}
	.col a, .full a, #content a{
		font-weight:bold;
		text-decoration:underline;
		}	
		
	#content strong{
		background:#fff;
		}				

	#subscribe{
		float:right;
		margin:0;
		width:40px;
		height:61px;		
		}
	#subscribe a{
		float:right;
		width:40px;
		height:61px;
		background:url(../images/bg_rss.gif) no-repeat 0 0;		
		}		

	ol.comments, ol.comments li{
		margin:0;
		padding:0;
		list-style:none;
		}
	ol.comments li{
		padding:10px 15px;
		background:#f1f1f1;
		margin-bottom:1px;
		}	
	ol.comments li .info{
		padding:0;
		margin:0 0 .5em 0;
		background:none;
		font-size:11px;
		font-style:italic;
		}			


	ul.blogs, ul.blogs li{
		margin:0;
		padding:0;
		list-style:none;
		}
	ul.blogs li{
		padding:3px 15px;
		background:#fff;
		margin-bottom:1px;
		}	
		
	.full ul.blogs, .full ul.blogs li{
		margin:0;
		padding:0;
		list-style:none;
		}
	.full ul.blogs li{
		padding:3px 15px;
		background:#1e1e1e;
		color:#fff;
		margin-bottom:1px;
		}		
	
	.box{
		background:#fff url(../images/bg_box.gif) repeat-x;		
		padding:20px;
		border:1px solid #b2b2b2;
		}			
	.box img, #content .box img{
		float:left;
		display:inline;
		margin-right:15px;
		border:1px solid #ccc;
		border-top:1px solid #bbb;
		border-left:1px solid #bbb;
		background:#fff;
		padding:5px;
		}		

	/* form */		
	
		form{
			margin:1em 0;
			padding:20px;
			border:1px solid #458d00;
			background:#a7d776 url(../images/bg_form.gif) repeat-x;	
			}
		form p{
			clear:both;
			margin:0;
			padding:.2em 0;
			}	
		label{
			display:block;
			font-size:15px;
			}	
		input{
			width:572px;
			padding:10px 5px;
			border:1px solid #78b43d;
			font-size:14px;
			background:#fff url(../images/bg_input.gif) repeat-x;	
			}	
		textarea{
			width:572px;
			height:100px;
			overflow:auto;
			padding:10px 5px;
			border:1px solid #78b43d;
			font-size:14px;
			background:#fff url(../images/bg_input.gif) repeat-x;	
			}	
		.submit{
			height:60px;
			}
		button{
			border:none;			
			background:#fff url(../images/btn_join2.gif) no-repeat 0 0;	
			width:196px;
			height:60px;
			cursor:pointer;
			margin-left:194px;
			}				
		button.send{
			background:#fff url(../images/btn_send.gif) no-repeat 0 0;	
			}											
	
	/* // form */
	
	/* blog */		
		
		.subscribe{ 			
			background:#fff url(../images/bg_box.gif) repeat-x;					
			border:1px solid #b2b2b2;			
			}	
		#content .subscribe a{ 			
			display:block;
			padding:20px 20px 20px 70px;
			background:url(../images/bg_subscribe.gif) no-repeat 0 0;		
			color:#333;
			font-weight:normal;
			text-decoration:none;
			}
		.subscribe a span{ 			
			font-weight:bold;
			text-decoration:underline;
			color:#458c00;
			}			
		.blog, .blog li{
			margin:0;
			padding:0;
			list-style:none;
			}	
		.blog{
			padding-top:.5em;
			background:url(../images/bg_line.gif) no-repeat 0 0;	
			}
		.blog li{
			padding-bottom:.5em;
			background:url(../images/bg_line.gif) no-repeat 0 100%;	
			}	
		.blog li h3, .blog li p{
			margin:.5em 0;
			}				
		p.blogdate{
			float:left;
			display:inline;
			background:#fff url(../images/bg_box.gif) repeat-x;					
			border:1px solid #b2b2b2;	
			width:55px;		
			text-align:center;
			padding-bottom:5px;
			margin:0;
			margin-right:20px;		
			}	
		.blog li p.blogdate{
			margin-top:1em;
			margin-right:20px;	
			}				
		p.blogdate span{
			display:block;
			}				
		p.blogdate span.day{
			font-weight:bold;
			font-size:25px;
			color:#458c00;
			padding:8px 0;
			background:#fff;	
			border-top:1px solid #f1f1f1;
			}	
		.blog p.date span.month{
			font-size:15px;
			line-height:120%;
			color:#458c00;
			font-weight:bold;
			}				
		p.blogdate span.year{
			font-size:10px;
			line-height:100%;
			}													
		.blog .body{
			float:left;
			display:inline;		
			width:518px;				
			}	
		#content .blog h3 a{
			text-decoration:none;
			}	
		.summary{
			font-size:18px;
			font-style:italic;
			padding-bottom:.5em;
			background:url(../images/bg_line.gif) no-repeat 0 100%;			
			margin:0;	
			line-height:150%;
			}	
		.info{
			margin:1em 0;
			padding-bottom:1em;
			background:url(../images/bg_line.gif) no-repeat 0 100%;				
			}
		.info ul, .info li{
			margin:0;
			padding:0;
			list-style:none;
			}				
		.info ul{
			float:right;
			margin-top:-0.3em;
			}			
		.info li{
			display:inline;
			margin-left:5px;				
			}		
		#content .info li img{border:none;}	
		
		iframe{float:right;margin-left:10px;}
							
	/* // blog */	

	/* thumbs */	
	
		.thumbs, .thumbs li {
			margin:0;
			padding:0;
			list-style:none;
			}
		.thumbs li{
			padding-bottom:1em;
			background:url(../images/bg_line.gif) no-repeat 0 100%;				
			}					
		#content .thumbs li img{
			float:left;
			display:inline;
			margin-right:15px;
			border:1px solid #ccc;
			border-top:1px solid #bbb;
			border-left:1px solid #bbb;
			background:#fff;
			padding:5px;			
			}
		.thumbs li .links{
			float:left;
			display:inline;
			margin:0;
			padding:0;
			width:300px;		
			border-top:1px solid #bbb;	
			font-size:15px;							
			}			
		.thumbs li .links li{
			padding:.5em 0;
			list-style:none;	
			background:none;
			border-bottom:1px solid #bbb;				
			}		
		#content .thumbs li .links li a{
			text-decoration:none;
			display:block;
			}												
	
	/* // thumbs */			

	/* preview */
	
		#preview{
			background:#222 url(../images/bg_preview.gif) repeat-x;		
			text-align:left;
			height:100%;
			}	
		#preview h1{
			width:233px;
			height:69px;
			background:url(../images/bg_logo_preview.gif) no-repeat 0 0;	
			z-index:1000;
			position:relative;
			}
		#preview h1.unique{
			background:url(../images/bg_logo_preview_unique.gif) no-repeat 0 0;	
			}			
		#preview h1 a{
			display:block;
			height:69px;
			}	
		#preview ul, #preview li{
			margin:0;
			padding:0;			
			list-style:none;
			}		
		#preview ul.links{
			position:absolute;
			top:16px;
			left:250px;
			height:42px;
			z-index:100;
			}	
		#preview ul.links li{
			height:42px;
			float:left;
			display:inline;
			margin-right:7px;
			padding-left:17px;
			background:url(../images/btn_preview.gif) no-repeat 0 0;							
			}				
		#preview ul.links li a{
			height:42px;
			line-height:42px;	
			float:left;
			display:inline;			
			padding-right:17px;
			background:url(../images/btn_preview.gif) no-repeat 100% 0;		
			font-weight:bold;
			color:#333;		
			font-size:14px;			
			}	
		#preview ul.links li a:hover{
			color:#fff;					
			}		
		#preview #thumbs{
			position:absolute;
			top:5px;
			right:10px;
			float:right;
			/*overflow:hidden;*/
			z-index:10;
			}	
		#preview #thumbs ul{
			float:right;		
			display:inline;
			margin-right:5px;
			}
		#preview #thumbs li{
			float:right;		
			display:inline;
			margin-left:5px;
			}
		#preview #thumbs li img{	
			border:1px solid #ccc;
			border-top:1px solid #bbb;
			border-left:1px solid #bbb;
			background:#fff;
			padding:5px;				
			}	
		#preview .prev, #preview .next{	
			position:absolute;
			float:left;
			top:20px;
			right:10px;			
			width:40px;
			height:40px;
			}		
		#preview .prev a, #preview .next a{	
			float:left;
			width:40px;
			height:40px;
			background:#ccc;			
			}						
		#preview .prev{	
			position:absolute;
			float:left;
			top:5px;
			right:400px;			
			}																								
	
	/* // preview */

/* // content */

/* footer */

	#footer .first{
		background:url(../images/bg_full.gif) no-repeat 0 0;		
		padding-top:2em;
		}
	#footer p{
		margin:.5em 0;	
		}		

/* // footer */