v/*--------------------Body HTML section Below--------------------*/

/*The reason for this is to prevent "centering jumps" when navigating back and forth between 
pages with enough content to have a vertical scroll bar and pages that do not.*/

html {
       overflow-y: scroll;
}

/*centering jump ends*/

/*content wrapper for fade effect starts*/
#content-wrapper
{
	display:none;	
}
/*content wrapper for fade effect ends*/

*{
	margin: 0px;
	padding: 0px;
}
img{
	border:0px;
	}
	
	::selection {
	background: #FFF; /* Safari */
	}
::-moz-selection {
	background: #FFF; /* Firefox */
}

::-webkit-selection {
  background:#FFF;
}

body{
	margin: 0;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;/*this fixes ie5 box model error*/
	background-repeat: no-repeat;
	background-color: #6D6E71;
	-webkit-text-size-adjust: 100%;
}
#master_bkg{
	float: left;
	height: 548px;
	width: 975px;
	background-image: url(../images/bkgs/aboutme.jpg);
	background-repeat: no-repeat;
}
#master_bkg_about{
	float: left;
	height: 548px;
	width: 975px;
	background-image: url(../images/bkgs/aboutme.jpg);
	background-repeat: no-repeat;
}
#booth_bkg{
	float: left;
	height: 548px;
	width: 975px;
	background-image: url(../images/bkgs/booth_bkg.jpg);
	background-repeat: no-repeat;
}
#show_master_bkg{
	float: left;
	height: 548px;
	width: 975px;
	background-image: url(../images/bkgs/show_reel_bkg1.jpg);
	background-repeat: no-repeat;
}

#wrapper{
	width: 975px;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
	text-align:left;/*this overrights  ie5 text align box model error*/
	background-color: #FFF;
	padding-top: 20px;
	}
	
	
#banner{
	float: left;
	height: 95px;
	width: 925px;
	background-color: #FFFFFF;
	z-index: 1999;
	margin-left: 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #6D6E71;
}

#logo{
	float: left;
	height: 94px;
	width: 238px;
}
/*top nav below*/
#top_nav{
	float: left;
	height: auto;
	width: 565px;
	margin-top: 65px;
	margin-left: 20px;
}
#top_nav ul{
	padding: 0px;
	list-style-type: none;
}

#top_nav li{
	display: inline;
}

#top_nav li a{
	font-size: 14px;
	color: #939598;
	text-decoration: none;
	margin-right: 20px;
	font-weight: bold;
}

#top_nav li a:hover{
	color: #6FC9E5;
	
	text-shadow: none;
	-webkit-transition: 300ms linear 0s;
	-moz-transition: 300ms linear 0s;
	-o-transition: 300ms linear 0s;
	transition: 300ms linear 0s;
	outline: 0 none;
}

#top_nav li a#main{
	color: #6FC9E5;
}

/*top nav ends*/



#social{
	float: right;
	height: auto;
	width: auto;
	margin-left: 10px;
	padding-top: 25px;
}
#follow p{
	font-size: 10px;
	color: #6D6E71;
}
#follow_home p{
	font-size: 11px;
	color: #fff;
}
#social_holder{
	float: left;
	height: 36px;
	width: 82px;
	margin-top: 10px;
}
#twitter{
	float: left;
	height: 36px;
	width: 36px;
}

#facebook{
	float: left;
	height: 36px;
	width: 36px;
	margin-left: 10px;
}
#main_content{
	float: left;
	height: auto;
	width: 955px;
	margin-left: 20px;
}
#show_main_content{
	float: left;
	height: auto;
	width: 955px;
	margin-left: 20px;
}
#audio_video{
	width: 930px;
	padding: 10px;
	height: 370px;
	float: left;
}
#audio_video h1{
	font-size: 16px;
	font-weight: normal;
	color: #6D6E71;}
#audio_video h2{
	font-size: 12px;
	font-weight: bold;
	color: #6D6E71;
	margin-bottom: 4px;
}
#audio{
	float: left;
	height: 350px;
	width: 375px;
	margin-top: 10px;
}
#audio a{
	font-size: 13px;
	color: #6D6E71;
	text-decoration: none;
}

