@charset "utf-8";
/* CSS Document */

.container
{
	margin: 0 auto; /*Used to center the container div on the page. Replaces HTML attribute "align='center'". Make sure that you specify a width when wanting to center this div, as it will left justify otherwise.*/
	width: 100%;

	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 12px;
	background-image:url(images/header_bg.jpg);
	background-repeat:repeat-x;

	background-color:#464646;
}

.header
{
	margin: 0 auto; 
	width: 1024px;
	height: 156px;
	color:#000000;
	border: 0px solid #BBBBBB;
	
}

.footer
{
	margin: 0 auto; 
	width: 1024px;

	color:#000000;
	border: 0px solid #BBBBBB;
}

.footer_text
{
	margin-top:10px;
	text-align:	center;
	color: #CCCCCC;
}


.logo
{
	margin-left: 65px;
	
}

.buttons
{
	margin-left: 116px;
}

	/* Firefox Dotted Outline Fix */
	a:active { 
		outline: none; 
	}
	
	/* Firefox Dotted Outline Fix */
	a:focus { 
		-moz-outline-style: none; 
	}
	
.seperator {
	margin-top:10px;
	margin-left: 116px;
	height: 5px;
	background-color:#FFFFFF;
	width: 790px;
	clear:both
}	

.seperator_bottom {
	margin: 0 auto;
	width: 790px;
	margin-top:10px;
	margin-left: 116px;
	background-color:#FFFFFF;
	width: 790px;
	color: #777777;
	text-align:center;
	clear:both;
	height: 17px;
}		
	
.content {
	margin: 50px auto;
	width: 796px;
	
	border: 0px solid #BBBBBB;
}	

.content_product {
	margin: 50px auto;
	width: 749px;
	background-color:#CCCCCC;
	border: 0px solid #BBBBBB;

	padding: 20px 20px 20px 20px;
}	

.content_product_page {
	margin: 10px auto;
	width: 749px;
	background-color:#CCCCCC;
	border: 0px solid #BBBBBB;

	padding: 20px 20px 20px 20px;
}	

.content_product_menu {
	margin: 13px auto;
	width: 794px;


}	

.clear {
	clear: both;
}
.topleft {
	/*margin: -15px 0;*/
	float: left;
	width: 300px;
	height: 225px;
	border: 0px solid #BBBBBB;
	/*background-color:#000000;*/
	padding-right: 8px;
}
	
.topright {
	/*margin: -15px 0;*/
	float: right;
	width: 480px;
	height: 225px;
	border: 0px solid #BBBBBB;
	background-color:#000000;
}
	
