/********** RESET SECTION **********/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

a:focus {
	outline: 0;
}

body {
	line-height: 1;
	color: black;
	background: white;
}

ol, ul {
	list-style: none;
}

/* tables still need 'cellspacing="0"' in the markup */

table {
	border-collapse: separate;
	border-spacing: 0;
}

caption, th, td {
	text-align: left;
	font-weight: normal;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}

blockquote, q {
	quotes: "" "";
}

/********** 960 GRID SYSTEM SECTION **********/

body {
	min-width: 960px
}

.container_11 {
	margin-left: auto;
	margin-right: auto;
	width: 1070px
}
.container_12 {
	margin-left: auto;
	margin-right: auto;
	width: 970px
}
.container_13 {
	margin-left: auto;
	margin-right: auto;
	width: 930px
}

.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12 {
	display: inline;
	float: left;
	margin-left: 10px;
	margin-right: 10px
}

.push_1, .pull_1, .push_2, .pull_2, .push_3, .pull_3, .push_4, .pull_4, .push_5, .pull_5, .push_6, .pull_6, .push_7, .pull_7, .push_8, .pull_8, .push_9, .pull_9, .push_10, .pull_10, .push_11, .pull_11, .push_12, .pull_12 {
	position: relative
}

.alpha {margin-left: 0}
.omega {margin-right: 0}

.container_12 .grid_1 {width: 60px}
.container_12 .grid_2 {width: 140px}
.container_12 .grid_3 {width: 220px}
.container_12 .grid_4 {width: 300px}
.container_12 .grid_5 {width: 380px}
.container_12 .grid_6 {width: 460px}
.container_12 .grid_7 {width: 540px}
.container_12 .grid_8 {width: 620px}
.container_12 .grid_9 {width: 700px}
.container_12 .grid_10 {width: 780px}
.container_12 .grid_11 {width: 860px}
.container_12 .grid_12 {width: 940px}

.container_12 .prefix_1 {padding-left: 80px}
.container_12 .prefix_2 {padding-left: 160px}
.container_12 .prefix_3 {padding-left: 240px}
.container_12 .prefix_4 {padding-left: 320px}
.container_12 .prefix_5 {padding-left: 400px}
.container_12 .prefix_6 {padding-left: 480px}
.container_12 .prefix_7 {padding-left: 560px}
.container_12 .prefix_8 {padding-left: 640px}
.container_12 .prefix_9 {padding-left: 720px}
.container_12 .prefix_10 {padding-left: 800px}
.container_12 .prefix_11 {padding-left: 880px}


.container_12 .suffix_1 {padding-right: 80px}
.container_12 .suffix_2 {padding-right: 160px}
.container_12 .suffix_3 {padding-right: 240px}
.container_12 .suffix_4 {padding-right: 320px}
.container_12 .suffix_5 {padding-right: 400px}
.container_12 .suffix_6 {padding-right: 480px}
.container_12 .suffix_7 {padding-right: 560px}
.container_12 .suffix_8 {padding-right: 640px}
.container_12 .suffix_9 {padding-right: 720px}
.container_12 .suffix_10 {padding-right: 800px}
.container_12 .suffix_11 {padding-right: 880px}

.container_12 .push_1 {left: 80px}
.container_12 .push_2 {left: 160px}
.container_12 .push_3 {left: 240px}
.container_12 .push_4 {left: 320px}
.container_12 .push_5 {left: 400px}
.container_12 .push_6 {left: 480px}
.container_12 .push_7 {left: 560px}
.container_12 .push_8 {left: 640px}
.container_12 .push_9 {left: 720px}
.container_12 .push_10 {left: 800px}
.container_12 .push_11 {left: 880px}

.container_12 .pull_1 {left: -80px}
.container_12 .pull_2 {left: -160px}
.container_12 .pull_3 {left: -240px}
.container_12 .pull_4 {left: -320px}
.container_12 .pull_5 {left: -400px}
.container_12 .pull_6 {left: -480px}
.container_12 .pull_7 {left: -560px}
.container_12 .pull_8 {left: -640px}
.container_12 .pull_9 {left: -720px}
.container_12 .pull_10 {left: -800px}
.container_12 .pull_11 {left: -880px}

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0
}

.clearfix:before, .clearfix:after {
	content: '\0020';
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0
}

.clearfix:after {
	clear: both
}

