* {
	margin: 0px;
	padding: 0px;
}
#wrapper {
	height: auto;
	width: 850px;
	margin-right: auto;
	margin-left: auto;
	margin-top:10px;
	border: 0 #763A76;
	
}
#featuretextmain
{
float:right;
padding-right:37px; padding-top:30px; font-family:'Nobile',Arial; font-size:12px; text-align:left; width:230px;}

#back #footerBig #logobar div #featuretextmain #squares {
	list-style-type: square;
}
#back #footerBig #logobar #status-box {
	background-color: #3C3;
	height: 100px;
	width: 100px;
	clear: both;
	float: right;
	visibility: visible;
}



#storetextmain
{
float:right;
padding-right:30px; padding-top:30px; font-family:'Nobile',Arial; font-size:12px; text-align:left; width:200px;}

#letterbox
{position:absolute; margin-left: 515px; margin-top:120px; width:280px; height:175px; border:#CCCCCC 1px solid; text-align:right; font:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#666666;}

#logobar {
	height:auto;
	width: 850px;
	margin-right: auto;
	margin-left: auto;
	margin-top:10px;
	border: 0 #763A76;
}

#gobar {
	height:auto;
	width: 850px;
	margin-right: auto;
	margin-left: auto;
	margin-top:4px;
	border: 0 #763A76;
}
.header {font-family: 'Nobile',Arial ;  font-size:19px; color:#333333; font-weight:bold;}

.para {
	font-family:'Nobile', Arial;
	font-size:14px;
	color: #333333;
	font-weight:normal;
	letter-spacing:0.022em;
}
.para2 {
	font-family:'Nobile', Arial;
	font-size:12px;
	color: #333333;
	font-weight:normal;
	letter-spacing:0.022em;
}

.para3 {
	font-family:'Nobile', Arial;
	font-size:9px;
	color: #333333;
	font-weight:normal;
	letter-spacing:0.022em;
}

#footerBig {
	height: 50px;
	width: auto;
	margin-right: 0px;
	margin-left: 0px;
	margin-top:0px;
	border-top: #D1D1D1 solid 1px;
}

#wrapper #bar{
	
	background-image: url(../images/nav.png);
	height: 85px;
	width: auto;
	margin: 0 auto;
}

#wrapper #Pupa-content-links #Feature-img {
	height: 686px;
	width: 285px;
	margin-top: -700px;
	margin-left: 500px;
}

#wrapper #nav{
	
	background-image: url(../images/nav.png);
	height: 33px;
	width: 850px;
	margin: 0 auto;

	
}
#wrapper #Pupa-content-links #line15 {
	height: 400px;
	width: 850px;
	clear: both;
}
#wrapper #Pupa-content-links #upgradability {
	height: 170px;
	width: 300px;
	margin-left: 2px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
}
#back   #Pupa-content-links #simplicity{
	height: 100px;
	width: 300px;
	margin-left: 2px;
	margin-top: 35px;
}
#wrapper #Pupa-content-links #colorful-powerful {
	height: 100px;
	width: 300px;
	margin-top: 20px;
	margin-left: 2px;
}
#wrapper #Pupa-content-links #performance {
	height: 160px;
	width: 300px;
	margin-top: 20px;
	margin-left: 2px;
}


#wrapper #nav span{
display: none;
}
#Pupa { width: 170px; }
#wrapper #nav li {
	list-style-type: none;
	float: left;
}
#wrapper #nav a {
	height: 33px;
	display: block;
}

#Home { width: 170px; }
#Store { width: 170px; }
#Company { width: 170px; }
#Contact { width: 170px; }



#wrapper #details{
	background-image: url(../images/Pupa-page-icons1234a.jpg);
	height: 160px;
	width: 850px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
#wrapper #Pupa-details {
	height: 160px;
	width: 850px;
	margin-top: 70px;
}

#wrapper #details span{
display: none;
}
#wrapper #details li {
	list-style-type: none;
	float: left;
}
#wrapper #details a {
	height: 160px;
	display: block;
}

#wrapper #Inside { width: 212px; }
#wrapper #Outside { width: 212px; }
#wrapper #Features { width: 212px; }
#wrapper #Gallery { width: 212px; }


#back { background-image: url(../images/backbar.jpg); background-repeat:repeat-x;}



#wrapper #link-imgs{
	
	background-image: url(../images/homepageicons.jpg);
	height: 235px;
	width: 850px;
	margin: 0 auto;
	
}
#wrapper #link-imgs span{
display: none;
}
#wrapper #link-imgs li {
	list-style-type: none;
	float: left;
}
#wrapper #link-imgs a {
	height: 235px;
	display: block;
}


#Pupa2 { width: 280px; }
#Company2 { width: 280px; }
#Features2 { width: 280px; }


#Home a:hover, #Home.active {
      background: url(../images/nav.png) 0px -38px no-repeat;
}
#Pupa:hover, #Pupa.active {
      background: url(../images/nav.png) -170px -38px no-repeat;
}

#Store a:hover, #Store.active {
      background: url(../images/nav.png) -340px -38px no-repeat;
}

#Company a:hover, #Company.active {
      background: url(../images/nav.png) -510px -38px no-repeat;
}

