/* Open Sans */
@import url(http://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800|Vollkorn:400,700);
@font-face {
 font-family: OpenSansWeb;
 src: url("elements/fonts/OpenSans-Regular.eot");
}
@font-face {
 font-family: OpenSansWeb;
 src: url("elements/fonts/OpenSans-Regular.ttf");
}
@font-face {
 font-family: OpenSansWeb-l1;
 src: url("elements/fonts/OpenSans-Light.eot");
}
@font-face {
 font-family: OpenSansWeb-l1;
 src: url("elements/fonts/OpenSans-Light.ttf");
}
@font-face {
 font-family: OpenSansWeb-sb1;
 src: url("elements/fonts/OpenSans-Semibold.eot");
}
@font-face {
 font-family: OpenSansWeb-sb1;
 src: url("elements/fonts/OpenSans-Semibold.ttf");
}
@font-face {
 font-family: OpenSansWeb-b1;
 src: url("elements/fonts/OpenSans-Bold.eot");
}
@font-face {
 font-family: OpenSansWeb-b1;
 src: url("elements/fonts/OpenSans-Bold.ttf");
}
@font-face {
 font-family: OpenSansWeb-eb1;
 src: url("elements/fonts/OpenSans-ExtraBold.eot");
}
@font-face {
 font-family: OpenSansWeb-eb1;
 src: url("elements/fonts/OpenSans-ExtraBold.ttf");
}
/* Cooper Black */
@font-face {
 font-family: CooperBlack;
 src: url("elements/fonts/CooperBlack.eot");
}
@font-face {
 font-family: CooperBlack;
 src: url("elements/fonts/CooperBlack.ttf");
}



/* General Styling */
body {min-width: 400px; margin: 0; padding: 0; background: #eee; color: #333; font-size: 12pt; line-height: 24px; font-family: OpenSansVDG, 'Open Sans', sans-serif; text-align: center;}
body a {color: #aa0d0d; text-decoration: none;}
body a:hover {color: #000;}
h1, h2, h3, h4, h5, h6 {margin: 0; padding: 0; font-size: 17pt; line-height: 30px; color: #555; font-weight: 600; font-family: OpenSansSLC-sb1, 'Open Sans', arial;}
.centered {text-align: center !important;}


/* Containers */
.wrapperbox {display: block; margin: 0; width: 100%; position: relative;}
#internal {background: url('elements/page.png'); display: block; margin: 0 auto; box-shadow: 0 0 10px rgba(0, 0, 0, 0.65);}
.outer_wrapper {text-align: center; display: block; margin: 0 auto; padding: 20px 10px; max-width: 1400px; min-width: 380px; border-radius: 0px;}


/* Header */
.header {position: relative; top: 0px; left: 0px; z-index: 100; background: #fff url('elements/speckle3.png') top center; height: auto; display: block; width: 100%; margin-bottom: 0px; border-top: 2px solid #ccc; border-bottom: 5px solid #ddd; box-shadow: 0 0 10px rgba(0, 0, 0, 0.55);}
.header_offset {position: absolute; top: 0px; left: 0px; display: block; width: 100%; height: 1px; visibility: hidden;}
.header_inner {text-align: center; display: block; margin: 0 auto; width: 100%; background: url('elements/fade.png') repeat-x bottom center;}
.header a:hover {color: #fff;}


/* Info Blocks */
.info_block {padding: 0; margin: 0 auto; display: block; max-width: 1400px; min-width: 380px; padding: 10px;}
.info_block_inner {display: block;}
.info_block_infos {color: #eee; font-size: 1.2em; line-height: 1.3em; text-align: left; display: inline-block; zoom: 1; *display: inline; padding: 10px 0; margin: 0; width: auto; vertical-align: middle; margin-left: 20px; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);}
.info_block_title {font-size: 24pt; line-height: 36px; color: #eee; font-weight: normal; font-family: CooperBlack, OpenSansWeb-b1, 'Open Sans', sans-serif; letter-spacing: 0px; text-transform: none;}
.info_block_phone {font-size: 1.4em; line-height: 1.1em;}
.info_block_addr {font-size: 0.95em;}
.info_block_email a {color: #ccc; font-size: 0.95em;}
.info_block_email a:hover {color: #fff;}
.footerX .info_block_infos {text-align: center;}
.header .info_block_infos {color: #333;}
.header .info_block_title {color: #333;}
.header .info_block_email a {color: #333;}
.header .info_block_email a:hover {color: #000;}


/* Logo */
a.logolink {position: relative; margin: 5px auto; display: inline-block; zoom: 1; *display: inline; vertical-align: middle;}
a.logolink img {max-height: 190px; height: auto; width: auto; border: 0; padding: 0; border-radius: 0px;}
a.logolink img {opacity: 0.85; transition-property: opacity; transition-duration: 2s;}
a.logolink:hover img {opacity: 1.0;}


/* Footer */
.footerbox {display: block; clear: all; width: 100%; margin-top: 0px; background: #000 url('elements/speckle2.png') top center; text-align: center; padding: 0; border-top: 3px solid #111; box-shadow: 0 0 10px rgba(0, 0, 0, 0.55);}
.footer {display: block; margin: 0 auto; color: #fff; padding: 0; padding-top: 20px;  background: url('elements/fade2.png') repeat-x bottom center;}
.footer a {color: #ddd;}
.footer a:hover {color: #fff;}

/* Hosting */
.hosting {background: #fff url('elements/speckle3.png') top center; width: 100%; padding: 25px 0; margin: 0; display: block; clear: all; font-size: 10pt; color: #333; text-align: center; position: relative; z-index: 10; box-shadow: 0 0 10px rgba(0, 0, 0, 0.55); text-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);}
.hosting a {color: #333; font-weight: bold;} .hosting a:hover {color: #aa0d0d;}


/* Page Title */
.pagetitle {display: block; margin: 0 auto; width: 100%; padding: 25px 0; background: #000 url('elements/speckle2.png') top center; text-align: center; box-shadow: 0 0 10px rgba(0, 0, 0, 0.55); text-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);}
.pagetitle h2.pgttl {color: #fff; font-weight: normal; font-family: CooperBlack, OpenSansWeb-b1, 'Open Sans', sans-serif; font-size: 22pt; line-height: 40px; display: block; background: none; text-align: left; margin: 0 auto; padding: 0 10px; max-width: 1400px; min-width: 380px;}


/* Boxes */
.sectionbox {width: 100%; display: block; word-spacing: -5px; text-align: center;}
.boxitem {width: 100%; display: inline-block; zoom: 1; *display: inline; padding: 0; margin: 0; word-spacing: 0; vertical-align: top; background: none; min-width: 185px;}
.boxitem .boxinner {display: block; height: auto; padding: 5px; background: transparent; margin: 2px; border-radius: 5px; border: 0px solid #eee; text-align: justify; box-shadow: none;}
.boxitem .boxinner h3 {text-transform: uppercase; font-weight: normal; font-size: 1.5em; margin-bottom: 10px; font-family: CooperBlack, OpenSansWeb-b1, 'Open Sans', sans-serif; color: #111;}

/* Rotate */
.rt_holder {position: relative; z-index: 10; margin-top: 0px; display: block; width: 100%; text-align: center; height: auto; box-shadow: 0 0 10px rgba(0, 0, 0, 0.55);}
.rt_holder .cycle-slideshow {position: relative; z-index: 10; height: 600px; overflow: hidden;}
.rt_holder .rt {position: relative; display: block; height: 100%; width: 100%;}
.rt_holder .rt_inner {width: 100%; height: 100%; display: block; position: relative;}
.rt_holder .rt_inner img {display: block; width: auto; height: auto; min-width: 100%; min-height: 100%; position: absolute; top: 0px; left: 0px; margin: 0; border: 0; opacity: 1.0; transition-property: opacity; transition-duration: 2s;}
.rt_holder .rt_inner:hover img {opacity: 1.0;}
.rt_holder .rt_caption {font-size: 1.1em; color: #fff; font-weight: 600; font-family: OpenSansVDG-sb1, 'Open Sans', sans-serif; text-align: center; display: block; width: 95%; height: auto; padding: 25px 2.5%; position: absolute; bottom: 60px; left: 0px; background: url('elements/overlay.png');}
.rt_holder .rt_caption a.lmore {display: inline-block; zoom: 1; *display: inline; padding: 4px 10px; border-radius: 6px; border: 1px solid #fff; color: #fff; margin-left: 10px;}
.rt_holder .rt_caption a.lmore:hover {background: #fff; color: #aa0d0d;}
.rt_holder .rt_pager {width: 100%; padding: 0; height: auto; background: none; position: absolute; top: 600px; left: 0px; margin-top: -40px; z-index: 2000; display: block; text-align: center;}
.rt_holder .rt_pager span {opacity: 0.6; width: 12px; height: 12px; border: 2px solid #000; border-radius: 8px; line-height: 16px; background: #333; display: inline-block; margin: 0 5px; text-align: center; overflow: hidden; text-indent: 90px; float: none; position: relative; cursor: pointer; zoom: 1; *display: inline; *float: left;}
.rt_holder .rt_pager span.cycle-pager-active {background: #aa0d0d; border-color: #fff;}
.rt_holder .rt_pager span:hover {opacity: 1.0; background: #fff !important; border-color: #aa0d0d !important;}
.rt_holder .cycle-pager {position: absolute; visibility: hidden;}
.rt_holder .rt_nav {position: absolute; visibility: hidden;}


/* Sharing */
.shareitems {position: relative; top: 0px; z-index: 40; margin: 0px auto; margin-top: 10px; background: #111; width: auto; display: block; line-height: 32px; padding: 10px 0; border-radius: 6px;}
.shareitems span, .shareitems .sharetitle {position: relative; margin: 0 !important; margin-right: 1px !important; padding: 0 !important; display: inline-block; zoom: 1; *display: inline; float: none; vertical-align: middle;}
.shareitems .sharetitle {float: none; color: #fff; background: #222; padding: 2px 10px !important; margin-right: 4px !important; border-radius: 4px; font-size: 1.2em; font-weight: 400; text-transform: uppercase; display: inline-block; zoom: 1; *display: inline;}
.shareitems .st_email_large {position: relative; left: -1px;}


/* Images */
.sectionbox img {border-radius: 5px; margin: 0 auto; display: block; width: auto; height: auto; min-width: 342px; max-width: 96%; box-shadow: 0 0 6px rgba(0, 0, 0, 0.35); }
.sectionbox img.alignright {float: right; margin-left: 15px;}


/* Float Box */
.floatbox {width: 350px; margin-left: 15px; float: right; padding: 10px 5px; background: #333 url('elements/fade2.png') repeat-x bottom center; border-radius: 5px; display: block; margin-bottom: 15px;}
.facebookbox {width: 330px; height: auto; padding: 5px; display: block; float: none; margin: 0 auto; margin-top: 10px; margin-bottom: 0px; border: 1px solid #ddd; border-radius: 5px; background: #fff;}
