@import url(reset.css);
@import url(fancy.css);

/* =body
************************************************************** */

body {
	background: #d0dff8 url(i/bg/bg.png) repeat-x left top;
	font: normal 75% Arial, Helvetica, sans-serif;
	color: #fff;
}

#wrapper {
	background: url(i/bg/top-bg.jpg) no-repeat center top;
}

#wrapper-inner {
	background: url(i/bg/bottom-bg.png) repeat-x left bottom;
}

#ppl-wrapper {
	background: url(i/bg/ppl-top.jpg) no-repeat center 147px;
	/* background: url(i/bg/ppl-top-santa.jpg) no-repeat center 147px;*/
}

#site {
	position: relative;
	width: 980px;
	margin: 0 auto;
	padding-bottom: 123px;
}

#ppl-1 {
	position: absolute;
	width: 209px;
	height: 345px;
	left: -42px;
	bottom: 37px;
	background: url(i/ppl/ppl-1.png) no-repeat left top;
}

#ppl-2 {
	position: absolute;
	width: 273px;
	height: 385px;
	right: -10px;
	bottom: 20px;
	background: url(i/ppl/ppl-2.png) no-repeat left top;
}

/* =masthead
************************************************************** */

#masthead {
	position: relative;
	margin-bottom: 4px;
	padding-top: 123px;
}

#crystal {
	position: absolute;
	top: 0;
	left: 12px;
	width: 97px;
	height: 188px;
	background: url(i/masthead/crystal.png?v=3) no-repeat left top;
}

h1 {
	position: absolute;
	left: 54px;
	top: 0px;
	width: 133px;
	height: 110px;
	background: url(i/masthead/logo.png) no-repeat left top;
	text-indent: -1000em;
	z-index: 2;
}

h1 a {
	position: absolute;
	left: 0;
	top: 0;
	width: 133px;
	height: 110px;
}



/* =nav
************************************************************** */

#nav {
	position: relative;
	float: left;
	list-style: none;
	padding-left: 100px;
	padding-bottom: 17px;
	margin-right: 18px;
}

#nav:after {
	content: "";
	display: block;
	height: 0;
	overflow: hidden;
	clear: both;
}

#nav li {
	float: left;
}

#nav li a {
	display: block;
	height: 30px;
	color: #fff;
	font-size: 1.17em;
	font-weight: bold;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
}

#nav li a:after {
	content: "";
	display: block;
	height: 0;
	overflow: hidden;
	clear: both;
}


#nav li a span {
	cursor: pointer;
}

#nav li a .nav-l {
	display: block;
	float: left;
	height: 30px;
	width: 12px;
	background: url(i/nav/nav-l.gif) no-repeat left top;
}

#nav li a .nav-r {
	display: block;
	float: left;
	height: 30px;
	width: 13px;
	background: url(i/nav/nav-r.gif) no-repeat left top;
}

#nav li a .nav-c {
	display: block;
	float: left;
	padding: 7px 0px 0px 1px;
	height: 23px;
}

#nav li a:hover .nav-l,
#nav li a:hover .nav-r,
#nav li.selected a .nav-l,
#nav li.selected a .nav-r {
	background-position: left -30px;
}

#nav li a:hover .nav-c,
#nav li.selected a .nav-c {
	background-color: #12299d;
}

/* =search
************************************************************** */

#search {
	float: left;
	padding-top: 3px;
}

#search .field {
	float: left;
	width: 144px;
	padding: 3px 5px;
	height: 18px;
	margin-right: 10px;
	background: url(i/search/input-bg.png) no-repeat left top;
}

#search .field input {
	background-color: #fff;
	border: none;
	width: 140px;
	height: 16px;
}

/* =main
************************************************************** */

#main {
	background: url(i/main/main-bg-top.gif) no-repeat left top;
}

#main .wrapper {
	background: url(i/main/main-bg-bottom.png) no-repeat left bottom;
	padding-bottom: 34px;
}