#Contact a:hover, #Contact.active {
      background: url(../images/nav.png) -680px -38px no-repeat;
}

#wrapper #MainImg {
	height: auto;
	background-repeat: no-repeat;
	background-position: center;
	width: 850px;
}
#wrapper #StoreImg {
	background-image: url(../images/back-twin.23.jpg);
	height: 398px;
	background-position: center;
	width: 850px;
	float: none;
}
#wrapper #line31 {
	float: none;
	height: auto;
	width: 850px;
	margin-top: 25px;
	list-style-type: disc;
}
#wrapper #line31 #config1 {
	font-family: calibri;
	font-size: 16px;
	font-style: normal;
	list-style-type: disc;
	font-weight: normal;
	line-height: normal;
	float: none;
	height: auto;
	width: 200px;
	margin-left: 25px;
	margin-top: 25px;
}
#wrapper #line31 #Takeout-desc {
	float: none;
	height: auto;
	width: 200px;
}
#wrapper #line31 #Takeout-Img {
	float: none;
	height: 206px;
	width: 200px;
	margin-top: -200px;
	margin-left: 220px;
}
#wrapper #line31 #select-btn {
	float: none;
	height: 33px;
	width: 92px;
	margin-left: 140px;
	margin-top: -10px;
}
#wrapper #line31 #Configure-section {
	height: auto;
	width: 150px;
	float: left;
	margin-top: 0px;
	margin-left: 0px;
}
#wrapper #line32 #processor-select {
	height: auto;
	width: 500px;
	float: none;
	margin-left: 30px;
	clear: none;
}
#wrapper #line32 {
	float: none;
	height: 150px;
	width: 850px;
	clear: both;
}
#wrapper #line33 #graphics-select {
	height: 100px;
	width: 300px;
	float: none;
	margin-left: 140px;
}
#wrapper #line34 #memory-logo {
	float: left;
	height: 100px;
	width: 200px;
}
#wrapper #line33 {
	height: 100px;
	width: 850px;
}
#wrapper #line33 #graphics-logo {
	float: left;
	height: 80px;
	width: 108px;
}
#wrapper #line32 #processor-logo {
	float: left;
	height: 130px;
	width: 130px;
}


#wrapper #line31 #Takeout-price {
	height: 30px;
	width: 50px;
	margin-left: 160px;
}

#wrapper #line31 #seperator {
	height: 250px;
	width: 9px;
	margin-top: -206px;
	margin-left: 450px;
}


#wrapper #navbar a img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#wrapper #Pupa-page-Img {
	background-image: url(../images/back-twin.23.jpg);
	height: 398px;
	background-position: center;
	margin-top: 35px;
}
#wrapper #Support-page-Img {
	background-image: url(../images/untitled.19.jpg);
	background-position: center;
	height: 398px;
}
#wrapper #Pupa-content-links  {
	font-family: Calibri;
	font-size: 14px;
	font-style: normal;
	font-weight: bolder;
	height: auto;
	width: 850px;
}
#wrapper #Pupa-content-links h4 {
	font-family: Calibri;
}
#wrapper #Pupa-inside-page-Img {
	height: 398px;
	background-image: none;
	background-repeat: no-repeat;
	background-position: center;
	margin-right: auto;
	margin-left: auto;
}
#wrapper #towards {
	background-color: #003;
	margin: 0px;
	padding: 0px;
	height: 250px;
	width: 850px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	float: left;
}
#wrapper #Pupa-content-links #audio-img {
	height: 132px;
	width: 250px;
	float: left;
	margin-top: 0px;
	margin-left: 0px;
	clear: none;
	background-image: url(../images/speakers.jpg);
	background-repeat: no-repeat;
}
#wrapper #Pupa-content-links #line1 {
	height: 200px;
	width: 850px;
}
#wrapper #Pupa-content-links #line2 {
	height: 240px;
	width: 850px;
}
#wrapper #Pupa-content-links #line3 {
	height: 350px;
	width: 850px;
}
#wrapper #Pupa-content-links #line4 {
	height: 330px;
	width: 850px;
	float: none;
}
#wrapper #Pupa-content-links #line4 #Storage {
	height: 200px;
	width: 320px;
	clear: none;
	float: left;
	margin-top: 45px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 25px;
}
#wrapper #Pupa-content-links #line4 #pupa-side-img {
	background-image: url(../images/Pupa-orange.gif);
	height: 686px;
	width: 285px;
	float: left;
	clear: none;
	margin-left: 575px;
	overflow: visible;
	margin-top: -700px;
}

#wrapper #Pupa-content-links #line4 #harddisk-img {
	background-image: url(../images/hdd.png);
	width: 200px;
	height: 190px;
	float: left;
	margin-left: 75px;
	margin-top: 45px;
}
#wrapper #Pupa-content-links #line5 {
	height: 300px;
	width: 850px;
}
#wrapper #Pupa-content-links #line5 #Connect-img {
	float: left;
	height: 216px;
	width: 600px;
	margin-left: 125px;
}
#wrapper #Pupa-content-links #line5 #Connectivity {
	height: 130px;
	width: 130px;
	float: left;
	margin-top: -200px;
	margin-left: 355px;
}
#wrapper #Takeout {
	float: left;
	height: auto;
	width: 200px;
}
