/*stylesheet for standards compliant browsers*/
body	{
	margin: 0;
	padding: 0;
	background-image: url(../images/back.gif);
	background-repeat: repeat;
	background-position: center;
	background-color: #EBE7E7;
	color: #000000;
	font-family: "trebuchet MS", Arial, Helvetica, sans-serif;
	text-align: center;
}

table {
	width: 100%;
	margin: 0;
	padding: 0;
	border-collapse: collapse;
}	


td	{
	vertical-align: top;
	padding: 5px;
}	

a {
color: #556688;
}

/*---------------------------------------NAVIGATION---------------------------------------*/

ul#navtop {
	list-style-type: none;
	position: absolute;
	top: 20px;
	right: 0;
}

ul#navtop li { 
	display: inline; 
	font-size: 12px;
}

ul#navtop li a	{ 
	padding: 0 5px;
	text-decoration: none;
	color: #7090B7;
	border-left: solid 1px; 
}

ul#navtop li a:hover	{ 
	color: #000000;
}

ul#navproducts {
	margin: 0;
	padding: 0;
	border-top: solid 1px;
	border-bottom: solid 1px;
	border-left: solid 1px;
	width: 770px;
	background-color: #7090B7;
	list-style-type: none;
	float: left;
}

ul#navproducts li { 
	display: inline;
	float: left; 
	font-size: 12px;
}

ul#navproducts li a	{ 
	padding: 0 5px;
	text-decoration: none;
	color: #E0E9F2;
	font-weight: bold;
	border-right: solid 1px; 
}

ul#navproducts li a:hover	{ 
	color: #000000;
}

ul#mainmenu {
	padding: 0;
	margin: 0;
	background-color: #A4B7D5;
	color: #000000;
	font-size: 12px;
	list-style-type: none;
	text-align: left;
}

ul#mainmenu li {
	line-height: 2em;
	background-color: #A4B7D5;
	margin: 0 -5px 0 -5px;
	color: #000000;
	border-bottom: solid 1px #7090B7;
	font-weight: bold;
	padding: 5px 5px 0 15px;
}

ul#mainmenu li a{
	background-color: #A4B7D5;
	color: #000000;
	text-decoration: none;
}

ul#mainmenu li a:hover{
	color: #FFFFFF;
}

ul#purchasebott {
	list-style-type: none;
}

ul#purchasebott li { 
	display: inline; 
	font-size: 12px;
}

ul#purchasebott li a	{ 
	padding: 0 5px;
	text-decoration: none;
	color: #7090B7;
	border: solid 1px; 
}

ul#purchasebott li a:hover	{ 
	color: #000000;
}




/*---------------------------------------LAYOUT---------------------------------------*/

/*---------------------------------------HEADER---------------------------------------*/

.header	{
	text-align: left;
	color: #7090B7;
	margin: 0;
	padding: 5px 0 0 15px;
}
h1.header		{font-size: 22px;}
h2.header		{font-size: 15px;}

.headquote	{
	position: absolute;
	top: 120px;
	right: 20px;
	width: 450px;
	text-align: right;
	font-size: 20px;
	color: #E0E9F2;
}

.pageheader	{
	position: absolute;
	top: 120px;
	right: 100px;
	text-align: right;
	font-size: 20px;
	color: #E0E9F2;
}

.headrefer	{
	position:absolute;
	top: 180px;
	right: 20px;
	text-align: right;
	font-size: 12px;
	font-weight: bold;
	color: #E0E9F2;
}

.headrefer a	{
	text-decoration: none;
	color: #C3D3E3;
}	

/*---------------------------------------FOOTER---------------------------------------*/

#footer	{
	clear:both;
	width: 770px;
	background-color: #829CBD;
	color: #E0E9F2;
	font-size: 0.7em;
}

/*---------------------------------------COLUMNS---------------------------------------*/

#wrapper {
	position: relative;
	background-color: #FFFFFF;
	border: solid 1px #7090B7;
	width: 770px;
	margin: 0 auto;
}



#leftbar	{
	float: left;
	width: 20%;
	text-align: left;
	font-size: 0.75em;
	padding: 0 5px 0 5px;
	margin: 0;
	background-color: #FFFFFF;
	color: #666666;	
}	