#main .wrapper:after {
	content: "";
	display: block;
	height: 0;
	overflow: hidden;
	clear: both;
}

/* =content-1st
************************************************************** */

#content-1st {
	float: left;
	width: 158px;
	padding-left: 10px;
	margin-right: 12px;
	padding-top: 10px;
}

/* =content-2nd
************************************************************** */

#content-2nd {
	float: right;
	width: 800px;
	padding-top: 15px;
}

#content-2nd-1 {
	float: left;
	width: 478px;
	margin-right: 12px;
}

#content-2nd-2 {
	float: left;
	width: 300px;
}

/* =sidenavs
************************************************************** */

.sidenav {
	margin-bottom: 22px;
}

.sidenav h2 a {
	display: block;
	color: #fff;
	height: 20px;
	padding-top: 8px;
	font-weight: bold;
	padding-left: 11px;
	background: url(i/sidenav/header.png) no-repeat left top;
	margin-bottom: 7px;
}

.sidenav ul {
	list-style: none;
}

.sidenav ul li {
	
}

.sidenav ul li a {
	display: block;
	height: 25px;
	padding-left: 18px;
	overflow: hidden;
	background: url(i/sidenav/sidenav-bg.png) no-repeat left top;
}

.sidenav ul li a:hover {
	background-position: left -25px;
}

.sidenav ul li a span {
	display: block;
	height: 19px;
	padding-top: 6px;
	padding-right: 5px;
	background-position: right top;
	background-repeat: no-repeat;
	color: #0278db;
	cursor: pointer;
}

.sidenav ul li a:hover span {
	background-position: right -25px;
}

.sidenav ul li.selected a {
	background-position: left -50px;
}

.sidenav ul li.selected a span,
.sidenav ul li.selected a:hover span {
	background-position: right top;
	color: #fff;
}

/* =rotator
************************************************************** */

#rotator {
	position: relative;
	width: 780px;
	height: 215px;
	margin: 0 10px;
	overflow: hidden;
	margin-bottom: 15px;
}

#rotator .info {
	display: block;
	position: absolute;
	top: 95px;
	left: 19px;
	width: 722px;
	height: 79px;
	padding-left: 19px;
	padding-top: 21px;
	background: url(i/rotator/rotator-info-bg.png) no-repeat left top;
}

#rotator .info .line {
	display: block;
	margin-bottom: 5px;
}

#rotator .info .title {
	font-size: 2em;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	font-weight: bold;
	color: #fff;
}

#rotator .info .date {
	color: #9494be;
}

#rotator .brdr-l {
	position: absolute;
	width: 12px;
	height: 215px;
	left: 0;
	top: 0;
	background: url(i/rotator/border-left.png) no-repeat left top;
	z-index: 3;
}

#rotator .brdr-r {
	position: absolute;
	width: 12px;
	height: 215px;
	right: 0;
	top: 0;
	background: url(i/rotator/border-right.png) no-repeat left top;
	z-index: 3;
}

#rotator .brdr-t {
	position: absolute;
	width: 756px;
	height: 12px;
	left: 12;
	top: 0;
	background: url(i/rotator/border-top.png) no-repeat left top;
	z-index: 3;
}

#rotator .brdr-b {
	position: absolute;
	width: 756px;
	height: 10px;
	left: 12;
	bottom: 0;
	background: url(i/rotator/border-bottom.png) no-repeat left top;
	z-index: 3;
}

#rotator .rot-pager {
	position: absolute;
	right: 10px;
	bottom: 10px;
	list-style: none;
	z-index: 3;
}

#rotator .rot-pager:after {
	content: "";
	display: block;
	height: 0;
	overflow: hidden;
	clear: both;
}

#rotator .rot-pager li {
	float: left;
	margin-right: 10px;
}

#rotator .rot-pager li a {
	display: block;
	position: relative;
	width: 22px;
	height: 19px;
	font-size: 1.17em;
	font-weight: bold;
	text-align: center;
	padding-top: 3px;
	color: #fff;
	background: url(i/rotator/rotator-page-bg.png) no-repeat left top;
	overflow: hidden;
}

