@font-face {
    font-family: 'robotolight';
    src: url('http://hbgltd.iwm80.com/packages/mono/themes/mono/fonts/Roboto-Light-webfont.eot');
    src: url('http://hbgltd.iwm80.com/packages/mono/themes/mono/fonts/Roboto-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://hbgltd.iwm80.com/packages/mono/themes/mono/fonts/Roboto-Light-webfont.woff') format('woff'),
         url('http://hbgltd.iwm80.com/packages/mono/themes/mono/fonts/Roboto-Light-webfont.ttf') format('truetype'),
         url('http://hbgltd.iwm80.com/packages/mono/themes/mono/fonts/Roboto-Light-webfont.svg#robotolight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'robotomedium';
    src: url('http://hbgltd.iwm80.com/packages/mono/themes/mono/fonts/Roboto-Medium-webfont.eot');
    src: url('http://hbgltd.iwm80.com/packages/mono/themes/mono/fonts/Roboto-Medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://hbgltd.iwm80.com/packages/mono/themes/mono/fonts/Roboto-Medium-webfont.woff') format('woff'),
         url('http://hbgltd.iwm80.com/packages/mono/themes/mono/fonts/Roboto-Medium-webfont.ttf') format('truetype'),
         url('http://hbgltd.iwm80.com/packages/mono/themes/mono/fonts/Roboto-Medium-webfont.svg#robotomedium') format('svg');
    font-weight: normal;
    font-style: normal;
}

body { 
	font: normal 15px "robotolight";
	line-height: 1.7;
	/* customize_body */ color: #111111; /* customize_body */
}
body#tinymce { color:#222 }

.site img {border: 0px}
.site a {
	text-decoration: none; 
	font-weight: normal;
	border-bottom: 1px solid #807366;
	/* customize_link */ color: #222222; /* customize_link */
}
.site a:hover {
	border-bottom: 1px solid #222;
	/* customize_link_hover */ color: #807366; /* customize_link_hover */
} 

.site h1, .site h2, .site h3, .site h4, .site h5, .site h6 { margin: 30px 15px 20px 0px; line-height: 1.3; font-weight: bold; text-transform: uppercase; color: #807366;}
.site h1 { font-size:37px; margin-top: 45px;}
.site h2 { font-size:30px; text-transform: none;}
.site h3 { font-size:24px; text-transform: none;}
.site h4 { font-size:18px; font-weight: bold}
.site h5 { font-size:18px; font-weight: bold}
.site h6 { font-size:18px; font-weight: bold; color: #a19589; margin: 5px 15px 20px 0px;}

.site p {margin: 10px 15px 20px}
.site ul, .site ol {margin: 0px 15px 15px; color}
.site ul li {margin: 0 0 0 25px; list-style: square outside }
.site ol li {margin: 0 0 0 30px; list-style: decimal outside}

.site .code {font-family: "Courier New", Courier, monospace; background: #fffade; border: 1px solid #e7deae; margin: 20px 15px}

/* Page Lists */
.site .lowercase {text-transform: none;}
.site .margin-top-zero {margin-top: 0;}
.site .ccm-page-list {margin: 20px 15px}
.site .ccm-page-list h3 {font-size: 17px; margin: 6px 0; padding: 0 0 0 30px; text-transform: none; background: url('http://hbgltd.iwm80.com/packages/mono/themes/mono/images/pagelist-bullet.png') 12px 10px no-repeat}
.site .link-no-underline {font-size: 37px;}
.site .image_no_margin {margin: 0px 0px 0px 0px; border-bottom: none !important;}

/* News Page */
.site .news-page .ccm-page-list h3 {
  background: none;
  font-size: 23px;
  margin: 25px 0 10px 0;
  padding: 0
}

/* News Article */
.site .news-article .ccm-page-list h3 {font-size: 15px; line-height: 1.6}


/*	Tablet (Portrait) 768px
***********************************************************************************************************************/
@media only screen and (min-width: 768px) and (max-width: 959px) {
	body {font-size:14px}
	.site h1 {font-size: 29px}
	.site h2 {font-size: 22px}
	.site h3 {font-size: 18px}
}


/*	Mobile (Landscape) 480px 
***********************************************************************************************************************/
@media only screen and (min-width: 480px) and (max-width: 767px) {
	body {font-size:14px}
	.site h1 {font-size: 27px}
	.site h2 {font-size: 22px}
	.site h3 {font-size: 18px}
	
}


/*	Mobile (Portrait) 320px 
***********************************************************************************************************************/
@media only screen and (max-width: 480px) {
	body {font-size:13px}
	.site h1 {font-size: 27px}
	.site h2 {font-size: 22px}
	.site h3 {font-size: 18px}
}