.clearfix {
	zoom: 1
}

.floatleft {float: left}
.floatright {float: right}

.m0 {margin: 0}

.mt5 {margin-top: 5px}
.mt10 {margin-top: 10px}
.mt15 {margin-top: 15px}
.mt20 {margin-top: 20px}
.mt30 {margin-top: 30px}
.mt40 {margin-top: 40px}
.mt50 {margin-top: 50px}
.mt60 {margin-top: 60px}
.mt70 {margin-top: 70px}
.mt80 {margin-top: 80px}
.mt90 {margin-top: 90px}
.mt100 {margin-top: 100px}

.mr5 {margin-right: 5px}
.mr10 {margin-right: 10px}
.mr15 {margin-right: 15px}
.mr20 {margin-right: 20px}
.mr30 {margin-right: 30px}
.mr40 {margin-right: 40px}
.mr50 {margin-right: 50px}
.mr60 {margin-right: 60px}
.mr70 {margin-right: 70px}
.mr80 {margin-right: 80px}
.mr90 {margin-right: 90px}
.mr100 {margin-right: 100px}

.mb5 {margin-bottom: 5px}
.mb10 {margin-bottom: 10px}
.mb15 {margin-bottom: 15px}
.mb20 {margin-bottom: 20px}
.mb30 {margin-bottom: 30px}
.mb40 {margin-bottom: 40px}
.mb50 {margin-bottom: 50px}
.mb60 {margin-bottom: 60px}
.mb70 {margin-bottom: 70px}
.mb80 {margin-bottom: 80px}
.mb90 {margin-bottom: 90px}
.mb100 {margin-bottom: 100px}

.ml5 {margin-left: 5px}
.ml10 {margin-left: 10px}
.ml15 {margin-left: 15px}
.ml20 {margin-left: 20px}
.ml30 {margin-left: 30px}
.ml40 {margin-left: 40px}
.ml50 {margin-left: 50px}
.ml60 {margin-left: 60px}
.ml70 {margin-left: 70px}
.ml80 {margin-left: 80px}
.ml90 {margin-left: 90px}
.ml100 {margin-left: 100px}

/********** CUSTOM FONTS SECTION **********/

@font-face {
	font-family: 'DroidSansRegular';
	src: url(../font/DroidSans.eot);
	src: local('☺'), url(../font/DroidSans.ttf) format('truetype');
	font-weight: normal;
	font-style: normal;
}

/********** JCAPTIFY PLUGIN SECTION**********/

div.jcaption {
	position: relative;
	margin-bottom: 10px;
	overflow: hidden;
}

div.jcaption.left {
  float: left;
  margin: 5px 18px 8px 0;
}

div.jcaption.right {
  float: right;
  margin: 5px 0 8px 18px;
}

div.jcaption img {
  margin: 0 !important;
}

div.jcaption p {
  position: absolute;
	bottom: 0;
	left: 0;
  margin: 0;
  padding: 0.8em;
  width: 100%;
	color: #fff;
	background: #000;
  font-weight: bold;
	font-size: 13px;
	text-shadow: 1px 1px 0 #222;
   filter: alpha(opacity=90);
  -moz-opacity: 0.9;
  -khtml-opacity: 0.9;
  opacity: 0.9;
}

/********** FANCYBOX PLUGIN SECTION**********/

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	width: 40px;
	height: 40px;
	margin-top: -20px;
	margin-left: -20px;
	cursor: pointer;
	overflow: hidden;
	z-index: 1104;
	display: none;
}

#fancybox-loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background-image: url(../images/fancybox.png);
}

#fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1100;
	display: none;
}

#fancybox-tmp {
	padding: 0;
	margin: 0;
	border: 0;
	overflow: auto;
	display: none;
}

#fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	padding: 20px;
	z-index: 1101;
	outline: none;
	display: none;
}

#fancybox-outer {
	position: relative;
	width: 100%;
	height: 100%;
	background: #fff;
}

#fancybox-content {
	width: 0;
	height: 0;
	padding: 0;
	outline: none;
	position: relative;
	overflow: hidden;
	z-index: 1102;
	border: 0px solid #fff;
}

#fancybox-hide-sel-frame {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
	z-index: 1101;
}