#smallleftbar	{
	float: left;
	width: 10%;
	text-align: left;
	font-size: 0.75em;
	padding: 0 5px 0 5px;
	margin: 0;
	background-color: #FFFFFF;
	color: #666666;	
}	


#maincontent	{
	float: left;
	width: 55%;
	text-align: left;
	color: #556688;
	margin: 0;
	padding: 0 8px 0 8px;
	font-size: 0.8em;
	border-left: solid 1px #7090B7;
	border-right: solid 1px #7090B7;	
}

#maincontent h3	{
/*	border-bottom: solid 2px #7090B7;*/
	padding-top: 10px;
}

#maincontent img	{
	padding: 5px 20px 5px 20px;
}

#rightbar	{
	float: right;
	text-align: left;
	width: 19%;
	background-color: #FFFFFF;
	color: #666666;
	padding: 0 5px 0 5px;
	margin: 0;
	font-size: 0.75em;
}	

#rightbar2	{
	float: right;
	text-align: left;
	width: 30%;
	background-color: #FFFFFF;
	color: #666666;
	padding: 0 5px 0 5px;
	margin: 0;
	font-size: 0.75em;
}	

#rightbar3	{
	float: left;
	text-align: left;
	width: 30%;
	background-color: #FFFFFF;
	color: #666666;
	padding: 0 5%;
	margin: 0;
	font-size: 0.75em;
}	

#content2	{
	float: left;
	width: 55%;
	text-align: left;
	color: #556688;
	margin: 0;
	padding: 0 8px 0 8px;
	font-size: 0.8em;
	border-left: solid 1px #7090B7;
}


#vidcontent	{
	float: left;
	width: 65%;
	text-align: left;
	color: #556688;
	margin: 0;
	padding: 0 8px 0 8px;
	font-size: 0.8em;
	border-left: solid 1px #7090B7;
}

.vid		{
	float: left;
	text-align: left;
	width: 40%;	
	padding: 10px;
}

#onecolumn	{
	float: left;
	width: 65%;
	text-align: left;
	color: #556688;
	margin: 0;
	padding: 0 8px 0 30px;
	font-size: 0.8em;
	border-left: solid 1px #7090B7;
}

#onecolumn h3	{
	border-bottom: solid 2px #7090B7;
	padding-top: 10px;
}

#bigonecolumn	{
	float: left;
	width: 75%;
	text-align: left;
	color: #556688;
	margin: 0;
	padding: 0 8px 0 30px;
	font-size: 0.8em;
	border-left: solid 1px #7090B7;
}

#frontonecolumn	{
	float: left;
	width: 55%;
	text-align: left;
	color: #556688;
	margin: 0;
	padding: 0 10px;
	font-size: 0.8em;
	border-left: solid 1px #7090B7;
	border-right: solid 1px #7090B7;
}


#purchasepage	{
	float: left;
	width: 95%;
	text-align: left;
	color: #556688;
	margin: 0;
	padding: 0 8px 0 30px;
	font-size: 0.8em;
	border-top: solid 1px #7090B7;
}

.leftillustr	{
	float: left;
	width: 47%;
}

.leftillustr2	{
	float: left;
	width: 47%;
	padding: 20px 20px 5px 0;
}

/* there is no leftillustr3*/

.leftillustr4	{
	float: left;
	width: 47%;
	padding: 20px 5px 5px 0;
}

.leftillustr5	{
	float: left;
	padding: 20px 0 5px 50px;
}

.leftillustr6	{
	float: left;
	padding: 20px 30px 125px 10px;
}

.rightillustr	{
	float: right;
	width: 47%;
}

.rightillustr2	{
	float: right;
	width: 47%;
	padding: 20px 0 5px 20px;
}

.rightillustr3	{
	float: right;
	text-align: left;
	width: 40%;
}

.rightillustr4	{
	float: right;
	width: 47%;
	padding: 20px 5px 5px 0;
}

.rightillustr5	{
	float: right;
	padding: 20px 50px 5px 0;
}

.middleillustr	{
	padding: 20px 0 20px 100px;
}

#adbar	{
position: absolute;
top: 0;
right: 1%;
margin: 2%;
background-color: #EBE7E7;
}

.ad	{
font: Verdana;
font-size: 12px;
/*background-color: #EBE7E7;*/
color: #333333;
padding: 3px 8px 0 3px;
}

