@charset "UTF-8";
/* CSS Document */

html, body {
  padding: 0;
  margin: 0;
  height: 100%;
}

.clear { clear: both }
.dark_grey { color: #58595b }
.pink { color: #ec4499}
.hidden { display: none }
.hb{ letter-spacing: -2px }

#videogirl_content { width: 991px; position: relative; margin-top: 0px; left: 0; height: 1200px; text-align: left; color: #58595b; font-family:Arial, Helvetica, sans-serif; }
#videogirl_left { float:left; width: 331px; z-index: 100 }
#videogirl_right {
	float:left;
	position: relative;
	width: 659px;
	height: 1000px;
}

/*#videogirl_right.home { background: url(../_img/home_content.jpg) no-repeat; }*/
/*#videogirl_content.home { background: url(../_img/home_content_bg.jpg) no-repeat center top;}*/
#videogirl_content.home { background: url(../_img/home_content.jpg) no-repeat center top;}
#videogirl_right.pages #videogirl_nav { background:url(../_img/nav/nav_bg.gif) no-repeat right; height: 72px; width: 667px}

#videogirl_logo { margin: 20px 0 0 1px }
#videogirl_swf { position: absolute; top: 210px; left: 0px }

#videogirl_nav #menu {
	color: #ffffff;
	position: absolute;
	top: 18px;
	left: 35px;
	font-size:21px;
	width: 124px;
	height: 17px;
	overflow:hidden;
	background:url(../_img/nav/nav_over.gif);
}

#videogirl_nav #page_menu {
	color: #ffffff;
	position: absolute;
	top: 14px;
	left: 40px;
	font-size:21px;
	width: 124px;
	height: 17px;
	overflow:hidden;
	background:url(../_img/nav/nav_over.gif);
}
#videogirl_nav {
	width: 657px;
	height: 67px;
	position: absolute;
	right: 0px;
	left: -5px;
	top: 0px;
	font-size: 13px;
	font-family:Helvetica,Arial, sans-serif;
	font-weight: bold;
}

#videogirl_nav .vg_nav a { color: #ec4499; text-decoration: none }
#videogirl_nav div { position: relative }
#videogirl_nav .vg span, #videogirl_nav .vgs span { position: absolute; top: 7px; left: 10px; display: block } 
#videogirl_nav #menu span { position: absolute; top: -2px; left: -1px; display: block }

#videogirl_nav #home1 div { width: 124px; height: 40px; position: absolute; left: 36px; top: 33px }	
#videogirl_nav #about1 div { width: 124px; height: 40px; position: absolute; left: 162px; top: 33px}	
#videogirl_nav #video1 div { width: 124px; height: 40px; position: absolute; left: 288px; top: 33px}	
#videogirl_nav #software1 div{ width: 122px; height: 40px; position: absolute; left: 414px; top: 33px}	
#videogirl_nav #findonline1 div{ width: 124px; height: 40px; position: absolute; left: 540px; top: 33px}	

