/* = start =============GENERAL============== */
@font-face {
 font-family: diavlo-medium;
 src: url("../fonts/DiavloMedium-Regular.eot") /* EOT file for IE */
}
@font-face {
 font-family: diavlo-medium;
 src: url("../fonts/Diavlo_MEDIUM_II_37.otf") /* TTF file for CSS3 browsers */
} 

@font-face {
 font-family: diavlo-book;
 src: url("../fonts/DiavloBook-Regular.eot") /* EOT file for IE */
}
@font-face {
 font-family: diavlo-book;
 src: url("../fonts/Diavlo_BOOK_II_37.otf") /* TTF file for CSS3 browsers */
}
@font-face {
 font-family: diavlo-light;
 src: url("../fonts/DiavloLight-Regular.eot") /* EOT file for IE */
}
@font-face {
 font-family: diavlo-light;
 src: url("../fonts/Diavlo_LIGHT_II_37.otf") /* TTF file for CSS3 browsers */
}
@font-face {
 font-family: diavlo-black;
 src: url("../fonts/DiavloBlack-Regular.eot") /* EOT file for IE */
}
@font-face {
 font-family: diavlo-black;
 src: url("../fonts/Diavlo_BLACK_II_37.otf") /* TTF file for CSS3 browsers */
}
@font-face {
 font-family: diavlo-bold;
 src: url("../fonts/DiavloBold-Regular.eot") /* EOT file for IE */
}
@font-face {
 font-family: diavlo-bold;
 src: url("../fonts/Diavlo_BOLD_II_37.otf") /* TTF file for CSS3 browsers */
}

