a img {border: none;}
*{margin: none;}
a:link{color:#000;}
a:visited {color:#000;}
a:hover{color: #333;}
a:active {color:#000;}
.clear{clear: both;}

body{
	font-family: helvetica, arial, "ArialNarrow", sans-serif;
	text-align: center;
	margin: 0px;
	font-size: 11px;
	color: #000;
}

#wrapper {
	margin: 0 auto;
	width: 815px;
	text-align: left;
}
  #header{
	  margin-left: 115px;
	  margin-right: 50px;
	  margin-top: 5px;
	  }  
	#logo{
		width: 233px;
		height: 71px;
		float: left;
		background-image:url(http://flipswitchfilms.com/images/home/logo.gif);
		}
	#nav{
		float: right;
		width: 400px;
		overflow: hidden;
		}
	.nav_btn_up{
		float: right;
		margin-left: 20px;
		overflow: hidden;
		}
	.nav_btn_down{
		float: right;
		margin-left: 20px;
		overflow: hidden;
		filter:alpha(opacity=50); 
		-moz-opacity: 0.5; 
		opacity: 0.5; 	  
		}		
	  #contact_btn{
		  width: 58px;
		  }
	  #friends_btn{
		  width: 66px;
		  }
	  #films_btn{
		  width: 50px;
		  }
	  #services_btn{
		  width: 66px;
		  }
		  
  #container{
	  clear: both;
	  padding-top: 20px;
	  }
	#left{}
	  #left_logo{
		  margin-top: 75px;
		  width: 65px;
		  height: 216px;
		  float: left;
		  background-image:url(http://flipswitchfilms.com/images/home/left_logo.gif);
		  }
	#content{
		float: left;
		width: 750px;
		background-color: #94B0BE;
		-moz-border-radius-topleft: 1em;
		-moz-border-radius-topright: 1em;
		-moz-border-radius-bottomleft: 1em;
		-moz-border-radius-bottomright: 1em;
		-webkit-border-top-left-radius: 1em;
		-webkit-border-top-right-radius: 1em;
		-webkit-border-bottom-left-radius: 1em;
		-webkit-border-bottom-right-radius: 1em;
		}   
	#tumblr_content{
		float: left;
		width: 750px;
		background-color: #94B0BE;
		-moz-border-radius-topleft: 1em;
		-moz-border-radius-topright: 1em;
		-moz-border-radius-bottomleft: 1em;
		-moz-border-radius-bottomright: 1em;
		-webkit-border-top-left-radius: 1em;
		-webkit-border-top-right-radius: 1em;
		-webkit-border-bottom-left-radius: 1em;
		-webkit-border-bottom-right-radius: 1em;
		}   
	#bottom{
		clear: both;
		}
		#bottom_logo{
			margin-left: 90px;
			width: 154px;
			height: 64px;
			float: left;
			background-image:url(http://flipswitchfilms.com/images/home/bottom_logo.gif);
			}
		#social{
			width: 400px;
			float: right;
			padding-top: 20px;
			text-align: right;
			margin-right: 20px;
			}
			#social_text{
				font-size: 90%;
				}
			.social_btn{
				height: 14px;
				width: 14px;
				padding: 2px;
				float: right;
				}
			#twitter{}
			#facebook{}
			#vimeo{}

.box{
	margin: 20px;
	padding: 15px;
	background-color: #FFFFFF;
	-moz-border-radius-topleft: 1em;
	-moz-border-radius-topright: 1em;
	-moz-border-radius-bottomleft: 1em;
	-moz-border-radius-bottomright: 1em;
	-webkit-border-top-left-radius: 1em;
	-webkit-border-top-right-radius: 1em;
	-webkit-border-bottom-left-radius: 1em;
	-webkit-border-bottom-right-radius: 1em;
	filter:alpha(opacity=90); 
	-moz-opacity: 0.9; 
	opacity: 0.9; 
	float: left;
}

h1{
	font-weight:700;
	font-variant: small-caps;
	font-size: 130%;
	padding-top: 0px;
	margin-top:0px;
}

