/* CSS Document */

body {
   margin: 0 auto;
   padding: 0;
   top: 0;
   text-align: center;
   background: #3A005F url(../images/stripe.gif) left top repeat-x;
   font: 12px/14px "Futura",Arial,Verdana,Helvetica,sans-serif;
   color:#000;
}

a, a:link, a:visited { color: #2A2A4B; text-decoration: underline; }
a:hover { text-decoration: underline; }

ul { padding: 0 0 0 17px;
list-style: circle; }
ul ul { list-style: circle;}

h1, h2, h3, h4, h5, h6 { font-family: "Futura",Arial,Verdana,Helvetica,sans-serif }
h1 { font-weight: bold; font-size:20px; color: #2A2A4B; text-transform: uppercase; line-height:100%; margin:0 0 10px 0;}
h1 span { text-indent: -999em; display: block; height: 0; }
h2 { font-weight: bold; font-size:18px; color: #2A2A4B; text-transform: uppercase; line-height:100%; margin:0 0 10px 0; }
h2 span { text-indent: -999em; display: block; height: 0; }
h3 { font-weight: bold; font-size:16px; color: #2A2A4B; line-height:100%; margin:0 0 5px 0;}
h4 { font-weight: bold; font-size:14px; color: #2A2A4B; margin:0; line-height:100%; margin:0 0 5px 0;}
h5 { font-weight: bold; font-size:12px; color: #2A2A4B; margin:0; line-height:100%; margin:0 0 5px 0;}


.note{font: 10px/11px Arial,Verdana,Helvetica,sans-serif; color:#999; font-style:italic;}



#container {
   margin: 0 auto;
   padding: 0;
   width: 760px;
   height: 100%;
   text-align: center;
   background: #3A005F;
}

/* Clearing floats - Hat Tip: http://www.positioniseverything.net/easyclearing.html  */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display: inline-table;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


#head {
   margin: 0 auto;
   padding: 126px 0 0 32px;
   width: 728px;
   height: 40px;
   text-align: left;
   background-color:#3A005F;
   display:block;
   float:left;
}

#toplink {
   margin: 0 auto;
   padding: 0;
   width: 370px;
   height: 40px;
   text-align: left;
   background: #3A005F;
   display:block;
   float:left;
}
#content {
	width: 760px;
	margin: 0 auto;
	padding: 0;
	float: left;
	display:block;
	background-color:#FFF;
	text-align:left;
}
#logohome {
	width: 326px;
	margin: 0;
	padding: 0;
	height:262px;
	float: left;
	display:block;
	background: #FFF;
	text-align:center;
}

#logo {
	width: 230px;
	margin: 0;
	padding: 0;
	height:262px;
	float: left;
	display:block;
	background: #FFF url(../images/logo.gif) left top no-repeat;
	text-align:left;
}

#control {
	width: 96px;
	margin: 0;
	padding: 6px 0 10px 0;
	float: left;
	display:block;
	text-align:left;
}

#thumb {
	width: 45px;
	height: 45 px;
	margin: 0;
	padding: 4px 3px 0 0;
	float: left;
	display:block;
	text-align:left;
}

#feature {
	width: 371px;
	margin: 0;
	padding: 10px 33px 10px 27px;
	float: left;
	display:block;
	text-align:left;
}

#ftpfeature {
	width: 420px;
	height:226px;
	margin: 0;
	padding: 6px 0 0 0;
	float: left;
	display:block;
	text-align:left;
}

#lownavbox {	
   margin: 0 auto;
   padding: 0 0 0 48px;
   width: 696px;
   display:block;
   float:left;
   height: 30px;
   text-align: left;
}

#footer {	
   margin: 0 auto;
   padding: 112px 0 0 64px;
   width: 696px;
   display:block;
   height: 10px;
   text-align: left;
   font: normal 9px "Futura", Arial, Helvetica, Verdana, sans-serif;
   letter-spacing:1px;
   color: #9B73B8;
}


/* Navigation */

#nav {
	width: 279px;
	height:40px;
	margin: 0px 0 0 0;
	padding: 0 ;
	float: left;
	display:block;
	text-align:center;
}

#subnav ul#submenu li {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 0;
	height: 40px;
	}

#subnav ul#submenu li a {
	text-indent: -9999px;
	text-decoration: none;
	height: 40px;
}

#subnav ul#submenu {
	width: 279px;
	height: 40px;
	background: #3A005F url(../images/nav.gif) left top no-repeat;
	margin: 0;
	padding: 0;
	list-style: none;
	position: relative;
	}
#subnav ul#submenu li, ul#submenu a {
	height: 40px;
	display: block;
	}

#subnav #portmenu { left: 0; width: 80px;}
#subnav #stockmenu { left: 80px; width: 65px;}
#subnav #ftpmenu { left: 146px; width: 51px;}
#subnav #aboutmenu { left: 198px; width: 83px;}
#subnav #contactmenu { left: 281px; width: 81px;}
#subnav #portmenu a:hover { background: url("../images/nav.gif") 0 -41px no-repeat;}
#subnav #stockmenu a:hover { background: url("../images/nav.gif") -80px -41px no-repeat;}
#subnav #ftpmenu a:hover { background: url("../images/nav.gif") -146px -41px no-repeat;}
#subnav #aboutmenu a:hover { background: url("../images/nav.gif") -198px -41px no-repeat;}
#subnav #contactmenu a:hover { background: url("../images/nav.gif") -281px -41px no-repeat;}