#fancybox-close {
	position: absolute;
	top: -15px;
	right: -15px;
	border-bottom: 0;
	width: 30px;
	height: 30px;
	background: transparent url(../images/fancybox.png) -40px 0px;
	cursor: pointer;
	z-index: 1103;
	display: none;
}

#fancybox-error {
	color: #444;
	font: normal 12px/20px Arial;
	padding: 14px;
	margin: 0;
}

#fancybox-img {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	border: none;
	outline: none;
	line-height: 0;
	vertical-align: top;
}

#fancybox-frame {
	width: 100%;
	height: 100%;
	border: none;
	display: block;
}

#fancybox-left, #fancybox-right {
	position: absolute;
	bottom: 0px;
	border-bottom: 0;
	height: 100%;
	width: 35%;
	cursor: pointer;
	outline: none;
	background: transparent url(../images/blank.gif);
	z-index: 1102;
	display: none;
}

#fancybox-left {
	left: 0px;
}

#fancybox-right {
	right: 0px;
}

#fancybox-left-ico, #fancybox-right-ico {
	position: absolute;
	top: 50%;
	left: -9999px;
	width: 30px;
	height: 30px;
	margin-top: -15px;
	cursor: pointer;
	z-index: 1102;
	display: block;
}

#fancybox-left-ico {
	background-image: url(../images/fancybox.png);
	background-position: -40px -30px;
}

#fancybox-right-ico {
	background-image: url(../images/fancybox.png);
	background-position: -40px -60px;
}

#fancybox-left:hover, #fancybox-right:hover {
	visibility: visible; /* IE6 */
}

#fancybox-left:hover span {
	left: 20px;
}

#fancybox-right:hover span {
	left: auto;
	right: 20px;
}

.fancybox-bg {
	position: absolute;
	padding: 0;
	margin: 0;
	border: 0;
	width: 20px;
	height: 20px;
	z-index: 1001;
}

#fancybox-bg-n {
	top: -20px;
	left: 0;
	width: 100%;
	background-image: url(../images/fancybox-x.png);
}

#fancybox-bg-ne {
	top: -20px;
	right: -20px;
	background-image: url(../images/fancybox.png);
	background-position: -40px -162px;
}

#fancybox-bg-e {
	top: 0;
	right: -20px;
	height: 100%;
	background-image: url(../images/fancybox-y.png);
	background-position: -20px 0px;
}

#fancybox-bg-se {
	bottom: -20px;
	right: -20px;
	background-image: url(../images/fancybox.png);
	background-position: -40px -182px;
}

#fancybox-bg-s {
	bottom: -20px;
	left: 0;
	width: 100%;
	background-image: url(../images/fancybox-x.png);
	background-position: 0px -20px;
}

#fancybox-bg-sw {
	bottom: -20px;
	left: -20px;
	background-image: url(../images/fancybox.png);
	background-position: -40px -142px;
}

#fancybox-bg-w {
	top: 0;
	left: -20px;
	height: 100%;
	background-image: url(../images/fancybox-y.png);
}

#fancybox-bg-nw {
	top: -20px;
	left: -20px;
	background-image: url(../images/fancybox.png);
	background-position: -40px -122px;
}

#fancybox-title {
	font-family: Helvetica;
	font-size: 12px;
	z-index: 1102;
}

.fancybox-title-inside {
	padding-bottom: 10px;
	text-align: center;
	color: #333;
	background: #fff;
	position: relative;
}

.fancybox-title-outside {
	padding-top: 10px;
	color: #fff;
}

.fancybox-title-over {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #FFF;
	text-align: left;
}

#fancybox-title-over {
	padding: 10px;
	background-image: url(../images/fancy_title_over.png);
	display: block;
}

.fancybox-title-float {
	position: absolute;
	left: 0;
	bottom: -20px;
	height: 32px;
}

#fancybox-title-float-wrap {
	border: none;
	border-collapse: collapse;
	width: auto;
}

#fancybox-title-float-wrap td {
	border: none;
	white-space: nowrap;
}

#fancybox-title-float-left {
	padding: 0 0 0 15px;
	background: url(../images/fancybox.png) -40px -90px no-repeat;
}

#fancybox-title-float-main {
	color: #FFF;
	line-height: 29px;
	font-weight: bold;
	padding: 0 0 3px 0;
	background: url(../images/fancybox-x.png) 0px -40px;
}

#fancybox-title-float-right {
	padding: 0 0 0 15px;
	background: url(../images/fancybox.png) -55px -90px no-repeat;
}