#videogirl_nav #home div { width: 124px; height: 40px; position: absolute; left: 39px; top: 30px }	
#videogirl_nav #about div { width: 124px; height: 40px; position: absolute; left: 165px; top: 30px}	
#videogirl_nav #video div { width: 124px; height: 40px; position: absolute; left: 291px; top: 30px}	
#videogirl_nav #software div{ width: 122px; height: 40px; position: absolute; left: 417px; top: 30px}	
#videogirl_nav #findonline div{ width: 124px; height: 40px; position: absolute; left: 543px; top: 30px}	
#videogirl_nav .vg :hover { cursor: pointer }
.vg_nav_over {  background:url(../_img/nav/nav_over.gif) left bottom;}
.vg_nav_over a { color: #ffffff; font-size: 15px; text-decoration: none; }

#videogirl_footer { font-family: Arial, Helvetica, sans-serif; position: absolute; top: 977px; right: 50px; }
#videogirl_footer #ad { font-size: 11px; color: #505a6a; display: block; margin: 0 0 20px 0; text-align: right }
#videogirl_footer #compat { color: #ffffff; display: block; font-size: 10px; margin: 0 0 10px 0; text-align:left }

#page_spacer { height: 100px; width: 100% }
/* HOME PAGE */
#home_video { position: absolute; top: 102px; left: 12px }
#watch_this { position: absolute; color: #ffffff; font-size: 21px; top: 106px; left: 351px }
#see_action { position: absolute; top: 168px; left: 343px; font-size: 32.4px; line-height: 32px; width:163px; height: 52px}
#see_action .line2 { position: absolute; left: 0; top: 26px}

#iamreal { position: absolute; top: 361px; left: 1px; }
#iamreal .line1 {  font-size:19px }
#iamreal .line2 { font-size: 28px; position: absolute; left: 0; top: 22px}

#software_hdr { position: absolute; color: #ffffff; font-size: 21px; top: 436px; left: 230px }
#software_copy { font-family: Arial, Helvetica, sans-serif; color: #ffffff; font-size: 12px; position: absolute; top:475px; left: 432px }
#software_copy a { color: #ffffff }
#find_online { position: absolute; top: 733px; left: 256px; width: 170px; height: 55px;}
.fo_small { font-size: 29px; line-height: 29px; height: 29px; position: absolute; top: 0px; left: 0px; }
.fo_large { font-size: 43px; height: 43px; margin-top: -6px; position: absolute; top: 29px; left: 0px; }


#coming_soon { position: absolute; top: 525px; left: 479px; width: 175px;height: 53px}
.co_small { font-size: 26px; height: 26px: position: absolute; top: 0px; left: 0px }
.co_large { font-size: 43px; height: 43px; position: absolute; top: 19px; left: 0px }

/* ABOUT PAGE */
#howto_demo_hdr { background: url(../_img/about_howto_hdr.gif) no-repeat; width: 506px; height: 29px;  }
#howto_demo_hdr span { display: block; padding: 7px 0 0 10px; color: #ffffff; font-size: 18px; }
#howto_demo_copy { background: #ffca37; color: #58595b; padding: 7px 10px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; margin: 2px 0 6px 0 }
#howto_demo { background: url(../_img/about_demo_bg.jpg) no-repeat; width: 659px; height:360px ; position: relative; margin: 0 0 25px 0; overflow: hidden}
#howto_demo_swf { width: 505px; height: 350px; background: #F99; position: absolute; top: 5px; left: 3px }
#about_play { position: absolute; top: 130px; left: 210px }
#about_realcam_container { position: relative }
#about_realcam { background: url(../_img/realcam_bg.gif); width: 695px; height: 55px; position: absolute; left: -36px; top: 0px}
#about_realcam .line1 {  font-size:19px; left: 35px; position: absolute; top: 8px }
#about_realcam .line2 { font-size: 28px; position: absolute; left: 35px; top: 28px}

#about_fol {position: absolute; top: 311px; left: 521px; width: 134px; height: 45px}
#about_fol .line1 { font-size: 27px; line-height: 27px; height: 29px; position: absolute; top: 0px; left: 0px; }
#about_fol .line2 { font-size: 32px; height: 32px; position: absolute; top: 20px; left: 0px }

.about_infobox { width: 311px; height: 71px; background: #ffca37; float:left; position: relative; margin-bottom: 25px} 
.about_infobox.first { margin-right: 20px }
.about_infobox .inner { padding: 7px 16px 12px }
.infobox_icon { position: absolute; bottom: -10px; right: -10px }
.about_infobox p { font-size: 12px; width: 200px; padding: 0px; margin: 0px }


/* SOFTWARE PAGE */
#software_demo_hdr { background: url(../_img/about_howto_hdr.gif) no-repeat; width: 506px; height: 29px;}
#software_demo_hdr span { display: block; padding: 7px 0 0 10px; color: #ffffff; font-size: 18px; }
#software_demo_copy { background: #ffca37; color: #58595b; padding: 7px 10px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; margin: 2px 0 6px 0 }
#software_demo { background: url(../_img/software_demo_bg.jpg) no-repeat; width: 659px; height:362px ; position: relative; margin: 0 0 25px 0; overflow: hidden}
#software_demo_swf { width: 505px; height: 350px; background: #F99; position: absolute; top: 7px; left: 72px }
#software_play { position: absolute; top: 130px; left: 210px }
.software_infobox { width: 311px; height: 71px; float:left; position: relative; margin-bottom: 17px} 
.software_infobox.first { margin-right: 20px }
.software_infobox .inner { padding: 7px 16px 12px }
.software_infobox p { font-size: 12px; width: 200px; padding: 0px; margin: 0px }

#software_realcam_container { position: relative }
#software_realcam { background: url(../_img/realcam_bg.png); width: 695px; height: 55px; position: absolute; left: -36px; margin-top: 5px}
#software_realcam .line1 {  font-size:19px; left: 35px; position: absolute; top: 8px }
#software_realcam .line2 { font-size: 28px; position: absolute; left: 35px; top: 28px}

.bg_pink { background: #ec4499; }
.bg_yellow { background:  #ffca37; }
.white { color: #ffffff }
.yellow { color: #ffca37; }
.hover { cursor: pointer }


/* VIDEOS PAGE */
#videogirl_player { background: url(../_img/videos_bg.gif) no-repeat; width: 659px; height:459px; position: relative; margin-bottom:30px }
#videogirl_videoswf { position: absolute; width: 659px; height: 459px}


/* POPUPS */
/*.fade{ text-align:center; background: url(x.gif);left:0;-ms-filter:"progid:dximagetransform.microsoft.alpha(opacity=99)";filter:progid:dximagetransform.microsoft.alpha(opacity = 99);filter:alpha(opacity=99);moz-opacity:0;-khtml-opacity:0;opacity:0;position:absolute;top:0;width:100%;z-index:1000; }
*/
.fade{ text-align:center; background-color:#ffffff;left:0;-ms-filter:"progid:dximagetransform.microsoft.alpha(opacity=70)";filter:progid:dximagetransform.microsoft.alpha(opacity = 70);filter:alpha(opacity=70);moz-opacity:0.7;-khtml-opacity:0.7;opacity:0.7;position:absolute;top:0;width:100%;z-index:1000; }
.popup {background: none;position:fixed;left:0;top:0;z-index:1005;}
#overlay_swf_container { border: 4px solid #ff3399; position: relative; }
#overlay_swf_container2 { border: 4px solid #ff3399; position: relative; }
#overlay_close { position: absolute; right: -4px; top: -52px }