/* 960 */
@media screen and (min-width: 960px) {
	/* containers */
	div#header { width: 960px; }
	div#cnt-slider { width: 960px; }
	div#cnt-container, div#content-bottom { width: 940px; min-height: 200px; }
	/* slideshow */
	.theme-default .nivo-caption { bottom: 30px; padding: 10px; }
	.theme-default .nivo-caption h4 { font-size: 2.4em; }
	.theme-default .nivo-caption h6 { font-size: 1.4em; }
	/* contents (categories) */
	div#categories div.box { width: 270px; margin: 0 10px; }
	/* contents (extras) */
	div#content-bottom { width: 980px; margin-bottom: 30px; }
	div#content-bottom #blog, div#content-bottom #imgsponsor { padding: 10px; min-height: 300px; }
	div#content-bottom div h1 { font: 1.1em vera; }
	div#content-bottom div h2 { font: 0.7em vera; margin-bottom: 10px; }
	div#content-bottom #blog { float: left; width: 600px; }
	div#content-bottom #imgsponsor { text-align: center; width: 260px; }
	/* two columns layout */
	.twocols { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 50px; -moz-column-gap: 50px; column-gap: 50px; margin-bottom: 50px; }
	.twocols img { width: 440px; height: auto; margin: 0 auto 30px; }
}

/* 768 */
@media screen and (min-width: 768px) and (max-width: 980px) {
	/* containers */
	div#header { width: 780px; }
	div#cnt-slider { width: 780px; }
	div#cnt-container { width: 760px; }
	/* header */
	div#header .left { width: 530px; height: 70px; padding: 20px 15px 15px 15px; }
	div#header .left #sector_logo { width: 69px; height: 110px; padding-right: 20px; margin-top: -20px; }
	div#header .left h2 { font: 3.4em "vera"; margin-top: -10px; }
	/* search, login, cart */
	div#header .right { float: right; display: inline-block; margin-top: 50px; }
	div#header #search { display: block; width: 150px; height: 25px; background: #f00; position: relative; margin-right: 0; }
	div#header #login { display: inline-block; height: 25px; background: #0f0; margin-right: 20px; }
	div#header #cart { display: inline-block; height: 25px; background: #0ff; }
	/* top menu */
	div#cnt-top-menu { height: 40px; }
	div#top-menu { width: 780px; font-size: 1.1em; }
	div#top-menu-left { float: left; width: 400px; }
	div#top-menu-right { float: right; width: 320px; text-shadow: 1px 1px 3px #000; text-align: right; margin-top: 9px; }
	div#top-menu-left a { color: #fff; display: inline-block; padding: 9px 20px; }
	div#top-menu-right a { padding: 9px 13px; color: #fff; border-left: #C3B6C4 2px solid; margin-left: -5px; }
	div#top-menu-right a:last-child { border-right: #C3B6C4 2px solid; }
	/* slideshow */
	.theme-default .nivo-caption { bottom: 30px; padding: 10px; }
	.theme-default .nivo-caption h4 { font-size: 2.4em; }
	.theme-default .nivo-caption h6 { font-size: 1.4em; }
	/* contents (categories) */
	div#categories div.box { width: 233px; margin: 0; }
	/* contents (extras) */
	div#content-bottom { width: 760px; }
	div#content-bottom #blog, div#content-bottom #imgsponsor { padding: 10px; min-height: 260px; }
	div#content-bottom div h1 { font: 1.1em vera; }
	div#content-bottom div h2 { font: 0.7em vera; margin-bottom: 10px; }
	div#content-bottom #blog { float: left; width: 440px; }
	div#content-bottom #imgsponsor { text-align: center; width: 240px; }
	/* two columns layout */
	.twocols { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 50px; -moz-column-gap: 50px; column-gap: 50px; margin-bottom: 50px; }
	.twocols img { width: 350px; height: auto; margin: 0 auto 30px; }
}

