html, body {
	height: 100%;
}

body {
	margin: 0px;
	padding: 0px;
	background: #2E373C url(images/main-wrapper-bg.jpg) repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #707070;
}

h1, h2, h3 {
	margin: 0px;
	padding: 0px;
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight: 300;
}

p, ol, ul {
	margin-top: 0px;
}

p, ol {
	line-height: 180%;
	font-weight: normal;
}

strong {
	color: #484848;
}

a {
	color: #0DC1D0;
}

a:hover {
	text-decoration: none;
}

a img {
	border: none;
}

img.border {
}

img.alignleft {
	float: left;
	margin-top: 3px;
	margin-right: 30px;
}

img.alignright {
	float: right;
}

img.aligncenter {
	margin: 0px auto;
}

hr {
	display: none;
}

/** WRAPPER */

#wrapper {
}

.container {
	width: 1000px;
	margin: 0px auto;
}

.clearfix {
	clear: both;
}

/** HEADER */

#header-wrapper {
	overflow: hidden;
	height: 217px;
	background: url(images/header-wrapper-bg.jpg) repeat-x left top;
}

#header {
	overflow: hidden;
	height: 147px;
}

/** LOGO */

#logo {
	height: 110px;
	background: url(images/logo-border-bg.jpg) repeat-x left bottom;
}

#logo h1, #logo p {
	margin: 0px;
	padding: 0px;
	line-height: normal;
}

#logo h1 a {
	display: block;
	float: left;
	padding: 30px 20px 0px 0px;
	text-decoration: none;
	text-transform: lowercase;
	text-shadow: 1px 1px 0px rgba(0,0,0,.2);
	font-family: "Comic Sans MS", cursive;
	font-size: 40px;
	color: #FFFFFF;
}

#logo h1 span {
	float: left;
	padding: 45px 0px 0px 0px;
	letter-spacing: -1px;
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 30px;
	color: #D3DADE;
}

#logo p {
	float: right;
	margin: 0px;
	padding: 45px 0px 0px 0px;
	letter-spacing: -1px;
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 30px;
	color: #D3DADE;
}

/** MENU */

#menu-wrapper {
	height: 70px;
	padding-bottom: 10px;
	background: url(images/menu-wrapper-bg.jpg) no-repeat center top;
}

#menu {
	list-style: none;
	line-height: 70px;
	text-align: center;
	text-decoration: none;
	text-shadow: 1px 1px 0px rgba(0,0,0,.2);
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 21px;
	color: #D3DADE;
}

#menu li {
	display: inline-block;
	padding: 0px 25px 0px 25px;
}

#menu a {
	display: block;
	text-decoration: none;
	color: #D3DADE;
}

#menu a:hover, #menu .active {
	text-decoration: none;
	color: #FFFFFF;
}

#menu .last {
	padding-right: 0px;
}

/** DROPOTRON */

.dropotron li.opener {
}

.dropotron {
	width: 177px;
	margin: 0px 0px 0px 0px;
	border-bottom: 2px solid #21282C;
	list-style: none;
	text-shadow: 1px 1px 0px rgba(0,0,0,.2);
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 16px;
	color: #FFFFFF;

	padding: 20px 0px 20px 0px;
	background: url(images/menu-dropotron-bg.png) repeat-y 0px -50px;
}

.dropotron-level-1 {
	padding: 40px 0px 20px 0px;
	background: url(images/menu-dropotron-bg.png) repeat-y left top;
}

.dropotron a, .dropotron span {
	text-decoration: none;
	color: #FFFFFF;
}

.dropotron li {
	height: 38px;
	line-height: 38px;
	padding: 0px 0px 0px 20px;
	color: #FFFFFF;
}

.dropotron li:hover {
	background: url(images/dropotron-hover-bg.png) repeat-x left top;
}

.dropotron li:hover > a, .dropotron li:hover > span {
}

.dropotron li .arrow {
}

.dropotron .first a {
	border-top: none;
}

.dropotron li:hover > span {
}

/** PAGE */

#page-wrapper {
	overflow: hidden;
	background: url(images/page-wrapper-bg.jpg) repeat;
}

#page {
	overflow: hidden;
	padding: 50px 0px;
}

/** CONTENT */

#content {
	float: right;
	width: 745px;
}

.two-column2 #content {
	float: left;
}

/** SIDEBAR */

#sidebar {
	float: left;
	width: 235px;
}