#rotator .rot-pager li a:hover {
	text-decoration: none;
	background-position: left -22px;
	color: #000;
}

#rotator .rot-pager li.selected a {
	color: #867c6a;
	background-position: left -22px;
	color: #000;
}

/* =crumbs
************************************************************** */

#crumbs {
	list-style: none;
	color: #bdbbbc;
	font-size: 0.83em;
	margin-bottom: 13px;
}

#main-page #crumbs {
	padding-left: 20px;
}

#crumbs li {
	display: inline;
}

#crumbs li:before {
	content: ' >';
	padding-right: 0.5ex;
}

#crumbs li:first-child:before {
	content: '';
	padding-right: 0;
}

#crumbs li a {
	color: #bdbbbc;
}

#crumbs li a:hover {
	text-decoration: underline;
}

/* =bluebox
************************************************************** */

.bluebox {
	background: #82a7fe url(i/common/bluebox-top.png) no-repeat left top;
}

.bluebox .inner {
	background: url(i/common/bluebox-bottom.gif) no-repeat left bottom;
	padding: 10px 8px;
}

/* =news
************************************************************** */

.news {
	padding-bottom: 21px;
	margin-bottom: 12px;
	background: url(i/common/news-horizontal-sep.gif) repeat-x left bottom;
}

.news .date {
	color: #fff;
	font-size: 0.83em;
	text-transform: uppercase;
}

.news h2 {
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	font-size: 2em;
	color: #fff;
	font-weight: bold;
	padding-right: 38px;
	background: url(i/icons/news-ico.png) no-repeat right center;
	padding-top: 3px;
	padding-bottom: 4px
}

.news h2 a {
	color: #fff;
}

.news h2 a:hover {
	text-decoration: underline;
}

.news .details {
	color: #fff;
	font-size: 0.83em;
	margin-bottom: 10px;
}

.news .body {
	color: #fff;
}

.news .body:after {
	content: "";
	display: block;
	height: 0;
	overflow: hidden;
	clear: both;
}

.news .body p {
	line-height: 1.4em;
	margin-bottom: 1.4em;
}

.news .body p img {
	margin-right: 10px;
	margin-bottom: 5px;
}

.news .body ul,
.news .body ol {
	margin-left: 20px;
}

.news .body ul {
	list-style-type: disc;
}

.news .body ol {
	list-style-type: decimal;
}

.news .body .more {
	color: #fff;
}

.news .body .more:hover {
	text-decoration: underline;
}

.news .comments:after {
	content: "";
	display: block;
	height: 0;
	overflow: hidden;
	clear: both;
}

.news .comments a {
	display: block;
	float: left;
	color: #fff;
}

.news .comments a .quant {
	display: block;
	float: left;
	height: 21px;
	padding-top: 4px;
	background: url(i/icons/comments-ico.gif) no-repeat left top;
	margin-right: 5px;
	padding-left: 28px;
}

.news .comments a .caption {
	display: block;
	float: left;
	height: 21px;
	padding-top: 4px;
}

.news .comments a:hover .caption {
	text-decoration: underline;
}

.news .news-gallery {
	list-style: none;
	padding-top: 10px;
}

.news .news-gallery:after {
	content: "";
	display: block;
	height: 0;
	overflow: hidden;
	clear: both;
}

.news .news-gallery li {
	float: left;
	width: 46%;
	text-align: center;
	overflow: hidden;
	height: 160px;
	margin: 0 1%;
}

/* =panes
************************************************************** */

#panes {
	margin-bottom: 10px;
	padding: 0 1px;
}

#panes .tabs {
	list-style: none;
}

#panes .tabs:after {
	content: "";
	display: block;
	height: 0;
	overflow: hidden;
	clear: both;
}

#panes .tabs li {
	float: left;
}

#panes .tabs li a {
	display: block;
	width: 115px;
	height: 24px;
	overflow: hidden;
	background: url(i/panes/pane-tab-bg.png) no-repeat left top;
	text-align: center;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	font-size: 1.25em;
	color: #e2f1fd;
	padding-top: 8px;
	font-weight: bold;
}

