/**********************************
 * General settings
 **********************************/
body {
	background: black;
	margin: 0 0 40px 0;
	font-family: Swiss, Arial, Helvetica, sans-serif; 
	speak-punctuation: none;
	voice-family: female;
}

abbr {
	text-decoration:none;
	border: 0px solid #fff;
}

.error {
	color: #cf0000;
}

#zipcode {
	speak-numeral: digits;
}

#compliantnote {
	display:none;
	speak:none;
}

#pseudonavi {
	display:none;
}

/**********************************
 * Homepage only 
 **********************************/
#homepage {
  background: black;
  text-align:center;
  overflow: hidden;
}
#homepage a {
	background-image: url(images/logo_welcome.jpg); background-repeat: no-repeat;
	display: block; width: 500px; height: 435px; 
	margin: 150px auto 0 auto;
}
#homepage a span {
  display: none;
}

/**********************************
 * Head
 **********************************/
#header #logo {
	background-image: url(images/logo.jpg); background-repeat: no-repeat;
	display: block; width: 265px; height: 214px;
	background-position: -40px -40px;
}
#header #logo span { display: none; }

#header #calibrate {
	background-image: url(images/calibrate.gif); background-repeat: no-repeat;
	display: block; width: 416px; height: 17px;
	position:absolute;top:0;right:0;
}

#header ul {
	position:absolute;top:20px; right: 10px; 
	font:normal normal normal 70%/170% Verdana,Geneva,Arial,Helvetica,sans-serif;
	float:left; 
	margin:0;
}
#header li {
	float:left; 
	display:inline;
	list-style: none;
	margin-right: 30px;
	padding: 0;
}
#header li a {
	color: #aaa;
	text-decoration: none;
}

/**********************************
 * Content Area
 **********************************/
.line {
  margin-left: 30px;
  clear:both;
}

.line .lineheader {
	float: left; 
	width: 180px;
	height: 120px;
	margin-right: 30px;
    margin-bottom: 20px;
	background-image:url(images/button.jpg);	background-repeat: no-repeat;
	padding: 10px;
}

.line .lineheader img { margin-top: 5px; }

.content .xsnazzy {
	background: transparent;
	margin: 0 auto 20px auto;
	width: 600px;
}

.xtop, .xbottom {display:block; background:transparent; font-size:1px;}
.xb1, .xb2, .xb3, .xb4 {display:block; overflow:hidden;background:#ccc;}
.xb1, .xb2, .xb3 {height:1px;}
.xb2, .xb3, .xb4 {border-left:1px solid #fff; border-right:1px solid #fff;}
.xb1 {margin:0 5px; background:#fff;}
.xb2 {margin:0 3px; border-width:0 2px;}
.xb3 {margin:0 2px;}
.xb4 {height:2px; margin:0 1px;}

.xboxcontent {
	display:block;
	border:0 solid #fff; 
	border-width:0 1px;
	font-size: 75%;	
	padding: 10px;
	text-align:left;
	background:#ccc;
}

.line .pic { width:620px; text-align:center; }
html>body .line .pic {	margin-left: 230px; }

.line .pic img { border: 10px solid white; }

.belowpic {	margin-left: 153px; }
html>body .belowpic {	margin-left: 200px; }

.line .pics {
	overflow:auto;
	height: 120px;
	max-height: 120px;
}

.line .pics ul {
	float: left;
	padding: 0;
	margin:0;
	margin-left:30px;
}
.line .pics li {
	float:left;
	display:inline;
	list-style: none;
	margin-right: 10px;
	margin-top: 30px;	
	padding: 0;
}
html>body .line .pics li { margin-top: 25px; }
.line .pics a {
	 background-repeat: no-repeat;
	display: block; width: 80px; height: 80px; 
	border: 3px solid white;
}
.line .pics a:hover { border: 3px solid #ccc; }
.line .pics a span { display: none; }

/**********************************
 * Thumbnail pictures
 **********************************/
#pic1 a { background-image: url(images/thumbs/thumb1.jpg); }
#pic2 a { background-image: url(images/thumbs/thumb2.jpg); }
#pic3 a { background-image: url(images/thumbs/thumb3.jpg); }
#pic4 a { background-image: url(images/thumbs/thumb4.jpg); }
#pic5 a { background-image: url(images/thumbs/thumb5.jpg); }
#pic6 a { background-image: url(images/thumbs/thumb6.jpg); }
#pic7 a { background-image: url(images/thumbs/thumb7.jpg); }
#pic8 a { background-image: url(images/thumbs/thumb8.jpg); }
#pic9 a { background-image: url(images/thumbs/thumb9.jpg); }
#pic10 a { background-image: url(images/thumbs/thumb10.jpg); }
#pic11 a { background-image: url(images/thumbs/thumb11.jpg); }
#pic12 a { background-image: url(images/thumbs/thumb12.jpg); }
#pic13 a { background-image: url(images/thumbs/thumb13.jpg); }
#pic14 a { background-image: url(images/thumbs/thumb14.jpg); }
#pic15 a { background-image: url(images/thumbs/thumb15.jpg); }
#pic16 a { background-image: url(images/thumbs/thumb16.jpg); }
#pic17 a { background-image: url(images/thumbs/thumb17.jpg); }
#pic18 a { background-image: url(images/thumbs/thumb18.jpg); }
#pic19 a { background-image: url(images/thumbs/thumb19.jpg); }
#pic20 a { background-image: url(images/thumbs/thumb20.jpg); }
#pic21 a { background-image: url(images/thumbs/thumb21.jpg); }
#pic22 a { background-image: url(images/thumbs/thumb22.jpg); }
#pic23 a { background-image: url(images/thumbs/thumb23.jpg); }
#pic24 a { background-image: url(images/thumbs/thumb24.jpg); }
#pic25 a { background-image: url(images/thumbs/thumb25.jpg); }
#pic26 a { background-image: url(images/thumbs/thumb26.jpg); }
#pic27 a { background-image: url(images/thumbs/thumb27.jpg); }
#pic28 a { background-image: url(images/thumbs/thumb28.jpg); }
#pic29 a { background-image: url(images/thumbs/thumb29.jpg); }
#pic30 a { background-image: url(images/thumbs/thumb30.jpg); }

/**********************************
 * Contact form
 **********************************/
#content a {
	text-decoration: underline;
}

#content ul, #content li {
	list-style: square outside;
	color: black;
	margin-top: 0;
	padding-top: 0;
}

#content abbr {
	text-decoration: none;
	border: 0px solid white;
}

#content fieldset {
	border: 0px solid white;
}

#content legend {
	display: none;
}

#content label {
	font-weight: bold;
	color: black;
}

#content input, #content textarea {
	border-top: 1px solid #888888;
	border-left: 1px solid #888888;
	border-right: 1px solid black;
	border-bottom: 1px solid black;
}

#button {
	border: 0px solid white;
	background-color: #28166f;	
	color: white;
}