/* IE6 */

.fancybox-ie6 #fancybox-close { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancy_close.png', sizingMethod='scale'); }

.fancybox-ie6 #fancybox-left-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancy_nav_left.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-right-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancy_nav_right.png', sizingMethod='scale'); }

.fancybox-ie6 #fancybox-title-over { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancy_title_over.png', sizingMethod='scale'); zoom: 1; }
.fancybox-ie6 #fancybox-title-float-left { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancy_title_left.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-title-float-main { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancy_title_main.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-title-float-right { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancy_title_right.png', sizingMethod='scale'); }

.fancybox-ie6 #fancybox-bg-w, .fancybox-ie6 #fancybox-bg-e, .fancybox-ie6 #fancybox-left, .fancybox-ie6 #fancybox-right, #fancybox-hide-sel-frame {
	height: expression(this.parentNode.clientHeight + "px");
}

#fancybox-loading.fancybox-ie6 {
	position: absolute; margin-top: 0;
	top: expression( (-20 + (document.documentElement.clientHeight ? document.documentElement.clientHeight/2 : document.body.clientHeight/2 ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop )) + 'px');
}

#fancybox-loading.fancybox-ie6 div	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancy_loading.png', sizingMethod='scale'); }

/* IE6, IE7, IE8 */

.fancybox-ie .fancybox-bg { background: transparent !important; }

.fancybox-ie #fancybox-bg-n { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancy_shadow_n.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-ne { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancy_shadow_ne.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-e { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancy_shadow_e.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-se { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancy_shadow_se.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-s { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancy_shadow_s.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-sw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancy_shadow_sw.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-w { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancy_shadow_w.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-nw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancy_shadow_nw.png', sizingMethod='scale') }

/********** GENERAL SECTION **********/

body {
  font: 62.5%/1.5 Arial, Helvetica, sans-serif;
  color: #888;
	text-align: left;
	height: 100%;
}

/* Headers */

h1, h2, h3, h4, h5, h6 {
  font-family: 'DroidSansRegular';
  font-weight: normal;
  line-height: 1.4;
}

h1 {
  margin-bottom: 10px;
  font-size: 2.8em;
  letter-spacing: -1px;
  word-spacing: 1px;
  color: #111;
}

h2 {
  margin-bottom: 10px;
  font-size: 2.1em;
  letter-spacing: -0.2px;
  word-spacing: 1px;
  color: #222;
}

h3 {
  margin-bottom: 5px;
  font-size: 1.7em;
  color: #333;
}

h3a {
  margin-bottom: 5px;
  font-size: 1.7em;
  color: #fff;
}

h4 {
  margin-bottom: 5px;
  font-size: 1.5em;
  color: #333;
}

h4a {
  margin-bottom: 5px;
  font-size: 1.5em;
  color: #fff;
}

h5 {
  margin-bottom: 5px;
  font-size: 1.3em;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  word-spacing: 1px;
  color: #333;
}

h5a {
  margin-bottom: 5px;
  font-size: 1.3em;
  color: #eee;
}

h6 {
  margin-bottom: 5px;
  font-size: 1.2em;
  text-transform: uppercase;
  word-spacing: 1px;
  color: #333;
}

/* Links */

a {
  border-bottom: 1px dotted #1693a5;
  text-decoration: none;
	color: #006b32;
}

a:hover {
  border-color: #236973;
  color: #043c1e;
}

/* Images */

img {
  display: block;
}

/* Paragraph */

p {
  font-size: 1.3em;
  overflow: hidden;
}

/* Text selection */

*::selection {background: #006b32; color: #fff;}
*::-moz-selection {background: #006b32; color: #fff;}
*::-webkit-selection {background: #006b32; color: #fff;}

/********** TOP SECTION **********/

#top-wrapper {
  width: 100%;
  height: 80px;
  background: url(../images/bg-top.png) no-repeat center #212121;
}

#top-wrapper a {
  border-bottom: 0;
}

/* Logo */

#logo {
  float: left;
  margin:24px 0 0 45px;
  text-indent: -9999px;
}

#logo a {
  display: block;
  width: 389px;
  height: 32px;
  background: url(../images/logo.png) no-repeat;
}

/* Navigation */

