/* Removes standard browser defaults for */
/* cross-browser compatibility. */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* Sets all document elements margins and padding values to 0 */
* {
	margin: 0;
	padding: 0;
	border: 0;
}

p, pre {
	margin: 1em 0;
} 

img {
	border: 0px;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

body {background: #9D1B16; background-image:url(../images/bkground.jpg); background-repeat: repeat-x;}
body, td {font-family:georgia, times, times-roman; font-size: 11px;}
body {text-align: center; margin: 0;}
/*defines the position of the brush tip*/
#brush {position: absolute; top: 155px; left: 262px; z-index: 100;}
/* defines invisible text for crawler*/
#intro{position: absolute; top: 0px; left: 0px; visibility: hidden;}

/* determines the placement of the left & middle column */
#left {width: 130px; float: left; text-align: right;}
#middle {width: 750px; float: left; background: #ffe9c8;}


		#content {position: relative; top: 0px; background: #FFE9C8;}
		#test {width: 300px; background: transparent;}
		#base {position: absolute; left: 0px; top: 0px; width: 640px; background: white; z-index: 1;}
		#holder {position: absolute;left: 35px;	top: 32px; z-index: 1; color:white;}	

		#pbottom {position: absolute; top: 133px; left: 197px;background: white;}	
		#pgraphics {position: absolute; top: 55px; left: 197px;}	
		#pleft {position: absolute; top: 80px; left: 10px; width: 197px; height: 210px;}
		#plogos {position: absolute; top: 29px; left: 197px;}
		#pscreen {position: absolute; top: 81px; left: 197px;}	
		#ptop {position: absolute; top: 0px; left: 197px;}
		#pweb {position: absolute; top: 107px; left: 197px;}
		
		
		#nav {position: absolute; left: 0px; top: 50px;}
		

		
		.titlebar {background-image:url(../images/title.jpg); background-repeat: no-repeat; width: 547px; height: 19px; text-align: right;}
		.title {font-family: verdana; font-size: 12px; font-weight: 800; color: #ffc288; padding-top: 2px; padding-right: 110px; letter-spacing: 4px;}
		.titlepad {float: right; padding:24px 50px 20px;}

		.right {text-align: right;}
		.center {text-align: center;}
		.highlight {font-size: 14px; font-weight: 600; color: #9D1B16;}

  #wrap{
 float: left;
 padding: 10px 0 0 10px;
 width: 890px;
  background: #FFE9C8;
  }

 #btmgrafix {
 margin: 0 auto; 
 text-align: center;
 width: 900px;
 }
#bottom {margin:0 auto; width: 900px;font-size: 11px; text-align: center; color: #ffc288; background: #9D1B16; border-top: 1px solid #ffc288; border-bottom: 1px solid #ffc288;}
div#bottom a {text-decoration: none; color:#ffc288; background: #9d1b16; font-size: 11px;}
div#bottom a:visited {text-decoration: none; color:#ffc288; background: #9d1b16; font-size: 11px;}
div#bottom a:hover {text-decoration: none; color: white; background: #9d1b16; font-size: 11px;}
div#bottom a:active {color: purple; background: #9d1b16; font-size: 11px;}
input {
	FONT: 11px Verdana,Geneva,Helvetica; color: #000000
}
textarea {
	FONT: 11px Verdana,Geneva,Helvetica; color: #330000
}
select {
	FONT: 11px Verdana,Geneva,Helvetica; color: #330000
}
input.text {
	BORDER-RIGHT: #663300 1px solid; BORDER-TOP: #663300 1px solid; BORDER-LEFT: #663300 1px solid; width: 100%; BORDER-BOTTOM: #663300 1px solid; background-color: #ffffff; padding-left: 5px; line-height: 16px;
}
textarea {
	BORDER-RIGHT: #663300 1px solid; BORDER-TOP: #663300 1px solid; BORDER-LEFT: #663300 1px solid; width: 100%; BORDER-BOTTOM: #663300 1px solid; background-color: #ffffff
}
select {
	BORDER-RIGHT: #663300 1px solid; BORDER-TOP: #663300 1px solid; BORDER-LEFT: #663300 1px solid; width: 100%; BORDER-BOTTOM: #663300 1px solid; background-color: #ffffff
}

td.packageHead {
	padding-right: 10px; padding-left: 10px; padding-bottom: 5px; FONT: bold 13px Arial; width: 100%; color: #ffffff; padding-top: 5px
}

td.head {
	padding-right: 15px; padding-left: 15px; FONT-SIZE: 18px; padding-bottom: 5px; color: #ff6633; padding-top: 10px; TEXT-AliGN: left
}
td.color_head {
	padding-right: 5px; padding-left: 5px; FONT-SIZE: 18px; padding-bottom: 5px; padding-top: 10px; FONT-FAMILY: Tahoma,Arial,Verdana,Geneva,Helvetica; TEXT-AliGN: left
}
td.head_str {
	padding-right: 5px; padding-left: 5px; FONT-WEIGHT: bold; padding-bottom: 3px; color: #993300; padding-top: 3px; text-align: left;
}

td.formAsterix {
	padding-right: 5px; padding-left: 5px; FONT-WEIGHT: bold; padding-bottom: 3px; color: #993300; padding-top: 3px
}
td.form {
	FONT: bold 11px Tahoma,Arial,Verdana,Geneva,Helvetica; vertical-align: top; color: #000000; TEXT-AliGN: left
}
td.formAsterix {
	FONT: bold 11px Tahoma,Arial,Verdana,Geneva,Helvetica; vertical-align: top; color: #000000; TEXT-AliGN: left
}
td.formAsterix {
	color: #cc0000; TEXT-AliGN: center
}
td.description {
	padding-right: 3px; padding-left: 3px; FONT-SIZE: 10px; padding-bottom: 3px; vertical-align: top; padding-top: 3px;
	font-size: 11px; text-align: left;
}