/* you are here */
/*/*/
#port #subnav #portmenu { background: url("../images/nav.gif") 0 -41px no-repeat;}
#stock #subnav #stockmenu { background: url("../images/nav.gif") -80px -41px no-repeat;}
#ftp #subnav #ftpmenu { background: url("../images/nav.gif") -146px -41px no-repeat;}
#about #subnav #aboutmenu { background: url("../images/nav.gif") -198px -41px no-repeat;}
#contact #subnav #contactmenu { background: url("../images/nav.gif") -281px -41px no-repeat;}


/* LOW Navigation */

#lownav {
	width: 280px;
	height:30px;
	margin: 0;
	padding: 0;
	float: left;
	display:block;
}

#lowsubnav ul#lowsubmenu li {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 0;
	height: 30px;
	}

#lowsubnav ul#lowsubmenu li a {
	text-indent: -9999px;
	text-decoration: none;
	height: 30px;
}

#lowsubnav ul#lowsubmenu {
	width: 280px;
	height: 30px;
	background: #3A005F url(../images/lownav.gif) left top no-repeat;
	margin: 0;
	padding: 0;
	list-style: none;
	position: relative;
	}
#lowsubnav ul#lowsubmenu li, ul#lowsubmenu a {
	height: 30px;
	display: block;
	}

#lowsubnav #admenu { left: 0; width: 48px;}
#lowsubnav #funmenu { left: 48px; width: 54px;}
#lowsubnav #facesmenu { left: 102px; width: 64px;}
#lowsubnav #bigmenu { left: 164px; width: 54px;}
#lowsubnav #smallmenu { left: 217px; width: 64px;}
#lowsubnav #admenu a:hover { background: url("../images/lownav.gif") 0 -30px no-repeat;}
#lowsubnav #funmenu a:hover { background: url("../images/lownav.gif") -48px -30px no-repeat;}
#lowsubnav #facesmenu a:hover { background: url("../images/lownav.gif") -102px -30px no-repeat;}
#lowsubnav #bigmenu a:hover { background: url("../images/lownav.gif") -164px -30px no-repeat;}
#lowsubnav #smallmenu a:hover { background: url("../images/lownav.gif") -217px -30px no-repeat;}

/* you are here */
/*/*/
.ad #lowsubnav #admenu { background: url("../images/lownav.gif") 0 -30px no-repeat;}
.fun #lowsubnav #funmenu { background: url("../images/lownav.gif") -48px -30px no-repeat;}
.faces #lowsubnav #facesmenu { background: url("../images/lownav.gif") -102px -30px no-repeat;}
.big #lowsubnav #bigmenu { background: url("../images/lownav.gif") -164px -30px no-repeat;}
.small #lowsubnav #smallmenu { background: url("../images/lownav.gif") -217px -30px no-repeat;}

/* LOW Nav STOCK */

#lownavS {
	width: 280px;
	height:30px;
	margin: 0;
	padding: 0;
	float: left;
	display:block;
}

#lowsubnavS ul#lowsubmenuS li {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 0;
	height: 30px;
	}

#lowsubnavS ul#lowsubmenuS li a {
	text-indent: -9999px;
	text-decoration: none;
	height: 30px;
}

#lowsubnavS ul#lowsubmenuS {
	width: 280px;
	height: 30px;
	background: #3A005F url(../images/lownavS.gif) left top no-repeat;
	margin: 0;
	padding: 0;
	list-style: none;
	position: relative;
	}
#lowsubnavS ul#lowsubmenuS li, ul#lowsubmenuS a {
	height: 30px;
	display: block;
	}

#lowsubnavS #menu1 { left: 0; width: 48px;}
#lowsubnavS #menu2 { left: 48px; width: 54px;}
#lowsubnavS #menu3 { left: 102px; width: 64px;}
#lowsubnavS #menu4 { left: 164px; width: 54px;}
#lowsubnavS #menu5 { left: 217px; width: 64px;}
#lowsubnavS #menu1 a:hover { background: url("../images/lownavS.gif") 0 -30px no-repeat;}
#lowsubnavS #menu2 a:hover { background: url("../images/lownavS.gif") -48px -30px no-repeat;}
#lowsubnavS #menu3 a:hover { background: url("../images/lownavS.gif") -102px -30px no-repeat;}
#lowsubnavS #menu4 a:hover { background: url("../images/lownavS.gif") -164px -30px no-repeat;}
#lowsubnavS #menu5 a:hover { background: url("../images/lownavS.gif") -217px -30px no-repeat;}

/* you are here */
/*/*/
.S1 #lowsubnavS #menu1 { background: url("../images/lownavS.gif") 0 -30px no-repeat;}
.S2 #lowsubnavS #menu2 { background: url("../images/lownavS.gif") -48px -30px no-repeat;}
.S3 #lowsubnavS #menu3 { background: url("../images/lownavS.gif") -102px -30px no-repeat;}
.S4 #lowsubnavS #menu4 { background: url("../images/lownavS.gif") -164px -30px no-repeat;}
.S5 #lowsubnavS #menu5 { background: url("../images/lownavS.gif") -217px -30px no-repeat;}