#navigation {
  float: right;
  margin: 22px 30px 0 0;
  line-height: 100%;
}

#navigation li {
  float: left;
  position: relative;
  z-index: 200;
}

#navigation a {
  display: block;
  position: relative;
  padding: 6px 30px 6px 9px;
  border-left: 1px solid #414141;
  font-family: 'DroidSansRegular', Arial, sans-serif;
  font-size: 1.3em;
  color: #eee;
}

#navigation .navigation-description {
  display: block;
  margin-top: 6px;
  font-family: Arial, sans-serif;
  font-size: 0.8em;
  color: #888;
}

/* Dropdown menu */

#navigation ul {
  position:	absolute;
	top: -999em;
  z-index: 500;
  border: 1px solid #141414;
  border-top: 0;
  -moz-box-shadow: 2px 2px 2px 0px rgba(33,33,33,0.4);
  -webkit-box-shadow: 2px 2px 2px 0px rgba(33,33,33,0.4);
  box-shadow: 2px 2px 2px 0px rgba(33,33,33,0.4);
}

#navigation ul a {
  padding: 12px;
  border-left: 0;
  border-top: 1px solid #141414;
  font-size: 1.2em;
  background: url(../images/bg-navigation.png) repeat-x #1c1c1c;
  color: #bbb;
}

#navigation ul a:hover {
  background: url(../images/bg-navigation_hover.png) repeat-x #006b32;
  color: #fff;
}

/* Level 1 */

#navigation li:hover ul,
#navigation li.sfHover ul {
  left:	-10px;
	top: 45px;
}

#navigation li:hover li ul,
#navigation li.sfHover li ul {
	top: -999em;
}

/* Level 2 */

#navigation li li:hover ul,
#navigation li li.sfHover ul {
	top: 0;
}

#navigation li li:hover li ul,
#navigation li li.sfHover li ul {
	top: -999em;
}

/* Level 3 */

#navigation li li li:hover ul,
#navigation li li li.sfHover ul {
	top: 0;
}

/* Arrows and bullets */

#navigation a.sf-with-ul {
	min-width: 1px; /* trigger IE7 hasLayout so spans position accurately */
}

#navigation .sf-sub-indicator {
  display: block;
  position:	absolute;
	right: 12px;
	top: 16px;
	width: 5px;
	height: 5px;
	text-indent: -999em;
	background: url(../images/navigation-arrows.png) no-repeat;
	z-index: 99999;
	overflow: hidden;
}

#navigation ul .sf-sub-indicator{
  top: 15px;
  background: url(../images/navigation-bullets.png) no-repeat;
}

#navigation a:focus > .sf-sub-indicator,
#navigation a:hover > .sf-sub-indicator,
#navigation a:active > .sf-sub-indicator,
#navigation li:hover > a > .sf-sub-indicator,
#navigation li.sfHover > a > .sf-sub-indicator {
	background-position: -5px 0;
}

/********** SLIDER SECTION (HOMEPAGE ONLY) **********/

#slider-wrapper {
  border-top: 1px solid #043c1e;
  width: 100%;
  background: url(../images/bg-slider.png) repeat-x #125059;
}

#slider-wrapper a {
  border-bottom: 0;
}

#slider-wrap {
  position: relative;
  margin-top: 29px;
  padding-bottom: 60px;
  width: 940px;
  background: url(../images/slider-shadow.png) no-repeat bottom;
}

#slider {
  padding: 12px;
  min-height: 379px;
  background: url(../images/bg-slider_nav.png) repeat-x bottom #efefef;
  overflow: hidden;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}


/********** HEADER SECTION (HOMEPAGE ONLY) **********/

#homepage #header-wrapper {
  padding-top: 28px;
  border-top: 1px solid #043c1e;
  border-bottom: 6px solid #043c1e;
  width: 100%;
  background: url(../images/bg-header_homepage.png) repeat-x #004e25;
  overflow: hidden;
}

#homepage #header-wrapper h3 {
  color: #eee;
  line-height: 1.3;
  text-shadow: 1px 1px 0 #111;
}

#homepage #header-wrapper p {
  font-size: 1.2em;
  color: #9eafb1;
}

#homepage #header-wrapper a {
  border-bottom: 0;
  color: #eee;
}

#homepage #header-wrapper .column-1 {
  float: left;
  margin-right: 12px;
}