.bottomleft {
	margin-top: 15px;
	float: left;
	width: 480px;
	height: 225px;
	border: 0px solid #BBBBBB;
	background-color:#000000;
}
.bottomright {
	margin-top: 15px;
	float: right;
	width: 300px;
	height: 225px;
	border: 0px solid #BBBBBB;
	background-color:#000000;
}
	
	
	
	
	
	
/* Menu Body */
	ul#menu {
		height:25px;
		list-style:none;
		margin:0;
		padding:0;
	}
	
	/* Float LI Elements - horizontal display */
	ul#menu li {
		float:left;
	}
	
	/* Link - common attributes */
	ul#menu li a {
		background:url(images/Menu2.png) no-repeat scroll top left;
		display:block;
		height:25px;
		position:relative;
	}
	
	/* Specify width and background position attributes specifically for the class: "home" */
	ul#menu li a.home {
		width:100px;
		background-position: 0px 0px;
	}
	/* Specify width and background position attributes specifically for the class: "home" */
	ul#menu li a.home2 {
		width:100px;
		background-position: 0px -50px;
	}
	
	/* Specify width and background position attributes specifically for the class: "product" */
	ul#menu li a.product {
		width:100px;
		background-position:-100px 0px;
	}
		/* Specify width and background position attributes specifically for the class: "product" */
	ul#menu li a.product2 {
		width:100px;
		background-position:-100px -50px;
	}
	/* Specify width and background position attributes specifically for the class: "software" */
	ul#menu li a.software {
		width:100px;
		background-position:-200px 0px;
	}
	/* Specify width and background position attributes specifically for the class: "software" */
	ul#menu li a.software2 {
		width:100px;
		background-position:-200px -50px;
	}
	/* Specify width and background position attributes specifically for the class: "media" */
	ul#menu li a.media {
		width:100px;
		background-position:-300px 0px;
	}
	/* Specify width and background position attributes specifically for the class: "media" */
	ul#menu li a.media2 {
		width:100px;
		background-position:-300px -50px;
	}
	/* Specify width and background position attributes specifically for the class: "order" */
	ul#menu li a.order {
		width:100px;
		background-position:-400px 0px;
	}
		/* Specify width and background position attributes specifically for the class: "order" */
	ul#menu li a.order2 {
		width:100px;
		background-position:-400px -50px;
	}
		/* Specify width and background position attributes specifically for the class: "faq" */
	ul#menu li a.faq {
		width:100px;
		background-position:-500px 0px;
	}
		/* Specify width and background position attributes specifically for the class: "faq" */
	ul#menu li a.faq2 {
		width:100px;
		background-position:-500px -50px;
	}
			/* Specify width and background position attributes specifically for the class: "partners" */
	ul#menu li a.partners {
		width:100px;
		background-position:-600px 0px;
	}
				/* Specify width and background position attributes specifically for the class: "partners" */
	ul#menu li a.partners2 {
		width:100px;
		background-position:-600px -50px;
	}
			/* Specify width and background position attributes specifically for the class: "contact" */
	ul#menu li a.contact {
		width:100px;
		background-position:-700px 0px;
	}
			/* Specify width and background position attributes specifically for the class: "contact" */
	ul#menu li a.contact2 {
		width:100px;
		background-position:-700px -50px;
	}
	
	/* Span (on hover) - common attributes */
	ul#menu li a span {
		background:url(images/Menu2.png) no-repeat scroll bottom left;
		display:block;
		position:absolute;
		top:0;
		left:0;
		height:100%;
		width:100%;
		z-index:100;
	}
	
	/* Span (on hover) - display pointer */
	ul#menu li a span:hover {
		cursor:pointer;
	}
	
	/* Shift background position on hover for the class: "home" */
	ul#menu li a.home span {
		background-position:0px -25px;
	}
	ul#menu li a.home2 span {
		background-position:0px -25px;
	}
	
	/* Shift background position on hover for the class: "product" */
	ul#menu li a.product span {
		background-position:-100px -25px;
	}
	
		/* Shift background position on hover for the class: "product" */
	ul#menu li a.product2 span {
		background-position:-100px -25px;
	}
	/* Shift background position on hover for the class: "software" */
	ul#menu li a.software span {
		background-position:-200px -25px;
	}
	/* Shift background position on hover for the class: "software" */
	ul#menu li a.software2 span {
		background-position:-200px -25px;
	}
	/* Shift background position on hover for the class: "media" */
	ul#menu li a.media span {
		background-position:-300px -25px;
	}
	/* Shift background position on hover for the class: "media" */
	ul#menu li a.media2 span {
		background-position:-300px -25px;
	}
	/* Shift background position on hover for the class: "order" */
	ul#menu li a.order span {
		background-position:-400px -25px;
	}
	/* Shift background position on hover for the class: "order" */
	ul#menu li a.order2 span {
		background-position:-400px -25px;
	}
		/* Shift background position on hover for the class: "faq" */
	ul#menu li a.faq span {
		background-position:-500px -25px;
	}
		/* Shift background position on hover for the class: "faq" */
	ul#menu li a.faq2 span {
		background-position:-500px -25px;
	}
	/* Shift background position on hover for the class: "partners" */
	ul#menu li a.partners span {
		background-position:-600px -25px;
	}
	/* Shift background position on hover for the class: "partners" */
	ul#menu li a.partners2 span {
		background-position:-600px -25px;
	}


	/* Shift background position on hover for the class: "contact" */
	ul#menu li a.contact span {
		background-position:-700px -25px;
	}
	/* Shift background position on hover for the class: "contact" */
	ul#menu li a.contact2 span {
		background-position:-700px -25px;
	}
	
tr.orderform
{
	background-color: #b85a27;
	color: #FFFFFF;
	font-weight: bold;
	text-align:center
}

tr.dark
{
	background-color: #CCCCCC;
}

tr.light
{
	background-color: #DDDDDD;
}

img.floatright {
    float: right; 
    margin: 4px; 
}
img.floatleft {
    float: left; 
    margin: 4px; 
}





</style>