/* 600 */
@media screen and (min-width: 601px) and (max-width: 767px) {
	/* containers */
	div#header { width: 580px; }
	div#cnt-slider { width: 580px; }
	div#cnt-container { width: 560px; }
	/* header */
	div#header { height: 90px; }
	div#header .left { width: 360px; height: 70px; padding: 10px; }
	div#header .left #sector_logo { width: 69px; height: 110px; padding-right: 20px; margin-top: -20px; }
	div#header .left h2 { font: 2.1em "vera"; margin-top: 0px; }
	/* search, login, cart */
	div#header .right { float: right; display: inline-block; margin-top: 30px; }
	div#header #search { display: block; width: 100px; height: 25px; background: #f00; position: relative; margin-right: 10px; }
	div#header #login { display: inline-block; height: 25px; background: #0f0; margin-right: 20px; }
	div#header #cart { display: inline-block; height: 25px; background: #0ff; }
	/* top menu */
	div#cnt-top-menu { height: 38px; }
	div#top-menu { width: 580px; font-size: 1em; }
	div#top-menu-left { float: left; width: 300px; }
	div#top-menu-right { float: right; width: 250px; text-shadow: 1px 1px 3px #000; text-align: right; margin-top: 9px; }
	div#top-menu-left a { color: #fff; display: inline-block; padding: 9px 10px; }
	div#top-menu-right a { padding: 10px 14px; color: #fff; border-left: #C3B6C4 2px solid; margin-left: -5px; }
	div#top-menu-right a:last-child { border-right: #C3B6C4 2px solid; }
	/* slideshow */
	.theme-default .nivo-caption { bottom: 30px; padding: 10px; }
	.theme-default .nivo-caption h4 { font-size: 2.4em; }
	.theme-default .nivo-caption h6 { font-size: 1.4em; }
	/* contents (categories) */
	div#categories div.box { width: 240px; margin: 0 10px; }
	/* contents (extras) */
	div#content-bottom { width: 580px; }
	div#content-bottom #blog, div#content-bottom #imgsponsor { padding: 10px; width: 260px; min-height: 300px;}
	div#content-bottom div h1 { font: 1.1em vera; }
	div#content-bottom div h2 { font: 0.7em vera; margin-bottom: 10px; }
	div#content-bottom #blog { float: left; width: 250px; }
	div#content-bottom #imgsponsor { text-align: center; width: 250px; }
	/* two columns layout */
	.twocols { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 20px; -moz-column-gap: 20px; column-gap: 20px; margin-bottom: 40px; }
	.twocols img { width: 270px; height: auto; margin: 0 auto 10px; }
}

/* 480 */
@media screen and (min-width: 471px) and (max-width: 600px) {
	/* containers */
	div#header { width: 460px; }
	div#cnt-slider { width: 460px; }
	div#cnt-container { width: 440px; }
	/* header */
	div#header { height: 63px; }
	div#header .left { width: 440px; height: 50px; padding: 10px; }
	div#header .left #sector_logo { width: 69px; height: 110px; padding-right: 10px; margin-top: -20px; }
	div#header .left h2 { font: 2em "vera"; margin-top: -5px; }
	/* search, login, cart */
	div#header .right { display: none; }
	/* top menu */
	div#cnt-top-menu { height: 40px; }
	div#top-menu { width: 460px; font-size: 1.1em; }
	div#top-menu div { display: inline-block; }
	div#top-menu-left a { color: #fff; display: inline-block; padding: 4px; } 
	div#top-menu-right { display: none !important; }
	/* slideshow */
	.theme-default .nivo-caption { bottom: 20px; padding: 10px; }
	.theme-default .nivo-caption h4 { font-size: 1.9em; }
	.theme-default .nivo-caption h6 { font-size: 1.1em; }
	/* contents (description) */
	div#description { width: 440px; margin: 10px auto 15px; }
	/* contents (categories) */
	div#categories div.box { width: 190px; margin: 0 5px; }
	div#categories div.box img { width: 100%; margin-bottom: 10px; }
	/* contents (extras) */
	div#content-bottom { width: 460px; text-align: center; }
	div#content-bottom #blog, div#content-bottom #imgsponsor { padding: 10px; width: 260px; min-height: 300px; }
	div#content-bottom div h1 { font: 1.1em vera; }
	div#content-bottom div h2 { font: 0.7em vera; margin-bottom: 10px; }
	div#content-bottom #blog { width: 400px; margin-top: 40px; display: block; }
	div#content-bottom #imgsponsor { text-align: center; width: 250px; }
	/* two columns layout */
	.twocols { margin-bottom: 50px; }
	.twocols img { width: 440px; height: auto; margin: 0 auto 10px; }
}