#homepage #header-wrapper .number {
  display: block;
  padding-top: 5px;
  width: 24px;
  height: 19px;
  background: url(../images/bg-number.png) top no-repeat;
  text-align: center;
  font-weight: bold;
  font-size: 1.4em;
  line-height: 1;
  color: #0d373d;
}

#homepage #header-wrapper .column-2 {
  float: left;
  padding-bottom: 12px;
  width: 264px;
}


/********** HEADER SECTION **********/

#page #header-wrapper {
  border-top: 1px solid #004e25;
  border-bottom: 6px solid #004e25;
  height: 125px;
  width: 100%;
  background: url(../images/bg-header.png) repeat-x #004e25;
  overflow: hidden;
}

#page #header-wrapper h1 {
  margin: 30px 0 11px 20px;
  font-size: 3.2em;
  line-height: 1;
  color: #fff;
  text-shadow: 1px 1px 0 #111;
}

#page #header-wrapper h3 {
  margin-left: 30px;
  line-height: 1;
  color: #accdd1;
  text-shadow: 1px 1px 0 #111;
}

#page #header-wrapper a {
  border-bottom: 0;
  color: #eee;
}

/********** CONTENT SECTION **********/

#content-wrapper {
  padding: 50px 0 60px 0;
  width: 100%;
  background-color: #fff;
  overflow: hidden;
}

/* Content elements margin bottom */

p, code, pre, blockquote, table, ul.circle, ul.disc, ul.square, ol.roman, ol.decimal, ol.lower-alpha, ol.upper-alpha {
  margin-bottom: 1.4em;
}

/* Text styles */

strong {font-weight: bold; color: #666;}
.italic {font-style: italic}
.underline {text-decoration: underline}
.uppercase {text-transform: uppercase}

/* Site intro */

.intro {
  text-align: center;
  line-height: 1.6;
}

/* Call to action */

.call-to-action {
  margin-bottom: 10px;
  padding: 30px;
  border-top: 1px dotted #ccc;
  border-bottom: 1px dotted #ccc;
}

.call-to-action a.button {
  float: right;
  margin: 25px 0 0 40px;
}

/* Column spacer */

.divider {
  float: left;
  width: 100%;
  height: 50px;
}

/* Horizontal dotted spacer */

hr {
  margin: 30px 0 20px 0;
  border: 0;
  border-bottom: 1px dotted #ccc;
  height: 0px;
}

/* Read more link */

.readmore {
  float: right;
  margin-top: 1.5em;
}

/* Icons aligns */

.icon-floatleft {
  float: left;
  margin: 6px 10px 2px 0;
}

.icon-floatright {
  float: right;
  margin: 2px 10px 6px 0;
}

/* Images aligns */

.image-floatleft {
  float: left;
  margin: 5px 18px 8px 0;
}

.image-floatright {
  float: right;
  margin: 5px 0 8px 18px;
}

/* Buttons */

a.button {
  display: block;
  padding: 8px 0 0 12px;
  border: 0;
  width: 190px;
  height: 29px;
  background: url(../images/bg-button.png) no-repeat;
  color: #333;
  font-weight: bold;
  font-size: 14px;
}

a.button:hover {
  background-position: 0 -37px;
  color: #222;
}

a.button-mini {
  display: block;
  padding: 7px 0 0 10px;
  border: 0;
  width: 117px;
  height: 23px;
  background: url(../images/bg-button_mini.png) no-repeat;
  color: #333;
  font-weight: bold;
  font-size: 11px;
}

a.button-mini:hover {
  background-position: 0 -30px;
  color: #222;
}

/* jQuery Image hover */

.hover-image, a.hover-image:hover {
  float: left;
  border: 0;
}

/* Highlights */

.highlight-light {
  padding: 1px 4px;
  background-color: #e3e3e3;
  color: #555;
}

.highlight-dark {
  padding: 1px 4px;
  background-color: #666;
  color: #fff;
}

/* Drop Cap */

.drop-cap {
  float: left;
  display: block;
  margin: 0 7px -5px 0;
  line-height: 1;
  font-size: 42px;
  color: #666;
}

/* Lists */

ul.circle {list-style: circle inside}
ul.disc {list-style: disc inside}
ul.square {list-style: square inside}
ol.roman {list-style: upper-roman inside}
ol.decimal {list-style: decimal inside}
ol.lower-alpha {list-style: lower-alpha inside}
ol.upper-alpha {list-style: upper-alpha inside}

#content-wrapper li {
  font-size: 1.3em;
}