.ad a	{
font: Verdana;
font-size: 13px;
color: #0000FF;
font-weight: bold;
}

.adurl a	{
text-decoration: none;
font-size: 10px;
font-weight: 100;
}

/*---------------------------------------TEXT---------------------------------------*/

.title	{
	color: #FFFFFF;
	background-color: #7090B7;
	margin: 0 -5px 0 -5px;
	padding-left: 3px;
	font-size: 12px;
	font-weight: bold;
}

.title2	{
	color: #FFFFFF;
	margin: 0 -5px 0 -12px;
	padding-left: 3px;
	font-size: 12px;
	font-weight: bold;
}

.title3	{
	color: #7090B7;
	background-color: #FFFFFF;
	padding: 0;
	margin: 0;
	padding-left: 3px;
	font-size: 12px;
	font-weight: bold;
}

.titlenew	{
	color: #FFFFFF;
	background-color: #A4B7D5;
	width: 100%;
	padding: 10px;
/*	margin: 0 -10px 10px -13px;*/
	margin: 0 -10px 10px -10px;
	font-size: 14px;
	font-weight: bold;
}

.titlenew2	{
	color: #FFFFFF;
	background-color: #93A2B9;
	position: absolute;
	top: 220px;
	right: 120px;
	padding: 10px;	
	font-size: 14px;
	font-weight: bold;
	border: solid 1px #CCCCCC;
}

.titlenew3	{
	color: #FFFFFF;
	background-color: #FF8800;
	width: 55%;
	padding: 7px;
	border-bottom: solid 1px #CCCCCC;
	border-left: solid 1px #CCCCCC;
	margin: 0 auto 5px auto;
	font-size: 12px;
/*	font-weight: bold;*/
	text-align: center;
}

.titlenew3	a	{
	text-decoration: none;
	color: #FFFFFF;
}

.titlenew4	{
	color: #FFFFFF;
	background-color: #FF8800;
	padding: 0;
	width: 90px;
	border-bottom: solid 1px #CCCCCC;
	border-left: solid 1px #CCCCCC;
	margin: 0;
	font-size: 12px;
	text-align: center;
	vertical-align: middle;
}

.titlenew4	a	{
	text-decoration: none;
	color: #FFFFFF;
}


.bordline	{
	background-color: #FFFFFF;
	color: #666666;
	padding-bottom: 8px;
	border-bottom: solid 1px #829CBD;
}	

.centerp	{
	background-color: #FFFFFF;
	text-align: center;
	color: #666666;
	margin: 5px;
	padding: 0;
}	


.caption	{
	padding: 0 5px 0 25px;
	background-color: #FFFFFF;
	color: #7090B7;
	height: 50px;
}	

hr	{
	clear: both;
	text-align: center;
	margin: 1px auto 0 auto;
	width: 95%;
	height: 1px;
	border: 0;
	color: #DCDCDC;
	background-color: #DCDCDC;
}	

.tinynote	{
	font-size: 0.9em;
	font-style: italic;
}

.demobutton	{
	text-decoration: none;
	font-size: 0.8em;
	color: #999999;
	background-color: #EBE7E7;	
	border-bottom: solid 1px #D7D7D7;
	border-left: solid 1px #D7D7D7;
	padding: 2px 8px 1px 7px;
}

.buybutton	{
	text-decoration: none;
	font-size: 0.8em;
	color: #999999;
	background-color: #EBE7E7;	
	border-bottom: solid 1px #D7D7D7;
	border-left: solid 1px #D7D7D7;
	padding: 2px 12px 1px 12px;
}




/*---------------------------------------IMAGES---------------------------------------*/

.icons	{
	border: 0;
	padding: 0;
	margin: 0 10%;
}


/*---------------------------------------TABLE---------------------------------------*/

.tablehead	{
background-color: #7090B7;
color: #FFFFFF;
font-weight: bold;
}

.tablehead2	{
background-color: #FFFFFF;
color: #7090B7;
font-weight: bold;
}


.gallery td	{
border-bottom: solid 1px;
}

/*---------------------------------------LIST---------------------------------------*/

li.line2	{
list-style-type: none;
padding: 5px 0 10px 40px;
}

li.line2 a	{
color: #6666CC;
}

.centrelist	{
	padding-left: 25px;
}