.two-column2 #sidebar {
	float: right;
}

/** FOOTER */

#footer {
	overflow: hidden;
	padding: 60px 0px;
	background: url(images/footer-gradient-wrapper-bg.jpg) no-repeat center top;
	color: #939EA4;
}

#footer h2 {
}

#footer p {
	text-shadow: 1px 1px 0px rgba(0,0,0,.2);
}

#footer strong {
	color: #B6C2C9;
}

/** COPYRIGHT */

#copyright {
	overflow: hidden;
	height: 135px;
	background: url(images/copyright-divider-bg.png) repeat-x left top;
}

#copyright p {
	margin: 0px;
	padding: 45px 0px 0px 0px;
	text-align: center;
	text-shadow: 1px 1px 0px rgba(0,0,0,.15);
	font-size: 12px;
	color: #58666E;
}

/** FOOTER CONTENT */

#footer-content-wrapper {
	overflow: hidden;
	padding: 50px 0px;
	background: #1F9CB2;
}

#footer-content {
	text-shadow: 1px 1px 0px rgba(0,0,0,.15);
	color: #B9F8FF;
}

#footer-content .title1 span {
	text-shadow: 1px 1px 0px rgba(0,0,0,.15);
	color: #FFFFFF;
}

#footer-content #fbox1 {
	float: left;
	width: 490px;
}

#footer-content #fbox1-a {
}

#footer-content #fbox1-a .box1 {
	float: left;
	width: 235px;
}

#footer-content #fbox1-a .box2 {
	float: right;
	width: 235px;
}

#footer-content #fbox2 {
	float: right;
	width: 490px;
}

/** BANNER */

#banner-wrapper {
	overflow: hidden;
	height: 230px;
	padding: 30px 0px;
	background: url(images/banneer-wrapper-bg.jpg) repeat;
}

#banner {
	width: 980px;
	height: 220px;
	padding: 10px 10px 0px 10px;
	background: #FFFFFF;
}

#banner .thumbnails {
	float: left;
	width: 330px;
}

#banner .thumbnails ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

#banner .thumbnails li {
	float: left;
	padding: 0px 10px 10px 0px;
	line-height: 0;
}

#banner .fullview {
	float: right;
	width: 650px;
}

/** FOUR COLUMN CONTENT */

#welcome {
	overflow: hidden;
	padding: 50px 0px 0px 0px;
}

#welcome p {
	text-shadow: 1px 1px 0px rgba(255,255,255,1);
}

#welcome #colA {
	float: left;
	width: 235px;
	margin-right: 20px;
}

#welcome #colB {
	float: left;
	width: 235px;
	margin-right: 20px;
}

#welcome #colB .title1 span {
	background: url(images/title3-icon-bg.jpg) no-repeat right top;
}

#welcome #colC {
	float: left;
	width: 235px;
}

#welcome #colC .title1 span {
	background: url(images/title4-icon-bg.jpg) no-repeat right top;
}

#welcome #colD {
	float: right;
	width: 235px;
}

#welcome #colD .title1 span {
	background: url(images/title5-icon-bg.jpg) no-repeat right top;
}

/** FOUR COLUMN CONTENT */

#four-column {
	overflow: hidden;
	padding: 0px 0px 50px 0px;
}

#four-column #column1 {
	float: left;
	width: 235px;
	margin-right: 20px;
}

#four-column #column2 {
	float: left;
	width: 235px;
	margin-right: 20px;
}

#four-column #column3 {
	float: left;
	width: 235px;
}

#four-column #column4 {
	float: right;
	width: 235px;
}

/** TWO COLUMN CONTENT */

#two-column {
	overflow: hidden;
	padding: 0px 0px 40px 0px;
}

#two-column #column5 {
	float: left;
	width: 490px;
}

#two-column #column6 {
	float: right;
	width: 490px;
}

#two-column #column6 .title2 span {
	background: url(images/title7-icon-bg.jpg) no-repeat right top;
}


/** LIST STYLE 1 */

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

.list-style1 li {
	float: left;
	padding-right: 15px;
}

/** LIST STYLE 2 */

.list-style2 {
	margin: 0px;
	padding: 0px 0px 0px 0px;
	list-style: none;
}

.list-style2 li {
	padding: 30px 0px 10px 0px;
	background: url(images/content-divider-bg.jpg) repeat-x left top;
}

.list-style2 .first {
	padding-top: 0px;
	background: none;
}