#content-wrapper li li {
  font-size: 100%;
}


/* Lists inside lists */

#content-wrapper ul ul, #content-wrapper ol ol, #content-wrapper ul ol, #content-wrapper ol ul {
  margin-left: 20px;
  margin-bottom: 0 !important;
}

/* Thumbnail list */

.thumbnail-list {
  overflow: hidden;
}

.thumbnail-list li {
  float: left;
  margin-bottom: 12px;
  padding-bottom: 12px;
  border-bottom: 1px dotted #ccc;
}

.thumbnail-list img {
  float: left;
  margin-right: 8px;
}

.thumbnail-list .details {
  float: left;
  padding: 2px 0;
  width: 202px;
}

.thumbnail-list .details span {
  display: block;
  margin-top: 5px;
  font-size: 0.846em;
  color: #666;
}

.thumbnail-list .details a {
  line-height: 1;
}

/* Toggle content */

.toggle-content {
  margin: 10px 0;
  width: 100%;
  overflow: hidden;
}

.toggle-content li {
	margin: 10px 0;
	border-bottom: 1px dotted #ccc;
	position: relative;
	cursor: pointer;
	overflow: hidden;
	font-size: 1em !important;
}

.toggle-content span {
	position: absolute;
  top: 0;
  right: 5px;
	color: #ccc;
	font-size: 1.3em;
}

.toggle-content p {
	display: none;
}

/* Blockquote */

blockquote {
  margin: 20px 0;
  padding-left: 40px;
  background: url(../images/bg-blockquote.png) 0 5px no-repeat;
  font-size: 1.4em;
  overflow: hidden;
}

/* Cite */

cite {
  float: right;
  margin-top: 1.5em;
  color: #555;
}

/* Abbreviation and acronym */

abbr, acronym {
  border-bottom: 1px dotted;
}

/* Code and Pre */

code, pre {
  display: block;
  overflow: auto;
  padding: 15px;
  border: 1px dotted #ccc;
  font-family: monospace;
  font-size: 1.3em;
  line-height: 2;
  color: #4f4f4f;
}

/* Sidebar  */

.sidebar .divider {
  float: none;
  width: 100%;
  height: 30px;
}


.sidebar input[type="text"] {
  float: left;
  margin-right: 7px;
  padding-top: 7px;
  padding-bottom: 8px;
  width: 177px;
}

.sidebar input[type="submit"] {
  margin-top: 0px;
}

.sidebar p {
  margin-bottom: 0;
}

.sidebar-list {
  margin-bottom: 12px;
}

.sidebar-list li a {
  display: block;
  padding: 8px 0 8px 5px;
  border-bottom: 1px dotted #ccc;
  color: #444;
}

.sidebar-list li a:hover {
  background-color: #f3f3f3;
}

.ad {
  float: left;
  margin-bottom: 20px;
  margin-right: 20px;
  border-bottom: 0;
}

/* Table */

table {
  width: 100%;
  font-size: 1.3em;
}

th {
  padding: 9px 5px;
  font-weight: bold;
  background-color: #444;
  color: #fff;
}

tr td:first-child, th:first-child {
  padding-left: 20px;
}

tr td:last-child, th:last-child  {
  padding-right: 20px;
}

td {
  padding: 8px 5px;
}

.even td {
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  background-color: #f3f3f3;
  color: #777;
}

/* Forms */

label {
  display: block;
  margin: 20px 0 5px 0;
  font-size: 1.4em;
  font-weight: bold;
  color: #777;
}

label.error {
  margin: 10px 0 0 0;
  font-size: 1.3em;
  font-weight: normal;
  color: red;
}

input[type="text"], textarea {
  padding: 6px;
  border: 1px solid #ddd;
  width: 250px;
  font-size: 1.4em;
  color: #666;
  font-family: Tahoma, sans-serif;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

textarea {
  width: 400px;
  height: 200px;
  line-height: 1.6em;
}

input.error, textarea.error {
  border-color: red !important;
}

input[type="submit"] {
  margin-top: 25px;
  width: 92px;
  height: 33px;
  border: 0;
  background: url(../images/bg-submit.png) no-repeat;
  font-family: Tahoma, sans-serif;
  font-weight: bold;
  color: #555;
}

input[type="submit"]:hover {
  cursor: pointer;
}

#form-result {
  margin-left: 20px;
  font-size: 1.2em;
}