body {	font: 10pt/14pt Helvetica, Arial, sans-serif; margin: 0; padding: 0; height: 100%; color: #616161; background: #fff url(../images/gr/1.gif) 0 0 repeat-x;}

a { text-decoration: none; color: #1656A0;}
a:visited {	}
a:hover,
a:focus { /*text-decoration: underline;*/ text-decoration: none;color: #1656A0;}
a:active { }
a img {	border: none; }

table {  margin: 20px auto; padding: 0; border-collapse: separate; }

table.contentalignleft td, table.contentalignleft th { text-align: left; }
table.contentalignright td, table.contentalignright th { text-align: right; }

table th { font-weight: normal; color: #000; font-size: 1em; }
table td { font-size: .9em; }

table.style-1 { background-position: 0 0; background-image: url(../images/gr/table-1.png); background-position: 0 bottom; background-repeat: repeat-x; border-collapse: separate;border: 1px solid #333; border-right: 1px solid #cfcfcf; border-left: 1px solid #cfcfcf;border-bottom: #707070; -webkit-box-shadow: #555 0 1px 1px; -moz-box-shadow: #555 0 1px 1px; box-shadow: #555 0 1px 1px; border-top: none; -webkit-border-radius: 4px; border-radius: 4px; -moz-border-radius: 4px; }
table.style-1 td, table.style-1 th { border-top: 1px solid #fff; border-left: 1px solid #fff; border-right: 1px solid #e1e1e1;  border-bottom: 1px solid #e1e1e1; background: none; margin: 0;text-align: center; padding: 13px 10px; vertical-align: top;}
table.style-1 tr:first-child { background: #f3f3f3; }
table.style-1 th:last-child, table td:last-child { border-right: none; }
table.style-1 th:first-child, table td:first-child { border-left: none; }
table.style-1 tr:hover > * { background: rgba(0,0,0,.03); }

table.style-2 { font-size: 1.2em; border: 1px solid #333; border-right: 1px solid #cfcfcf; border-left: 1px solid #cfcfcf;border-bottom: #707070; -webkit-box-shadow: #555 0 1px 1px; -moz-box-shadow: #555 0 1px 1px; box-shadow: #555 0 1px 1px; border-top: none; -webkit-border-radius: 4px; border-radius: 4px; -moz-border-radius: 4px; background-color: #f6f6f6;background: #fff;}
table.style-2 td, table.style-2 th { margin: 0;text-align: center; padding: 13px 10px; vertical-align: top;color: #454545; border-right: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; }
table.style-2 th { background-color: #f6f6f6; border-top: 1px solid #fff;}

.pricing { margin: 30px 0; padding: 20px 0; border: none; border-collapse: separate;border-spacing: 20px;}
.main > .pricing:first-child { margin-top: 0; }
.pricing tr > td { vertical-align: top;margin: 0px;  padding: 0;border: 1px solid #eaeaea; -webkit-border-radius: 4px; -moz-border-radius: 4px;border-radius: 4px; border-radius: 4px; border-bottom: 1px solid #aaa; -webkit-box-shadow: rgba(0,0,0,.1) 0 1px 0px; -moz-box-shadow: rgba(0,0,0,.2) 0 1px 0px; box-shadow: rgba(0,0,0,.2) 0 1px 0px; }
.pricing td,
.pricing th { border: none; font-size: 1em; }
.pricing table {  margin: 0 20px; height: 100%; }
.pricing table tr > * { background: url(../images/hr.png) 50% 0 no-repeat; border: none; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; background: url(../images/separator-1.png) 0 0 no-repeat;}
.pricing table tr:last-child > *,
.pricing table tr:first-child > * { background: none; }
.pricing table th { font-size: 3em; color: #1656A0; text-align: center; padding: 40px 0px 30px;}
.pricing table td { padding: 15px 0px; }
.pricing .price { font-weight: bold; font-size: 6em; text-align: center; color: #0b0b0b;  padding: 35px 0px; line-height: 1em;}
.pricing .price sup { font-size: 24pt; line-height: 24pt; margin: 10px 0 -10px; font-weight: normal;}
.pricing .price span { font-size: 24pt; line-height: 24pt; font-size: 24pt; font-weight: normal;}
.pricing .alt { color: #1656A0; padding: 10px 0px; }
.pricing .button { float:left; width: 80%;}

h1, h2, h3, h4 { /*padding: 20px 0 20px; */margin-top: 15px; margin-bottom: 15px;   /*float: left; width: 100%;*/ line-height: 1.1em; font-family:diavlo-medium, Helvetica, Arial, sans-serif; color: #2e2e2e; }
h1 { font-size: 2.6em; }
h2 { font-size: 1.9em; letter-spacing: -1px;font-size: 1.9em;
font-family: diavlo-book, Helvetica, Arial, sans-serif;
letter-spacing: -1px;
font-weight: normal;}
h3 { font-size: 1.9em; font-family: diavlo-light, Helvetica, Arial, sans-serif; letter-spacing: -1px;font-weight: normal;}
h4 { font-size: 1.5em;  color: #595959; font-family: diavlo-light, Arial, Helvetica, sans-serif}
h5 { font-size: 110%; text-transform: uppercase; font-weight: normal; line-height: 1.3em;margin-top: 25px; margin-bottom: 25px;  clear: both; float: left; width: 100%;}
h6 { font-size: 100%; text-transform: uppercase; font-weight: normal; line-height: 1.3em;margin-top: 25px; margin-bottom: 25px; clear: both; float: left; width: 100%;}
h2, h3 { /*margin-top: 25px;*/ }
/*!!!*/#content > h2 { float: left; width: 100%; margin-bottom: 0;}
p { margin: 20px 0; padding: 0 0 3px; text-align: justify;}
p strong { color: #982E44}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #000;}


abbr { font-size: 150%; }

dl { margin: 10px 0; }
dt { font-weight: bold; margin: 0; padding: 5px 5px 2px 0;}
dd { margin: 0 0 5px; padding: 2px 0 5px; }

ul, ol { margin: 20px 0; padding: 0; list-style-position: outside;}
ul li, ol li { margin: 5px 0 0 1.5em; padding: 0 0 5px; }

form { margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; border: none; }
fieldset {margin: 0; padding: 0;border: none; }
form ul, form li { list-style: none; margin: 0; padding: 0; float: left; width: 100%;}
form li { margin: 3px 0; display: block;}
form ul li.text { padding-top: 25px; }
form ul li.half {width: 45% !important;margin-right: 10%;}
form ul li.half + li.half {margin-right: 0;}
input[type="text"], textarea {
-webkit-border-radius: 3px; -moz-border-radius: 3px; font: 10pt/150% Helvetica, Arial, sans-serif;/* width: 98%;*/display: block; /*padding: 5px 2% can't use this because of FIREFOX bug with handling percentage paddings for inputs. STACK OVERFLOW solution is used below instead to avoid any dodgy workarounds*/ ;font-size: .9em; padding-bottom: 5px; padding-top: 5px; padding-left: 10px; padding-right: 10px;border: 1px solid #a1a1a1; border-left: 1px solid #c4c4c4; border-bottom: 1px solid #dedede; border-right: 1px solid #dedede; background-color: #fff !important;/* background: url(../images/form-item-bg-1.gif) 0 0 repeat-x;*/ color: #868686;}

/*STACK OVERFLOW solution for 100% px width fluid inputs*/
input[type="text"], textarea { display:block; padding:5px 10px; width:100%; box-sizing: border-box; /* css3 rec */-moz-box-sizing: border-box; /* ff2 */ -ms-box-sizing: border-box; /* ie8 */ -webkit-box-sizing: border-box; /* safari3 */ -khtml-box-sizing: border-box; /* konqueror */ }

input[type="text"]:hover,input[type="text"]:focus,textarea:hover,textarea:focus { color: #000; }
form a { color: #000; }
form .valid { background: url(../images/valid.png) 100% 4px no-repeat; }
form .error { background: url(../images/error.png) 100% 4px no-repeat; }

.sidebar form { clear: left; }

/* = end =============GENERAL============== */
/* = start =============STRUCTURE============== */

	/* external structure (elements that make up for external page layout (eg. #wrapper, #container) The rest of styling for these selectors can be found in corresponding sections of this css file */
#header { float: left; width: 100%; position: relative; }
.wrapper.type-1 { width: 100%; overflow: hidden; }
.wrapper.type-2 { height: 100px; width: 960px; margin: 0 auto;}


#header { position: relative; z-index: 999;/*for the subnavs not to get covered by anything*/ }
#content { width: 960px; margin: 0 auto;/*margin-top: -10px; ?*/ padding-top: 0px; padding-bottom: 20px; clear: left;}
#content.type-1 { border-top: 1px solid #E9E9E9; }
#content:after { display: block; visibility: hidden; content: "."; height: 0; line-height: 0; font-size: 0; clear: both; }
#footer { float: left; width: 100%; padding-top: 30px; }

.main { width: 680px; clear: both; padding-bottom: 30px; padding-top: 40px; }
.sidebar { width: 220px; padding-left: 30px; padding-top: 40px;}
.main, .sidebar { float: left; }

#content.right-sidebar .main { margin-right: 0px; margin-left: 0; padding-right: 0px; margin-right: 30px;}
#content.left-sidebar .main { margin-left: 280px; margin-right: 0; }
#content.no-sidebar .main { width: 100%; }
#content.left-sidebar .sidebar { margin-left: -960px; padding-left: 0; padding-right: 30px; }


/*= end ==============STRUCTURE============= */
/*= start =============SITE-WIDE CUSTOM STYLES + CONTENT==============*/

/*.sidebar h2,
.sidebar h3 { clear: both; float: left; width: 100%; margin-bottom: 15px;} *//*What are these for?*/
.sidebar .widget > h2,
.sidebar . widget > h3 { clear: both; float: left; width: 100%; margin-bottom: 15px;} /*Altered styles above to target more specifically what I think was intended */

.columns > div + h2,
.columns > div + h3,
.columns > div + h4,
.columns > div + h5,
.columns > div + h6,
.columns > div + p { border-left: 1px solid red; }

.columns + h2,
.columns + h3,
.columns + h4,
.columns + h5,
.columns + h6,
.columns + p { clear: both; padding-top: 20px;}

.main > h1:first-child, .main > h2:first-child, .main > h3:first-child, .main > h4:first-child, .main > h5:first-child, .main > h6:first-child, .main > p:first-child { margin-top: 0px; }

/* LIST STYLES */
ul.style { padding-left: 0; }
ul.style li { border-top: 1px solid #eee; border-top: 1px solid rgba(0,0,0,.1);   padding-top: 5px; padding-bottom: 0; padding-bottom: 0; background: url(../images/list-styles.png) 0 7px no-repeat ; list-style: none; padding-left: 12px; margin-left: 0; padding-left: 35px;}
ul.style li:first-child {  border: none;padding-bottom: 0;}

.list-styles-preview ul + h4 { margin-top: 40px !important; }
ul.arrow-1 li { background-position: 0 5px;}
ul.arrow-2 li { background-position: -1000px 5px;}
ul.arrow-3 li { background-position: -2000px 5px;}
ul.arrow-4 li { background-position: -3000px 5px;}
ul.arrow-5 li { background-position: -4000px 5px;}
ul.arrow-6 li { background-position: -5000px 5px;}
ul.check-1 li { background-position: -6000px 5px;}
ul.check-2 li { background-position: -7000px 5px;}
ul.check-3 li { background-position: -8000px 5px;}
ul.check-4 li { background-position: -9000px 5px;}
ul.check-5 li { background-position: -10000px 5px;}
ul.check-6 li { background-position: -11000px 5px;}
ul.clean-1 li { background-position: -12000px 5px; }
ul.clean-2 li { background-position: -13000px 5px; }
ul.clean-3 li { background-position: -14000px 5px; }
ul.clean-4 li { background-position: -15000px 5px; }
ul.clean-5 li { background-position: -16000px 5px; }
ul.clean-6 li { background-position: -17000px 5px; }
ul.exception-1 li { background-position: -18000px 5px; }
ul.exception-2 li { background-position: -19000px 5px; }
ul.exception-3 li { background-position: -20000px 5px; }
ul.exception-4 li { background-position: -21000px 5px; }
ul.exception-5 li { background-position: -22000px 5px; }
ul.exception-6 li { background-position: -23000px 5px; }
ul.star-1 li { background-position: -24000px 5px; }
ul.star-2 li { background-position: -25000px 5px; }
ul.star-3 li { background-position: -26000px 5px; }
ul.star-4 li { background-position: -27000px 5px; }
ul.star-5 li { background-position: -28000px 5px; }
ul.star-6 li { background-position: -29000px 5px; }

.aligncenter { margin-left: auto !important; margin-right: auto !important; display: block; float: none !important;}
.alignleft { float: left !important; margin-right: 30px !important; margin-left: 0 !important;margin-top: 10px;}  
.alignright { float: right !important; margin-left: 30px !important; margin-right: 0 !important; margin-top: 10px;}

/* WIDGETS - GENERAL */
.widget { float: left; width: 100%; margin: 30px 0 0; }
.widget > * { margin-top: 20px !important; margin-bottom: 0px !important;}
/* .widget > *:last-child { margin-bottom: 30px !important; } */
.widget:last-child { margin-bottom: 30px !important; }
.widget:first-child { margin-top: 0 !important; margin-bottom: 0 !important; }
.widget > *:first-child { margin-top: 0 !important; }
.main .widget { margin: 25px 0 !important; }

/*#main-heading .widget:first-child { margin-top: 10px !important; margin-bottom: 10px !important;}*/
.title .widget:first-child { margin-top: 17px !important; margin-bottom: 17px !important;}

/*debug*/
/*
.widget { border: 1px solid #ddd; }
.widget > * { border: 1px solid #000; }
.widget > *:first-child { border: 1px solid #blue; }
*/


/*=== SLIDER PAGINATION ===*/
.slider-pagination { margin: 0; padding: 0; list-style: none; float: left; }
.slider-pagination a { outline: none; }
.slider-pagination li { list-style: none; margin: 0; padding: 0; float: left; }

.slider-pagination.type-1 {  height: 30px; overflow: hidden; position: absolute; display: none; z-index: 99; }
.slider-pagination.type-1 li { z-index: 99; }
.slider-pagination.type-1 a { margin-top: 1px; display: block; text-indent: -9999px; width: 33px; height: 26px; position: relative; z-index: 999; outline: none;background: url(../images/nav-arrows.png) 0px -1100px no-repeat; }
.slider-pagination.type-1 a:hover,
.slider-pagination.type-1 a:focus,
.slider-pagination.type-1 .current a { background-position: 0 -1138px; margin-top: 2px;}
.slider-pagination.type-1 a:active { margin-top: 3px;}

.slider-pagination.type-3 { display: none;margin: 0; padding: 5px 5px; list-style: none; position: absolute;  background: #000; background: rgba(0,0,0,.9); border-radius: 5px 5px 0 0;}
.slider-pagination.type-3 li { margin: 0; padding: 0; list-style: none; float: left; margin: 0 2px;}
.slider-pagination.type-3 a { display: block; width: 12px; height: 12px; text-indent: -9999px; background: url(../images/nav-arrows.png) 3px -1200px no-repeat; outline: none; }
.slider-pagination.type-3 a:hover,
.slider-pagination.type-3 a:focus,
.slider-pagination.type-3 li.current a { background-position: -15px -1200px; }

.slider-pagination.type-2 { display: none;/*margin: 0 0 0 -35px;*/ padding: 5px 5px; list-style: none; /*position: absolute; text-align: center;*/ /*width: 70px;*/ }
.slider-pagination.type-2 li { margin: 0; padding: 0; list-style: none; display: inline-block; margin: 0 4px; }
.slider-pagination.type-2.alignright { float: right; }
.slider-pagination.type-2.alignleft { float: left; }
.slider-pagination.type-2 a { display: block; width: 8px; height: 8px; text-indent: -9999px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; outline: none; background: #d2d2d2;}
.slider-pagination.type-2 a:hover,
.slider-pagination.type-2 a:focus,
.slider-pagination.type-2 li.current a {background: #ba5a6e;}

.js .slider-pagination { display: block; }


/* === INLINE ICON === */
.inline-icon { margin-right: 5px; margin-top: 3px;margin-bottom: -3px;}
.available-icons { padding: 0; list-style: none; float: left; margin: 10px 0 10px 10%; width: 90%; }
.available-icons li { float: left; width: 25%; list-style: none; margin: 0; padding: 8px 0; } 

/* ROUNDABOUT SLIDER (TEMP?) */
.roundabout { margin: 0px auto 20px !important; padding: 0; list-style: none; float: left;position: relative; height: 385px; width: 100%;}
.roundabout li { margin: 0; padding: 0; list-style: none; float: left; position: absolute; }

/* GALLERY */
.gallery {list-style: none; padding: 0;  margin-top: -20px; }
.gallery:after { display: block; visibility: hidden; content: "."; height: 0; line-height: 0; font-size: 0; clear: both; }
.gallery > li { list-style: none; padding: 0 0; background: url(../images/hr.png) 50% 0 no-repeat; float: left; width: 100%; padding-top: 5px; margin-left: 0; background: url(../images/separator-1.png) 50% 0 no-repeat;}

.gallery > li:first-child { background: none;  padding: 0px 0 20px;}
.gallery.type-1 > li:last-child { margin-bottom: -20px;}

.gallery.type-1 .media { float: left; margin-right: 20px; margin-top: 0; display: table-cell; }
/*.gallery.type-1 .media li:first-child { margin-left: 0; }*/
.gallery.type-1 .desc { margin-top: 0px; clear: none;display: table-cell; padding: 20px 0 0;}
.gallery.type-1 .desc h2 { /*font-size: 1.2em;*/ font-weight: normal; margin: 0; padding: 0 45px 0 0; letter-spacing: 0;}
.gallery.type-1 .desc p { margin: 15px 0 0; word-wrap:break-word; text-align: left;}
.gallery.type-1 > li { padding: 20px 0;}

.gallery.type-2 { margin-left: -3%; overflow: hidden; margin-top: -30px;}
.gallery.type-2 > li { width: 31%; padding: 20px 0 0; margin-right: -7px;margin-left: 3%; margin-bottom: -5px; float: left;background: url(../images/hr.png) 50% 0 no-repeat;  background: url(../images/hr.png) 50% 100% no-repeat;}
.gallery.type-2 .desc { float: left; clear: left; }

/* MEDIA LIST */
ul.media { list-style: none; padding: 0; margin-left: -17px; margin-right: -30px; margin-bottom: 0; margin-top: 0px;}
ul.media:after { display: block; visibility: hidden; content: "."; height: 0; line-height: 0; font-size: 0; clear: both; }	
ul.media li { float: left; margin: 17px; padding: 0;}

/* MEDIA SLIDER */
.media-slider { margin: 10px 0 0px; position: relative;}
.media-slider:after { display: block; visibility: hidden; content: "."; height: 0; line-height: 0; font-size: 0; clear: both; }	
.media-slider .items { list-style: none; padding: 0; margin: 0; }
.media-slider .items > li { list-style: none; padding: 0; display: none; float: left; margin: 0;}
.media-slider .items > li iframe { padding: 5px;  border-left: 1px solid #cfcfcf; border-right: 1px solid #cfcfcf; border-bottom: 1px solid #707070; -webkit-box-shadow: rgba(0,0,0,.2) 0 1px 1px; -moz-box-shadow: rgba(0,0,0,.2) 0 1px 1px; box-shadow: rgba(0,0,0,.2) 0 1px 1px; }
.media-slider .items > li iframe:hover { background:#c5725b;}
.media-slider .items > li > a.frame-holder { float: left;  border-left: 1px solid #cfcfcf; border-right: 1px solid #cfcfcf; border-bottom: 1px solid #707070; -webkit-box-shadow: rgba(0,0,0,.2) 0 1px 1px; -moz-box-shadow: rgba(0,0,0,.2) 0 1px 1px; box-shadow: rgba(0,0,0,.2) 0 1px 1px; margin: 0 0 1px; }
.media-slider .items > li > a.frame-holder img { border: 5px solid #fff;position: relative;  -moz-border-radius: 0px; border-radius: 0px; }
.media-slider .items > li > a.frame-holder:hover img,
.media-slider .items > li > a.frame-holder:focus img { border-color: #c5725b;}

.media-slider .items > li:first-child { display:block; }

.media-slider .slider-pagination { position: absolute; bottom: 10px; left: 50%; margin-left: -38px; }

.media-slider .featured-ribbon { width: 77px; height: 123px; background: url(../images/featured-ribbon.png) 0 0 no-repeat; position: absolute; display: none; top: 90px; left: -10px; margin-top: -62px; }
.js .featured .featured-ribbon { display: block; }

.gallery.type-1 .media-slider { width: 482px;float: left; margin-right: 35px; margin-left: 0 !important; margin-top: 20px; margin-bottom: 20px; }
.gallery.type-1 > li:last-child { margin-bottom: -20px;}

/*=== TABS ===*/
.tabs > ul { margin: 0; padding: 0; list-style: none; }
.tabs > ul > li { margin: 0; padding: 0; list-style: none; }
.tabs .nav {  }

.tabs .content { padding: 0 0 10px; }
.tabs .content > li { background: #fff url(../images/gr/tab-content-1.gif) 0 100% repeat-x; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; margin: 20px 0; padding: 20px;border-top-left-radius: 0; -webkit-border-top-left-radius: 0; -moz-border-radius-topleft: 0;border-top-right-radius: 0; -webkit-border-top-right-radius: 0; -moz-border-radius-topright: 0; border-top: 1px solid #cfcfcf; -webkit-box-shadow: rgba(29,15,7,.45) 1px 2px 1px;box-shadow: rgba(29,15,7,.45) 1px 2px 1px; -moz-box-shadow: rgba(29,15,7,.45) 1px 2px 1px;border-left: 1px solid #cfcfcf; }


.tabs .nav { float: left; position: relative; }
.tabs .nav li { float: left; margin-left: -1px; background: url(../images/gr/tab-nav-1.gif) 0 100% repeat-x; border-left: 1px solid #cfcfcf; border-right: 1px solid #cfcfcf; border-top-left-radius: 5px; -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px;border-top-right-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px;}
.tabs .nav li:first-child { margin-left: 0; }
.tabs .nav.alignright {float: right; }

.tabs .nav li a { display: block; padding: 10px 10px; color: #bdbdbd;}
.tabs .nav li a img { margin-top: 0px;  float: left; margin: 1px 4px -1px 0;}
.tabs .nav li.current { margin-bottom: -1px; padding-bottom: 1px; background: #fff;}
.tabs .nav li.current a,
.tabs .nav a:hover,
.tabs .nav a:focus { color: #000; text-decoration: none;}

.tabs .content { float: left; width: 100%;}
.js .tabs .content > li { margin: 0; display: none;}

/* === FLOWPLAYER === */
.flowplayer {margin: 15px;}
.flowplayer.aligncenter { display: block; float: none; margin-left: auto; margin-right: auto; }
/*???*/
.flowplayer.alignleft { margin-right: 30px; margin-left: 0px; }
.flowplayer.alignright { margin-right: 0px; margin-left: 30px; }


	/*contact form*/
form .alt-contact { float: left; margin: 24px 10px 0 0; font-size: 0.9em; color: #424242; }
form .alt-contact a { }
form .alt-contact a:hover,
form .alt-contact a:focus {}

	/*search form*/
#content form.search { padding-right: 20px; position: relative; margin-top: 15px; clear: both;}
form.search input[type="submit"] { position: absolute; right: 22px;top: 42px;height: 16px; width: 16px; background: url(../images/bg/search-button.png) 0 0 no-repeat; border: none; text-indent: -9999px; line-height: 0; font-size: 0; cursor: pointer; margin: -32px -26px 0 0;}
form.search input[type="submit"]:hover,
form.search input[type="submit"]:focus { top: 43px;}
form.search input[type="submit"]:active { top: 45px; }

	/*fake shadow*/
.border {/* border: 1px solid #ddd; border-top: 1px solid #eee; border-bottom: 1px solid #bbb;*/ }

/* MAIN HEADING */	
#main-heading { float: left; width: 960px; margin: 0px 0px 0; padding: 20px 0px;  /*border-bottom: 1px solid #e9e9e9;*/ }

#main-heading h2,
#main-heading h3,
#main-heading h4,
#main-heading h5,
#main-heading h6 { line-height: 1.4em;}
#main-heading p {  margin: 20px 0; text-align: left;}
#main-heading h2 { font-size: 1.9em; letter-spacing: 0}


/* TITLE */
.title { margin: 0 0 0; padding: 22px 0; float: left; width: 100%; position: relative; border-top: 1px solid #e9e9e9; border-bottom: 1px solid #e9e9e9; }

/*.title > *:first-child { margin-top: 20px; padding-top: 0; }*/
.title p, .title h1, .title h2, .title h3, .title h4, .title h5, .title h6 { margin: 0; padding: 0; line-height: 66px; } 
.title h2 { margin: 0; padding: 0; line-height: 66px; font-size: 2em; font-weight: normal; letter-spacing: -1px; } 
.title .columns { margin: 0 !important; }
.title .columns > div { margin: 0 !important; }

.title h2 { font-size: 24pt; margin: 0 0 0px; padding: 0 0 0px; line-height: 1em; letter-spacing: -2px;}
/*.title h2.alt { font-size: 34pt; text-transform: uppercase; font-family: diavlo-light, Arial, Helvetica, sans-serif; line-height: 1.1em;}*/
.title h2.alt-2 { font-size: 24pt;  letter-spacing: -2px;}
.title h2.alt-3 { font-size: 24pt; color: #52595b; }
.title p { color: #666; }

	/*breadcrumb*/
#breadcrumb, #breadcrumb ul, #breadcrumb li { margin: 0; padding: 0; list-style: none; display: inline; }
#breadcrumb { float: left; width: 100%; font-size: .8em; color: #7e9097; margin: 0 !important; }
#breadcrumb a { color: #7e9097; font-weight: normal; }
#breadcrumb ul li:before { content: " \BB "; margin-right: 5px; }

	/*paddings*/
/*#breadcrumb:first-child { margin-top: 10px; margin-bottom: 10px; padding-bottom: 0;}*/

p + #breadcrumb { margin-top: 5px; padding-bottom: 0px; }
h2 + #breadcrumb { }

	/* === ADDTHIS === */
.addthis { margin: 0px 0px 0 0; text-align: right; }
.addthis > * { float: right; width: auto;}
.addthis > * * { float: left; }
.title .addthis { position: absolute; right: 0; top: 50%; margin: -8px 0 0;}
	/*3d slider*/
.slider.piecemaker { width: 120%; margin: 0 -10% -50px; overflow: hidden; height: 500px;text-align: center;  }

/* SERVICES */
.services {margin: 20px 0 20px 0; clear: both; }
.hr + .services { margin-top: 30px; }
.services ul { padding: 0; list-style: none; margin: 0; }
.services:after { display: block; visibility: hidden; content: "."; height: 0; line-height: 0; font-size: 0; clear: both; }	
.services li { padding: 0 0 0 0; margin-left: 0;float: left; list-style: none; }
.services li > img { float: left; margin: 0 0 0 0px; }
.services li > div { margin-left: 84px; }
.services li > div *:first-child { margin-top: 0; margin-bottom: 0; /*height: 1em; overflow: hidden;*/}
.services li > div p { margin-top: 10px; line-height: 1.3em; text-align: left; }

.services.four-cols li { margin-left: 3%; width: 23%; }
.services.four-cols li:nth-child(4n+1) { margin-left: 0; width: 22%}
.services.four-cols p { /*text-align: justify;*/ }
.services.three-cols li { margin-left: 3%; width: 31%; }
.services.three-cols li:nth-child(3n+1) { margin-left: 0; width: 32%}
.services.two-cols li { margin-left: 3%; width: 49%; }
.services.two-cols li:nth-child(2n+1) { margin-left: 0; width: 48%}

	/* === PULL QUOTE === */
q.pull-quote { font-size: 1.2em; width: 94%; display: block; /* 100% width by default*/background: #f2f2f2; border-top: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9; padding: 10px 3%; margin: 20px; margin-left: 0; line-height: 1.6em; color: #1a1a1a; line-height: 1.5em; }
q.pull-quote:before { content: ""; }
q.pull-quote:after{ content: ""; }

q.pull-quote.alignleft { float: left; margin-left: 0; width: 35%; text-align: right;}
q.pull-quote.alignright { float: right; margin-right: 0; width: 35%; margin-left: 20px; text-align: left;}

q.pull-quote .author { margin-top: 5px;display: block; color: #9a0041; font-size: .9em; font-weight: bold; line-height: 1.2em;} 
q.pull-quote .author .data { display: block; color: #9b9b9b; font-weight: normal;}

	/* === BLOCKQUOTE === */
blockquote {font-size: 1.2em; background: #f2f2f2; border-top: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9; padding: 0;margin: 20px 0;line-height: 1.2em; color: #1a1a1a;}
blockquote p { padding: 30px 30px 30px 85px; background: url(../images/bg/blockquote-1.png) 26px 32px no-repeat; margin:0; line-height: 1.5em;  }

	/* === TOOLTIP === */
.tooltip { position: absolute;  padding: 9px 0 0; background: url(../images/bg/tooltip-foot.png) 100% 0 no-repeat; width: 200px; /*hide the tooltips when js is disabled*/ display: none; z-index: 999;top: 10px; right: 0px;}
.tooltip.js {display: block; } /* show the tooltips when js is on */
.tooltip span { display: block; float: right;width: auto; padding: 8px 18px !important;line-height: 1.3em;  text-align: center;font-size: 1em; color: #616161; background: #fff;   border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -webkit-box-shadow: rgba(29,15,7,.35) 1px 1px 3px; -moz-box-shadow: rgba(29,15,7,.35) 1px 1px 3px; box-shadow: rgba(29,15,7,.35) 1px 1px 3px;}
.tooltip strong { font-size: 1.2em; }
.tooltip-image { position: relative; }
.tooltip-image .tooltip span { padding: 4px !important; }
.tooltip-image .tooltip span img { display: block; }

	/* === BOXES ===*/
.box { min-width: 260px; margin-bottom: 20px; margin-top: 20px;  -webkit-box-shadow: #333 0 1px 2px; -moz-box-shadow: #333 0 1px 2px; box-shadow: #333 0 1px 2px; padding: 0; background-position: 0 100%; background-repeat: repeat-x; font-size: 1.1em;color: #000; position: relative;}
.box[attr*="style"] { min-width: 0px; }
.box span { padding: 25px 25px 25px 90px; display: block;  background-position: 0 0; background-repeat: no-repeat; min-height: 25px;}
.box .close { position: absolute; top: 5px; right: 5px; width: 16px; height: 16px; background: url(../images/close.png) 50% 50% no-repeat; text-align: left; text-indent: -9999px; }

	/* === INFO BOX === */
.box.info { background-color: /*c1d1e2*/#ebf5fe; background-image: url(../images/gr/info-box-gr.png);}
.box.info span { background-image: url(../images/tools/info.png) }
	/* === WARNING BOX === */
.box.warning { background-color: /*f5bdbf*/#fce0e3; background-image: url(../images/gr/warning-box-gr.png) }
.box.warning span { background-image: url(../images/tools/warning.png)}
	/* === NOTE BOX === */
.box.note { background-color: /*fff1bf*/#fffde3; background-image: url(../images/gr/note-box-gr.png) }
.box.note span { background-image: url(../images/tools/note.png)}
	/* === DOWNLOAD BOX ===*/
.box.download { background-color: /*d2e9b1*/#f0ffda; background-image: url(../images/gr/download-box-gr.png) }
.box.download span { background-image: url(../images/tools/download.png)}	

	/* === BOXES ALIGNMENT === */
.box.alignleft { width: 40%; float: left; margin-right: 40px;}
.box.alignright { width: 40%; float: right;}
.box.alignright span {  padding-right: 90px; padding-left: 35px;  background-position: 100% 0;}
.box.aligncenter { width: 50%; margin: 0 auto; clear: both;}

/* === TOGGLE BOXES === */
.toggle > a { background: url(../images/tools/toggle-content.png) 0 0px no-repeat; padding-left: 35px; line-height: 20px; text-transform: uppercase; color: #737373; display: block; margin-top: 10px; margin-bottom: 10px; } 
.toggle-content { padding: 20px 35px; background: #f2f2f2 0 0 repeat; border-top: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9; }

/* FRAME */
.frame,
.frame-holder img { display: block; border: 5px solid #fff;  -webkit-box-shadow: rgba(0,0,0,.3) 0 1px 2px; -moz-box-shadow: rgba(0,0,0,.3) 0 1px 2px; box-shadow: rgba(0,0,0,.3) 0 1px 2px; position: relative; /*-webkit-border-radius: 4px; -moz-border-radius: 4px;border-radius: 4px;border-radius: 4px;*/}
.frame-holder, .frame { margin: 20px 0;  position: relative; }
p.frame-holder { margin-top: 0; }
a.frame-holder:focus { outline: none; }
a.frame-holder:hover img { border-color: #c5725b;}
a.frame-holder:hover,
a.frame-holder:focus { text-decoration: none; }
.title-description { text-align: center; float: left; clear:left; width: 100%;display: block; text-align: center; padding: 10px 0 5px; margin: 0px 0; font-size: .9em; line-height: 1em; color: #a1a0a0; }
.frame-holder img { display: block; margin: 0 auto; }
.frame-holder[class*="align"] img { /*margin: 0;*/ /*IE7 needs this*/}
.frame.aligncenter,
.frame-holder.aligncenter { margin-left: auto; margin-right: auto; display: block; float: none;}

.frame-holder .icon { position: absolute; top: -10px; right: -10px; width: 22px; height: 22px; /*background: url(../images/img-zoom-ico.png) 0 0 no-repeat;*/ z-index: 10;}

.media.alignright { margin-left: 40px !important; }
.media.alignleft { margin-right: 40px !important; }

/* ===.frame-holderSWITCHER === */
/*.frame-holder.switcher img { display: none; }
.frame-holder.switcher img:first-child  { display: block; }
.frame-holder.switcher:hover img:first-child { display: none; }
.frame-holder.switcher:hover img{ display: block; }
*/
	  
/*.hrS */

.hr { display: block; text-align: right;text-decoration: none; height: 1px; clear: both; position: relative; margin: 0; background: url(../images/separator-1.png) 0 50% no-repeat; }
.hr span { color: #bbb; font-size: .8em; cursor: pointer; display: block; position: absolute; top: -5px; right: 0; margin: -6px 0 0 0px; width: 50px; text-align: center; background: #fff; }
a.hr { background-position: 100% 50%; }


.hr:hover span,
.hr:focus span { color: #000;  }

/*.hr + .columns { margin-top: -10px !important; }*/
p + .hr, span + .hr, h2 + .hr, h3 + .hr, h4 + .hr, h5 + .hr, h6 + .hr, ol + .hr, ul + .hr { height: 20px; background-position: 50% 20%; }
span + .hr { margin-top: 25px; }
p + .hr span, h2 + .hr span, h3 + .hr span, h4 + .hr span, h5 + .hr span, h6 + .hr span, ol + .hr span, ul + .hr span, .columns + .hr, .widget + .hr { top: -5px; }
.hr + p, .hr + h2, .hr + h3, .hr + h4, .hr + h5, .hr + h6, .hr + ol, .hr + ul { margin-top: 10px; } 
.button + .hr { height: 40px; background-position: 0 50%;}
.post-nav + .hr { background-position: 0 0; }


.columns + .hr, .widget + .hr { height: 30px; background-position: 50% 100%; }
.columns + .hr span { top: 25px; }

	/* === BUTTONS === */
p .button { margin-top: 20px; }

.button {  margin: 15px 0; padding: 0 54px 0 17px;  line-height: 47px; height: 47px; overflow: hidden; border: none; outline: none;font-size: 12pt; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; box-sizing: border-box; 

background-position: 100% 0; background-repeat: no-repeat;text-decoration: none;-webkit-border-radius: 3px; -webkit-box-shadow: #000 0 1px 2px; -moz-border-radius: 3px; -moz-box-shadow: #000 0 1px 2px; border-radius: 3px; box-shadow: #000 0 1px 2px;}
.button:hover, .button:focus { text-decoration: none; background-position: 100% -48px;}
.button:active {background-position: 100% -95px; padding-top: 1px; height: 46px;}

.button.no-arrow { background-position: 90% 0; padding-right: 20px; }
.button.no-arrow:hover,
.button.no-arrow:focus { background-position: 90% -48px; }
.button.no-arrow:active { background-position: 90% -95px; }

.button.arrow-only { background-position: -976px 0; background-repeat: repeat-x;}
.button.arrow-only:hover,
.button.arrow-only:focus { background-position: -976px -48px; }
.button.arrow-only:active { background-position: -976px -95px; }

	/* === BUTTONS ALIGNMENT === */
.button.alignright { float: right;  margin-right: 0; margin-left: 20px !important;}
.button.alignright + .button.alignright { margin-right: -10px !important; margin-left: 0px !important;}
.button.alignright + .button.alignright + .button.alignright { margin-right: 10px !important; }
.button.alignleft { float: left;  margin-right: 20px !important; margin-left: 0;}
.button.alignleft + .button.alignleft{ margin-left: -10px !important; margin-right: 0px !important;}
.button.alignleft + .button.alignleft + .button.alignleft { margin-left: 10px !important; }
.button.aligncenter { float: none; clear: both; margin-right: 0; display: block; }
.button.aligncenter[style] { margin-right: auto !important; margin-left: auto !important;}

.button.arrow-only {  padding-left: 0; padding-right: 0 !important; width: 50px; text-indent: -9999px;}

.button.style-1 { background-color: #1656A0; background-image: url(../images/bg/button-custom.png); color: #fff;}
.button.style-2 {  background-image: url(../images/bg/button-style-2-bg.png); color: #000; border-bottom: 1px solid #e0c25d;border-right: 1px solid #e0c25d;border-bottom: rgba(0,0,0,0); border-right: rgba(0,0,0,0); } 
.button.style-3 { background-image: url(../images/bg/button-custom.png); color: #fff;}


/* === FORM BUTTON === */
form .button { margin-top: 8px; }
form .button input { height: 47px; line-height: 47px; margin: 0; padding: 0; background: none; border: none; width: auto; font-size: 12pt;}

/* === CALL US === */
.call-us { background: url(../images/icons/phone.png) 100% 50% no-repeat; min-height: 71px; border-top: 1px solid #e5e5e5;}
.call-us > * { margin-top: 15px; }

	/*sitemap list*/
.sitemap { overflow: hidden; }
.sitemap, .sitemap ul, .sitemap li { margin: 0; padding: 0; list-style: none; }
.sitemap a { font-size: 1.1em; color: #000; padding: 15px 0 15px 230px; display: block; /*background: url(../images/icons/category.gif) 200px 13pt no-repeat;*/}
.sitemap a:hover,
.sitemap a:focus { background-color: #f2f2f2; text-decoration: none;}
.sitemap > li { border-top: 1px solid #eee; clear: left; margin-left: -200px; }
.sitemap li li { padding-left: 30px; border-top: 1px solid #eee !important; }
.sitemap > li:first-child { border: none; float: left; width: 100%;}
.sitemap > li:first-child a { width: 100%; }

	/*categories-2*/

.menu-1, .menu-1 ul, .menu-1 li { margin: 0; padding: 0; list-style: none; }
.menu-1 { margin-bottom: 20px; }
.menu-1 > li { clear: left;border-top: 1px solid #eee; border-top: 1px solid rgba(0,0,0,.1) }
.menu-1 a { color: #616161; }
.menu-1 a:hover,
.menu-1 a:focus,
.menu-1 li.current > a { text-decoration: none;color: #1656A0;}
.menu-1 > li:first-child { border: none; background: none;}
.menu-1 > li > a { font-size: 1.1em; padding: 5px 0 5px 30px; display: block; background: url(../images/tools/menu-item.png) 0px 6px no-repeat;}
.menu-1 li.current > ul > li:first-child {border-top: 1px solid #eee; border-top: 1px solid rgba(0,0,0,.1)}

.menu-1.links > li > a { background-image: url(../images/tools/menu-item-links.png); }
.menu-1.archives > li > a { background-image: url(../images/tools/menu-item-archives.png); }
.menu-1.custom-1 > li > a { background-image: url(../images/tools/menu-item-custom-1.png); }

.menu-1 > li > a:hover,
.menu-1 > li > a:focus,
.menu-1 li.current > a { font-weight: bold;}
.menu-1 li.current > a { background-position: 0px -42px;  }

.menu-1 li > ul { padding: 0 0 4px; display: none;}
.menu-1 li.current > ul { display: block; }
.menu-1 li > ul > li {border: none; text-align: right; padding-top: 2px; padding-bottom: 2px}
.menu-1 li > ul > li:first-child { padding-top: 5px;}
.menu-1 li > ul > li > a { text-align: right; background: url(../images/tools/menu-item.png) 100% -107px no-repeat !important; padding: 5px 20px 5px 0; }
.menu-1 li > ul > li.current > a { font-weight: bold; }
	
.menu-1.shortcodes > li > a { background-image: url(../images/tools/menu-item-shortcodes.png); }

#footer .menu-1 { margin-top: 0; margin-bottom: 0; padding: 0; list-style: none; }
#footer .menu-1 li { margin: 0; padding: 5px 0; list-style: none; border-top: 1px solid #303537; border-top: 1px solid rgba(255,255,255,.1)}
#footer .menu-1 li:first-child { border-top: none; }
#footer .menu-1 li:only-child { border-bottom: 1px solid #303537; border-bottom: 1px solid rgba(255,255,255,.1) }
#footer .menu-1 > li > a { background: none; padding: 0 0 0 0;}

.menu-2, .menu-2 ul, .menu-2 li { margin: 0; padding: 0; list-style: none; }
.menu-2 { margin-bottom: 20px; }
.menu-2 > li { clear: left; border-top: 1px solid #eee; border-top: 1px solid rgba(0,0,0,.1) }
.menu-2 a { color: #616161;  }
.menu-2 a:hover,
.menu-2 a:focus,
.menu-2 li.current > a { text-decoration: none; color: #1656A0;}
.menu-2 > li:first-child { border: none; background: none;}
.menu-2 > li > a { font-size: 1.1em; padding: 5px 0 5px 30px; display: block; background: url(../images/tools/menu-item.png) 0px 6px no-repeat;}
.menu-2 li.current > ul > li:first-child {border-top: 1px solid #eee; border-top: 1px solid rgba(0,0,0,.1)}

.menu-2.links > li > a { background-image: url(../images/tools/menu-item-links.png); }
.menu-2.archives > li > a { background-image: url(../images/tools/menu-item-archives.png); }
.menu-2.custom-1 > li > a { background-image: url(../images/tools/menu-item-custom-1.png); }

.menu-2 > li > a:hover,
.menu-2 > li > a:focus,
.menu-2 li.current > a { font-weight: bold;}
.menu-2 li.current > a { background-position: 0px -42px;  }

.menu-2 li > ul { padding: 0 0 4px; display: none;}
.menu-2 li.current > ul { display: block; }
.menu-2 li > ul > li {border: none; text-align: right; padding-top: 2px; padding-bottom: 2px}
.menu-2 li > ul > li:first-child { padding-top: 5px;}
.menu-2 li > ul > li > a { text-align: right; background: url(../images/tools/menu-item.png) 100% -107px no-repeat !important; padding: 5px 20px 5px 0; }
.menu-2 li > ul > li.current > a { font-weight: bold; }
	
.menu-2.shortcodes > li > a { background-image: url(../images/tools/menu-item-shortcodes.png); }

/* === TESTIMONIALS === */
/*js info - probably will need some nifty setting of the .testimonials height*/
.testimonials {padding: 0;margin: 20px 0;  position: relative;clear: both; min-width: 0;color: #2e2e2e; }
.testimonials:after { display: block; visibility: hidden; content: "."; height: 0; line-height: 0; font-size: 0; clear: both; }	
.testimonials .items, .testimonials .items > li { margin: 0; padding: 0; list-style: none; }
.testimonials .items { /*margin: 0 10%;*/  }
.testimonials .items > li { padding: 25px 0; width: 100%; float: left; background: #f2f2f2; background: rgba(0,0,0,.08); border-top: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9; }

.testimonials blockquote,
.testimonials p { background: none; border: none; margin: 0; padding: 0;}
.testimonials blockquote { padding: 0 10px;}
.testimonials blockquote p { text-align: center; font-size: 1.4em; line-height: 1.2em;}
.testimonials p.meta { font-size: 1.2em; margin-top: 15px; margin-left: 20px; margin-right: 20px; text-align: center; }
.testimonials .read-more { font-size: 1.2em; margin-left: 20px; margin-right: 20px; text-align: center; display: block; }

.main .testimonials.four-cols .items > li { width: 23%; margin-left: 3%; }
.main .testimonials.four-cols .items > li:nth-child(4n+1) { margin-left: 0; width: 22%;}
.main .testimonials.three-cols .items > li { width: 31%; margin-left: 3%; }
.main .testimonials.three-cols .items > li:nth-child(3n+1) { margin-left: 0; width: 32%;}
.main .testimonials.two-cols .items > li { width: 48%; margin-left: 3%;}
.main .testimonials.two-cols .items > li:nth-child(2n+1) { margin-left: 0; width: 49%;}

	/* === TESTIMONIALS === SLIDER NAV === */
.testimonials .slider-nav { position: absolute; bottom: 50px; left: 0; margin-top: -12px;}
.testimonials .slider-nav li.prev { margin-left: 15px;}

.testimonials .slider-nav li.next { margin-right: 15px;}
.testimonials .slider-nav .prev a { background-image: url(../images/arrow-prev-2.png); }
.testimonials .slider-nav .next a { background-image: url(../images/arrow-next-2.png); }
.testimonials .meta { margin-top: 5px;}

/* === NEWS === */
.news, .news > li { margin: 0 0 0; padding: 0; list-style: none; clear: left;}
.news > li { margin: 20px 0 0; position: relative}
.news > li:first-child { margin: 0px 0 0;}


/* === HEADER === NEWS === */
.news .header { position: relative; padding-left: 0px; padding-bottom: 10px;float: left; width: 100%;}

/* === NEWS META === */
.news dl.meta { margin: 0; padding: 0; height: 25px; font-size: .9em; width: 100%;}
.news dl.meta dt { margin: 0; padding: 0; float: left; background-image: url(../images/icons/news-meta-icons.png); background-repeat: no-repeat; text-indent: -9999px; width: 16px; height: 16px;}
.news dl.meta dt.author {background-position: 0 0;}
.news dl.meta dt.category {background-position: 0 -38px;}
.news dl.meta dt.tags {background-position: 0 -78px;}
.news dl.meta dt.comments {background-position: 0 -60px;}
.news dl.meta dd { float: left; clear: none; width: auto; padding: 0 20px 0 10px;}

/* === COMMENTS COUNTER === NEWS === */
/*.news dt.comments.alt { display: none; }
.news dt.comments.alt + dd { width: 48px; line-height: 32px; text-align: center;height: 40px; background: url(../images/bg/comments.png) 0 0 no-repeat;  font-size: 12pt; position: absolute; top: 15px; right: 0; padding: 0;}
.news dt.comments.alt + dd a { color: #454545; }
*/
.news.type-1 > li:first-child { margin-top: 30px; padding-top: 20px; }
.news.type-1 .header { margin-top: -30px; }

.news.type-1 .meta { margin-bottom: 10px; }

.news.type-3 { margin-top: 10px; min-width: 1px;/*7*/}
.news.type-3 > li { margin-top: 20px; min-width: 1px;/*7*/}
.news.type-3 .columns > div:first-child { /*see ie7*/}
.news.type-3 .header { padding-bottom: 0;width: auto;}
.news.type-3 .header * { clear: none; }
.news.type-3 .header .frame-holder{ float: left; margin-top: 0; margin-bottom: 20px; margin-right: 20px;}
.news.type-3 .header h2 { margin: 0; padding: 0 0 8px; font-size: 1.9em; font-family: diavlo-light, Helvetica, Arial, sans-serif; letter-spacing: -1px;}
.news.type-3 p.date { margin: 0; padding: 3px 0 5px; color: #c2c2c2; font-size: .8em;line-height: 1em;} 
.news.type-3 .hr { margin: 0px 0; padding: 0;}
.news.type-3 .meta { margin: 5px 0; }

.news.type-2 {}
.news.type-2 .header { width: 90%; margin-right: 10%; }
.news.type-2 .header .frame-holder{ margin-left: 0px; float: left; margin-top: 0; margin-bottom: 0;}
.news.type-2 .header .frame-holder img { margin:0 ; margin-right: 20px; } 
.news.type-2 h2 { text-transform: uppercase; font-size: 36pt; line-height: 1em; font-family: diavlo-light, Arial, Helvetica, sans-serif;}
.news.type-2 h2 a { color: #000; }
.news.type-2 h2 a:hover,
.news.type-2 h2 a:focus { color: #1656A0; }
.news.type-2 .comments.alt + dd { top: 20px; }

.news { margin-top: -20px !important; }

/* === RELATED POSTS === */
.related-posts { width: 40%; float: left; }

/* === NEWS OVERVIEW === CONTENT === */
.news-overview { margin-top: 0; margin-bottom: 0; padding: 0; list-style: none; clear: both;}
.news-overview li { list-style: none; margin: 0; padding: 5px 0 5px 22px; background: url(../images/pen.png) 0 2px no-repeat; border-top: 1px solid #303537; border-top: 1px solid rgba(0,0,0,.1) }
.news-overview h4 { font-size: 1em ; margin: 0 0 0px ; padding: 0; font-family: Arial, Helvetica, sans-serif; font-weight: normal;}

#content .news-overview li { border-top: 1px solid #eee; }
#content .news-overview li:first-child { border: none; }
#content .news-overview li a { color: /*#1656A0;*/ #737373; }
#content .news-overview li a:hover,
#content .news-overview li a:focus { color: #ae6070; }

/* NEWS CORNER */
.news-corner { margin: 0 0 0px !important;font-size: .9em; padding: 0 0 20px;}
.news-corner h3 { float: none; text-align: right;}
.news-corner .half:first-child h3 { text-align: left; }
.news-corner { } 
.news-corner .addthis { float: right; margin-bottom: 20px;}
.news-corner .addthis + * { clear: both; }
.news-corner img { margin: 0 0 0 15px !important; }
.news-corner p { margin: 0; text-align: right !important; height: 80px; display: table-cell; vertical-align: middle; }

/* === POST NAV === */
.post-nav { margin: 0; padding: 20px 0; list-style: none; float: left; width: 100%; background: url(../images/separator-1.png) 50% 0 no-repeat;}

.post-nav li { margin: 0; padding: 0; list-style: none; position: relative;}
.post-nav .prev { float: left; }
.post-nav .next { float: right; }
.post-nav a { color: #bbb; font-size: 1.5em; font-family: diavlo-book, Arial, Helvetica, sans-serif; }
.post-nav a:hover,
.post-nav a:focus { color: #9f3c50; }
.media + .post-nav { margin-top: 20px; }

	/* === COMMENT FORM === */
.comment { margin-top: 20px;clear: both; float: left; padding: 0 25px; width: 650px; border-top: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9; background: #f2f2f2; }
.comment .quick-connect { float: right; margin: -28pt 0 0;}
.comment .quick-connect a { float: left; margin-left: 15px;}
.comment .quick-connect a:first-child { margin-left: 0; } 

.comment li.message { width: 395px; float: left; margin-right: 25px;}
.comment li.name,
.comment li.email,
.comment li.submit { width: 230px; }

	/* news > comments / discussion */
/*
.comments { margin: 10px 0 0; padding: 0; width: 700px; float: left; list-style: none;  position: relative; overflow: hidden;}
.comments > li { width: 700px; float: left; margin: 0 0 5px; padding: 5px 0 0 0;}
.comments ul { margin: 0; padding: 0; list-style: none; float: left;}
.comments ul li { list-style: none;  margin: 0px 0 5px 0; padding: 5px 0 0 0; float: left; position: relative; clear: left;}

.comments li li { padding-left: 60px; margin-top: 5px; }
.comments .hr { margin: 10px 0 0 -50%; width: 150%; padding: 0px 0 0 0; float:left;}

.comments dl { margin: 0; padding: 0 0 0 60px; float: left;}
.comments dl dt { margin: 0; padding: 10px 0 0; font-weight: normal; position: relative;}
.comments dt a { }
.comments dt a:hover,
.comments dt a:focus { text-decoration: none; }
.comments .author { font-size: 1.8em; color: #1656A0; font-family: diavlo-light, Arial, Helvetica, sans-serif; letter-spacing: -2px;}
.comments .staff .author { font-family: diavlo-black, Arial, Helvetica, sans-serif; letter-spacing: 0; font-weight: bold}
.comments .staff .author span { font-family: diavlo-light, Arial, Helvetica, sans-serif; color: #6c6c6c;}
.comments .order { color: #e5e5e5; position: absolute; line-height: 1em; font-size: 3em; top: 60px; left: -60px;width: 34px; text-align: center;}
.comments .date { clear: both; float: left; width: 100%; color: #b9b9b9; margin: -10px 0 0;}
.comments .comment-reply-link { background: url(../images/tools/reply.png) 0 50% no-repeat; color: #858585; padding-left: 15px; margin-left: 15px;}

.comments dd { margin: 0; padding: 0; clear: both;float: left;}
.comments dd p { margin-bottom: 0; padding-bottom: 3px; margin-top: 10px;}
*/
.comments { margin: 10px 0 0; padding: 0 0 20px; width: 100%; float: left; list-style: none;  position: relative; overflow: hidden}
.comments > li { float: left; margin: 15px 0 0px; padding: 15px 0 0 0;}
.comments > li:first-child { margin-top: 0; padding-top: 0; background: none;}
.comments ul { margin: 0; padding: 0; list-style: none; float: left; width: 100%}
.comments ul li { list-style: none;  margin: 0px 0 0px 0; padding: 5px 0 0 0; float: left; position: relative; clear: left;}
.comments li { background: url(../images/hr.png) 50% 0 no-repeat; width: 100%; }
.comments li li { padding-left: 60px; margin-top: 15px; padding-top: 15px;}

.comments dl { margin: 0; padding: 0 0 0 60px; float: left;-moz-box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; box-sizing: border-box;  width: 100%; min-height: 120px;}
.comments dl dt { margin: 0; padding: 10px 0 0; font-weight: normal; position: relative; }
.comments dt a:hover,
.comments dt a:focus { text-decoration: none; }
.comments .author { font-size: 1.1em; font-size: 1.8em; color: #1656A0; font-family: diavlo-light, Arial, Helvetica, sans-serif; letter-spacing: -2px;}
.comments .author .avatar { display: block;  position: relative; float: left;margin: -8px 0 -5px -60px; }
.comments .author .avatar img { display: block; }
.comments .order { color: #e5e5e5; position: absolute; line-height: 1em; font-size: 3em; top: 60px; left: -60px;width: 34px; text-align: center; }
.comments .date { clear: both; float: left; width: 100%; color: #b9b9b9; margin: -10px 0 0; font-size: .8em;}
.comments .comment-reply-link { background: url(../images/tools/reply.png) 0 50% no-repeat; color: #858585; padding-left: 25px; margin-left: 15px;font-size: .8em; }
.comments .comment-reply-link:hover,
.comments .comment-reply-link:focus { color: #a62802; }

.comments dd { margin: 0; padding: 0; clear: both;float: left; width: 100%;}
.comments dd p { margin-bottom: 0; padding-bottom: 3px; margin-top: 10px;}

/*img - start*/
.comments dt a span.avatar { padding: 2px; border: none; float: left; margin: -10px 0 0 -60px; color: #000;}
.comments dt span.avatar img { border: none; margin: 0; display: block; border: 3px solid #fff;  -webkit-box-shadow: rgba(0,0,0,.3) 0 1px 2px; -moz-box-shadow: rgba(0,0,0,.3) 0 1px 2px; box-shadow: rgba(0,0,0,.3) 0 1px 2px; position: relative; }
/*img - end*/

/* WIDGET - SUCCESS STORIES */
.success-stories { float: left; width: 100%; position: relative;}
.success-stories ul.items { list-style: none;margin: 0;padding: 0; list-style: none; float: left; width: 100%;}
.success-stories ul.items > li {list-style: none; margin: 20px 0 0; padding: 0;}
.success-stories ul.items > li:first-child { margin-top: 0; }
.success-stories .media { display: block; }
.success-stories .media * { display: block; margin: 0 auto; }

/* js */
.js .success-stories .items > li { display: none; float: left; margin: 0 0 0;}
.js .success-stories .items > li:first-child { display: block; }

#main-heading .success-stories ul.items > li { display: none; margin: 15px 0; display: block; }
#main-heading .success-stories ul.items > li:first-child { display: block;}
#main-heading .success-stories .media { margin-top: 0; max-width: 510px; margin-bottom: 15px; }
#main-heading .success-stories .media.alignleft { margin-right: 50px !important; }
#main-heading .success-stories .media.alignright { margin-left: 50px !important; }
#main-heading .success-stories .desc { margin-top: 0; width: 400px; float: left; clear: none; }
#main-heading .success-stories .desc *:first-child { margin-top: 10px; }
#main-heading .success-stories .desc h2 { margin-bottom: 30px; }
#main-heading .success-stories .desc h2 a { }
#main-heading .success-stories .slider-pagination {margin-top: -50px; position: relative; z-index: 100;}
#main-heading .success-stories .slider-pagination.alignleft { margin-right: 560px !important; float: right !important; }
#main-heading .success-stories .slider-pagination.alignleft li { }
#main-heading .success-stories .slider-pagination.alignright {margin-left: 560px !important; float: left !important;  }

.main .success-stories { margin-bottom: 20px !important;}
.main .success-stories > h2 { position: absolute; top: 0; left: 670px; margin-top: 0;}
.main .success-stories ul.items > li { display: none; }
.main .success-stories ul.items > li:first-child { display: block;}
.main .success-stories .media { margin-top: 0; }
.main .success-stories .media.alignleft { margin-right: 20px !important; }
.main .success-stories .media.alignright { margin-left: 20px !important; }
.main .success-stories .slider-pagination {right: 0; width: 290px; bottom: 30px !important; position: absolute;}
.main .success-stories .slider-pagination  li {float: left}

/*.main .success-stories .slider-nav { top: 7px; right: 15px;position: absolute; width: 42px;}*/

.main .success-stories .desc { margin-top: 40px; float: right; width: 290px;}
.success-stories .desc * { margin: 10px 0 0; }

.sidebar .success-stories .desc { margin-top: 20px; clear: both;}
.sidebar .success-stories h3 { font-size: 1.4em; font-weight: normal; text-align: center; margin: 0; padding: 0 20px; letter-spacing: 0; }
.sidebar .success-stories a { color: #1656A0;}
.sidebar .success-stories a:hover,
.sidebar .success-stories a:focus { color: #2e2e2e; }
.sidebar .success-stories p { margin: 15px 0 0; word-wrap:break-word; text-align: left; text-align: justify;}
.sidebar .success-stories .slider-nav {top: 170px; left: 0; position: absolute; } 

/* === HIGHLIGHTS / 4BOX === */
.highlights { padding-bottom: 0; }
.highlights > div { padding-left: 65px; position: relative; width: 150px !important;}
.highlights img { position: absolute; top: 0; left: 0; }
.highlights h2 { padding-top: 0; margin-bottom: 0;margin-top: 18px;color: #1d1d1d;}
.highlights p { text-align: left; margin-top: 15px;}

	/* === PAGINATION === */

.pagination { float: left; padding: 0 0 0px;  margin: 20px 0 20px; list-style: none; position: relative; }
.pagination li { margin: 0 1px 0 2px; padding: 0; list-style: none; display: inline-block;}
.pagination a { background: url(../images/gr/pagination.gif) 0 0 repeat-x;padding: 0; line-height: 27px; color: #222; font-size: .9em; display: block; width: 24px; text-align: center; text-shadow: #fff 0 1px 0;text-decoration: none; border-radius: 2px;  -webkit-border-radius: 2px; -moz-border-radius: 2px; outline: none;}
.pagination a:hover,
.pagination a:focus { background-position: 0 -27px; color: #666}
.pagination .current a { background-position: 0 -54px; color: #fff;}

.pagination li .prev,
.pagination li .next { line-height: 27px; }
.pagination li.prev a,
.pagination li.next a { background: url(../images/nav-arrows.png) 0 0 no-repeat; width: 24px; text-indent: -9999px;}
.pagination li.next a { background-position: 100% -1000px; }
.pagination li.prev a { background-position: 0 -1000px; }


/*back link - comes after compact pagination, displays centered 'back to (...)' link*/
.back-link {float: left; width: 100%; text-align: center; position: relative; width: 100%; clear: both;margin-left: 20px !important; margin-top: -24px;}

/* articles > nav (pagination) */
.pagination-2 { padding: 0 0 10px;  margin: 0; font-size: .8em; padding: 15px 0 0; list-style: none; text-align: center;}
.pagination-2 li { display: inline; line-height: 1.8em; margin: 1px; padding: 0; list-style: none;}
.pagination-2  a { background: #f0f0f0; border: 1px solid #ccc; padding: 0 4px; line-height: 1em; color: #7a7a7a; outline: none;}
.pagination-2 a:hover,
.pagination-2 a:focus { color: #fff; text-decoration: none; border: 1px solid #555;}

/* FLICKR */
.flickr-feed {margin-right: -45px;position: relative; float: left; }
.flickr-feed ul.items { margin: 0; padding: 0; list-style: none; float: left;}
.flickr-feed ul.items li { float: left; margin: 0;margin-right: 10px;padding-bottom: 10px; list-style: none;}
.flickr-feed .frame-holder { margin: 0 !important; }
.flickr-feed .frame-holder img { border-width: 3px; }
.flickr-feed .slider-nav { top: -35px; right: 10px; left: auto; bottom: auto; }

.flickr-feed.type-2 { height: 76px; }
.flickr-feed .type-2 ul.items { height: 76px; overflow: hidden; }
.flickr-feed.type-2 .slider-nav { top: -40px; right: 45px; left: auto; bottom: auto; }

.sidebar .flickr-feed {  width: 235px;/*IE7*/ }

#main-heading .flickr-feed {float: left; width: 100%; margin: 10px 0 0; }
#main-heading .flickr-feed ul.items { float: none; width: 100%; display: table; }
#main-heading .flickr-feed ul.items li { margin-right: 10px; padding-bottom: 0; list-style: none; display: table-cell; height: 100px; vertical-align: middle; float: none; }
#main-heading .flickr-feed .frame-holder { margin: 0 !important; padding: 0px 0px 0px; /*background: url(../images/shadow.png) 50% 100% no-repeat; -moz-background-size: 100% auto; -webkit-background-size: 100% auto; background-size: 100% auto;*/}
#main-heading .flickr-feed .frame-holder img { /*border-width: 3px;*/ }

/*===SLIDER NAV===*/
.slider-nav { display: none; /*hide slider-nav when js is off*/ width: 100%; padding: 0; float: left; position: relative;z-index: 888; list-style: none; margin: 0;}
.slider-nav li { list-style: none; padding: 0; margin: 0; background: none; border: none !important; position: absolute;z-index: 888; }
.slider-nav li.prev { top: 0; left: 0;}
.slider-nav li.next { top: 0; right: 0; }
.slider-nav a { display: block; width: 16px; height: 24px; text-indent: -9999px; /*background-image: url(../images/arrows-1.png); background-repeat: no-repeat; */position: relative; z-index: 999; outline: none;}
.slider-nav li.prev a { /*background-position: 50% -64px;*/ background: #d6d6d6 url(../images/arrow-prev.png) 50% 50% no-repeat; }
.slider-nav li.next a { /*background-position: 50% -64px;*/ background: #d6d6d6 url(../images/arrow-next.png) 50% 50% no-repeat; }
.slider-nav li a:hover { background-color: #1656A0; }


.js .slider-nav { display: block; }

/* slider-nav type 4 */
.slider-nav.type-4 { width: 100%px; height: 0; position: absolute; top: auto; left: auto; right: auto; bottom: auto;}
.slider-nav.type-4 a { height: 72px; width: 72px; }
.slider-nav.type-4 li.prev a { background: #fff url(../images/nav-arrows.png) 0 -300px no-repeat; }
.slider-nav.type-4 li.next a { background: #fff url(../images/nav-arrows.png) -72px -372px no-repeat; }
.slider-nav.type-4 li.prev a:hover,
.slider-nav.type-4 li.prev a:focus { background-position: -72px -300px;}
.slider-nav.type-4 li.prev a:active { }
.slider-nav.type-4 li.next a:hover,
.slider-nav.type-4 li.next a:focus { background-position: 0 -372px; }
.slider-nav.type-4 li.next a:active { }

/* slider-nav type 1 */
.slider-nav.type-1 { width: 36px;  margin-left: -16px;position: absolute;clear: both;/*bottom: 30px; left: 30px; */}
.slider-nav.type-1 a { height: 16px; width: 16px;}
.slider-nav.type-1 li.prev a { background: url(../images/nav-arrows.png) 0 -700px no-repeat; }
.slider-nav.type-1 li.next a { background: url(../images/nav-arrows.png) -16px -716px no-repeat; }
.slider-nav.type-1 li.prev a:hover,
.slider-nav.type-1 li.prev a:focus { background-position: -16px -700px; }
.slider-nav.type-1 li.prev a:active { }
.slider-nav.type-1 li.next a:hover,
.slider-nav.type-1 li.next a:focus { background-position: -0 -716px; }
.slider-nav.type-1 li.next a:active { }

/* slider-nav type 3 */
.slider-nav.type-3 { width: 66px; height: 28px; overflow: hidden; position: absolute; top: auto; left: auto; right: auto; bottom: auto;}
.slider-nav.type-3 a { height: 28px; width: 33px; margin-top: 1px;}
.slider-nav.type-3 li.prev a { background: url(../images/nav-arrows.png) 0 -100px no-repeat; }
.slider-nav.type-3 li.next a { background: url(../images/nav-arrows.png) 0 -172px no-repeat; }
.slider-nav.type-3 li.prev a:hover,
.slider-nav.type-3 li.prev a:focus { background-position: 0 -136px; margin-top: 2px;}
.slider-nav.type-3 li.prev a:active { margin-top: 3px; }
.slider-nav.type-3 li.next a:hover,
.slider-nav.type-3 li.next a:focus { background-position: 0 -208px; margin-top: 2px;}
.slider-nav.type-3 li.next a:active { margin-top: 3px;}

/* NIVO SLIDER */
.nivo-slider-holder { margin: 0px 0 20px !important;  /*border: 5px solid #fff;*/  -webkit-box-shadow: rgba(0,0,0,.3) 0 1px 2px; -moz-box-shadow: rgba(0,0,0,.3) 0 1px 2px; box-shadow: rgba(0,0,0,.3) 0 1px 2px; }
.nibo-slider.nivoslider {}

.nivo-directionNav a { 	display:block;	z-index: 9999;	width:30px;	height:30px;	background:url(../images/nivo-default-arrows.png) no-repeat;	text-indent:-9999px;	border:0;}
a.nivo-nextNav {	background-position:-30px 0;	right:15px;}
.nivo-prevNav {left:15px;}
.nivo-controlNav{	 position:absolute; left:47%;	bottom:10px;}
.nivo-controlNav a { 	display:block;	width:22px;	height:22px;	background:url(../images/nivo-default-bullets.png) no-repeat;	text-indent:-9999px;	border:0;	margin-right:3px;	float:left;}
.nivo-controlNav a.active {	background-position:0 -22px; }


/*=== WIDE SLIDER ===*/
.slider.wide { min-width: 0; position: relative; /*margin: 20px 0;*/}
.slider.wide:after { display: block; visibility: hidden; content: "."; height: 0; line-height: 0; font-size: 0; clear: both; }
.slider.wide img { display: block; margin: 0; -webkit-border-radius: 2px; -webkit-border-bottom-left-radius: 0;-webkit-border-bottom-right-radius: 0;border-radius: 2px; border-bottom-left-radius: 0;border-bottom-right-radius: 0;-moz-border-radius: 2px; -moz-border-radius-bottomleft: 0; -moz-border-radius-bottomright: 0; }
.slider.wide .desc { background:transparent; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#090909,endColorstr=#090909); zoom: 1; background: rgba(0,0,0,.9); padding: 5px 25px; margin: 0; width: 100%;}
.slider.wide .desc h2 { color: #fff; margin: 20px 0 0; padding: 0 0 3pt; line-height: 1.2em !important;font-weight: normal; font-family: diavlo-light, Arial, Helvetica, sans-serif; font-size: 24px !important;}  
.slider.wide .desc p { color: #7c7c7c; margin: 20px 0; padding: 0 0 3pt; min-width: 1px;  width: auto; position: relative; font-size: 1em !important; line-height: 1.5em !important;}
.slider.wide .desc a { color: #fff; }
.js .slider.wide .desc:after { content: ""; display: block; position: absolute; left: 0; bottom: 10px; width: 710px; height: 10px; background: rgba(0,0,0,.9);} 
.js .slider.wide .desc.alignleft:after { left: 250px; }
.js .slider.wide .desc.alignright:after { left: -710px; }

.slider.wide .items { width: 960px;clear: both; margin: 0; padding: 0; list-style: none;}
.slider.wide .items li { margin: 30px 0 0; padding: 0; list-style: none; overflow: hidden; width: 960px; position: relative;}

.js .slider.wide { padding-bottom: 67px; background: url(../images/bg/slider-wide-foot.png) 50% 100% no-repeat; }
.js .slider.wide .items { width: 9999px; }
.js .slider.wide .items li { height: 300px; overflow: hidden; margin: 0; float: left;  display: none;}
.js .slider.wide .items li:first-child { display: block;}
.js .slider.wide .slider-pagination { bottom: 77px; left: 47%; }
.js .slider.wide .slider-pagination.alignleft { left: 5%; }
.js .slider.wide .slider-pagination.alignright { right: 5%; left: auto;}

.js .slider.wide .desc { position: absolute; z-index: 100; width: 200px; height: 300px}
.js .slider.wide .desc.alignleft { top: 0px; left: 0; text-align: left;}
.js .slider.wide .desc.alignright { top: 0px; right: 0px;  text-align: right !important;}
.js .slider.wide .glare { position: absolute; top; 0; right: 0; width: 340px; height: 113px; }
.js .slider.wide.type-1 .slider-pagination,
.js .slider.wide.type-1 .desc { -webkit-transition: all .2s ease-in; -moz-transition: all .2s ease-in; -ms-transition: all .2s ease-in; -o-transition: all .2s ease-in; transition: all .2s ease-in; opacity: 0;}
.js .slider.wide.type-1:hover .slider-pagination,
.js .slider.wide.type-1:hover .desc {opacity: 1;} 
.js .slider.wide.type-2 .desc { display: none; }
.js .slider.wide.type-2 .items > li:after { content: ""; display: block; position: absolute; left: 0; bottom: 0px; width: 100%; height: 10px; background: rgba(0,0,0,.9);} 

/* ZOOMBOX */
.zoombox { clear: both; margin: 20px auto; float: left; border: 1px solid #cfcfcf; border-top: none; border-bottom: 1px solid #707070; -webkit-box-shadow: #ddd 0 1px 0px; -moz-box-shadow: #ddd 0 1px 1px; box-shadow: #ddd 0 1px 1px; }
 .zoombox .enlarged { display: none; height: 400px; }
.zoombox .images { width: 100%; margin: 0; list-style: none;}
.zoombox .images li { margin: 10px 0; list-style: none;}
.zoombox .images .frame-holder { clear: both; width: 100%; }
.zoombox .images .frame-holder * { width: 100%; }
.zoombox .slider-nav { display: none; }

.js .zoombox {  position: relative; overflow: hidden;border: 1px solid #cfcfcf; border-top: none; border-bottom: 1px solid #707070; padding: 0;display: block; -webkit-box-shadow: rgba(0,0,0,.3) 0 1px 1px; -moz-box-shadow: rgba(0,0,0,.3) 0 1px 1px; box-shadow: rgba(0,0,0,.3) 0 1px 1px; width: 100%}
.js .zoombox .enlarged { position: relative; overflow: hidden; display: block; border: 5px solid #fff; border-bottom: 1px solid #cfcfcf; }
.js .zoombox .images { float:left; position: relative; margin: 0 -9999px 0 72px; padding: 0; width: 9999px; list-style: none; background: url(../images/photo.png) 0 0 repeat-x; }
.js .zoombox .images li { margin: 0; float: left;padding: 0; border: none; border-left: 1px solid #cfcfcf; list-style: none; background: #fff;}
.js .zoombox .images li a.frame-holder { width: 72px; height: 72px; overflow: hidden; display: block; margin: 0; padding: 0; border: none; }
.js .zoombox .images li a.frame-holder img { width: 100%; height: 100%; border: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;-moz-box-shadow: none; -webkit-box-shadow: none;box-shadow: none; }
.js .zoombox .images li a { position: relative; opacity: 0.5;}
.js .zoombox .images li a:hover,
.js .zoombox .images li a:focus { opacity: .75; }
.js .zoombox .images li.current a { opacity: 1; }
.js .zoombox .slider-nav { display: block; }

.zoombox .slider-nav { position: absolute; left: 0; bottom: 72px;}
.zoombox .slider-nav li.next a { border-left: 1px solid #cfcfcf; }

/* PIP */
.pip { clear: both;} 
.pip .enlarged { display: none; overflow: hidden;}
.pip .images { width: 100%; margin: 0; list-style: none; }
.pip .images li { margin: 10px 0; list-style: none; }
.pip .images .frame-holder { clear: both; width: 100%; }
.pip .images .frame-holder * { width: 100%; height: 100%;}

.js .pip { width: 600px; margin: 20px auto; position: relative; clear: both;}
.js .pip .enlarged {border-left: 1px solid #cfcfcf; border-right: 1px solid #cfcfcf; border-bottom: 1px solid #707070; -webkit-box-shadow: rgba(0,0,0,.2) 0 1px 1px; -moz-box-shadow: rgba(0,0,0,.2) 0 1px 1px; box-shadow: rgba(0,0,0,.2) 0 1px 1px; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;width: 100%; padding: 5px; background: #fff; display: block; height: 400px; }
.js .pip .enlarged img { width: 100%; display: block;}
.js .pip .images { margin: 0; padding: 0; list-style: none; position: absolute; bottom: 20px; top: auto; left: 50%; width: 100%;}
.js .pip .images li { margin: 0; padding: 0; list-style: none; float: left;}
.js .pip .images li a.frame-holder { width: 50px; height: 50px; display: block; margin: 5px; float: left; }
.js .pip .images li a img { width: 100%; height: 100%; border-width: 3px; -webkit-border-radius: 0; -moz-border-radius: 0px; border-radius: 0px;  }

.js .pip .images.alignbottom { top: auto; bottom: 20px;}
.js .pip .images.aligntop { top: 20px; bottom: auto;}
.js .pip .images.alignleft { top: 20px; left: 20px; width: 60px !important;}
.js .pip .images.alignright { top: 20px; left: auto;right: 0px; width: 60px !important;}

/* === SLIDER ALIGNMENT === */
.slider.aligncenter { display: block; float: none !important; margin-left: auto !important; margin-right: auto !important; clear: both; /* define width inline */}
.slider.alignright { float: right !important; }
.slider.alignleft { float: left !important; }


/* WIDGET - TWITTER FEED */
#twitter_div { }
#twitter_update_list { list-style: none; padding: 0; margin: 0;}
#twitter_update_list li { margin: 0; padding: 0; display: block; list-syle: none; color: #616161; }
#twitter_update_list li > a { display: block; font-size: .7em;}

.sidebar #twitter_div { position: relative; }
.sidebar #twitter_update_list li { color: #717171; margin: 10px 0 0; /*height: 92px;*/ }
.sidebar #twitter_update_list li:first-child { color: #717171; padding-top: 0; }


.sidebar #twitter_update_list li > a { background: url(../images/separator.png) 0 0 no-repeat; font-size: .8em; padding-top: 10px; padding-left: 15px; }
.sidebar #twitter_div h2,
.sidebar #twitter_div h3 { margin-top: 0px; }

.sidebar #twitter_div .slider-nav { bottom: 15px; top: auto; right: 0; left: auto; }

#main-heading #twitter_update_list { padding-right: 160px; font-size: 1.1em; background: url(../images/social-icons/twitter-ico-1.png) 100% 50% no-repeat; min-height: 130px;}
#main-heading #twitter_update_list li { display: table-cell; padding-right: 35px; vertical-align: middle;  height: 130px; width: 33%}
#main-heading #twitter_update_list li a {}


#twitter_div.type-2 {-webkit-box-shadow: rgba(0,0,0,.45) 0 1px 2px; -moz-box-shadow: rgba(0,0,0,.45) 0 1px 2px; box-shadow: rgba(0,0,0,.45) 0 1px 2px;  -webkit-border-radius: 4px; -moz-border-radius: 4px;border-radius: 4px; margin: 0px !important; padding: 10px 20px; position: relative;border-top: 1px solid #efefef;}
#twitter_div.type-2 .chicken { position: absolute; bottom: -30px; right: 10px; }
#twitter_div.type-2:after { display: block; visibility: hidden; content: "."; height: 0; line-height: 0; font-size: 0; clear: both; }	
#twitter_div.type-2 #twitter_update_list {  height: 188px; padding-bottom: 18px;}
#twitter_div.type-2 #twitter_update_list li { padding: 20px 0 0px;  height: 102px; text-align: center; color: inherit;}
#twitter_div.type-2 #twitter_update_list li span + a { display: none; }


#twitter_div .slider-nav.type-5 { bottom: 100px; left: 50%; margin-left: -16px; }

	/* === SIDEBAR === TWITTER FEED === */ 
.sidebar #twitter_div { position: relative;  background: url(../images/social-icons/twitter-ico-1.png) 100% 0 no-repeat;}
.sidebar #twitter_update_list li { color: #717171; }
.sidebar #twitter_update_list li > a { background: url(../images/twitter-separator.png) 0 0 no-repeat; font-size: .8em; padding-top: 5px; margin-top: 5px; padding-left: 15px;}
.sidebar #twitter_div h2,
.sidebar #twitter_div h3 { margin-top: 0px; }

#twitter_div .slider-nav { width: 26px;  margin-left: 0;position: absolute; bottom: 0;float: left; clear: both;bottom: 15px; right: 0px; z-index: 10;}
#twitter_div .slider-nav a { height: 16px; width: 10px;}
#twitter_div .slider-nav li.prev a { background: url(../images/arrow-top-1.png) 0 0 no-repeat; }
#twitter_div .slider-nav li.next a { background: url(../images/arrow-bottom-1.png) 0 0 no-repeat; }

/* === ERROR 404 === */
body .error404 { text-align: center; }
body .error404 h2 { text-indent: -9999px; margin: 60px 0 0; padding: 0; height: 223px; background: url(../images/404.png) 50% bottom no-repeat; }
body .error404 h3 { color: #1656A0; font-size: 3em; line-height: 1em; padding-bottom: 30px;text-transform: uppercase; margin-top: 60px;}

/* === FEATURED === */
.widget .featured { margin: 15px 0; float: left; -webkit-box-shadow: #333 0 1px 2px; -moz-box-shadow: #333 0 1px 2px; box-shadow: #333 0 1px 2px; }
.widget .featured .items { margin: 0 0; padding: 0; list-style: none; }
.widget .featured .items > li { margin: 0; padding: 15px; list-style: none; }
.widget .featured .items > li img { float: left; margin: -15px -15px 10px; }
.widget .featured .items > li h3 { margin-top: 0; margin-bottom: 0; font-size: 1em;  font-family: Arial, Helvetica, sans-serif; padding-bottom: 10px;}
.widget .featured .items > li h3 a { color: #1656A0; }
.widget .featured .items > li p { margin: 10px 0;  }

.js .widget .featured { overflow: hidden; width: 220px; padding-bottom: 20px; position: relative;}
.js .widget .featured .items { float: left; }
.js .widget .featured .items > li { float: left; }

.widget .featured .slider-nav { width: 36px;  margin-left: -16px;position: absolute; bottom: 0;float: left; clear: both;bottom: 30px; left: 30px;}
.widget .featured .slider-nav a { height: 16px; }
.widget .featured .slider-nav li.prev a { background: url(../images/arrows-2.png) 0 0 no-repeat; }
.widget .featured .slider-nav li.next a { background: url(../images/arrows-2.png) -22px 0 no-repeat; }

/* === POPULAR === */
.sidebar .popular { margin: 0; float: left; 
 }
.sidebar .popular .items { margin: 0 0; padding: 0; list-style: none; clear: both;}
.sidebar .popular .items > li { margin: 15px 0; padding: 15px 15px 5px; list-style: none;-webkit-box-shadow: #333 0 1px 2px; -moz-box-shadow: #333 0 1px 2px; box-shadow: #333 0 1px 2px; clear: both;}
.sidebar .popular .items > li img { margin: -15px -15px 0px; width: 220px;}
.sidebar .popular .items > li h3 { margin: 0; font-size: 1em; font-family: Arial, Helvetica, Sans-serif;}
.sidebar .popular .items > li p { margin: 10px 0; line-height: 1.2em; }

/* === TAGS === */
.tags { margin: 15px 0; padding: 0; list-style: none; float: left;}
.tags li { margin: 0 15px 10px 0; padding: 0; list-style: none; float: left;}
.tags li a { background: url(../images/gr/tags.gif) 0 0px repeat-x; line-height: 20px; font-size: .8em; color: #1d1d1d;border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; -webkit-box-shadow: #333 0 1px 2px; -moz-box-shadow: #333 0 1px 2px; box-shadow: #333 0 1px 2px; float: left}
.tags li a span { line-height: 20px;float: left; padding: 0 5px; border-left: 1px solid #dbdbdb;}
.tags li a span:first-child { border-left: none; border-right: 1px solid #fcfcfc; } 
.tags li a:hover { background-position: 0 -20px; margin-top: 1px; margin-bottom: -1px;}
.tags li a:active { margin-top: 2px; margin-bottom: -2px;}


/*= end =============SITE-WIDE CUSTOM STYLES + CONTENT============== */
/*= start =============HEADER==============*/

	/*logo*/
#header h1 { float: left; margin-top: 20px; margin-bottom: 0; margin-left: -12px;padding: 0; width: 300px; position: relative; z-index: 1000;}
#header h1 a { display: block; width: 293px; height: 84px; background: url(../images/chillibox-logo.png) 0 0 no-repeat; text-indent: -9999px; }
#header h1.style-1 a { font-family: diavlo-book, Arial, Helvetica, sans-serif; background: none; text-indent: 0; margin-top: -5px; text-transform: uppercase;color: #1656A0; font-size: 1.4em; letter-spacing: -2px;}
#header h1.style-1 a span { color: #2e2e2e; }


	/* === HELPDESK === */
#helpdesk { width: 100%; text-align: left; float: left; font-size: 10pt;background: url(../images/top-panel.gif) 0 100% repeat-x; color: #8d8d8d; }
#helpdesk p { width: 960px; margin: 0 auto; height: 40px; line-height: 40px;}
#helpdesk span { float: right; margin: 0; color: #939596; }

	/* === NAV ===*/
#nav ul, #nav li { list-style: none; margin: 0; padding: 0; position: relative; z-index: 9999;} 	
	
#nav { float: left; width: 750px; margin: -55px -10px 0px 10px; padding: 0 0px; position: relative; z-index: 9999; float: right;}
#nav > ul { padding: 0; margin: 0px 0px 40px 0; font-size: 1.2em; float: right; }
	/* === FIRST LEV === */
#nav > ul > li { float: left; position: relative; }
#nav > ul > li > a { padding: 0 13px 10px 13px; float: left; line-height: 1em;  z-index: 999; position: relative; color: #2e2e2e; text-decoration: none; font-size: 10.5pt;color: #2e2e2e; }
#nav > ul > li > a:hover,
#nav > ul > li > a:focus,
#nav > ul > li.current > a {  background-position: 50% 0; color: #1656A0; font-weight: bold;}
#nav > ul > li:hover > a { font-weight: normal; }


	/* === SUBNAVS === */
#nav ul ul { position: absolute; font-size: 10pt; -webkit-box-shadow: rgba(0,0,0,.2) 0 0px 2px; -moz-box-shadow: rgba(0,0,0,.25) 0 1px 3px; box-shadow: rgba(0,0,0,.25) 0 1px 3px; border-right: 1px solid #d4d4d4; border-bottom: #d4d4d4; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; padding-top: 5px; display: none;   z-index: 99999;}
#nav ul ul li { padding-right: 5px; margin-right: -5px;}
#nav ul ul li a { background: #fff url(../images/arrow-1.png) 12px 14px no-repeat;padding-left: 25px;  position: relative; ;   z-index: 999;
border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-top-right-radius: 0; -moz-border-radius-topright: 0; border-top-left-radius: 0; -moz-border-radius-topleft: 0; -webkit-border-top-left-radius: 0px; -webkit-border-top-right-radius: 0; }
#nav ul ul li:first-child > a { border-radius: 3px; -webkit-border-radius: 3px;  -moz-border-radius: 3px; border-top: none; }

	/*subnav - first level*/
#nav > ul > li > ul { top: 22px; left: 0;}
#nav > ul > li > ul > li:first-child { margin-top: -10px; padding-top: 5px;}

	/*subnav - farther levels*/
#nav > ul > li > ul ul { top: 4px; left: 196px; z-index: 99999; padding-top: 0;}
#nav > ul > li > ul > li:first-child > ul { top: 8px; }
#nav ul li ul li { margin-top: -3px; }
#nav > ul ul a { display: block; width: 150px; padding: 8px 20px;  text-decoration: none;background-color: #fff; border-top: 1px solid #dedede ; border-bottom: 1px solid #d8d8d8; color: #5c5c5c;}
#nav ul ul li a:hover,
#nav ul ul li a:focus {background-color: #f1f1f1; }

/*enable subnav display on hover when js is off*/
#nav > ul li:hover > ul,
#nav > ul li:focus > ul { display: block; }

/*disable subnav display on hover when js is on*/
#nav.js > ul li:hover > ul,
#nav.js > ul li:focus > ul {display: none; }

/*= end =============HEADER==============*/
/*= start =============FOOTER==============*/

#footer { font-size: 9pt; background: #1f2325 url(../images/gr/footer.gif) 0 100% repeat-x;}
#footer h3 { font-weight: normal; font-size: 1.4em; padding: 0 0 0px; margin-top: 0; margin-bottom: 0; font-family: diavlo-light, Arial, Helvetica, sans-serif; letter-spacing: 0;color: #fff; }
#footer * > h3:first-child { padding-bottom: 20px;  margin-bottom: 7px; }
#footer h3.compact { float: left; }
#footer p { line-height: 1.2em; margin-top: 10px; padding: 0 0 10px;  border-bottom: 1px solid #303537; border-bottom: 1px solid rgba(255,255,255,.1); color: #666;}
#footer a { color: #666869; }
#footer a:hover,
#footer a:focus { color: #919394; text-decoration: none;}
#footer input[type="text"] {  background: #1e2123 url(../images/gr/footer-input.gif) 0 0 repeat-x; background: #1e2123 !important; border: 1px solid #0b0c0d; border-bottom: 1px solid #3e4042; border-right: 1px solid #3e4042; color: #393c3d; }
#footer input[type="text"]:hover,
#footer input[type="text"]:focus {color: #868686;}

	/*social icons (news) */
a.social-icon { float: right; width: 32px; height: 32px; overflow: hidden; margin: -4px 2px 0;}
a.social-icon img { margin: 0; float: left; }
a.social-icon:hover img,
a.social-icon:focus img { margin: -32px 0 0;}
a.social-icon:active { margin-top: 2px; }

	/*search*/
#footer .search { margin-top: -10px; border-radius: 10px;}
#footer form.search .button { display: none; }
#footer form.search input[type="submit"] { display: none; }

#footer .news-overview li {  border-top: 1px solid #444; border-top: 1px solid rgba(255,255,255,.1); padding-top: 7px; padding-bottom: 8px }
#footer .news-overview li:first-child { border-top: none; }

/* === POPULAR === */
#footer .popular { margin: 0; float: left;  }
#footer .popular .items { margin: 0 0; padding: 0; list-style: none; clear: both;}
#footer .popular .items > li { margin: 0; list-style: none;  clear: both;border-bottom: 1px solid #444; border-bottom: 1px solid rgba(255,255,255,.1); padding: 7px 0 8px 22px; background: url(../images/pen.png) 0 2px no-repeat;}
#footer .popular .items > li h3 { margin-top: 0; margin-bottom: 0; font-size: 1em; font-family: Arial, Helvetica, sans-serif; padding: 0;}

#footer h3,
#footer h2 { font-weight: normal; font-size: 1.4em; padding: 0 0 0px; margin-top: 0; margin-bottom: 0; font-family: diavlo-light, Arial, Helvetica, sans-serif; letter-spacing: 0; color: #fff;}

#footer .columns { margin-top: 0; }

/*= end =============FOOTER==============*/
/*= start =============LIGHTBOX==============*/
.lightbox { padding: 5px; background: #fff; float: left;  position: relative;}
.lightbox .images, .lightbox .images li { margin: 0; padding: 0; list-style: none; }
.lightbox .images { padding-bottom: 30px; }
.lightbox .close { position: absolute; top: -25px; right: -25px; width: 50px; height: 50px; text-indent: -9999px; background: url(../images/close-button-1.png) 0 0 no-repeat; }
.lightbox h2 { text-align: center; padding-top: 0; margin-top: -20px; height: 20px;}
.lightbox h2 span { padding-top: 0; margin-top: 0;}

/*js info - centers vertically with js*/
.lightbox .nav { width: 100%; padding: 0; float: left; position: absolute; top: 50%; margin-top: -64px; z-index: 9999; display: none;}
.lightbox .nav { display: block; }
.lightbox .nav li { padding: 0; margin: 0;position: absolute;z-index: 99999; background: #fff; }
.lightbox .nav li.prev { top: 0; left: 0;}
.lightbox .nav li.next { top: 0; right: 10px; }
.lightbox .nav a { display: block; margin: 0px auto; width: 52px; height: 52px; text-indent: -9999px; background-image: url(../images/arrows-1.png); background-repeat: no-repeat; position: relative; z-index: 999;}
.lightbox .nav li.prev a { background: #d6d6d6 url(../images/arrow-prev.png) 50% 50% no-repeat; }
.lightbox .nav li.next a { background: #d6d6d6 url(../images/arrow-next.png) 50% 50% no-repeat; }
.lightbox .nav li a:hover { background-color: #1656A0; }
.lightbox .nav li.prev a:hover,
.lightbox .nav li.prev a:focus { }
.lightbox .nav li.prev a:active {  }
.lightbox .nav li.next a { }
.lightbox .nav li.next a:hover,
.lightbox .nav li.next a:focus { }
.lightbox .nav li.next a:active {} 
.lightbox h2 { padding-top: 10px; margin-left: 10%; margin-right: 10%;}
.lightbox p.total { position: absolute; bottom: 17px; right: 30px; font-size: 1.2em; padding: 0; margin: 0; color: #999;}

/*= end=============LIGHTBOX==============*/

/*=== PRELOADER === */
.preloader { background: #000 url(../images/loading-indicator.gif) 50% 50% no-repeat; display: none; }