/*
			AUTHOR: Jon Amar 
					jon@urban.fm
					http://solomongiles.com
*/

/* RESET & BASIC PAGE SETUP -------------------------*/
/* thank you, eric meyer*/
html {
	border-left-width: 35px;
	border-left-color: #b6b4af;
	border-left-style: solid;
	border-right-width: 35px;
	border-right-color: #b6b4af;
	border-right-style: solid;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	min-height: 100%;
}

body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1em;
	color: #5c7124;
	background: #e9e8e2;
	font: 62.5% Helvetica, Arial, sans-serif;
}

ol, ul {
	list-style: none;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
/* END RESET ------------------------------------------*/


/* TOOLBOX  --------------------------------------------*/
.clear {clear: both;}

error_exception
/* END TOOLBOX  ---------------------------------------*/


/* CORE TAGS ------------------------------------------*/
h3 {
	font-size: 2em;
	color: #5c7124;
	}

p {
	color: #000;
	}
	
.error_exception {
	color: red;
	font-size: 18px;  
	padding: 40px 40px 40px 40px;
	}
/* END CORE TAGS --------------------------------------*/


/* MENU  --------------------------------------------*/
ul#nav {
		
	}
	ul#nav li {
		display: inline;
		}
		ul#nav li a {
			display: block;
			height: 44px;
			text-indent: -9999px;
			float: left;
			}
			ul#nav li.home a {
				width: 116px;
				background: url(/images/nav_home.jpg) top center no-repeat;
				}
			ul#nav li.about a {
				width: 84px;
				background: url(/images/nav_about.jpg) top center no-repeat;
				}
			ul#nav li.films a {
				width: 77px;
				background: url(/images/nav_films.jpg) top center no-repeat;
				}
			ul#nav li.services a {
				width: 93px;
				background: url(/images/nav_services.jpg) top center no-repeat;
				}
			ul#nav li.press a {
				width: 75px;
				background: url(/images/nav_press.jpg) top center no-repeat;
				}	
			ul#nav li.contact a {
				width: 96px;
				background: url(/images/nav_contact.jpg) top center no-repeat;
				}
			ul#nav li.support a {
				width: 388px;
				background: url(/images/nav_support.jpg) top center no-repeat;
				}
			ul#nav li a:hover {
				background-position: bottom center;
				}
			ul#nav li.active a {
				background-position: bottom center;
				
				}
/* END MENU ------------------------------------------*/