.page_title{
	font-weight:700;
	font-variant: small-caps;
	font-size: 130%;
	padding-top: 0px;
	margin-top:0px;
	margin-bottom: 0px;
	padding-bottom: 4px;
	border-style: solid;
	border-width: 2px;
	border-color: #D4DFE5;
	border-top: none;
	border-left: none;
	border-right: none;
}

ul{ margin-left: 0px; padding-left: 15px; padding-top: 0px; margin-top: 0px;}

/* HOMEPAGE */
#welcome{
	width:230px;
}
/*
	#welcome_graphics{
		width: 45px;
		float: left;
		overflow:auto;
		}
		#welcome_camera{
			filter:alpha(opacity=90); 
			-moz-opacity: 0.9; 
			opacity: 0.9; 
			clear: left;
			width: 45px;
			height: 40px;
			background-repeat:no-repeat;
			background-image:url(http://flipswitchfilms.com/images/home/camera.gif);
			margin-top: 5px;
			padding-bottom: 20px;
		}
		#welcome_film{
			filter:alpha(opacity=90); 
			-moz-opacity: 0.9; 
			opacity: 0.9; 
			clear: left;
			width: 45px;
			height: 40px;
			background-repeat:no-repeat;
			background-image:url(http://flipswitchfilms.com/images/home/film.gif);
		}
*/
	#welcome_text{
		width: 230px;
		float: right;
	}
#featured{
	width:230px;
	margin-top: 0px;
	clear: left;
}

#featured_video{
	width: 430px;
	padding: 0px;
	margin-left: 0px;
	float: right;
	}
	#featured_video_embed{
	padding: 15px;
	float: left;
	clear: both;
	}    
	#featured_video_details{
	width: 250px;
	padding-left: 15px;
	padding-bottom: 15px;
	float: left;
	clear: left;
	}
	#featured_video_see_more{
		background-color: #94B0BE;
		-moz-border-radius-topleft: 1em;
		-webkit-border-top-left-radius: 1em;
		width: 120px;
		float: right;
		padding-left: 15px;
		padding-top: 15px;
		padding-right: 0px;
		margin-right: 0px;
		margin-top: 20px;
	}
		#featured_video_see_more_graphic{
			/*
			background-repeat:no-repeat;
			background-image:url(http://flipswitchfilms.com/images/home/film_see_more.gif);
			*/
			height: 40px;
			width: 40px;
			float: left;
		}
		#featured_video_see_more_text{
			color: #FFF;
			width: 70px;
			float: left;
			padding-left: 10px;
			font-weight:700;
			font-variant: small-caps;
			font-size: 110%;
			padding-top: 3px;
		}
		
		#featured_video_see_more a:link{color:#FFF; text-decoration:none;}
		#featured_video_see_more a:hover{color:#CCC; text-decoration:none;}
		#featured_video_see_more a:visited{color:#FFF; text-decoration:none;}
		#featured_video_see_more a:active{color:#FFF; text-decoration:none;}
		
		#featured_video_see_more_text a:link{color:#FFF; text-decoration:none;}
		#featured_video_see_more_text a:hover{color:#CCC; text-decoration:none;}
		#featured_video_see_more_text a:visited{color:#FFF; text-decoration:none;}
		#featured_video_see_more_text a:active{color:#FFF; text-decoration:none;}
		
/* SERVICES */

#services{}
	#services_description{
		width: 170px;
		float: left;
		margin-top: 15px;
		margin-left: 15px;
	}
		#services_description_title{}
		#services_description_text{
			padding-right: 20px;	
			padding-top: 19px;
		}
	.services_title{
		background-color: #484F53;
		font-size: 16px;
		color: #FFF;
		-moz-border-radius-topleft: 1em;
		-moz-border-radius-topright: 1em;
		-webkit-border-top-left-radius: 1em;
		-webkit-border-top-right-radius: 1em;
		padding-top: 8px;
		padding-bottom: 8px;
		text-align: center;
		font-weight: 700;
		}
	#video_production{
		margin: 0px;
		padding: 0px;
		width: 230px;
		float: left;
		background-color: #D4DFE5;
	}
		#video_production_title{}
		#video_production_text{
			padding: 20px;
		}
	#video_editing{
		padding: 0px;
		margin-bottom: 0px;
		margin-top: 0px;
		margin-left: 20px;
		margin-right: 15px;
		width: 230px;
		float: left;
		background-color: #D4DFE5;
	}
		#video_editing_title{}
		#video_editing_text{
			padding: 20px;

		}