.list-style2 .title1 span {
	background: url(images/title6-icon-bg.jpg) no-repeat right top;
}


/** LIST STYLE 3 */

.list-style3 {
	margin: 0px;
	padding: 20px 0px 0px 0px;
	list-style: none;
}

.list-style3 li {
	padding: 10px 0px 10px 0px;
	border-top: 1px solid #24ABBD;
}

.list-style3 a {
	color: #FFFFFF;
}

.list-style3 .first {
	padding-top: 0px;
	border-top: none;
}

/** LIST STYLE 4 */

.list-style4 {
	margin: 0px;
	padding: 0px 0px 0px 0px;
	list-style: none;
}

.list-style4 li {
	float: left;
	margin: 0px;
	padding: 0px 0px 15px 0px;
}

/** TITLE STYLE 1 */

.title1 {
	display: block;
	height: 56px;
	margin-bottom: 25px;
	padding: 0px 0px 0px 0px;
	background: url(images/title1-bottom-bg.jpg) repeat-x left bottom;
}

.title1 span {
	display: block;
	height: 50px;
	background: url(images/title1-icon-bg.jpg) no-repeat right top;
	line-height: 50px;
	text-shadow: 1px 1px 0px rgba(255,255,255,1);
	font-size: 21px;
	font-weight: 300;
	color: #273035;
}

/** TITLE STYLE 2 */

.title2 {
	display: block;
	height: 56px;
	margin-bottom: 25px;
	padding: 0px 0px 0px 0px;
	background: url(images/title2-bottom-bg.jpg) repeat-x left bottom;
}

.title2 span {
	display: block;
	height: 50px;
	background: url(images/title2-icon-bg.jpg) no-repeat right top;
	line-height: 50px;
	text-shadow: 1px 1px 0px rgba(0,0,0,.5);
	font-size: 21px;
	font-weight: 300;
	color: #FFFFFF;
}

/** TITLE STYLE 3 */

.title3 {
	display: block;
	height: 56px;
	margin-bottom: 25px;
	padding: 0px 0px 0px 0px;
	background: url(images/title3-bottom-bg.jpg) repeat-x left bottom;
}

.title3 span {
	display: block;
	height: 50px;
	background: url(images/title1-icon-bg.jpg) no-repeat right top;
	line-height: 50px;
	text-shadow: 1px 1px 0px rgba(0,0,0,.15);
	font-size: 21px;
	font-weight: 300;
	color: #FFFFFF;
}

/** BOX STYLE 1 */

.box-style1 {
	background: #FFFFFF;
	border-top: 4px solid #0DC1D1;
	border-bottom: 2px solid #BACCD7;
}

.box-style1 .title {
	padding: 40px 30px 10px 30px;
	letter-spacing: -1px;
	font-size: 40px;
	color: #273035;
}

.box-style1 .content {
	clear: both;
	padding: 30px 30px 10px 30px;
	color: #999999;
	font-weight: bold;
}

.box-style1 .meta {
	height: 64px;
	background: #E7EDF1;
}

.box-style1 .meta .tags {
	float: left;
	padding: 0px 0px 0px 30px;
	line-height: 64px;
	text-transform: uppercase;
	font-size: 11px;
	color: #909CA3;
}

.box-style1 .meta .tags a {
	color: #909CA3;
}

.box-style1 .meta .more {
	display: block;
	float: right;
	height: 34px;
	margin: 16px 30px 0px 0px;
	padding: 0px 30px;
	background: url(images/more-bg.jpg) repeat-x left top;
	line-height: 34px;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 11px;
	color: #FFFFFF;
}

.box-style1 .posted {
	display: block;
	float: left;
	height: 34px;
	margin: 0px 20px 0px 30px;
	padding: 0px 30px;
	background: url(images/posted-bg.jpg) repeat-x left top;
	line-height: 34px;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 11px;
	color: #FFFFFF;
}

.box-style1 .comments {
	float: left;
	padding: 0px 0px 0px 0px;
	line-height: 34px;
	text-transform: uppercase;
	font-size: 11px;
	color: #6F7578;
}

/** CONTENT DIVIDER */

.content-divider {
	height: 60px;
	background: url(images/content-divider-bg.jpg) repeat-x left 50%;
}

/** BOX 1 */

#box1 {
	overflow: hidden;
	margin-bottom: 20px;
}


/** BOX 2 */

#box2 {
	overflow: hidden;
	margin-bottom: 20px;
}