/*  CSS by VANTAGE STUDIOS INC. - 2006  */

body {
	text-align: center;
	margin: 0 auto 0 auto;
	padding: 0;
	border: 0;
	height: 100%;
	font: 11px/14px Arial, Helvetica, Sans-Serif;
	color: #000;
	background: url(images/bg.gif) top center repeat-y;
}

body, div, ul, li, dl, dd, dt, p, table, tr, th, td, img {padding: 0; border: 0; margin: 0;}

#bigcontainer {
	float: left; width: 100%; height: 100%;
	margin: 0 auto 0 auto;
	padding: 0;
	text-align: center;
}
 
#container {
	width: 400px;
	margin: 0 auto 0 auto;
	padding: 0;
	text-align: center;
}

#innercontainer {
	float: left; clear: both; width: 100%;
	padding: 25px 0 0 15px;
	margin: 0;
	text-align: left;
}

h2 {
	font: 36px/20px Arial, Helvetica, Sans-Serif;
	color: #8a258c;
	margin: 0; padding: 0;
}

p {
	font: 11px/12px Arial, Helvetica, Sans-Serif;
	color: #999;
	margin: 0; padding: 15px 0 0 1px;
	float: left; width: 100%;
	clear: both;
}

a:link {
	font: 11px/12px Arial, Helvetica, Sans-Serif;
	color: #999;
	margin: 0; padding: 0;
	text-decoration: none;
}

a:visited {
	font: 11px/12px Arial, Helvetica, Sans-Serif;
	color: #999;
	margin: 0; padding: 0;
	text-decoration: none;	
}

a:hover {
	font: 11px/12px Arial, Helvetica, Sans-Serif;
	color: #8a258c;
	margin: 0; padding: 0;
	text-decoration: none;	
}

h3{
	font: 22px/18px Arial, Helvetica, Sans-Serif;
	float: left; clear: both; width: 96%;
	color: #8a258c;
	margin: 0; padding: 10px 0 0 1px;
	font-weight: bold;

}

h4{
	font: 13px/16px Arial, Helvetica, Sans-Serif;
	float: left; clear: both; width: 92%;
	color: #666;
	margin: 0; padding: 7px 0 7px 1px;
	border-bottom: 1px solid #ccc;
	font-weight: bold;

}

#requestdemo {float: left; clear: both; width: 92%; border-top: 1px solid #ccc; margin: 15px 0 0 0;}
h3.actors {float: left; clear: both; width: 92%; border-top: 1px solid #ccc; padding: 35px 0 0 0; margin: 15px 0 0 0;}

.boldy {
	font: 12px/14px Arial, Helvetica, Sans-Serif;
	color: #8a258c;
	margin: 0; padding: 0 0 0 1px;
	font-weight: bold;
}

#demos {margin: 0; padding: 0 0 0 0;}

#contact1 p, #contact2 p {
	font: 11px/14px Arial, Helvetica, Sans-Serif;
	color: #999;
	margin: 0; padding: 0 0 0 0;
}

#footer{
	float: left; clear: both;
	width: 400px;
	margin: 0; padding: 30px 0 0 0;
}

#footercont {float: left; clear: both;}

#contents {
	display: block;
	float: left;
	width: 260px; height: 57px;
	margin: 0; padding: 0;
	text-indent: -9999px;
	background: #dedede url(images/copy.gif) top left no-repeat;
}

#vantage {
	float: left;
	width: 111px; height: 57px;
	margin: 0; padding: 0;
	text-indent: -9999px;
	background: #dedede;
}

#vantage a{
	display: block;
	width: 111px; height: 57px;
	background: url(images/van.gif);
}

#vantage a:hover{
	display: block;
	width: 111px; height: 57px;
	background: url(images/vano.gif);
}

#repdemo {
	display: block;
	float: left;
	width: 147px; height: 35px;
	margin: 0; padding: 0;
	text-indent: -9999px;
	background: #fff url(images/demo.gif) top left no-repeat;
}

#clientlog {
	display: block;
	float: left;
	width: 185px; height: 40px;
	margin: 0; padding: 0;
	text-indent: -9999px;
	background: #fff url(images/client.gif) top left no-repeat;
}