#audio a:hover{
	color: #6FCDEF;
}
#video{
	float: left;
	height: 350px;
	width: 350px;
	margin-top: 10px;
	margin-left: 100px;
}
/* Cbox starts*/
#video ul{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

#video li a{
	display: block;
	text-transform: uppercase;
	color: #999;
	font-size: 12px;
	text-decoration: none;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	background-image: url(../images/play.gif);
	background-repeat: no-repeat;
	background-position: right;
	padding-left: 2px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;
}

#video li a:hover{
	display: block;
	text-transform: uppercase;
	color: #999;
	font-size: 12px;
	text-decoration: none;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	background-image: url(../images/play_ov.gif);
	background-repeat: no-repeat;
	background-position: right;
	background-color: #A1DBE1;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;
	
	-webkit-transition: 350ms linear 0s;
	-moz-transition: 350ms linear 0s;
	-o-transition: 350ms linear 0s;
	transition: 350ms linear 0s;
	outline: 0 none;
}
/* Cbox ends*/
#txt_holder{
	float: left;
	height: auto;
	width: 600px;
	margin-top: 20px;
	margin-left: 5px;
}
#txt_holder h1{
	font-size: 22px;
	font-weight: normal;
	color: #6D6E71;
}

#txt_holder p{
	font-size: 12px;
	color: #6D6E71;
	line-height: 16px;
}
#side_image{
	float: right;
	height: 500px;
	width: 321px;
}
#recent_side_image{
	float: right;
	height: 509px;
	width: 323px;
	background-image: url(../images/extras/recent_work.jpg);
}
#line{
	float: right;
	height: 47px;
	width: 250px;
}

#recent_bkg{
	float: left;
	height: 548px;
	width: 975px;
	background-image: url(../images/bkgs/recent_work_bkg.jpg);
	background-repeat: no-repeat;
}
#recent_left_box{
	float: left;
	height: 370px;
	width: 600px;
	margin-top: 25px;
}
#recent_left_box p{
	line-height: 20px;
}

#recent_left_box h1{
	font-size: 20px;
	font-weight: normal;
	color: #6D6E71;
	margin-bottom: 8px;
}
#recent_line{
	float: right;
	height: 61px;
	width: 949px;
	background-image: url(../images/extras/recent_work_footer.jpg);
	background-repeat: no-repeat;
}
#recent_right_box{
	float: left;
	height: 375px;
	width: 283px;
	margin-top: 71px;
}

#recent_top_box{
	float: left;
	height: 132px;
	width: 243px;
	padding: 20px;
	margin-bottom: 30px;
}

#recent_bottom_box{
	float: left;
	height: 137px;
	width: 243px;
	padding-top: 15px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	}
	
	#recent_right_box p{
	line-height: 20px;
	font-size: 12px;
	color: #6D6E71;
}

#recent_right_box h1{
	font-size: 20px;
	font-weight: normal;
	color: #6D6E71;
	margin-bottom: 8px;
}

#top_left{
	float: left;
	height: 132px;
	width: 243px;
	padding: 20px;
}
#bottom_left{
	float: left;
	height: 132px;
	width: 243px;
	margin-top: 25px;
	padding: 20px;
}
#top_right{
	float: left;
	height: 132px;
	width: 243px;
	margin-left: 34px;
	padding: 20px;
}
#bottom_right{
	float: right;
	height: 132px;
	width: 243px;
	margin-top: 25px;
	padding: 20px;
}

#footer_rotation{
	float: left;
	height: auto;
	width: 975px;
	padding-top: 20px;
	background-color: #6D6E71;
	}
#main_tel{
	margin-top: 20px;
	width: 153px;
	float: left;
	margin-left: 136px;
	font-size: 22px;
	color: #6D6E71;
	font-weight: normal;
}
#show_main_tel{
	margin-top: 10px;
	width: 140px;
	height: auto;
	float: right;
	font-size: 21px;
	color: #6D6E71;
	font-weight: normal;
	margin-right: 30px;
}
#show_main_tel a{
	font-size: 21px;
	color: #6D6E71;
	font-weight: normal;
	text-decoration: none;
	}
