html, body {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}

div, span, object, iframe, h1, h2, h3, h4, h5, h6, p,
pre, a, abbr, acronym, address, code, del, dfn, em, img,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, thead, tr {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}

blockquote, q {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
  quotes: "" "";
}
blockquote:before, q:before,
blockquote:after, q:after {
  content: "";
}

th, td, caption {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

table {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
  border-collapse: separate;
  border-spacing: 0;
  vertical-align: middle;
}
a img {
  border: none;
}
div.clear {
  clear: both;
}



body {
  background-color: #FFFFFF;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 18px;
  line-height: 23px;
  color: #FFFFFF;
  
}

/* LAYOUT */
.container {
  background: transparent url(../images/bg-slice.png) repeat-x center bottom;
}
div.inner-container {
  background: transparent url(../images/bg-bottom.png) no-repeat center bottom;
}
div.header, div.content {
  width: 960px;
  margin: 0 auto;
  position: relative;
}
div.main-content {
  padding-left: 27px;
  float: left;
  width: 526px;
}
div.main-content div.icons-wrapper {
  background: #f7f7f7 url(../images/bg-maincontent.png) no-repeat center top;
  border-left: 3px solid #cbe8fc;
  border-right: 3px solid #cbe8fc;
  color: #5b5b5c;
}
div.main-content div.icons-wrapper-end {
  padding-bottom: 182px;
  overflow: hidden;
  background: transparent url(../images/bg-maincontent-bottom.png) no-repeat 0px 0px;
}
div.sidebar {
  float: right;
  width: 370px;
}


/* TYPOGRAPHY */
div.header h1 {
  padding-top: 20px;
  text-indent: -9999px;
  width: 596px;
  height: 176px;
  background: transparent url(../images/header-text.png) no-repeat 0px 20px;
}
div.main-content div.icons-wrapper p {
	padding: 0px 20px 0px 30px;
}
div.main-content div.icons-wrapper p a {
	color: #0577c0;
}
div.main-content div.icons-wrapper-end a {
  float: right;
  margin-top: 30px;
}
div.sidebar a.download {
  margin-left: 8px;
}
div.sidebar p {
  padding: 35px 10px;
  width: 300px;
}
/* GENERAL STYLES */
a, a.active {
  text-decoration: none;
  color: #9dcded;
}
a:hover {
  text-decoration: underline;
}
img.snowman {
  position: absolute;
  left: -140px;
  bottom: 90px;
}


/* Easy Slider */
#slider {
  width: 499px;
  height: 505px;
  margin: 13px auto 5px auto;
}
#slider ul.container {
  overflow: hidden;
}
#slider ul, #slider li {
	margin:0;
	padding:0;
	list-style:none;
	background: #f7f7f7;
}
#slider li { 
	/* 
		define width and height of list item (slide)
		entire slider area will adjust according to the parameters provided here
	*/ 
	width:499px;
	height:505px;
	overflow:hidden; 
}
#slider li img {
  margin: 11px;
}	
											
/* CIRCULAR controls */	
ol#controls{
	margin-left: 217px;
	padding:0;
	height:20px;
	overflow: hidden;	
	}
ol#controls li{
	margin:0 6px 0 0; 
	padding:0;
	float:left;
	list-style:none;
	height:28px;
	}
ol#controls li a{
	float:left;
	display: block;
	width: 15px;
	height:15px;
	background: transparent url(../images/control.png) no-repeat top left;
	color:#555;
	}
ol#controls li.current a{
	background: transparent url(../images/control-current.png) no-repeat top left;
	}
ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}