#panes .tabs li.selected a {
	background-position: left -32px;
	color: #1e36a4;
}

#panes .panes,
#panes .panes ul{
	list-style: none;
}

#panes .panes {
	background: url(i/panes/pane-bg.png) no-repeat left bottom;
	padding-top: 5px;
	padding-bottom: 10px;
	height: 260px;
	position: relative;
}

#panes .panes li {
	display: none;
}

#panes .panes li.active {
	display: block;
}

#panes .panes ul {
	padding: 10px 1px 0;
}

#panes .panes ul li {
	display: block;
	border-top: 1px #d9e4ff solid;
}

#panes .panes ul li:first-child {
	border-top: none;
}

#panes .panes ul li a {
	display: block;
	height: 20px;
	overflow: hidden;
	padding-left: 22px;
	padding-top: 4px;
	text-decoration: none;
	color: #1e36a4;
	background: url(i/panes/pane-li-bg.png) no-repeat left top;
}

#panes .panes ul li a:hover {
	background-position: left -24px;
	color: #fff;
}

#panes-loader {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -12px auto auto -12px;
	width: 24px;
	height: 24px;
}

/* =box
************************************************************** */

.box {
	margin-bottom: 19px;
}

.box h2 {
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	font-size: 1.25em;
	color: #929292;
	margin-bottom: 9px;
}

.box .content {
	background-position: left top;
	background-repeat: no-repeat;
}

.box .inner {
	background-position: left bottom;
	background-repeat: no-repeat;
	padding: 12px 0;
}

.box.orange .content {
	background-image: url(i/box/orange/box-top.png);
}

.box.blue .content {
	background-image: url(i/box/blue/box-top.png);
}

.box.orange .inner {
	background-image: url(i/box/orange/box-bottom.png);
}

.box.blue .inner {
	background-image: url(i/box/blue/box-bottom.png);
}

.box .box-list {
	list-style: none;
}

.box .box-list li {
	border-bottom-width: 1px;
	border-bottom-style: solid;
}

.box.orange .box-list li {
	border-bottom-color: #e4a46a;
	
}

.box .box-list li a {
	display: block;
	padding: 6px 6px 6px 22px;
	background: url(i/box/box-list-dot.gif) no-repeat 15px center;
	color: #fff;
}

.box .box-list li a:hover {
	text-decoration: none;
}

.box.orange .box-list li a:hover {
	background-color: #d94a0a;
}

/* =survey
************************************************************** */

.survey {
	
}

.survey .inner {
	padding-left: 10px;
	padding-right: 10px;
}

.survey .question {
	color: #fff;
	font-weight: bold;
	margin-bottom: 15px;
	text-align: center;
	line-height: 1.4em;
}

.survey .error {
	color: #ff0000;
	text-align: center;
	font-weight: bold;
	margin-bottom: 15px;
}

.survey .options {
	list-style: none;
	padding-left: 14px;
}

.survey .options li {
	margin-bottom: 12px;
}

.survey .options li * {
	vertical-align: middle;
}

.survey .options li label input {
	margin-top: -1px;
	
}

.survey .results {
	list-style: none;
	padding-left: 14px;
}

.survey .results li {
	margin-bottom: 12px;
}

.survey .results li .answer {
	margin-bottom: 4px;
}

.survey .results .result .perc {
	float: left;
	width: 30px;
	font-weight: bold;
}

.survey .results .bar {
	position: relative;
	height: 6px;
	float: left;
	width: 200px;
	bottom: -4px;
}

.survey .results .bar .result-bar {
	position: absolute;
	left: 0;
	top: 0;
	height: 6px;
	background-color: #fff;
}

.survey .btn {
	padding-left: 10px;
}

/* =download
************************************************************** */

#download {
	
}

#download .dl-list {
	list-style: none;
}

#download .dl-list li {
	margin-bottom: 18px;
}