#main_tel_contact{
	margin-top: 20px;
	width: 170px;
	float: left;
	margin-left: 140px;
	font-size: 18px;
	color: #6D6E71;
	font-weight: normal;
	line-height: 28px;
}
#voicebooth{
	float: right;
	height: 25px;
	width: 220px;
	margin-right: 20px;
	margin-top: 6px;
}

#voicebooth ul{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	float: none;
}

#voicebooth li a{
	font-size: 18px;
	color: #6D6E71;
	text-decoration: none;
	background-image: url(../images/arrows/vocal_arrow.gif);
	background-repeat: no-repeat;
	background-position: 180px 1px;
	float: left;
	padding-right: 22px;
}

#voicebooth li a:hover{
	font-size: 18px;
	color: #333333;
	text-decoration: none;
	background-image: url(../images/arrows/vocal_arrow_b.gif);
	background-repeat: no-repeat;
	background-position: 180px 1px;
	float: left;
	padding-right: 22px;
	
	text-shadow: none;
	-webkit-transition: 300ms linear 0s;
	-moz-transition: 300ms linear 0s;
	-o-transition: 300ms linear 0s;
	transition: 300ms linear 0s;
	outline: 0 none;
}

#test
{
	width: 975px;
	float: left;
	background-color: #FFF;
}

#test img
{
  float: left;
}
#grey_holder{
	background-color: #6D6E71;
	float: left;
	height: 20px;
	width: 975px;
}
#booth_cam{
	background-color: #666;
	float: left;
	height: auto;
	width: auto;
	border: 6px solid #CCC;
}

/*form starts below*/

.form_field{
	font-size: 12px;
	color: #666;
	float: left;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left: 10px;
	border: 1px solid #ccc;
	height: auto;
	width: 290px;
	margin-bottom: 10px;
	border-radius: 5px;
}
.form_field_captcha{
	font-size: 12px;
	color: #666;
	float: left;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left: 10px;
	border: 1px solid #ccc;
	height: 10px;
	width: 150px;
	margin-bottom: 10px;
	border-radius: 5px;
}
.drop_field{
	font-size: 12px;
	text-transform: capitalize;
	color: #666;
	float: left;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 10px;
	border: 1px solid #ccc;
	height: 25px;
	width: 268px;
	margin-bottom: 10px;
	background-color: #FFF;
}
#form_holder{
	float: left;
	height: auto;
	width: 620px;
	padding-top: 10px;
	padding-left: 10px;
}
#form_personal_section{
	float: left;
	height: auto;
	width: 300px;
}
#table_form{
	float: left;
	height: auto;
	width: 300px;
	margin-top: 15px;
}
#table_form p{
	font-size: 12px;
	color: #808184;
	font-weight: normal;
}
#right_form_holder{
	float: right;
	height: auto;
	width: 290px;
	margin-left: 10px;
}
.form_field_box_right{
	font-size: 12px;
	color: #666;
	float: right;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 3px;
	padding-left: 10px;
	margin-top: 0px;
	border: 1px solid #ccc;
	height: 62px;
	width: 270px;
	margin-left: 1px;
	font-family: Arial, Helvetica, sans-serif;
	border-radius: 5px;
}
.contact_main_tel{
	font-size: 25px;
	color: #6D6E71;
	font-weight: normal;
	}
.form_button{
	font-size: 13px;
	color: #808184;
	background-color: #FFF;
	float: right;
	height: 35px;
	width: 75px;
	border: 1px solid #FFF;
}

#captcha_holder{
	float: right;
	height: auto;
	width: 290px;
	margin-left: 10px;
}

#captcha_holder ul{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	float: none;
}

#captcha_holder li a{
	font-size: 18px;
	color: #6D6E71;
	text-decoration: none;
	background-image: url(../images/arrows/vocal_arrow.gif);
	background-repeat: no-repeat;
	background-position: 180px 1px;
	float: left;
	padding-right: 22px;
}

