/*–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––
Presentation Style Sheet (for version 4 browsers)
version: 1.1
author: johan nilsson
email: johan@indevel.se
website: http://www.indevel.se/
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/

/* document specific */
* {
  padding: 0;
  margin: 0;
}

/* tags */
body {
  background-color: #fff;
  font-family: verdana, arial, sans-serif;
  text-align: center;
  
  /* must be last argument in the body tag for other elements to work */
	<strong>min-width: 900px;</strong>
}
img {
	border: 0;
}

form {
	margin: 0;
  padding: 0;
}
h1 {
	font-size: 1.3em;
  font-weight: normal;
  letter-spacing: -1px;
}
h2 {
	font-size: 0.9em;
  font-weight: normal;
  color: #777;
  margin-top: 2px;
}
h3 {
	margin-top: 15px;
	font-size: 0.8em;
}
h4 {
	margin-top: 10px;
	font-size: 0.7em;
}
p {
	font-size: 0.8em;
  margin-top: 15px;
}
p.noMargin {
  margin-top: 0;
}
a, a:active, a:visited {
	font-size: 0.8em;
}
ul {
  padding-left: 15px;
  font-size: 1.1em;
  width: 450px;
}
ul.wider {
  padding-left: 15px;
  font-size: 1.1em;
  width: 520px;
}
li {
	font-size: 0.7em;
  margin-top: 15px;
}
li.noMargin {
	font-size: 0.7em;
  margin-top: 0;
	line-height: 17px;
}

/* page layout */
#container {
  width: 882px;
	margin: 0 auto;
  text-align: left;
}

#header {
  text-align: center;
  margin: 25px 0;
}
#header h1 {
	font-size:1em;
}

#menuContainer {
	height: 29px;
}
ul#menu {
	float: left;
  width: 882px;
  /*height: 29px;*/
  margin: 0;
	padding: 0;
  list-style-type: none;
}
ul#menu li {
	float: left;
  margin: 0;
	padding: 0;  
}
ul#menu a {
	float: left;
	width: 98px;
  font-size: 0.7em;
  font-weight: bold;
  color: #000;
  text-decoration: none;
  text-align: center;
	line-height: 29px;
  background: url(/presentation/images/btnNotActiveNoBorder.jpg) no-repeat;
}
ul#menu .activeFirst, ul#menu .active {
	color: #fff;
	font-size: 0.7em;
  background: url(/presentation/images/btnActive.jpg) no-repeat;
}
ul#menu a:hover, ul#menu .active {
	color: #fff;
	font-size: 0.7em;
  background: url(/presentation/images/btnActiveNoBorder.jpg) no-repeat;
}
ul#menu .active {
  background: url(/presentation/images/btnActiveNoBorder.jpg) no-repeat;
}
ul#menu .first {
  background: url(/presentation/images/btnNotActive.jpg) no-repeat;
}

#contentContainer {
	width: 880px;
	border: 1px solid #999;
}

#secondaryContent {
	float: left;
	width: 194px;
  height: 385px;
  border-right: 1px solid #999;
  background: url(/presentation/images/content_gfx.jpg) no-repeat;
  cursor: hand;
}

#mainContent {
	float: left;
	padding: 20px 30px 15px 40px;
}
#mainContent #imageBottom1 {
  float: left;
  display: block;
	margin-top: 15px;
  padding-left: 120px;
  vertical-align: middle;
}
#mainContent #imageBottom2 {
  float: left;
  display: block;
  margin-top: 15px; 
  padding-left: 50px;
  vertical-align: middle;
}
#mainContent #imageBottom3 {
  float: left;
  display: block;
  padding-left: 80px;
  vertical-align: middle;
}
#mainContent #imageBottom4 {
  float: left;
  display: block;
  padding-left: 20px;
  vertical-align: middle;
} 
 
        
#navigation {
	clear: left;
  width: 100%;
  height: 41px;
  background-color: #e0e0e0;
  padding-top: 2px;
}

#navigation a {
	display: block;
  width: 35px;
  height: 37px;
}
#navigation a#prev {
	float: left;
  margin-left: 5px;
	background: url(/presentation/images/arrowLeftNotActive.jpg) no-repeat;
}
#navigation a#prev:hover {
	float: left;
  margin-left: 5px;
	background: url(/presentation/images/arrowLeftActive.jpg) no-repeat;
}
#navigation a#next {
  float: right;
  margin-right: 5px;
	background: url(/presentation/images/arrowRightNotActive.jpg) no-repeat;
}
#navigation a#next:hover {
	float: right;
  margin-right: 5px;
	background: url(/presentation/images/arrowRightActive.jpg) no-repeat;
}
#navigation #emptyLeft {
	float: left;
  margin-left: 5px;
	display: block;
  width: 35px;
  height: 37px;
}
#navigation #emptyRight {
	float: right;
  margin-right: 5px;
	display: block;
  width: 35px;
  height: 37px;
}
#footer {
	clear: both;
	margin-top: 30px;
	text-align: center;
}

/* step 3 */
#imgCatalogRight {
  float: right;
  width: 160px;
  height: 195px;
  margin-left: 15px;
  margin-right: 15px;
  background: url(/presentation/images/img_catalog2.jpg) no-repeat;
}

/* step 4 */
#imgWebRight {
  float: right;
  width: 235px;
  height: 175px;
  margin-top: 17px;
  margin-left: 15px;
  margin-right: 15px;
  background: url(/presentation/images/img_web2.jpg) no-repeat;
}

/* step 6 */
#imgAdvertise {
  width: 530px;
  height: 155px;
  margin-top: 17px;
  background: url(/presentation/images/img_advertise.jpg) no-repeat;
}

/* step 7 */
#imgWebRight {
  float: right;
  width: 170px;
  height: 223px;
  margin-top: 17px;
  margin-left: 15px;
  margin-right: 15px;
  background: url(/presentation/images/img_infopage.jpg) no-repeat;
  border: 1px solid #aaa;
}

.price {
	color: #bb2c0d;
	font-weight: bold;
}
.priceInfo {
	color: #888;
}