#download .dl-list li h3 {
	margin-bottom: 15px;
	color: #000;
	font-size: 1.17em;
	font-weight: bold;
}

#download .dl-list li h3 a {
	color: #000;
}

#download .dl-list li h3 a:hover {
	text-decoration: underline;
}

#download .dl-list li .description {
	color: #000;
	margin-bottom: 5px;
}

#download .dl-list li .more {
	text-align: right;
}

#download .dl-list li .more a {
	color: #0278db;
}

#download .dl-list li .more a:hover {
	text-decoration: underline;
}

#download .dl-list li .file-data {
	float: left;
}

#download .dl-list li .file-data h3 {
	margin-bottom: 5px;
}

#download .dl-list li .file-data .info {
	color: #999;
	font-size: 0.83em;
}

/* =search-results
************************************************************** */

#search-results {
	padding-top: 10px;
}

#search-results .results {
	list-style: none;
}

#search-results .results li {
	margin-bottom: 18px;
}

#search-results .results li h3 {
	margin-bottom: 15px;
	color: #fff;
	font-size: 1.17em;
	font-weight: bold;
}

#search-results .results li h3 a {
	color: #fff;
}

#search-results .results li h3 a:hover {
	text-decoration: underline;
}

#search-results .results li .description {
	color: #fff;
	margin-bottom: 5px;
}

#search-results .results li .description:after {
	content: "";
	display: block;
	height: 0;
	overflow: hidden;
	clear: both;
}

#search-results .results li .description img {
	margin-right: 5px;
}

#search-results .results li .more {
	text-align: right;
}

#search-results .results li .more a {
	color: #025ca8;
}

#search-results .results li .more a:hover {
	text-decoration: underline;
}

#search-results form {
	margin-bottom: 20px;
}

#search-results .field {
	float: left;
	width: 144px;
	padding: 3px 5px;
	height: 18px;
	margin-right: 10px;
	background: url(i/search/search-result-input-bg.png) no-repeat left top;
}

#search-results .field input {
	background-color: #fff;
	border: none;
	width: 140px;
	height: 16px;
}

#search-results .no-results {
	color: #000;
	font-weight: bold;
}

/* =gallery
************************************************************** */

#galleries {
	list-style: none;
}

#galleries li {
	padding: 20px 10px;
	border-bottom: 1px #bec0b5 solid;
}

#galleries li:after {
	content: "";
	display: block;
	height: 0;
	overflow: hidden;
	clear: both;
}

#galleries li .set {
	display: block;
	position: relative;
	padding-top: 7px;
	padding-left: 6px;
	float: left;
	width: 116px;
	height: 107px;
	background: url(i/gallery/gallery-set-bg.png) no-repeat left top;
	text-decoration: none;
}

#galleries li .set .quant {
	display: block;
	position: absolute;
	top: 18px;
	left: 6px;
	width: 103px;
	height: 12px;
	background: url(i/gallery/quant-bg.png) repeat;
	padding-bottom: 7px;
	padding-top: 4px;
	padding-right: 7px;
	color: #fff;
	text-align: right;
}

#galleries li .info {
	margin-left: 140px;
}

#galleries li .info h3 {
	font-size: 1.32em;
	margin-bottom: 15px;
}

#galleries .info a:hover {
	text-decoration: underline;
}

#galleries .info .date {
	color: #777;
}

#galleries .info .intro {
	color: #000;
	padding-top: 20px;
}

#gallery-list h2 {
	color: #000;
	font-size: 1.67em;
	margin-bottom: 15px;
}

#galleries h3 {
	color: #000;
}

#galleries h3 a {
	color: #000;
}

#galleries h3 a:hover {
	text-decoration: underline;
}

#galleries .author {
	font-weight: bold;
	color: #000;
}

#gallery-list .gallery-elements {
	list-style: none;
}

#gallery-list .gallery-elements li {
	float: left;
	width: 33%;
	height: 160px;
	text-align: center;
}

#gallery-list .gallery-elements li span {
	display: block;
}