/* 320 */
@media screen and (min-width: 0px) and (max-width: 470px) {
	/* containers */
	div#header { width: 300px; }
	div#cnt-slider { width: 320px; }
	div#cnt-container { width: 300px; }
	/* header */
	div#header { height: 63px; }
	div#header .left { width: 280px; height: 40px; padding: 10px; }
	div#header .left #sector_logo { width: 69px; height: 110px; padding-right: 10px; margin-top: -20px; }
	div#header .left h2 { font: 2em "vera"; margin-top: -5px; }
	/* search, login, cart */
	div#header .right { display: none; }
	/* top menu */
	div#cnt-top-menu { height: 40px; }
	div#top-menu { width: 300px; font-size: 1.1em; }
	div#top-menu div { display: inline-block; }
	div#top-menu-left a { color: #fff; display: inline-block; padding: 9px; } 
	div#top-menu-right { display: none !important; }
	/* slideshow */
	.theme-default .nivo-caption { bottom: 10px; padding: 10px; background: url(bg_white_85.png); }
	.theme-default .nivo-caption h4 { font-size: 1.4em; white-space: nowrap; }
	.theme-default .nivo-caption h6 { display: none; }
	/* contents (description) */
	div#description { width: 280px; margin: 10px auto 15px; }
	/* contents (categories) */
	div#categories div.box { width: 260px; float: none; margin: 0 auto 20px; height: auto; }
	div#categories div.box img { width: 90%; margin-bottom: 10px; }
	/* contents (extras) */
	div#content-bottom { width: 300px; text-align: center; }
	div#content-bottom #blog, div#content-bottom #imgsponsor { padding: 10px; width: 260px; min-height: 300px; }
	div#content-bottom div h1 { font: 1.1em vera; }
	div#content-bottom div h2 { font: 0.7em vera; margin-bottom: 10px; }
	div#content-bottom #blog { float: none; width: 260px; margin: 0 auto; display: block; }
	div#content-bottom #imgsponsor { float: none; }
	/* two columns layout */
	.twocols { margin-bottom: 50px; text-align: left; }
	.twocols img { width: 300px; height: auto; margin: 0 auto 10px; }
}