/* STRUCTURE ------------------------------------------*/
#page-wrap {
	width: 929px;
	margin: 0 auto;
	}
	
	#content {
		background: url(/images/content_background.jpg) repeat-y;
		width: 929px;
		}
		div#header {
		    background-color: #e9e8e2;
		    display: block;
		    width: 929px;
		    height: 179px;
		    }
		    div#header h1 img {
		    	height: 179px;
		    	width: 541px;
		    	float: left;
		    	display: inline;
		    	}
		    div#join {
		    	background-image: url(/images/join_bg.gif);
		    	height: 179px;
		    	width: 370px;
		    	float: left;
		    	display: inline;
		    	}
		    	#join_name {
		    			background-image: url(/images/join_name.jpg);
		    			width: 196px;
		    			height: 18px;
		    			text-align: center;
		    			margin-top: 45px;
		    			margin-left: 77px;		
		    			}
		    		#join_email {
		    			background-image: url(/images/join_email.jpg);
		    			width: 196px;
		    			height: 18px;
		    			text-align: center;
		    			margin-top: 18px;
		    			margin-left: 77px;
		    			}
		    		#join_button {
		    			width: 196px;
		    			height: 47px;
		    			border: none;/* =CHANGE: maybe include :hover pseudo-class to enhance usability */
		    			margin-top: 14px;
		    			margin-left: 77px;
		    			}    	
						#sharebutton{
							position:relative;
							left:280px;
							top:55px;
						}
						#sharebutton a:link, #sharebutton a:visited {
							color:#5C7124;
						}
						#followbutton{
							position:absolute;
							left:-220px;
							top:1px;
							width:70px;
						}
						#followbutton img	{
							border:none;
							float:left;
							margin-right:5px;
						}
						#followbutton a:link, #followbutton a:visited {
							color:#5C7124;
						}
						#watchbutton{
							position:absolute;
							left:-110px;
							top:1px;
							width:70px;
						}
						#watchbutton img	{
							border:none;
							float:left;
							margin-right:5px;
						}
						#watchbutton a:link, #followbutton a:visited {
							color:#5C7124;
						}
		#index_article_area {
			padding-left: 45px;
			padding-top: 20px; 
			width: 515px;
			float: left;
			font-size: 12px;
			line-height: 14px;
			}
			div#index_article_area_video {
				margin: 10px 0 30px 0;
				border-style: solid;
				border-width: 3px;
				border-color: #b6b4af;
				width: 425px;
				height: 344px;	
				}
			#index_article_area h3 {
				padding: 10px 0 0 0;
				font-size: 18px;
				line-height: 22px;
				}
			#index_article_area h4 {
				padding: 10px 0 8px 0;
				font-size: 16px;
				line-height: 18px;
				}
			#index_article_area p {
				font-size: 14px;
				line-height: 16px;
				font-weight: normal;
				}				
			#index_article_area a:link, #index_article_area a:visited {
				color: #5c7124;
				text-decoration: none;
				}
			#index_article_area a:hover {
				color: #8da63c;
				text-decoration: none;
				}
			#index_article_area_divider img { /* for divider image */
		    	width: 520px;
				height: 10px;		    	
		    	float: left;
		    	margin: 8px 0 20px 0;
		    	}
		#index_sidebar_area {
			width: 300px;
			float: right;
			padding: 30px;
			}
			.sidebar_content:first-letter {
				font-size: 24px;
				}
			.sidebar_content {
				line-height: 20px;
				font-size: 14px;
				font-weight: normal;
				color: #5c7124;
				}
			#index_sidebar_area img {
				width: 280px;
				height: auto;
				border-style: solid;
				border-width: 3px;
				border-color: #b6b4af;	
				margin-top: 15px;
				}
		#about_article_area {
			padding-left: 45px;
			padding-top: 20px; 
			width: 515px;
			float: left; 
			font-size: 12px;
			line-height: 14px;
			}
			#about_article_area_image {
				width: 125px;
				float: left;
				}
				#about_article_area_image img {
					height: 150px;
					width: 100px;
					border: 3px;
					border-style: solid;
					border-color: #b6b4af;
					}
			#about_article_area_text {
				float: right;
				width: 390px;
				}
				#about_article_area h3 {
					float: left;
					padding: 0 20px 10px 0;
					font-size: 18px;
					line-height: 22px;
					color: #5c7124;
					width: 370px;
					}
				#about_article_area p {
					float: left;
					line-height: 16px;
					}
				#about_article_area a:link, #about_article_area a:visited {
					color: #5c7124;
					text-decoration: none;
					}
				#about_article_area a:hover {
					color: #8da63c;
					text-decoration: none;
					}
			#about_sidebar_area {
				float: right;
				padding: 30px;
				width: 300px;
				}
				#about_sidebar_area img {
					border: 3px;
					border-style: solid;
					border-color: #b6b4af;
					margin-top: 15px;
					}
				#about_article_area_divider img { /* for divider image */
					margin-left: 123px;
					width: 393px;
					height: 10px;				
					}
		#films_article_area {
			padding-left: 45px;
			padding-top: 20px; 
			width: 515px;
			float: left; 
			font-size: 12px;
			line-height: 14px;
			}
			#films_article_area_image {
				width: 125px;
				float: left;
				}
				#films_article_area_image img {
					top: 220px
					display: relative;
					width: 140px;
					height: 181px;
					border: 3px;
					border-style: solid;
					border-color: #b6b4af;				
					}
			#films_article_area_text {
				float: right;
				width: 354px;
				}
				#films_article_area h3 {
					float: left;
					padding: 0 20px 0 0;
					font-size: 18px;
					line-height: 22px;
					color: #5c7124;
					width: 350;
					}
				#films_article_area p {
					float: left;
					line-height: 16px;
					padding-top: 10px;
					width: 350px
					}					
				#films_article_area a:link, #films_article_area a:visited {
					color: #5c7124;
					text-decoration: none;
					}
				#films_article_area a:hover {
					color: #8da63c;
					text-decoration: none;
					}
			#films_article_area_divider img { /* for divider image */
				margin-left: 159px;
				width: 358px;
				height: 10px;				
				}
			#films_sidebar_area {
			width: 300px;
			float: right;
			padding: 30px;
			}

		#services_sidebar_area {
			float: right;
			padding: 30px;
			width: 280px;
			}
			#services_sidebar_area h3 {
				margin: 70px 0 15px -15px;
				font-size: 22px;
				font-weight: lighter;
				}
			#services_sidebar_area li {
				font-size: 16px;
				margin-top: 6px;
				margin-bottom: 6px;
				line-height: 20px;
				list-style: disc; 
				}
		#services_article_area {
			float: left;
			width: 520px;
			padding: 20px 0 0 40px;
			}				
			#services_article_area h3 {
        		font-size: 18px;
        		line-height: 22px;
        		color: #5c7124;
        		width: 520px;
        		padding: 10px 0 10px 0;
				}
	        #services_article_area p {
	        	float: left;
	        	line-height: 16px;
	        	font-size: 14px;
	        	width: 520px
        		padding: 10px 0 10px 0;
	        	}					
	        #services_article_area a:link, #services_article_area a:visited {
	        	color: #5c7124;
	        	text-decoration: none;
	        	}
	        #services_article_area a:hover {
	        	color: #8da63c;
	        	text-decoration: none;
	        	}
			div#services_article_area_video { /* youtube video */
		    	float: left;
				margin: 20px 0 10px 30px; 
		    	border-style: solid;
		    	border-width: 3px;
				border-color: #b6b4af;
		    	}
		    #services_article_area_divider img { /* divider image */
		    	margin: 10px 0 0 -10px; 
		    	width: 540px;
				height: 10px;		    	
		    	float: left;
		    	}				
		#press_sidebar_area {
			float: right;
			padding: 30px;
			width: 300px;
			}
			#press_sidebar_area h3 {
				margin-bottom: 15px;
				font-size: 22px;
				font-weight: lighter;
				}
			#press_sidebar_area p {
				font-size: 12px;
				margin-top: 6px;
				margin-bottom: 6px;
				}			
			#press_sidebar_area a:link, #press_sidebar_area a:visited {
				font-size: 16px;
				line-height: 18px;
				color: #5c7124;
				text-decoration: none;
				margin-top: 6px;
				}
			#press_sidebar_area a:hover {
				font-size: 16px;
				line-height: 18px;
				color: #8da63c;
				text-decoration: none;
				margin-top: 6px;
				}
			#press_sidebar_area_divider img {
				margin-left: 0px;
				margin-bottom: 10px;
				width: 270px;
				height: 3px;
				}			
		#press_article_area h3 {
        	float: left;
        	padding: 20px 0 0 40px;
        	font-size: 18px;
        	line-height: 22px;
        	color: #5c7124;
        	width: 520px;
        	}
	        #press_article_area p {
	        	float: left;
        		padding: 10px 0 0 40px;
	        	line-height: 16px;
	        	font-size: 14px;
	        	width: 520px
	        	}					
	        #press_article_area a:link, #press_article_area a:visited {
	        	color: #5c7124;
	        	text-decoration: none;
	        	}
	        #press_article_area a:hover {
	        	color: #8da63c;
	        	text-decoration: none;
	        	}
		    #press_article_area_divider img { /* for divider image */
		    	width: 510px;
				height: 10px;		    	
		    	float: left;
		    	margin: 8px 0 0 0;
		    	padding-left: 40px;
		    	}	
		#article_article_area {
			padding-left: 45px;
			padding-top: 20px; 
			width: 520px;
			float: left;
			font-size: 12px;
			line-height: 14px;
			}
			#article_article_area h3 {
				padding: 10px 20px 10px 0;
				font-size: 18px;
				line-height: 22px;
				}
			#article_article_area p {
				padding: 10px 20px 10px 0;
				font-size: 16px;
				line-height: 18px;
				}
			#article_article_area a:link, #article_article_area a:visited {
				color: #5c7124;
				text-decoration: none;
				}
			#article_article_area a:hover {
				color: #8da63c;
				text-decoration: none;
				}
		div#contact_form_area {
			width: 450px;
			}
			#contact_form_area form{
			width: 450px;
			float: left;
			}
			#contact_form_area p {
	    	    float: left;
        	    padding: 10px 0 10px 40px;
	    	    line-height: 16px;
	    	    font-size: 14px;
	    	    width: 150px;
	    	    color: #5c7124; 
	    	    }
			#contact_form_area input {
	    	    float: left;
	    	    line-height: 14px;
	    	    font-size: 14px;
	    	    width: 450px;
	    	    font-color: #5c7124; 
	    	    margin-left: 50px;
	    	    }
	    		input#contact_form_checkbox {
	    			float: left;
	    			width: 15px;
	    			}
				input#contact_submit {
					margin-top: 10px;
					padding: 30px;
					margin-left: 50px;
					}
	    	.contact_sidebar_content {
				line-height: 20px;
				font-size: 14px;
				font-weight: normal;
				color: #5c7124;
				padding-top: 10px;
	    		}  		
			#contact_form_area textarea {
	    	    float: left;
	    	    line-height: 14px;
	    	    font-size: 14px;
	    	    width: 450px;
	    	    font-color: #5c7124; 
	    	    margin-left: 50px;
	    	    }
		#contact_sidebar_area {
			width: 300px;
			float: right;
			padding: 30px;
			}
	        			
		#support_article_area {
			width: 520px;
			}
		#support_article_area h3 {
        	float: left;
        	padding: 20px 0 0 40px;
        	font-size: 18px;
        	line-height: 22px;
        	color: #5c7124;
        	width: 520px;
        	}
	        #support_article_area p {
	        	float: left;
        		padding: 10px 0 0 40px;
	        	line-height: 16px;
	        	font-size: 14px;
	        	width: 520px
	        	}
	       #support_article_area form {
	        	float: left;
        		padding: 20px 0 0 40px;
	        	line-height: 16px;
	        	font-size: 14px;
	        	width: 520px
	        	}					
	        #support_article_area a:link, #support_article_area a:visited {
	        	color: #5c7124;
	        	text-decoration: none;
	        	}
	        #support_article_area a:hover {
	        	color: #8da63c;
	        	text-decoration: none;
	        	}
		    #support_article_area_divider img { /* for divider image */
		    	width: 510px;
				height: 10px;		    	
		    	float: left;
		    	padding-left: 40px;
		    	margin-top: 8px;
		    	}
				
				
				
				
				
				
				
			
			.article_heading {
				padding: 10px 10px 5px 10px;
				font-size: 18px;
				}				
			.article_metadata {
				padding: 0 10px 0 10px;
				}
			.article_content {
				padding: 10px 10px 10px 10px;
				}
				
		
		
		
		
		
		
					

				
	#footer_area {
		height: 122px;
		background: url(/images/footer_background.jpg) no-repeat;
		font-size: 12px;
		}
		
		.footer_content {
			padding: 100px 10px 0 0;
			text-align: center;
			text-decoration: none;
			color: #e9e8e2;
			}
			.footer_content:link, .footer_content:visited {
				color: #e9e8e2;
				}
			.footer_content:hover {
				text-decoration: none;
				color: #5c7124;
				}


/* END STRUCTURE --------------------------------------*/