#ftp {float: left; clear: both; margin: 0 0 10px 0; padding: 0; width: 93%;}

.loginlink {float: right; margin: -7px 20px 0 0;}
.loginlink a:link, .loginlink a:visited {color: #8a258c;}
.loginlink a:hover {color: #999;}

#repcontact {
	clear: both;
	display: block;
	float: left;
	width: 147px; height: 36px;
	margin: 0; padding: 0 0 13px 0;
	text-indent: -9999px;
	background: #fff url(images/contact.gif) top left no-repeat;
}

#commercials {
	display: block;
	float: left;
	width: 75px; height: 15px;
	margin: 0; padding: 0 3px 0 0;
	text-indent: -9999px;
	background: #fff url(images/commercials.gif) top left no-repeat;
}

#narration {
	display: block;
	float: left;
	width: 64px; height: 15px;
	margin: 0; padding: 0 3px 0 0;
	text-indent: -9999px;
	background: #fff url(images/narration.gif) top left no-repeat;
}

#trailer {
	display: block;
	float: left;
	width: 49px; height: 15px;
	margin: 0; padding: 0 3px 0 0;
	text-indent: -9999px;
	background: #fff url(images/trailer.gif) top left no-repeat;
}

#animation {
	display: block;
	float: left;
	width: 61px; height: 15px;
	margin: 0; padding: 0 3px 0 0;
	text-indent: -9999px;
	background: #fff url(images/animation.gif) top left no-repeat;
}

#promo {
	display: block;
	float: left;
	width: 44px; height: 15px;
	margin: 0; padding: 0 3px 0 0;
	text-indent: -9999px;
	background: #fff url(images/promo.gif) top left no-repeat;
}

#imaging {
	display: block;
	float: left;
	width: 49px; height: 15px;
	margin: 0; padding: 0 3px 0 0;
	text-indent: -9999px;
	background: #fff url(images/imaging.gif) top left no-repeat;
}

#starsagency {
	display: block;
	float: left;
	width: 113px; height: 15px;
	margin: 0; padding: 0 5px 0 0;
	text-indent: -9999px;
	background: #fff url(images/staragency.gif) top left no-repeat;
}

#emailme {
	display: block;
	float: left;
	width: 50px; height: 15px;
	margin: 0; padding: 0 5px 0 0;
	text-indent: -9999px;
	background: #fff url(images/emailme.gif) top left no-repeat;
}

ul#nav {float: left; clear: both; margin: 0; padding: 0px; list-style: none;}
ul#nav li {border: 0; float: left; text-indent: -9999px; display: inline; margin: 0; padding: 0;}	
* html ul#nav li {margin: 0 0 -3px 0; ma\rgin: 0 0 -3px 0;}

li#nav_demos, li#nav_demos a:link, li#nav_demos a:visited {display: block; margin: 0; padding: 0; width: 110px; height: 36px; text-decoration: none; background: url(images/nav-demos.gif) top left no-repeat;}
li#nav_demos a:hover, li#nav_demos.selected {display: block; margin: 0; padding: 0; width: 110px; height: 36px; text-decoration: none; background: url(images/nav-demoso.gif) top left no-repeat;}

li#nav_contact, li#nav_contact a:link, li#nav_contact a:visited {display: block; margin: 0; padding: 0; width: 125px; height: 36px; text-decoration: none; background: url(images/nav-contact.gif) top left no-repeat;}
li#nav_contact a:hover, li#nav_contact.selected {display: block; margin: 0; padding: 0; width: 125px; height: 36px; text-decoration: none; background: url(images/nav-contacto.gif) top left no-repeat;}

li#nav_login, li#nav_login a:link, li#nav_login a:visited {display: block; margin: 0; padding: 0; width: 88px; height: 36px; text-decoration: none; background: url(images/nav-login.gif) top left no-repeat;}
li#nav_login a:hover, li#nav_login.selected {display: block; margin: 0; padding: 0; width: 88px; height: 36px; text-decoration: none; background: url(images/nav-logino.gif) top left no-repeat;}