/* @group reset */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, .btn 
{ margin: 0; padding: 0; border: 0; font-size: 100%; font-family: inherit; vertical-align: baseline }
a img, frameset { border: 0; }
table {	border-collapse: collapse; border-spacing: 0; }
caption, th, td { text-align: left;	font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q {	quotes: "" ""; }
/* @end */

/* @group utility */
.hide { display: none; }
.contain-overflow { overflow: hidden; }
.screen-reader { display: block; left: -9999px; position: absolute; top: -9999px; }
.row:after, .clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.amp { font-family: Baskerville, "Goudy Old Style", "Palatino", "Book Antiqua", serif; font-size: 1.1em; font-style: italic; font-weight: normal; }
/* @end */

/* @group =base */
body {
  background: #fafafa;
  color: #333;
	font: 24px/36px Helvetica, Arial, Sans-Serif;
}

	/* @group -headers */
	h1, h2, h3, h4, h5, h6 { font-weight: normal; }
	h1 { font-size: 18px; line-height: 18px; }
	h2, h3, h4, h5 { font-family: Georgia, "Times New Roman", Times, serif; }
	h2 { color: #333; font-size: 60px; line-height: 60px; border-left: 5px solid #c00000; padding-left: 10px; margin-bottom: 30px; display:inline-block; }
	/* @end */

	/* @group -links */
	a, a:link { text-decoration: underline; color: #333; }
	a:visited {}
	a:hover { text-decoration: none; }
	a:active {}
	/* @end */
	
	/* @group -basic text */
	p, ol, ul, table { margin: 0 0 30px; }
	ul { list-style: square; margin-left: 50px; }
	ul ul { list-style: disc; margin: 0px; margin-left: 50px; }
	li { border-bottom: 1px solid rgba(147,204,198,0.2); padding: 20px 0; }
	ul.small li {padding: 5px 0;}
	li li { padding: 0; }
	li:first-child { padding-top: 0; }
	li:last-child { border-bottom: none; padding-bottom: 0; }
	/* @end */

	/* @group -header/footer */
	#header, #footer {	  
	  color: #333;
	  font-size: 14px; 
	  line-height: 14px;
	  position: fixed;
	  padding-left: 70px;
	  width: 100%;
	  z-index: 10;
	}
	#header { top: 0; background: url(../img/kiwi.jpg) #fafafa no-repeat; border-bottom: 10px solid #c00000; }
	#footer { bottom: 0; text-align: right; }
	#header .container, #footer .container { padding: 20px; }
	/* @end */	
	
	/* @group -form elements */
	button { 
		cursor: pointer; 
		width: auto;
		overflow: visible;
	}
	label { font-weight: bold; }
	/* @end */		

/* @end */
/* @group =pages */

  /* @group -slides */
  #slides { top: 40px; }
  .slide { padding: 100px; padding-bottom: 0;}
  .js .slide { position: absolute; }
  /* @end */

	/* @group -pagers */	
  .nav-pager, .nav-prev-next { font-size: 14px; line-height: 14px; list-style: none; margin: 0; overflow: hidden; position: fixed; z-index: 100; }
  .nav-pager li, .nav-prev-next li { border: none; float: left; padding: 0; }
  .nav-pager a, .nav-prev-next a { display: block; line-height: 12px; }
  .nav-pager { bottom: 0; left: 20px; }
  .nav-pager li { margin-right: 10px; }
  .nav-pager a, .nav-prev-next a { background: #fafafa; color: #333; padding: 10px 5px; text-decoration: none; }
  .nav-pager .current a, .nav-prev-next a:hover { background: #c00000; color: #fff; }
  .nav-prev-next { right: 20px; top: 0; }
  .nav-prev-next li { margin-left: 10px; }
  .nav-pager { visibility: hidden; }
  
	/* @end */

	#imgjquery { vertical-align: top; }
	code {padding: 5px; background: #808080; color: #fff; font-size: 17px;}
	#j3 p, #j5 p {margin: 0; padding: 0; padding-left: 20px;}
	p.highlight { text-shadow: 2px 2px 2px gold; }
	#j9 { width: 540px; height: 212px; border: 1px solid #c00000; }
	#ui-datepicker-div { font-size: 0.6em; line-height:normal; top: 362px !important; }
	.ui-widget { font-size:0.5em !important; line-height:normal; }
	.ui-widget p, .ui-widget ul li { margin: 0 !important; padding: 0 !important; }
	p.last { margin-top: 300px; margin-left: 500px; }

/* @end */