#gallery-list .gallery-elements li .pic {
	margin-bottom: 5px;
}

#gallery-list .gallery-elements li .description {
	color: #333;
}

/* =static-page
************************************************************** */

#static-page {
	color: #000;
}

#static-page ul,
#static-page ol {
	margin-left: 20px;
}

#static-page img {
	margin-right: 10px;
}

#static-page a {
	color: #1354ee;
	text-decoration: none;
}

#static-page a:hover {
	text-decoration: underline;
}

/* =pager
************************************************************** */

.pager {
	list-style: none;
	padding: 10px 0;
}

#news-list .pager {
	padding-left: 10px;
	padding-top: 10px;
}

.pager:after {
	content: "";
	display: block;
	height: 0;
	overflow: hidden;
	clear: both;
}

.pager li {
	float: left;
	margin-right: 8px;
}

.pager li a,
.pager li span {
	display: block;
	width: 26px;
	height: 20px;
	overflow: hidden;
	color: #000;
	text-align: center;
	padding-top: 5px;
	text-decoration: none;
	font-weight: bold;
}

.bluebox  .pager li a,
.bluebox  .pager li span {
	color: #fff;
}

.pager li a:hover,
.pager li.selected a,
.pager li.selected span {
	background: url(i/pager/selected-bg.png) no-repeat left top;
	color: #fff;
}

.bluebox .pager li a:hover,
.bluebox .pager li.selected a,
.bluebox .pager li.selected span {
	background: url(i/pager/selected-bluebox-bg.png) no-repeat left top;
	color: #fff;
}

/* =banners
************************************************************** */

/*
#banner-billboard {
	position: absolute;
	top: 11px;
	right: 0;
	width: 750px;
	height: 100px;
}
*/

#banner-billboard {
	position: absolute;
	right: 0;
	top: 20px;
	width: 728px;
}

.banner-rectangle {
	margin-bottom: 10px;
}

#skyscraper {
	/*
	width: 120px;
	margin: 0 auto;
	*/
	width: 160px;
	position: relative;
	left: -1px;
}

/* =footer
************************************************************** */

#footer {
	width: 948px;
	margin: 0 auto;
	padding-top: 18px;
	padding-left: 16px;
	padding-right: 16px;
	padding-bottom: 31px;
	color: #fff;
	line-height: 1.4em;
	border-top: 1px #aac3f1 solid;
}

#footer:after {
	content: "";
	display: block;
	height: 0;
	overflow: hidden;
	clear: both;
}

#copy {
	float: left;
}

#author {
	float: right;
}

#author a {
	color: #fff;
	padding-right: 25px;
	background: url(i/footer/tree.gif) no-repeat right center;
}

#author a:hover {
	text-decoration: underline;
}

/* =general
************************************************************** */

a {
	color: #fff;
	outline: none;
}

.semantic {
	display: none;
}

.columns:after {
	content: "";
	display: block;
	height: 0;
	overflow: hidden;
	clear: both;
}

h2.header {
	color: #1e36a4;
	font-weight: bold;
	font-size: 2.08em;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	margin-bottom: 12px;
}

p.toggle-content a {
	padding-left: 15px;
	background: url(i/icons/hide_dot.gif) no-repeat left center;
	font-weight: bold;
}

p.toggle-content.visible a {
	background-image: url(i/icons/hide_dot2.gif);
}

.toggled-content {
	display: none;
}

/* =buttons
************************************************************** */

.btn {
}

.btn:after {
	content: "";
	display: block;
	height: 0;
	overflow: hidden;
	clear: both;
}

.button {
	display: block;
	float: left;
}

.button.right {
	float: right;
}

.button span {
	display: block;
	float: left;
	height: 24px;
	cursor: pointer;
}

.button .btn-l,
.button .btn-r {
	width: 9px;
	height: 24px;
	background-repeat: no-repeat;
	background-position: left top;
}

.button .btn-c {
	height: 19px;
	padding: 5px 5px 0px;
	background-position: left top;
	background-repeat: repeat-x;
	font-weight: bold;
	color: #fff;
}