.success {
  color: green;
}

.fail {
  color: red;
}

/* Image with rounded borders */

.image {
  padding: 1px;
  border: 1px solid #ccc;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}

/* Blog Post */

.post {
  color: #666;
  overflow: hidden;
}

.post .post-image {
  margin-bottom: 15px;
}

.post .details {
  margin: -4px 0 30px 10px;
  line-height: 1;
  font-size: 0.9em;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #aaa;
}

.post .details a {
  color: #222;
  border-color: #222;
}

.post .details a:hover {
  color: #666;
  border-color: #666;
}

.post .details span {
  color: #222;
}

/* Blog Comments */

.comment-list {
  float: left;
  width: 100%;
}

.comment-list li {
  clear: both;
  float: left;
  position: relative;
  border-top: 1px dotted #ccc;
  padding-top: 15px;
  width: 100%;
  font-size: 1em !important;
}

.comment-list .avatar {
  float: left;
  width: 60px;
  margin-right: 15px;
}

.comment-list .comment-content {
  float: left;
  width: 545px;
  padding-bottom: 30px;
}

.comment-list .author {
  margin-bottom: 5px;
}

.comment-list .author span {
  color: #444;
  font-size: 1.5em;
  font-weight: bold;
}

.comment-list .children {
  margin-left: 60px !important;
}

.comment-list .children li .comment-content {
  width: 485px;
}

.comment-list .children .children li .comment-content {
  width: 425px;
}

/* Prev/Next navigation */

.nav {
  margin-top: 60px;
  overflow: hidden;
  padding: 5px 10px;
  border-top: 1px dotted #ccc;
}

.nav a {
  font-family: 'DroidSansRegular', Arial, sans-serif;
  font-size: 1.7em;
  color: #4f4f4f;
  border: 0;
}

.nav a:hover {
  color: #777;
}

/********** FOOTER SECTION **********/

#footer-wrapper {
  padding: 29px 0 55px 0;
  width: 100%;
  border-top: 6px solid #043c1e;
  border-bottom: 1px solid #043c1e;
  background: url(../images/bg-footer.png) repeat-x #0d363b;
  color: #c0ced1;
  overflow: hidden;
}

#footer-wrapper h3 {
  margin-bottom: 12px;
  line-height: 1;
  color: #fff;
  text-shadow: 1px 1px 0 #222;
}

#footer-wrapper p {
  font-size: 1.1em;
  line-height: 1.8em;
}

#footer-wrapper a {
  border-bottom: 0;
  font-size: 1.1em;
  color: #c0ced1;
}

#footer-wrapper li {
  padding: 5px 0;
  border-top: 1px solid #275157;
  line-height: 1.8em;
}

#footer-wrapper li a {
  display: block;
  padding-left: 17px;
  background: url(../images/arrow-footer.png) 0 6px no-repeat;
}

#footer-wrapper li:hover {
  padding-left: 10px;
  background-color: #164046;
}

#footer-wrapper h3+p {
  padding-top: 6px;
  border-top: 1px solid #275157;
}

#footer-wrapper .social-wrap a {
  display: block;
  float: left;
  margin-right: 13px;
}

#footer-wrapper .social-wrap a:hover {
  filter: alpha(opacity=75);
  -moz-opacity: 0.75;
  -khtml-opacity: 0.75;
  opacity: 0.75;
}

#footer-wrapper .footer-image {
  float: left;
  margin: 0 20px 11px 0;
  border: 2px solid #275157;
}

.footer-image:hover {
  filter: alpha(opacity=75);
  -moz-opacity: 0.75;
  -khtml-opacity: 0.75;
  opacity: 0.75;
}

/********** COPYRIGHT SECTION **********/

#copyright-wrapper {
  padding-top: 21px;
  height: 39px;
  font-size: 1.1em;
  line-height: 1.8em;
  background: url(../images/bg-copyright.png) repeat-x;
  color: #f7f7f7;
}

#copyright-wrapper a {
  border-bottom: 0;
}

#copyright-wrapper img {
  float: left;
}

.copyright {
  float: left;
  margin-left: 17px;
  padding-left: 15px;
  border-left: 1px solid #424242;
}