@font-face {
    font-family: 'GothamRndBold';
    src: url('GothamRnd-Bold.eot');
    src: url('GothamRnd-Bold.eot?#iefix') format('embedded-opentype'),
         /*url('GothamRnd-Bold.woff') format('woff'),*/
         url('GothamRnd-Bold.ttf') format('truetype'),
         url('GothamRnd-Bold.svg#GothamRndBold') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* HTML5 Boilerplate
 * ==|== normalize ==========================================================
 */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { margin: 0; font-size: 13px; line-height: 1.231; /*background-color:white;*/}
body, button, input, select, textarea { font-family: sans-serif; color: #222; }

/*::-moz-selection { background: #fe57a1; color: #fff; text-shadow: none; }
::selection { background: #fe57a1; color: #fff; text-shadow: none; }*/

a { color: #00e; }
a:visited { color: #551a8b; }
a:hover { color: #06e; }
a:focus { outline: thin dotted; }
a:hover, a:active { outline: 0; }

abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
svg:not(:root) { overflow: hidden; }
figure { margin: 0; }

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
label { cursor: pointer; }
legend { border: 0; *margin-left: -7px; padding: 0; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; *overflow: visible; }
table button, table input { *overflow: auto; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; margin-right:2px; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }

table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }

/* #Base 960 Grid
================================================== */

    .container                                  { position: relative; width: 960px; margin: 0 auto; padding: 0; }
    .container .column,
    .container .columns                         { float: left; display: inline; margin-left: 10px; margin-right: 10px; }
    .row                                        { margin-bottom: 20px; }

    /* Nested Column Classes */
    .column.alpha, .columns.alpha               { margin-left: 0; }
    .column.omega, .columns.omega               { margin-right: 0; }

    /* Base Grid */
    .container .one.column,
    .container .one.columns                     { width: 40px;  }
    .container .two.columns                     { width: 100px; }
    .container .three.columns                   { width: 160px; }
    .container .four.columns                    { width: 220px; }
    .container .five.columns                    { width: 280px; }
    .container .six.columns                     { width: 340px; }
    .container .seven.columns                   { width: 400px; }
    .container .eight.columns                   { width: 460px; }
    .container .nine.columns                    { width: 520px; }
    .container .ten.columns                     { width: 580px; }
    .container .eleven.columns                  { width: 640px; }
    .container .twelve.columns                  { width: 700px; }
    .container .thirteen.columns                { width: 760px; }
    .container .fourteen.columns                { width: 820px; }
    .container .fifteen.columns                 { width: 880px; }
    .container .sixteen.columns                 { width: 940px; }

    .container .one-third.column                { width: 300px; }
    .container .two-thirds.column               { width: 620px; }

    /* Offsets */
    .container .offset-by-one                   { padding-left: 60px;  }
    .container .offset-by-two                   { padding-left: 120px; }
    .container .offset-by-three                 { padding-left: 180px; }
    .container .offset-by-four                  { padding-left: 240px; }
    .container .offset-by-five                  { padding-left: 300px; }
    .container .offset-by-six                   { padding-left: 360px; }
    .container .offset-by-seven                 { padding-left: 420px; }
    .container .offset-by-eight                 { padding-left: 480px; }
    .container .offset-by-nine                  { padding-left: 540px; }
    .container .offset-by-ten                   { padding-left: 600px; }
    .container .offset-by-eleven                { padding-left: 660px; }
    .container .offset-by-twelve                { padding-left: 720px; }
    .container .offset-by-thirteen              { padding-left: 780px; }
    .container .offset-by-fourteen              { padding-left: 840px; }
    .container .offset-by-fifteen               { padding-left: 900px; }
	
/* #Images
================================================== */

	img.scale-with-grid {
		max-width: 100%;
		height: auto; }

/* #Buttons
================================================== */

	.button,
	button,
	input[type="submit"],
	input[type="reset"],
	input[type="button"] {
		background: #eee; /* Old browsers */
		background: #eee -moz-linear-gradient(top, rgba(255,255,255,.2) 0%, rgba(0,0,0,.2) 100%); /* FF3.6+ */
		background: #eee -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.2)), color-stop(100%,rgba(0,0,0,.2))); /* Chrome,Safari4+ */
		background: #eee -webkit-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* Chrome10+,Safari5.1+ */
		background: #eee -o-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* Opera11.10+ */
		background: #eee -ms-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* IE10+ */
		background: #eee linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* W3C */
	  border: 1px solid #aaa;
	  border-top: 1px solid #ccc;
	  border-left: 1px solid #ccc;
	  padding: 4px 12px;
	  -moz-border-radius: 3px;
	  -webkit-border-radius: 3px;
	  border-radius: 3px;
	  color: #444;
	  display: inline-block;
	  font-size: 11px;
	  font-weight: bold;
	  text-decoration: none;
	  text-shadow: 0 1px rgba(255, 255, 255, .75);
	  cursor: pointer;
	  margin-bottom: 20px;
	  line-height: normal;
	  padding: 8px 10px;
	  font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; }

	.button:hover,
	button:hover,
	input[type="submit"]:hover,
	input[type="reset"]:hover,
	input[type="button"]:hover {
		color: #222;
		background: #ddd; /* Old browsers */
		background: #ddd -moz-linear-gradient(top, rgba(255,255,255,.3) 0%, rgba(0,0,0,.3) 100%); /* FF3.6+ */
		background: #ddd -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.3)), color-stop(100%,rgba(0,0,0,.3))); /* Chrome,Safari4+ */
		background: #ddd -webkit-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* Chrome10+,Safari5.1+ */
		background: #ddd -o-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* Opera11.10+ */
		background: #ddd -ms-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* IE10+ */
		background: #ddd linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* W3C */
	  border: 1px solid #888;
	  border-top: 1px solid #aaa;
	  border-left: 1px solid #aaa; }

	.button:active,
	button:active,
	input[type="submit"]:active,
	input[type="reset"]:active,
	input[type="button"]:active {
		border: 1px solid #666;
		background: #ccc; /* Old browsers */
		background: #ccc -moz-linear-gradient(top, rgba(255,255,255,.35) 0%, rgba(10,10,10,.4) 100%); /* FF3.6+ */
		background: #ccc -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.35)), color-stop(100%,rgba(10,10,10,.4))); /* Chrome,Safari4+ */
		background: #ccc -webkit-linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* Chrome10+,Safari5.1+ */
		background: #ccc -o-linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* Opera11.10+ */
		background: #ccc -ms-linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* IE10+ */
		background: #ccc linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* W3C */ }

	.button.full-width,
	button.full-width,
	input[type="submit"].full-width,
	input[type="reset"].full-width,
	input[type="button"].full-width {
		width: 100%;
		padding-left: 0 !important;
		padding-right: 0 !important;
		text-align: center; }

	/* Fix for odd Mozilla border & padding issues */
	button::-moz-focus-inner,
	input::-moz-focus-inner {
    border: 0;
    padding: 0;
	}	
	
/* ==|== primary styles =====================================================
   Author: JOHNY SUSANTO 31Mar12
   ========================================================================== */
html,body{height: 100%;}
body{ background:url(../images/bgpattern.jpg) repeat; line-height:1.5em; color: #008752; font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; }
#body{ overflow:hidden;}
#footer-container{ background:url(../images/grass.png) repeat-x left bottom;}

.remove-bottom{ margin-bottom:0;}
.green-text{ color: #008752; }
h1{
	font-family: Arial, Helvetica, sans-serif;
	/*font-family: 'Allura', cursive;*/
	font-weight:normal;
	font-size:1.5em;
	text-transform:capitalize;
	color: white; /*#444;*/
	border-bottom:4px solid #ebebeb;
	padding-bottom:18px;
	/*opacity:0.5; 
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	padding-top:10px;
	
	margin-bottom:35px;*/
}
h1 a{ text-decoration:none; color: #444;}
h1 a:hover{ text-decoration:underline ; color: #444;}
h1 a:visited{ text-decoration:none; color: #444;}
h2.facts-header{ font-size:2.4em; line-height:1.2em; font-family:GothamRndBold; font-weight:normal;}
h3{ font-size:14px; font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight:bold; margin-bottom:8px;}

.bgslide-container{overflow:hidden; height:100%; width:100%; position:fixed; text-align:center;}
#header{ overflow:hidden;}
.logo{ margin-top:22px; font-family: 'Allura', cursive; font-size:3.5em; text-align:center; }
.logo a{ text-decoration:none; color:white; text-shadow: 0px 1px 1px #000;}


/*OPERA SPECIFIC*/
@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) {
	.slogan{ margin-bottom:20px;}
}

/*FIREFOX SPECIFIC*/
@-moz-document url-prefix() {
	.slogan{ margin-bottom:20px;}
}

#topmenu{text-align:center; border:2px dotted #008752; border-left:none; border-right:none;}
#topmenu ul{ margin-top:6px; margin-bottom:6px; padding-left:0; }

.ie6 #topmenu ul{display: inline;}
.ie7 #topmenu ul{display: inline;}

#topmenu ul li{ display:inline; list-style:none; margin-left:0; margin-right:0; text-align:center; }
#topmenu ul li a{ font-size:0.875em; font-family:GothamRndBold; color: #008752; letter-spacing:0.1em; 
text-transform:uppercase; text-decoration:none; padding:8px 27px 7px 27px; border-right:2px dotted #008752;}
#topmenu ul li a:hover{ color: #90bd1f}
#topmenu ul li a.active{ color:#90bd1f; /*color: #90bd1f*/}
#topmenu ul li a.last{ border-right:none; }

.content-block{background-color:#444; color:#444; background: rgb(251, 251, 251); background: rgba(251, 251, 251, 0.7); padding:10px; }
.home-content{background: rgba(0, 0, 0, 0.7); height:360px; visibility:hidden;}
.home-bottom{ color:white; text-shadow: 0px 1px 1px #000; font-size:1.15em;}

.product-image{ }

#footer{ padding-top:15px; padding-bottom:70px; overflow:hidden; text-shadow: 0px 1px 1px #000; color: white; font-size:.875em;}
#footericons{float:right;}

#socmed-container{ margin-bottom:10px;}
.socmed-icon{padding:0; background: url(../images/socialicons.png) no-repeat;
text-indent:-3000px;position:relative; display:inline-block; width:20px; height:20px; text-align:left;}
a.socmed-fb{ background-position:top left; margin-right:8px;}
a.socmed-fb:hover{ background-position:bottom left;}
a.socmed-twitter{ background-position:top right; }
a.socmed-twitter:hover{ background-position:bottom right;}
.fact-list{padding-left:24px; }
.fact-list li{ margin-bottom:10px;}
.shadowed{
-moz-box-shadow: 0px 0px 10px #000000;
-webkit-box-shadow: 0px 0px 10px #000000;
box-shadow: 0px 0px 10px #000000;
}
#about-container{font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:1.1em; padding-right:350px; text-align:justify; line-height:1.4em;}
#about-container p{ line-height:1.2em; margin-bottom:24px;}
#contact-left{font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:1.05em; margin-top:18px; text-shadow: 0px 1px 1px #000;}

#contact-left a{ color:#CCFFFF; }
.contact-form{font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:1.1em; margin-top:18px; background-color:#008752; 
padding:30px; padding-bottom:0; color:white; margin-bottom:10px; /*padding-top:0;*/
}
.contact-us-header{ border-bottom:1px dotted white; padding:10px 0 10px 0; margin-bottom:20px;}
.clients-left{ padding-bottom:10px; position:relative; display:block; text-align:center;}
.client-logo{ margin-left:10px; margin-right:10px; margin-bottom:20px;}

.contact-form table td{ vertical-align:super;}
.contact-form input{ background-color: #fbfbfb; height:24px; font-size:14px; padding-left:8px; border:1px solid #888; width:90%; margin-bottom:16px;margin-left:16px;}
.contact-form textarea{ width:80%; background-color: #fbfbfb; border:1px solid #888; clear:both; float:none; padding:8px; width:88%; margin-left:16px; margin-bottom:16px;}
.contact-form dl{float:left; margin:0; padding:0; margin-bottom:14px;}
.contact-form dt{ padding-bottom:5px; color:white; }
.contact-form dd{ padding:0; margin:0; }
#contact-submit{ width:90px; font-size:12px; background-color:#90bd1f; color:#efefef; text-transform:uppercase; padding:4px; text-shadow:none; height:30px;
display:block; zoom:1; clear:both; }

.product-name{ color:#90bd1f; font-size:1.3em; padding-top:40px; font-family: Helvetica, Arial, sans-serif; text-transform:uppercase; letter-spacing:0.1em; font-weight:bold}
#fact-slides .slides_container{ height:300px;}

/*====System messages coloring ===============================================*/
.system-message{display:none; padding-left:10px;}
.system-message.error{display:block; border: 1px solid #C88383; color: #882626; background-color:#FABBBB;}
.system-message.info{display:block; border: 1px solid #7EA2BF; color: #1E4F74;background-color:#B6D9F4;}
.system-message.ok{display:block; border: 1px solid #90B96B; color: #345F0E;background-color:#C2EE9B;}
.system-message.warning{display:block; border-color: #FFD324; color: #514721;background-color: #FFF6BF;}

/* ==|== non-semantic helper classes ======================================== */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; }
.ir br { display: none; }
.hidden { display: none !important; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

/*====System messages coloring ===============================================*/
.system-message{display:none;}
.system-message.error{display:block; border: 1px solid #C88383; color: #882626; background-color:#FABBBB;}
.system-message.info{display:block; border: 1px solid #7EA2BF; color: #1E4F74;background-color:#B6D9F4;}
.system-message.ok{display:block; border: 1px solid #90B96B; color: #345F0E;background-color:#C2EE9B;}
.system-message.warning{display:block; border-color: #FFD324; color: #514721;background-color: #FFF6BF;}

/*==== Color Selections ======================================================*/
.bg_problue {background-color: #0774A7;} /*http://muse.themio.net/index.php*/
.bg_asphalt{background-color: #292929;}
.bg_softgrey{ background-color: #E5E5E5;}
.bg_fbgrey{ background-color: #FBFBFB;}

/* Skeleton Integration - Self Clearing Goodness */
.container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }

/* Use clearfix class on parent to clear nested columns,
or wrap each row of columns in a <div class="row"> */
/*.clearfix:before, .clearfix:after, */
.row:before, .row:after {content: '\0020';display: block;overflow: hidden;visibility: hidden;width: 0;height: 0; }
.row:after,.clearfix:after {clear: both; }
.row {zoom: 1; }

/* You can also use a <br class="clear" /> to clear columns */
.clear {clear: both;display: block;overflow: hidden;visibility: hidden;width: 0;height: 0;}

/* ==|== media queries ====================================================== */

@media only screen and (min-width: 480px) {}
@media only screen and (min-width: 768px) {}
@media screen and (max-width: 480px) {}


/* #Tablet (Portrait)
================================================== */

    /* Note: Design for a width of 768px */

    @media only screen and (min-width: 768px) and (max-width: 959px) {
        .container                                  { width: 768px; }
        .container .column,
        .container .columns                         { margin-left: 10px; margin-right: 10px;  }
        .column.alpha, .columns.alpha               { margin-left: 0; margin-right: 10px; }
        .column.omega, .columns.omega               { margin-right: 0; margin-left: 10px; }
        .alpha.omega                                { margin-left: 0; margin-right: 0; }

        .container .one.column,
        .container .one.columns                     { width: 28px; }
        .container .two.columns                     { width: 76px; }
        .container .three.columns                   { width: 124px; }
        .container .four.columns                    { width: 172px; }
        .container .five.columns                    { width: 220px; }
        .container .six.columns                     { width: 268px; }
        .container .seven.columns                   { width: 316px; }
        .container .eight.columns                   { width: 364px; }
        .container .nine.columns                    { width: 412px; }
        .container .ten.columns                     { width: 460px; }
        .container .eleven.columns                  { width: 508px; }
        .container .twelve.columns                  { width: 556px; }
        .container .thirteen.columns                { width: 604px; }
        .container .fourteen.columns                { width: 652px; }
        .container .fifteen.columns                 { width: 700px; }
        .container .sixteen.columns                 { width: 748px; }

        .container .one-third.column                { width: 236px; }
        .container .two-thirds.column               { width: 492px; }

        /* Offsets */
        .container .offset-by-one                   { padding-left: 48px; }
        .container .offset-by-two                   { padding-left: 96px; }
        .container .offset-by-three                 { padding-left: 144px; }
        .container .offset-by-four                  { padding-left: 192px; }
        .container .offset-by-five                  { padding-left: 240px; }
        .container .offset-by-six                   { padding-left: 288px; }
        .container .offset-by-seven                 { padding-left: 336px; }
        .container .offset-by-eight                 { padding-left: 384px; }
        .container .offset-by-nine                  { padding-left: 432px; }
        .container .offset-by-ten                   { padding-left: 480px; }
        .container .offset-by-eleven                { padding-left: 528px; }
        .container .offset-by-twelve                { padding-left: 576px; }
        .container .offset-by-thirteen              { padding-left: 624px; }
        .container .offset-by-fourteen              { padding-left: 672px; }
        .container .offset-by-fifteen               { padding-left: 720px; }
		
		#about-container{ padding-right:0;}
    }


/*  #Mobile (Portrait)
================================================== */

    /* Note: Design for a width of 320px */

    @media only screen and (max-width: 767px) {
        .container { width: 300px; }
        .container .columns,
        .container .column { margin: 0; }

        .container .one.column,
        .container .one.columns,
        .container .two.columns,
        .container .three.columns,
        .container .four.columns,
        .container .five.columns,
        .container .six.columns,
        .container .seven.columns,
        .container .eight.columns,
        .container .nine.columns,
        .container .ten.columns,
        .container .eleven.columns,
        .container .twelve.columns,
        .container .thirteen.columns,
        .container .fourteen.columns,
        .container .fifteen.columns,
        .container .sixteen.columns,
        .container .one-third.column,
        .container .two-thirds.column  { width: 300px; }

        /* Offsets */
        .container .offset-by-one,
        .container .offset-by-two,
        .container .offset-by-three,
        .container .offset-by-four,
        .container .offset-by-five,
        .container .offset-by-six,
        .container .offset-by-seven,
        .container .offset-by-eight,
        .container .offset-by-nine,
        .container .offset-by-ten,
        .container .offset-by-eleven,
        .container .offset-by-twelve,
        .container .offset-by-thirteen,
        .container .offset-by-fourteen,
        .container .offset-by-fifteen { padding-left: 0; }

		#about-container{ padding-right:0;}
		.logo{ float:left;}
		#copyright{ position:absolute; bottom:0; text-align:left; left:0; padding-top:10px;}
		#topmenu-container ul li a{ border-right:none; border-left:none; display:block; text-align:left; }
		p.product-name{ padding-top:0px; font-size:0.95em}
		.clients-left {height:auto; border-right:none; margin-bottom:20px;}
    }


/* #Mobile (Landscape)
================================================== */

    /* Note: Design for a width of 480px */

    @media only screen and (min-width: 480px) and (max-width: 767px) {
        .container { width: 420px; }
        .container .columns,
        .container .column { margin: 0; }

        .container .one.column,
        .container .one.columns,
        .container .two.columns,
        .container .three.columns,
        .container .four.columns,
        .container .five.columns,
        .container .six.columns,
        .container .seven.columns,
        .container .eight.columns,
        .container .nine.columns,
        .container .ten.columns,
        .container .eleven.columns,
        .container .twelve.columns,
        .container .thirteen.columns,
        .container .fourteen.columns,
        .container .fifteen.columns,
        .container .sixteen.columns,
        .container .one-third.column,
        .container .two-thirds.column { width: 420px; }
		
		#about-container{ padding-right:0;}
		.logo{ float:left;}
		#copyright{ position:absolute; bottom:0; text-align:right; right:0; padding-top:10px;}
		#topmenu-container{ width:418px;}
    }


/* ==|== print styles ======================================================= */
 
@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } 
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } 
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; }
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}