.button.navy .btn-l {
	background-image: url(i/buttons/navy/btn-l.png);
}

.button.blue .btn-l {
	background-image: url(i/buttons/blue/btn-l.png);
}

.button.navy .btn-r {
	background-image: url(i/buttons/navy/btn-r.png);
}

.button.blue .btn-r {
	background-image: url(i/buttons/blue/btn-r.png);
}

.button.navy .btn-c {
	background-image: url(i/buttons/navy/btn-c.gif);
}

.button.blue .btn-c {
	background-image: url(i/buttons/blue/btn-c.gif);
}

/* =sizes
************************************************************** */

 .size0 { background: none;}
 .size1 { width: 1%;}   .size2 { width: 2%;}  .size3 { width: 3%;}    .size4 { width: 4%;}
 .size5 { width: 5%;}   .size6 { width: 6%;}  .size7 { width: 7%;}    .size8 { width: 8%;}
 .size9 { width: 9%;}  .size10 { width: 10%;} .size11 { width: 11%;} .size12 { width: 12%;}
.size13 { width: 13%;} .size14 { width: 14%;} .size15 { width: 15%;} .size16 { width: 16%;}
.size17 { width: 17%;} .size18 { width: 18%;} .size19 { width: 19%;} .size20 { width: 20%;}
.size21 { width: 21%;} .size22 { width: 22%;} .size23 { width: 23%;} .size24 { width: 24%;}
.size25 { width: 25%;} .size26 { width: 26%;} .size27 { width: 27%;} .size28 { width: 28%;}
.size29 { width: 29%;} .size30 { width: 30%;} .size31 { width: 31%;} .size32 { width: 32%;}
.size33 { width: 33%;} .size34 { width: 34%;} .size35 { width: 35%;} .size36 { width: 36%;}
.size37 { width: 37%;} .size38 { width: 38%;} .size39 { width: 39%;} .size40 { width: 40%;}
.size41 { width: 41%;} .size42 { width: 42%;} .size43 { width: 43%;} .size44 { width: 44%;}
.size45 { width: 45%;} .size46 { width: 46%;} .size47 { width: 47%;} .size48 { width: 48%;}
.size49 { width: 49%;} .size50 { width: 50%;} .size51 { width: 51%;} .size52 { width: 52%;}
.size53 { width: 53%;} .size54 { width: 54%;} .size55 { width: 55%;} .size56 { width: 56%;}
.size57 { width: 57%;} .size58 { width: 58%;} .size59 { width: 59%;} .size60 { width: 60%;}
.size61 { width: 61%;} .size62 { width: 62%;} .size63 { width: 63%;} .size64 { width: 64%;}
.size65 { width: 65%;} .size66 { width: 66%;} .size67 { width: 67%;} .size68 { width: 68%;}
.size69 { width: 69%;} .size70 { width: 70%;} .size71 { width: 71%;} .size72 { width: 72%;}
.size73 { width: 73%;} .size74 { width: 74%;} .size75 { width: 75%;} .size76 { width: 76%;}
.size77 { width: 77%;} .size78 { width: 78%;} .size79 { width: 79%;} .size80 { width: 80%;}
.size81 { width: 81%;} .size82 { width: 82%;} .size83 { width: 83%;} .size84 { width: 84%;}
.size85 { width: 85%;} .size86 { width: 86%;} .size87 { width: 87%;} .size88 { width: 88%;}
.size89 { width: 89%;} .size90 { width: 90%;} .size91 { width: 91%;} .size92 { width: 92%;}
.size93 { width: 93%;} .size94 { width: 94%;} .size95 { width: 95%;} .size96 { width: 96%;}
.size97 { width: 97%;} .size98 { width: 98%;} .size99 { width: 99%;} .size100 { width: 100%;}

#subfooter {
	position: absolute;
	left: -9999em;
	top: 0;
	width: 1px;
	height: 1px;
	overflow: hidden;
}