/* 
------------------------------------------------------- 
Project elements   
	                                    
------------------------------------------------------- 
*/

#circle 
{
	position: absolute;
	top: 289px;
	left: 0px;
	width: 224px;
	height: 288px;
}

#circle2 
{
	position: absolute;
	top: 409px;
	left: 0px;
	width: 224px;
	height: 288px;
}

#pdflink 
{
	position: absolute;
	top: 560px;
	left: 20px;
}

#manual 
{
	position: absolute;
	top: 600px;
	left: 50px;
	width: 115px;
	height: 182px;
	
}

#title
{
	position: absolute;
	top: 90px;
	left: 0px;
	width: 313px;
	height: 46px;
}

#textswitchlogo 
{
	position: absolute;
	top: 65px;
	left: 540px;
	width: 198px;
	height: 76px;
}

#vendpointlogo 
{
	position: absolute;
	top: 55px;
	left: 540px;
	width: 198px;
	height: 76px;
}

#intro
{
	position: absolute;
	top: 210px;
	left: 239px;
	width: 460px;
	text-align: justify;
}

#intro p 
{
	text-align: justify;
}

#textswitch
{
	position: absolute;
	top: 0px;
	left: 313px;
	width: 206px;
	height: 136px;
}

#menu
{
	position: absolute;
	top: 169px;
	left: 46px;
}

/* 
------------------------------------------------------- 
toolbar                                 
------------------------------------------------------- 
*/

#toolbar{
	position: absolute;
	top: 168px;
	left: 236px;
	background-color: #9d2f6c;
	color: #ffffff;
	height: 26px;
	margin: 0px;
	padding-bottom: 0px;
	width: 519px; 
	text-align: left;	
	z-index: 101;
}

#toolbar a {
	background-color: transparent;
	color: #ffffff;
	font-weight: bold;
	line-height: 26px;
	text-decoration: none;
	padding-left:5px;
	padding-right:5px;
	padding-bottom:2px;
	font-size: 110%;
	
}

#toolbar a:hover{
	background-color: #bb7298;
	color: #ffffff;
}



#tool1 {
	position: absolute;
	top: 0px;
	left: 80px;
	width: 100px;
	text-align: left;	
}

#tool1.selected a {
	background-color: #E66B00;
	color: #ffffff;
}

#tool2 {
	position: absolute;
	top: 0px;
	left: 200px;
	width: 100px;
	text-align: left;	
}

#tool2.selected a {
	background-color: #E66B00;
	color: #ffffff;
}

#tool3 {
	position: absolute;
	top: 0px;
	left: 320px;
	width: 90px;
	text-align: left;	
}

#tool3.selected a {
	background-color: #E66B00;
	color: #ffffff;
}


#tool4 {
	position: absolute;
	top: 0px;
	left: 200px;
	width: 150px;
	text-align: left;	
}

#tool4.selected a {
	background-color: #E66B00;
	color: #ffffff;
}

#tool5 {
	position: absolute;
	top: 0px;
	left: 370px;
	width: 90px;
	text-align: left;	
}

#tool5.selected a {
	background-color: #E66B00;
	color: #ffffff;
}

/* 
------------------------------------------------------- 
sub nav                                
------------------------------------------------------- 
*/

.subnav{
	position: absolute;
	display: inline;
	left: 0px;
	top: 0px;
}

#subnav1 {
	left: -8px;
	margin-bottom: 300px;
	position: absolute;
	top: 26px;
	visibility: hidden;
	width: 200px;
	text-align: left;
	background-color: #DDDDDF;
	color: #7B7784;	
}

#subnav2 {
	left: 0px;
	position: absolute;
	top: 26px;
	visibility: hidden;
	width: 200px;
	text-align: left;
}

#subnav3 {
	left: -8px;
	position: absolute;
	top: 26px;
	visibility: hidden;
	width: 200px;
	text-align: left;	
}





#subnav1 ul, #subnav2 ul, #subnav3 ul {
	background-color: #DDDDDF;
	color: #7B7784;
	margin: 0px;
	padding: 0px;
}

#subnav1 li, #subnav2 li, #subnav3 li {
	display: block; 
	list-style-image: none;
	background-color: #DDDDDF;
	color: #7B7784;
}

#subnav1 a, #subnav2 a, #subnav3 a {
	background-color: #DDDDDF;
	color: #7B7784;
	display: block;
	height: 20px;
	line-height: 18px;
	padding-left: 0px;
	padding-right: 0px;
	text-decoration: none;
	text-indent: 12px;
}

#subnav1 a:hover, #subnav2 a:hover, #subnav3 a:hover {
	background-color: 706B8B;
	color: #ffffff;
	display: block;
	height: 20px;
	line-height: 18px;
	padding-left: 0px;
	padding-right: 0px;
	text-decoration: none;
	text-indent: 12px;
}

#subnav1.subnav a, #subnav2.subnav a, #subnav3.subnav a {
	background-color: #9d2f6c;
	color: #ffffff;	
}

#subnav1.subnav a:hover, #subnav2.subnav a:hover, #subnav3.subnav a:hover {
	background-color: #bb7298;
	color: #ffffff;
}

#appbox 
{
	position: relative;
	background-color: #e4c7d7;
	width: 468px;
	height: 104px;
}

#apps
{
	
	position: relative;
	top: 8px;
	left: 8px;
}

#apps img 
{
	border: solid 1px #ffffff;	
}

#visit {font-weight:normal; position:relative; top:30px; left:-30px; font-size:80%;}

#screen {background-image:url(../images/screen.jpg); background-position:left center; background-repeat:no-repeat; width:250px; height:228px; margin-left:100px;}
#ad {position:relative; top:23px; left:25px;}