/* FRIENDS */

#friends a:link{text-decoration:none;}
#friends a:visited{text-decoration:none;}
#friends a:hover{text-decoration:none;}
#friends a:active{text-decoration:none;}
#friends{
	padding: 30px;
	width: 650px;
	}
	#friends_title{}
	
	#friends_film{
		margin-bottom: 0px;
		margin-left: 0px;
		margin-right: 0px;
		width: 100px;
		height: 196px;
		background-color: #94B0BE;
		background-repeat:no-repeat;
		background-image:url(http://flipswitchfilms.com/images/friends/film.gif);
		float: left;
	}
		#friends_film_text{
			margin-top: 70px;
		}
    #friends_film_right{
		margin-top: 100px;
		height: 15px;
		width: 30px;
		background-color: #94B0BE;
		float: left;
	}
	#friends_music{
		margin-bottom: 0px;
		margin-left: 0px;
		margin-right: 0px;
		float: left;
		width: 217px;
		height: 221px;
		background-color: #94B0BE;
		background-repeat:no-repeat;
		background-position:bottom;
		background-image:url(http://flipswitchfilms.com/images/friends/music.gif);
	}
		#friends_music_text_left{
		float: left;
		width: 100px;
		}
		#friends_music_text_right{
		float: right;
		width: 100px;
		margin-top: 20px;
		}
	#friends_music_right{
		margin-top: 30px;
		height: 15px;
		width: 30px;
		background-color: #94B0BE;
		float: left;
		}
	#friends_web{
		margin-bottom: 0px;
		margin-left: 0px;
		margin-right: 0px;
		margin-bottom: 0px;
		float: left;
		width: 109px;
		height: 34px;
		background-color: #94B0BE;
		background-repeat:no-repeat;
		background-position: right;
		background-image:url(http://flipswitchfilms.com/images/friends/web.gif);
	}
		#friends_web_text{
			padding: 10px;		
		}
	#friends_web_bottom{
		margin-left: 148px;
		height: 30px;
		width: 15px;
		background-color: #94B0BE;
		float: left;
		}
	#friends_facebook{
		margin-bottom: 0px;
		margin-top: 0px;
		margin-left: 30px;
		margin-right: 0px;
		float: left;
		width: 178px;
		height: 98px;
		background-color: #94B0BE;
	}
		#friends_facebook_text{
			width: 107px;
			color: #FFF;
			font-weight:700;
			font-variant: small-caps;
			font-size: 110%;
			float: left;
			padding: 10px;
		}
		#friends_facebook_text a:link{color:#FFF; text-decoration:none;}
		#friends_facebook_text a:hover{color:#CCC; text-decoration:none;}
		#friends_facebook_text a:visited{color:#FFF; text-decoration:none;}
		#friends_facebook_text a:active{color:#FFF; text-decoration:none;}
		
		#friends_facebook_graphic{
			margin-top: 20px;
			width: 51px;
			float: left;
		}