#captcha_holder li a:hover{
	font-size: 18px;
	color: #333333;
	text-decoration: none;
	background-image: url(../images/arrows/vocal_arrow_b.gif);
	background-repeat: no-repeat;
	background-position: 180px 1px;
	float: left;
	padding-right: 22px;
	
	text-shadow: none;
	-webkit-transition: 300ms linear 0s;
	-moz-transition: 300ms linear 0s;
	-o-transition: 300ms linear 0s;
	transition: 300ms linear 0s;
	outline: 0 none;
}

#form_buttons{
	float: right;
	height: auto;
	width: 200px;
}
#form_note{
	float: left;
	height: auto;
	width: 500px;
}
#form_note p{
	color: #808184;
	font-size: 10px;
	line-height: 14px;
}

/*below turns of blue border around formfields*/
#form_holder input:focus {
    outline: none;
    border-color: #BCDC74;
    box-shadow: 0 0 10px #BCDC74;
	
	-webkit-transition: 350ms linear 0s;
	-moz-transition: 350ms linear 0s;
	-o-transition: 350ms linear 0s;
	transition: 350ms linear 0s;
	outline: 0 none;	
}
/*below turns of blue border around textarea in form*/
#form_holder textarea:focus {
    outline: none;
    border-color: #BCDC74;
    box-shadow: 0 0 10px #BCDC74;
	
	-webkit-transition: 350ms linear 0s;
	-moz-transition: 350ms linear 0s;
	-o-transition: 350ms linear 0s;
	transition: 350ms linear 0s;
	outline: 0 none;	
}
/*below turns of blue border around select area in form*/
#form_holder select:focus {
    outline: none;
    border-color: #BCDC74;
    box-shadow: 0 0 10px #BCDC74;
	
	-webkit-transition: 350ms linear 0s;
	-moz-transition: 350ms linear 0s;
	-o-transition: 350ms linear 0s;
	transition: 350ms linear 0s;
	outline: 0 none;	
}
.player{
	height: 20px;
	width: 250px;
	border: 1px solid #000;
	background-color: #D0DEAD;
	display: block;
}
/*Iphone Starts*/

#left_5_holder{
	float: left;
	height: auto;
	width: 880px;
	margin-top: 10px;
}
#right_5_holder{
	float: left;
	height: auto;
	width: 815px;
}
.html5_player{
	float: left;
	width: 420px;
	height: auto;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-right: 20px;
}
.html5_player_right{
	float: left;
	width: 880px;
	height: auto;
}
#iphone_holder{
	float: left;
	height: auto;
	width: 930px;
	margin-top: 20px;
	margin-left: 5px;
}

#iphone_holder h1{
	font-size: 22px;
	font-weight: normal;
	color: #6D6E71;
}
#iphone_holder h2{
	font-size: 22px;
	font-weight: normal;
	color: #6D6E71;
	margin-bottom: 5px;
}
#iphone_holder h3{
	font-size: 14px;
	font-weight: normal;
	color: #6D6E71;
	margin-bottom: 5px;
}

#iphone_holder p{
	font-size: 12px;
	color: #6D6E71;
	line-height: 16px;
}
.mp3_left{
	float: left;
	height: auto;
	width: 203px;
	margin-right: 120px;
	margin-bottom: 20px;
}

.mp3_right{
	float: right;
	width: 203px;
	height: auto;
}
#iphone2{
	float: right;
	height: 119px;
	width: 182px;
	background-image: url(../images/iphone2.gif);
	margin-right: 50px;
}
#contact_image{
	float: right;
	height: 94px;
	width: 140px;
	background-image: url(../images/extras/contact_numbers.fw.png);
	background-repeat: no-repeat;
}
.audio_iphone{
	float: left;
	height: 39px;
	width: 208px;
	margin-bottom: 10px;
}
#copyright{
	height: auto;
	width: 975px;
	float: left;
	font-size: 11px;
	text-align: right;
	padding-top: 5px;
	padding-bottom: 0px;
	background-color: #6D6E71;
	color: #FFF;
}
#copyright a{
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
}
#copyright a:hover{
	color: #C7E186;
}