html, body {

	 margin: 0px

	padding: 0px;

}



body {
	margin: 0px auto;
	background-color: #a4da9d;
	background-image: none;

}



#navigation {

	 background: url('../images/bg-dark.jpg');

	 height: 50px;

	 border-bottom: 2px solid black;

}	



#content_center {

	 margin: 10px auto;

	 padding: 10px;

	 background-image: url('../images/shadow1.png');

	 background-repeat:no-repeat;

   background-position: center 36px ; 

}



#content_bottom {

	 border-top: 2px solid black;

	 background: url('../images/bg-dark.jpg');

}



div.icon {

	width: 80px;

	height: 80px;

	float: left; 

	background-repeat:no-repeat;

  background-position: center center ; 

}



.icon.animate {

	background-image: url('../images/animation_framework.png'); 

}



.icon.customize {

	background-image: url('../images/customizable.png'); 

}



.icon.ken_burns {

	background-image: url('../images/ken_burns.png'); 

}



.icon.video {

	background-image: url('../images/video_support.png'); 

}



.icon.html {

	background-image: url('../images/html.png'); 

}



.icon.design {

	background-image: url('../images/clean_design.png'); 

}



.icon.document {

	background-image: url('../images/document.png'); 

}



.icon.integrate {

	background-image: url('../images/integrate.png'); 

}	



div.purchase-button {

	position: relative;

	width: 210px;

	height: 50px;

	top: -25px;

	left: 0px;

	background-image: url('../images/purchase.png'); 

	background-repeat:no-repeat;

  background-position: center center;

  margin: 0px auto;

  cursor: pointer;

}



div.purchase-button:hover {

	background-image: url('../images/purchase-hover.png'); 

}		



div.features_container {

	 margin: 0px auto;

	 padding-top: 50px;

	 padding-bottom: 50px;

	 width: 1000px;

}



div.nav_wrap {

	 margin: 0px auto;

	 padding-top: 5px;

	 padding-bottom: 5px;

	 width: 1200px;

}	



.clear-both {

	 clear: both;

}		



div.one-forth {

	 float: left;

	 width: 230px;

	 padding: 10px;

	 text-align: justify;

	 color: #696969;

}



div.one-forth {

	 text-shadow: 1px 1px 2px #111;

}



div.custom_slide div.one-forth {

	 text-shadow: 1px 1px 1px #777;

}



.bk-title {

	font-family: 'Salsa', cursive;

}				



img.slide_img {

	 

}



img.small {

	 width: 128px;

	 border: 2px solid white;

	 -moz-box-shadow:0px 0px 5px #000; 

   -webkit-box-shadow:0px 0px 5px #000; 

   box-shadow:0px 0px 5px #000;

   -moz-border-radius: 2px;

   -webkit-border-radius: 2px;

   -khtml-border-radius: 2px;

   border-radius: 2px;

   margin: 10px;

}



div.custom_slide {

	 background: url('../images/content-bg.png');

	 width: 100%;

	 height: 100%;

	 padding: 50px;

}



left {

	 float: left;

}	



right {

	 float: right;

}



div.diamond {

	width: 240px;

	height: 32px;

	float: left;

	margin: 5px;

	margin-left: 50px;

	background-image: url('../images/diamond-label.png'); 

	background-repeat:no-repeat;

  background-position: center center;

}	



div.button {

	width: 82px;

	height: 32px;

	float: left;

	margin: 5px;

}	



div.button.gray {

	background: url('../images/example.png');

}



div.button.gray:hover {

	background: url('../images/example-hover.png');

}



div.button.darkgray {

	background: url('../images/example-current.png');

}



div.button.darkgray:hover {

	background: url('../images/example-current-hover.png');

}



div.button.showcase {

	background: url('../images/showcase.png');

}



div.button.showcase:hover {

	background: url('../images/showcase-hover.png');

}



ul {

	margin: 0px;

	padding: 0px;

}



ul li {

	

}		

a.ex5:visited,a.ex5:link {text-decoration:none;}

a.ex5:hover,a.ex5:active {color:red;}