/* FILMS */
		#films{
			padding: 0px;
			width: 710px;
		}
        .films_film{
			width: 150px;
			padding-right: 5px;
			padding-bottom: 5px;
			float: left;
		}
    	#live_music_and_event{
			margin-top: 30px;
			margin-bottom: 30px;
			margin-left: 30px;
			width: 315px;	
			float: left;
		}
			#live_music_and_event_title{
				width: 305px;
				margin-bottom: 10px;
			}
        #documentary{
			margin-top: 30px;
			margin-left: 10px;
			width: 155px;
			float: left;
		}
			#documentary_title{
				width: 150px;
				margin-bottom: 10px;
			}
		#promotional{
			margin-top: 30px;
			margin-left: 15px;
			width: 155px;
			float: left;
		}
			#promotional_title{
				width: 150px;
				margin-bottom: 10px;
			}
		#films_twitter{
			background-color: #94B0BE;
			-moz-border-radius-topleft: 1em;
			-webkit-border-top-left-radius: 1em;
			width: 225px;
			float: right;
			padding-left: 15px;
			padding-top: 15px;
			padding-right: 0px;
			margin-top: 53px;
		}
        	#films_twitter_graphic{
				height: 40px;
				width: 40px;
				float: left;
			}
            #films_twitter_text{
				color: #FFF;
				width: 170px;
				float: left;
				padding-left: 10px;
				font-weight:700;
				font-variant: small-caps;
				font-size: 110%;
				padding-top: 3px;
				text-decoration:none;
			}
			#films_twitter a:link{color:#FFF; text-decoration:none;}
			#films_twitter a:hover{color:#CCC; text-decoration:none;}
			#films_twitter a:visited{color:#FFF; text-decoration:none;}
			#films_twitter a:active{color:#FFF; text-decoration:none;}
			
			#films_twitter_text a:link{color:#FFF; text-decoration:none;}
			#films_twitter_text a:hover{color:#CCC; text-decoration:none;}
			#films_twitter_text a:visited{color:#FFF; text-decoration:none;}
			#films_twitter_text a:active{color:#FFF; text-decoration:none;}

/* FILMS SUB PAGE */
#video_details{
	}
	#video_details_title{
		margin-left: 15px;
		width: 315px;
		float: left;
	}
    #video_details_back{
		width: 65px;
		float: right;
		margin-right: 15px;
		text-align: right;
	}
#video_navigation{
	clear: both;
	padding-top: 15px;
	margin-bottom: 15px;
	overflow:auto;
}
    #video_navigation_previous{
		float: left;
		margin-left: 15px;
	}
    	#video_navigation_previous_graphic{
			float: left;
			width: 35px;
			padding-right: 5px;
		}
    	#video_navigation_previous_text{
			float: left;
			width: 116px;
		}
	#video_navigation_request{
			float: left;
			margin-left: 15px;
		}
        #video_navigation_request_graphic{
			float: left;
			width: 35px;
			padding-right: 5px;
		}
        #video_navigation_request_text{
			float: left;
			width: 116px;
		}
    #video_navigation_next{
		float: right;
		margin-right: 15px;
		}
        #video_navigation_next_graphic{
			float: left;
			width: 35px;
			padding-right: 5px;
		}
        #video_navigation_next_text{
			float: left;
			width: 33px;
		}

#video_description{
	width: 230px;
}

#video_description_text{
	padding-bottom: 10px;
}
.video_subvideo{

}
.video_subvideo_graphic{
	float: left;
	width: 150px;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-right: 10px;
}
.video_subvideo_title{
	float: left;
	width: 70px;
	margin-top: 10px;
}
        
#video_description_back{
	padding-top: 10px;
	clear: both;
}


/* CONTACT */

#contact_information{
	width: 230px;
	float: left;
}
#contact_social{
	width: 226px;
	float: left;
	margin-top: 0px;
	clear: left;
	border-color:#FFF;
	border-style: solid;
	border-width: 2px;
	background-color: #94B0BE;
}
	#contact_social_text{
	width: 226px;
	color: #FFF;
	float: left;
	font-weight:700;
	font-variant: small-caps;
	font-size: 110%;
	}
	.contact_social_btn{
		float: left; 
		padding-top: 5px; 
		padding-right: 5px;
	}
	#contact_social_twitter{}
	#contact_social_facebook{}
	#contact_social_vimeo{}
	
#contact_email{
	margin-top: 20px;
	width: 430px;
	height: 332px;
	padding: 0px;
	margin-left: 0px;
	float: right;
	background-image:url(http://flipswitchfilms.com/images/contact/skyline.jpg);
}
	#contact_email_text{
		margin: 0px;
		padding-top: 10px;
		padding-left: 0px;
		padding-bottom: 0px;
		color: #FFF;
		float: left;
	}
		#contact_email_text a:link{color:#FFF; text-decoration:none;}
		#contact_email_text a:hover{color:#CCC; text-decoration:none;}
		#contact_email_text a:visited{color:#FFF; text-decoration:none;}
		#contact_email_text a:active{color:#FFF; text-decoration:none;}