/* ws buttons */
.wsbutton {
    position: relative;
    overflow: visible;
    display: inline-block;
    padding: 0.5em 1em;
    border: 1px solid #d4d4d4;
    margin: 0;
    text-decoration: none;
    text-align: center;
    text-shadow: 1px 1px 0 #fff;
    font:11px/normal sans-serif;
    color: #333 !important;
    white-space: nowrap;
    cursor: pointer;
    outline: none;
    background-color: #ececec;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f4f4f4), to(#ececec));
    background-image: -moz-linear-gradient(#f4f4f4, #ececec);
    background-image: -ms-linear-gradient(#f4f4f4, #ececec);
    background-image: -o-linear-gradient(#f4f4f4, #ececec);
    background-image: linear-gradient(#f4f4f4, #ececec);
    -moz-background-clip: padding; /* for Firefox 3.6 */
    background-clip: padding-box;
    border-radius: 0.2em;
    /* IE hacks */
    zoom: 1;
    *display: inline;
}

.wsbutton:hover,
.wsbutton:focus,
.wsbutton:active,
.wsbutton.active {
    border-color: #3072b3;
    border-bottom-color: #2a65a0;
    text-decoration: none;
    text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
    color: #fff !important;
    background-color: #3c8dde;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#599bdc), to(#3072b3));
    background-image: -moz-linear-gradient(#599bdc, #3072b3);
    background-image: -o-linear-gradient(#599bdc, #3072b3);
    background-image: linear-gradient(#599bdc, #3072b3);
}

.wsbutton::-moz-focus-inner {
    padding: 0;
    border: 0;
}

.wsbutton.icon:before {
    content: "";
    position: relative;
    top: 1px;
    float:left;
    width: 12px;
    height: 12px;
    margin: 0 0.75em 0 -0.25em;
    background: url( data:image/png;base64,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) 0 99px no-repeat;
}

.wsbutton.arrowup.icon:before { background-position: 0 0; }
.wsbutton.arrowup.icon:hover:before,
.wsbutton.arrowup.icon:focus:before,
.wsbutton.arrowup.icon:active:before { background-position: -12px 0; }

.wsbutton.arrowdown.icon:before { background-position: 0 -12px; }
.wsbutton.arrowdown.icon:hover:before,
.wsbutton.arrowdown.icon:focus:before,
.wsbutton.arrowdown.icon:active:before { background-position: -12px -12px; }

.wsbutton.arrowleft.icon:before { background-position: 0 -24px; }
.wsbutton.arrowleft.icon:hover:before,
.wsbutton.arrowleft.icon:focus:before,
.wsbutton.arrowleft.icon:active:before { background-position: -12px -24px; }

.wsbutton.arrowright.icon:before { float:right; margin: 0 -0.25em 0 0.5em; background-position: 0 -36px; }
.wsbutton.arrowright.icon:hover:before,
.wsbutton.arrowright.icon:focus:before,
.wsbutton.arrowright.icon:active:before { background-position: -12px -36px; }

.wsbutton.approve.icon:before { background-position: 0 -48px; }
.wsbutton.approve.icon:hover:before,
.wsbutton.approve.icon:focus:before,
.wsbutton.approve.icon:active:before { background-position: -12px -48px; }

.wsbutton.add.icon:before { background-position: 0 -288px; }
.wsbutton.add.icon:hover:before,
.wsbutton.add.icon:focus:before,
.wsbutton.add.icon:active:before { background-position: -12px -288px; }

.wsbutton.remove.icon:before { background-position: 0 -60px; }
.wsbutton.remove.icon:hover:before,
.wsbutton.remove.icon:focus:before,
.wsbutton.remove.icon:active:before { background-position: -12px -60px; }

.wsbutton.log.icon:before { background-position: 0 -72px; }
.wsbutton.log.icon:hover:before,
.wsbutton.log.icon:focus:before,
.wsbutton.log.icon:active:before { background-position: -12px -72px; }

.wsbutton.calendar.icon:before { background-position: 0 -84px; }
.wsbutton.calendar.icon:hover:before,
.wsbutton.calendar.icon:focus:before,
.wsbutton.calendar.icon:active:before { background-position: -12px -84px; }

.wsbutton.chat.icon:before { background-position: 0 -96px; }
.wsbutton.chat.icon:hover:before,
.wsbutton.chat.icon:focus:before,
.wsbutton.chat.icon:active:before { background-position: -12px -96px; }

.wsbutton.clock.icon:before { background-position: 0 -108px; }
.wsbutton.clock.icon:hover:before,
.wsbutton.clock.icon:focus:before,
.wsbutton.clock.icon:active:before { background-position: -12px -108px; }

.wsbutton.settings.icon:before { background-position: 0 -120px; }
.wsbutton.settings.icon:hover:before,
.wsbutton.settings.icon:focus:before,
.wsbutton.settings.icon:active:before { background-position: -12px -120px; }

.wsbutton.comment.icon:before { background-position: 0 -132px; }
.wsbutton.comment.icon:hover:before,
.wsbutton.comment.icon:focus:before,
.wsbutton.comment.icon:active:before { background-position: -12px -132px; }

.wsbutton.fork.icon:before { background-position: 0 -144px; }
.wsbutton.fork.icon:hover:before,
.wsbutton.fork.icon:focus:before,
.wsbutton.fork.icon:active:before { background-position: -12px -144px; }

.wsbutton.like.icon:before { background-position: 0 -156px; }
.wsbutton.like.icon:hover:before,
.wsbutton.like.icon:focus:before,
.wsbutton.like.icon:active:before { background-position: -12px -156px; }

.wsbutton.favorite.icon:before { background-position: 0 -348px; }
.wsbutton.favorite.icon:hover:before,
.wsbutton.favorite.icon:focus:before,
.wsbutton.favorite.icon:active:before { background-position: -12px -348px; }

.wsbutton.home.icon:before { background-position: 0 -168px; }
.wsbutton.home.icon:hover:before,
.wsbutton.home.icon:focus:before,
.wsbutton.home.icon:active:before { background-position: -12px -168px; }

.wsbutton.key.icon:before { background-position: 0 -180px; }
.wsbutton.key.icon:hover:before,
.wsbutton.key.icon:focus:before,
.wsbutton.key.icon:active:before { background-position: -12px -180px; }

.wsbutton.lock.icon:before { background-position: 0 -192px; }
.wsbutton.lock.icon:hover:before,
.wsbutton.lock.icon:focus:before,
.wsbutton.lock.icon:active:before { background-position: -12px -192px; }

.wsbutton.unlock.icon:before { background-position: 0 -204px; }
.wsbutton.unlock.icon:hover:before,
.wsbutton.unlock.icon:focus:before,
.wsbutton.unlock.icon:active:before { background-position: -12px -204px; }

.wsbutton.loop.icon:before { background-position: 0 -216px; }
.wsbutton.loop.icon:hover:before,
.wsbutton.loop.icon:focus:before,
.wsbutton.loop.icon:active:before { background-position: -12px -216px; }

.wsbutton.search.icon:before { background-position: 0 -228px; }
.wsbutton.search.icon:hover:before,
.wsbutton.search.icon:focus:before,
.wsbutton.search.icon:active:before { background-position: -12px -228px; }

.wsbutton.mail.icon:before { background-position: 0 -240px; }
.wsbutton.mail.icon:hover:before,
.wsbutton.mail.icon:focus:before,
.wsbutton.mail.icon:active:before { background-position: -12px -240px; }

.wsbutton.move.icon:before { background-position: 0 -252px; }
.wsbutton.move.icon:hover:before,
.wsbutton.move.icon:focus:before,
.wsbutton.move.icon:active:before { background-position: -12px -252px; }

.wsbutton.edit.icon:before { background-position: 0 -264px; }
.wsbutton.edit.icon:hover:before,
.wsbutton.edit.icon:focus:before,
.wsbutton.edit.icon:active:before { background-position: -12px -264px; }

.wsbutton.pin.icon:before { background-position: 0 -276px; }
.wsbutton.pin.icon:hover:before,
.wsbutton.pin.icon:focus:before,
.wsbutton.pin.icon:active:before { background-position: -12px -276px; }

.wsbutton.reload.icon:before { background-position: 0 -300px; }
.wsbutton.reload.icon:hover:before,
.wsbutton.reload.icon:focus:before,
.wsbutton.reload.icon:active:before { background-position: -12px -300px; }

.wsbutton.rss.icon:before { background-position: 0 -312px; }
.wsbutton.rss.icon:hover:before,
.wsbutton.rss.icon:focus:before,
.wsbutton.rss.icon:active:before { background-position: -12px -312px; }

.wsbutton.tag.icon:before { background-position: 0 -324px; }
.wsbutton.tag.icon:hover:before,
.wsbutton.tag.icon:focus:before,
.wsbutton.tag.icon:active:before { background-position: -12px -324px; }

.wsbutton.trash.icon:before { background-position: 0 -336px; }
.wsbutton.trash.icon:hover:before,
.wsbutton.trash.icon:focus:before,
.wsbutton.trash.icon:active:before { background-position: -12px -336px; }

.wsbutton.user.icon:before { background-position: 0 -360px; }
.wsbutton.user.icon:hover:before,
.wsbutton.user.icon:focus:before,
.wsbutton.user.icon:active:before { background-position: -12px -360px; }


/* =============================================================================
   Button extensions
   ========================================================================== */

/* Primary button
   ========================================================================== */

.wsbutton.primary {
    font-weight: bold;
}

/* Border less
   ========================================================================== */

.borderless {
    border: 1px solid transparent;
    background-color: transparent;
    background-image: none;
}

/* Danger button
   ========================================================================== */

.wsbutton.danger {
    color: #900;
}

.wsbutton.danger:hover,
.wsbutton.danger:focus,
.wsbutton.danger:active {
    border-color: #b53f3a;
    border-bottom-color: #a0302a;
    color: #fff;
    background-color: #dc5f59;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#dc5f59), to(#b33630));
    background-image: -moz-linear-gradient(#dc5f59, #b33630);
    background-image: -ms-linear-gradient(#dc5f59, #b33630);
    background-image: -o-linear-gradient(#dc5f59, #b33630);
    background-image: linear-gradient(#dc5f59, #b33630);
}

.wsbutton.danger:active,
.wsbutton.danger.active {
    border-color: #a0302a;
    border-bottom-color: #bf4843;
    background-color: #b33630;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#b33630), to(#dc5f59));
    background-image: -moz-linear-gradient(#b33630, #dc5f59);
    background-image: -ms-linear-gradient(#b33630, #dc5f59);
    background-image: -o-linear-gradient(#b33630, #dc5f59);
    background-image: linear-gradient(#b33630, #dc5f59);
}

/* Pill button
   ========================================================================== */

.wsbutton.pill {
    border-radius: 50em;
}

/* Big button
   ========================================================================== */

.wsbutton.big {
    font-size: 14px;
}

.wsbutton.big.icon:before {
    top: 0;
}


/* =============================================================================
   Button groups
   ========================================================================== */

/* Standard group
   ========================================================================== */

.wsbutton-group {
    display: inline-block;
    list-style: none;
    padding: 0;
    margin: 0;
    /* IE hacks */
    zoom: 1;
    *display: inline;
}

.wsbutton + .wsbutton,
.wsbutton + .wsbutton-group,
.wsbutton-group + .wsbutton,
.wsbutton-group + .wsbutton-group {
    margin-left: 15px;
}

.wsbutton-group li {
    float: left;
    padding: 0;
    margin: 0;
}

.wsbutton-group .wsbutton {
    float: left;
    margin-left: -1px;
}

.wsbutton-group > .wsbutton:not(:first-child):not(:last-child),
.wsbutton-group li:not(:first-child):not(:last-child) .wsbutton {
    border-radius: 0;
}

.wsbutton-group > .wsbutton:first-child,
.wsbutton-group li:first-child .wsbutton {
    margin-left: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.wsbutton-group > .wsbutton:last-child,
.wsbutton-group li:last-child > .wsbutton {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

/* Minor group
   ========================================================================== */

.wsbutton-group.minor-group .wsbutton {
    border: 1px solid #d4d4d4;
    text-shadow: none;
    background-image: none;
    background-color: #fff;
}

.wsbutton-group.minor-group .wsbutton:hover,
.wsbutton-group.minor-group .wsbutton:focus {
    background-color: #599bdc;
}

.wsbutton-group.minor-group .wsbutton:active,
.wsbutton-group.minor-group .wsbutton.active {
    background-color: #3072b3;
}

.wsbutton-group.minor-group .wsbutton.icon:before {
    opacity: 0.8;
}

/* =============================================================================
   Button container (mixing buttons and groups, e.g., nav bar)
   ========================================================================== */

.wsbutton-container {
    padding-top: 20px;
}

.wsbutton-container .wsbutton,
.wsbutton-container .wsbutton-group {
    vertical-align: top;
}


/* Disabled button
   ========================================================================== */

.wsbutton.disable {
    opacity: 0.5;
    cursor: default;
}