/* ------------------------------------------------------------------------------------ */
/* -------------------------------- BASIC STYLE RESET --------------------------------- */
/* ------------------------------------------------------------------------------------ */

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

html { overflow-x: hidden; }

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* Remove annoying border on linked images. */
a img { border: none; }
a { outline: none; }
img { vertical-align: top; border: none;  }
.clearer { height: 0px; clear: both; }

/* ------------------------------------------------------------------------------------ */
/* -------------------------------- MAIN STYLES DEFINITION ---------------------------- */
/* ------------------------------------------------------------------------------------ */

body {
	margin: 0;
	padding: 0;
	line-height: 20px;
	width: 100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	cursor: default;
	color: #000000;
}

/* ----------------------------------------------------------
 * HEADLINES
 * ----------------------------------------------------------*/

h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #585858;
	margin-bottom: 26px;
}

h1, h1 a {
    font-size: 28px;
    line-height: 28px;
}
h2, h2 a {
    font-size: 24px;
    line-height: 22px;
}
h3, h3 a {
    font-size: 22px;
    line-height: 22px;
}
h4, h4 a {
    font-size: 20px;
    line-height: 20px;
}
h5, h5 a {
    font-size: 18px;
    line-height: 18px;
}
h6, h6 a {
    font-size: 16px;
    line-height: 16px;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
    display: block;
    padding: 0;
    margin: 0;
    text-decoration: none;
    color: #087db5;
}

p {
    color: #676767;
    font: 14px/20px Arial;
    padding-bottom: 26px;
}

#ssl
{
  display: block;
  overflow: hidden;
  width: 0;
  height: 0;
}
a { color: #1972b4; color: #4d91c1; text-decoration: none; }
a:hover {
	text-decoration: underline;
	color: #3E71AA;
}

.alignleft {
    float: left;
    margin-right: 24px;
    margin-bottom: 30px;
}
.alignright {
    float: right;
    margin-left: 24px;
    margin-bottom: 30px;
}
.aligncenter {
    margin: 0 auto;
    margin-bottom: 20px;
    display: block;
}

img {
    border: 0px solid #e5e5e5;
    background: #f1f1f1;
    padding: 5px;
    margin-bottom:0px;
}
img.clean {
    background: none;
    padding: 0;
    border: 0;
}
a.image-holder {
    position: relative;
    display: block;
    float: left;
    margin-bottom: 20px;
    overflow: hidden;
}
a.image-holder img { margin: 0; position: relative; z-index: 10; border: 1px solid #e5e5e5; }
a.image-holder .image-zoom {
    display: block;
    display: none;
    width: 100%;
    height: 100%;
    background: transparent url('../images/zoom-icon.png') no-repeat center;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 20;
}

.red { color: #e35337; }

em { font-style: italic; }

input { outline: 0; }

ul {
    list-style-type: square;
    list-style-position: inside;
    margin-bottom: 26px;
}
ul li {
    font: 14px/20px Arial;
}


#root {
    background: transparent url('../images/header-pattern.png') repeat-x left top;
    position: relative;
    color: #676767;
    font: 14px/21px Arial;
}

/* ----------------------------------------------------------
 * HEADER DEFINITION
 * ----------------------------------------------------------*/

#header {
    background: transparent url('../images/header-bkg.png') no-repeat center top;
    width: 1920px;
    height: 268px;
    position: absolute;
    z-index: 100;
    top: 0;
    left: 50%;
    margin-left: -960px;
}

#header .header-content {
    width: 940px;
    height: 268px;
    margin: 0 auto;
    position: relative;
}

h1#logo-title, #logo-description {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 56px;
	color: #fff;
	font: 48px/40px Arial;
	text-transform: uppercase;
	text-shadow: 0 1px 0 #2a508d;
	width: 932px;
}
h1#logo-title a {
	color: #fff;
	text-decoration: none;
	font-family: Arial;
	font-size: 29px;
	line-height: 40px;
}
#logo-description {
	top: 99px;
	left: 3px;
	text-transform: none;
	font-family: Arial;
	font-size: 14px;
	line-height: 12px;
}

/* ----------------------------------------------------------
 * MAIN MENU DEFINITION
 * ----------------------------------------------------------*/

ul#menu {
    position: relative;
    right: 0;
    margin: 62px 0 0 0;
    padding: 0;
    background: transparent;
    z-index: 50;
    overflow: visible;
    list-style-type: none;
    display: block;
    float: right;
}
ul#menu li {
    display: inline;
    float: left;
    padding: 0;
    margin: 0;
    position: relative;
    padding-bottom: 20px;
}
ul#menu > li { margin-right: 2px; }
ul#menu li a {
    text-transform: capitalize;
    padding: 10px 15px;
    margin: 0;
    font: normal 15px Arial;
    text-decoration: none;
    width: auto;
    display: block;
    float: left;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 0 #25477d;
    border-radius: 6px;
}
ul#menu li > a:hover {
    border-radius: 3px;
    background: transparent url('../images/menu-item-over-bkg.png') repeat-x top left;
    box-shadow: 0 -1px 0px #3e70a9;
    color: #cffff9;
}

ul#menu > li.current-menu-item > a,
ul#menu > li.current_page_parent > a,  ul#menu > li.current-menu-parent > a,
ul#menu > li.current-menu-ancestor > a,  ul#menu > li.current_page_ancestor > a {
    color: #cffff9;
    border-radius: 3px;
    background: transparent url('../images/menu-item-over-bkg.png') repeat-x top left;
    box-shadow: 0 -1px 0px #3e70a9;
}

ul#menu > li.current-menu-item a:hover,
ul#menu > li.current_page_parent a:hover,  ul#menu > li.current-menu-parent a:hover,
ul#menu > li.current-menu-ancestor a:hover,  ul#menu > li.current_page_ancestor a:hover {  }

ul#menu li a.homepage {
    background: none;
    background: transparent url('../images/menu-item-home.png') no-repeat top left;
    width: 26px;
    height: 27px;
    padding: 0;
    margin: 4px 10px 0 0;
    text-indent: -9999px;
}
ul#menu li a.homepage:hover,  ul#menu li.current-menu-item a.homepage {
    background: transparent url('../images/menu-item-home-over.png') no-repeat top left;
    width: 26px;
    height: 27px;
    padding: 0;
    text-indent: -9999px;
    box-shadow: 0 0 0 transparent;
}
ul#menu li:hover > ul.sub-menu { display: block; }

/* ----------------------------------------------------------
 * SUBMENU
 * --------------------------------------------------------- */

ul#menu li ul.sub-menu {
    margin: 0;
    display: none;
    position: absolute;
    top: 50px;
    left: 0px;
    background: #fff;
    background: rgba(255, 255, 255, 0.95);
    z-index: 50;
    border-radius: 3px;
    box-shadow: 0 4px 5px rgba(0,0,0, .05);
    width: 180px;
    padding: 8px 0;
}

ul#menu li ul.sub-menu li {
    margin: 0;
    position: relative;
    clear: both;
    display: block;
    width: 152px;
    padding: 0 14px;
}
ul#menu li ul.sub-menu li a {
    position: relative;
    clear: both;
    display: block;
    cursor: pointer;
    border: 0;
    text-shadow: 0 0 0 transparent;
    background: transparent none;
    font-size: 13px;
    font-weight: normal;
    text-transform: none;
    color: #335a83;
    color: #555;
    width: 148px;
    height: 20px;
    line-height: 20px;
    padding: 6px 4px;
    text-align: left;
    border-top: 1px dotted #cfd7df;
    border-radius: 0;
}
ul#menu li ul.sub-menu li a.last, ul#menu li ul.sub-menu li:first-child > a { border-top: 0; }
ul#menu li ul.sub-menu li a:hover {
    box-shadow: 0 0 0 transparent;
    border-radius: 0;
    color: #5e85b2;
}
ul#menu li ul.sub-menu li a.more { background: transparent url('../images/menu-item-more.png') no-repeat right center; }
ul#menu li ul.sub-menu ul.sub-menu,  ul#menu li ul.sub-menu ul.sub-menu ul.sub-menu {
    left: 150px;
    top: 8px;
}

/* ----------------------------------------------------------
 * MEGAMENU
 * --------------------------------------------------------- */

#menu .pixel-mega-menu {
    display: none;
    position: absolute;
    left: 0;
    top: 50px;
    min-width: 460px;
    border-radius: 0;
}
#menu .pixel-mega-menu ul.sub-menu {
    width: 100%;
    padding: 20px;
    margin: 0;
    display: block;
    top: auto;
    left: auto;
    background: #fff;
    background: rgba(255, 255, 255, 0.95);
    border-radius: 3px;
}
#menu .pixel-mega-menu > ul.sub-menu li ul.sub-menu {
    padding: 0;
    background: none;
    position: relative;
    left: auto;
    top: auto;
    color: #555;
    overflow: hidden;
    box-shadow: 0 0 0 transparent;
}
#menu .pixel-mega-menu > ul.sub-menu ul li {
    margin: 0;
    color: #777;
    height: 24px;
    line-height: 23px;
    width: 90%;
    margin-left: 0px;
}
#menu .pixel-mega-menu > ul.sub-menu > li a {
    display: block;
    border: 0;
    padding: 0;
    margin: 0;
    height: auto;
    height: 30px;
    line-height: 30px;
    text-indent: 0;
    color: #888;
    text-decoration: underline;
}
#menu .pixel-mega-menu ul.sub-menu a:hover { background: none; color: #000; text-decoration: none; }
ul#menu li:hover > .pixel-mega-menu { display: block; }
#menu .pixel-mega-menu > ul.sub-menu > li {
    clear: none;
    float: left;
    display: block;
    margin: 0;
    padding: 0;
    margin-bottom: 20px;
    width: 48%;
    margin-right: 2%;
}
#menu .pixel-mega-menu > ul.sub-menu > li:last-child,  #menu .pixel-mega-menu > ul.sub-menu > li.last {
    width: 50%;
    margin-right: 0;
}
#menu .pixel-mega-menu > ul.sub-menu li h4 {
    font-size: 16px;
    font-family: Georgia;
    color: #555;
    border-bottom: 1px dotted #ccc;
    margin-bottom: 14px;
    padding: 0px 10px 4px 0;
}
#menu .pixel-mega-menu > ul.sub-menu > li p {
    padding-bottom: 10px;
    color: #999;
    font: italic 12px/20px Georgia;
}

#menu .pixel-mega-menu.two-columns { width: 460px; }
#menu .pixel-mega-menu.three-columns { width: 660px; }
#menu .pixel-mega-menu.four-columns { width: 920px; }
#menu .pixel-mega-menu.two-columns > ul.sub-menu > li { width: 48%; margin-right: 2%; }
#menu .pixel-mega-menu.three-columns > ul.sub-menu > li { width: 31%; margin-right: 2%; }
#menu .pixel-mega-menu.four-columns > ul.sub-menu > li { width: 23%; margin-right: 2%; }
#menu .pixel-mega-menu.two-columns > ul.sub-menu > li.last { width: 50%; margin-right: 0; }
#menu .pixel-mega-menu.three-columns > ul.sub-menu > li.last { width: 33%; margin-right: 0; }
#menu .pixel-mega-menu.four-columns > ul.sub-menu > li.last { width: 25%; margin-right: 0; }
#menu .pixel-mega-menu > ul.sub-menu > li.newline { clear: both; width: 100%; padding: 0; margin: 0; }
#menu .pixel-mega-menu > ul.sub-menu > li.half-column { width: 48%; margin-right: 2%; }
#menu .pixel-mega-menu > ul.sub-menu > li.third-column { width: 31%; margin-right: 2%; }
#menu .pixel-mega-menu > ul.sub-menu > li.two-thirds-column { width: 65%; margin-right: 2%; }
#menu .pixel-mega-menu > ul.sub-menu > li.half-column.last { width: 50%; margin-right: 0; }
#menu .pixel-mega-menu > ul.sub-menu > li.third-column.last { width: 33%; margin-right: 0; }
#menu .pixel-mega-menu > ul.sub-menu > li.two-thirds-column.last { width: 67%; margin-right: 0; }
#menu .pixel-mega-menu > ul.sub-menu > li.fourth-column { width: 23%; margin-right: 2%; }
#menu .pixel-mega-menu > ul.sub-menu > li.fourth-column.last { width: 25%; margin-right: 0; }
#menu .pixel-mega-menu > ul.sub-menu > li.full-column { width: 100%; margin-right: 0; }
#menu .pixel-mega-menu > ul.sub-menu > li.last { margin-right: 0; }


/* ----------------------------------------------------------
 * CONTENT DEFINITION
 * ----------------------------------------------------------*/

#content {
    background: #fff url('../images/content-pattern-bkg.jpg') repeat left top;
    position: relative;
    top: 172px;
    overflow: hidden;
}

#content-pattern {
    background: transparent url('../images/content-top-pattern.jpg') repeat-x left top;
    min-height: 137px;
    position: relative;
}
#content-hash-pattern {
    background: transparent url('../images/content-hash-pattern.png') repeat left top;
    position: relative;
}

#content-area {
	position: relative;
	/*    overflow: hidden;*/
    min-height: 300px;
	width: 940px;
	background: transparent url('../images/content-top-bkg.png') no-repeat left top;
	background-position: 0 3px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 20px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;
}

#content-area .content-top-area {
    height: 140px;
    background: transparent url('../images/dashed-line.png') repeat-x left bottom;
    margin-bottom: 20px;
}

/* ----------------------------------------------------------
 * MAINAREA + SIDEBARS
 * ----------------------------------------------------------*/

.sidebar-left, .sidebar-right {
    float: left;
    width: 260px;
    margin: 0;
    padding: 10px 0 20px 0;
    margin-right: 40px;
}
.mainarea-right, .mainarea-left {
    float: left;
    width: 640px;
    overflow: hidden;
    margin: 0;
    padding: 10px 0 20px 0;
}
.sidebar-right { float: right; margin: 0; }
.mainarea-left { float: left; margin: 0 40px 0 0; }

/* ----------------------------------------------------------
 * FOOTER
 * ----------------------------------------------------------*/

#footer {
    background: transparent url('../images/footer-pattern.jpg') repeat-x bottom left;
    width: 100%;
    height: 224px;
    display: block;
    position: absolute;
    bottom: -300px;
}
#footer-bkg {
    background: transparent url('../images/footer-bkg.png') no-repeat bottom left;
    width: 1920px;
    height: 224px;
    position: absolute;
    z-index: 100;
    left: 50%;
    margin-left: -960px;
    bottom: 0;
}
#footer-content {
    width: 940px;
    height: 50px;
    margin: 0 auto;
    position: relative;
    top: 143px;
    color: #fff;
    overflow: hidden;
}
#footer-content h4 {
    color: #fff;
    font: 18px Arial;
    margin: 0 0 4px 0;
    padding: 0;
    text-shadow: 0 1px 0 #28488f;
}
#footer-content .copyright-note {
    font: 12px Arial;
    color: #afcee8;
    padding: 0 0 0 1px;
}

ul.footer-menu {
    margin: 0;
    padding: 0;
    list-style-type: none;
    list-style-position: outside;
    /*    overflow: hidden;*/
    float: right;
    position: relative;
    display: block;
    top: 25px;
}
ul.footer-menu li {
    display: inline-block;
    float: left;
    border-left: 1px solid #c5d9e9;
    padding: 0;
    margin: 0;
    height: 12px;
    padding: 0 12px;
    vertical-align: top;
}
ul.footer-menu li:first-child { border-left: 0; }
ul.footer-menu li a {
    height: 12px;
    padding: 0;
    margin: 0;
    font: 12px/12px Arial;
    display: block;
    float: left;
    color: #c5d9e9;
    text-decoration: none;
}
ul.footer-menu li a:hover {
    text-decoration: underline;
}

/* ----------------------------------------------------------
 * FOOTER SIDEBAR
 * ----------------------------------------------------------*/

#footer-sidebar {
    clear: both;
    overflow: hidden;
    padding: 10px 5px 0 5px;
    color: #717171;
    font: 12px/20px Arial;
}
#footer-sidebar ul {
    list-style-type: none;
    list-style-position: outside;
}
#footer-sidebar ul li { font-size: 12px; }
#footer-sidebar .col {
    width: 210px;
    margin-right: 30px;
    float: left;
    overflow: hidden;
}
#footer-sidebar h5 {
    font-size: 17px;
    color: #434444;
}
#footer-sidebar p {
    font: 12px/20px Arial;
}

/* ----------------------------------------------------------
 * SEARCH BAR
 * ----------------------------------------------------------*/

#search-bar {
    display: block;
    position: absolute;
    right: 0px;
    bottom: -10px;
    z-index: 10;
}
#search-bar .search-input {
    width: 270px;
    height: 38px;
    background: transparent url('../images/search-input.png') no-repeat left top;
}
#s {
    background: transparent;
    width: 200px;
    height: 13px;
    border: 0;
    padding: 12px 10px;
    vertical-align: bottom;
    color: #999;
    font: italic 12px/12px Arial;
    text-shadow: 0 1px 0 #f5f5f5;
}
#search-bar a.search-button {
    position: absolute;
    width: 39px;
    height: 37px;
    background: transparent url('../images/search-button.png') no-repeat left top;
    display: block;
    top: 0;
    right: 0;
    text-indent: -9999px;
}

/* ----------------------------------------------------------
 * SOCIAL LINKS
 * ----------------------------------------------------------*/

#social-links {
    position: absolute;
    left: 0;
    bottom: -10px;
    z-index: 10;
    height: 20px;
}

#social-links ul {
    margin: 0;
    padding: 0;
    overflow: hidden;
    list-style-type: none;
    list-style-position: outside;
    position: relative;
}
#social-links ul li {
    display: inline-block;
    float: left;
    margin: 0 14px 0 0;
    padding: 0;
}
#social-links ul li a {
    display: block;
    float: left;
    height: 17px;
}
#social-links ul li a.facebook-link {
    background: transparent url('../images/social-links/facebook.png') no-repeat left center;
    width: 11px;
}
#social-links ul li a.facebook-link:hover {
    background: transparent url('../images/social-links/facebook-over.png') no-repeat left center;
}
#social-links ul li a.flickr-link {
    background: transparent url('../images/social-links/flickr.png') no-repeat left center;
    width: 24px;
}
#social-links ul li a.flickr-link:hover {
    background: transparent url('../images/social-links/flickr-over.png') no-repeat left center;
}
#social-links ul li a.delicious-link {
    background: transparent url('../images/social-links/delicious.png') no-repeat left center;
    width: 14px;
}
#social-links ul li a.delicious-link:hover {
    background: transparent url('../images/social-links/delicious-over.png') no-repeat left center;
}
#social-links ul li a.digg-link {
    background: transparent url('../images/social-links/digg.png') no-repeat left center;
    width: 20px;
}
#social-links ul li a.digg-link:hover {
    background: transparent url('../images/social-links/digg-over.png') no-repeat left center;
}
#social-links ul li a.vimeo-link {
    background: transparent url('../images/social-links/vimeo.png') no-repeat left center;
    width: 17px;
}
#social-links ul li a.vimeo-link:hover {
    background: transparent url('../images/social-links/vimeo-over.png') no-repeat left center;
}
#social-links ul li a.twitter-link {
    background: transparent url('../images/social-links/twitter.png') no-repeat left center;
    width: 14px;
}
#social-links ul li a.twitter-link:hover {
    background: transparent url('../images/social-links/twitter-over.png') no-repeat left center;
}
#social-links ul li a.rss-link {
    background: transparent url('../images/social-links/rss.png') no-repeat left center;
    width: 16px;
}
#social-links ul li a.rss-link:hover {
    background: transparent url('../images/social-links/rss-over.png') no-repeat left center;
}

/* ----------------------------------------------------------
 * CONTENT ELEMENTS
 * ---------------------------------------------------------- */

blockquote p {
    background: transparent url('../images/quotes.png') no-repeat left top;
    background-position: 0 4px;
    padding: 0 0 10px 70px;
    margin: 14px 0 20px 24px;
    font: italic 14px/22px Georgia;
    color: #717171;
}
blockquote cite {
    margin: 10px 0 4px 0;
    display: block;
    color: #e35337;
    font: normal 14px Georgia;
}

.cta {
    position: relative;
    margin-top: -10px;
    font: 28px/32px Georgia;
    color: #929292;
    text-align: center;
    padding: 0 50px 16px 50px;
}
.small-cta {
    margin: 0;
    padding: 0;
    height: 60px;
    background: transparent url('../images/small-cta-hash-bkg.png') repeat-x left top;
    border-radius: 4px;
    overflow: hidden;
    margin-bottom: 26px;
}
.small-cta.nomargin { margin-bottom: 17px; }
.small-cta img {
    margin: 0;
    border: 0;
    padding: 24px 20px;
    background: none;
    float: left;
}
.small-cta h3 {
    display: inline-block;
    height: 36px;
    border-left: 1px dotted #ccc;
    margin: 12px 0;
    padding: 0 0 0 20px;
    color: #2a82ba;
    font: italic 20px/36px Georgia;
}
.small-cta .custom-button { float: right; margin: 11px; }

div.title {
    color: #555;
    font: bold 14px/21px Arial;
    margin-bottom: 16px;
}
span.red { color: #db4d4d; }
div.title em { font: italic 14px/21px Georgia; color: #919090; }

.colored { color: #83b1d2; }

.dashed-line {
	clear: both;
	height: 4px;
	width: auto;
	background: transparent url('../images/dashed-line.png') repeat-x left top;
	margin-top: 10px;
	margin-bottom: 10px;
}
.dashed-line.margin10 { margin-bottom: 10px; }
.dashed-line.margin16 { margin-bottom: 16px; }

/* ----------------------------------------------------------
 * MULTI COLUMNS
 * ----------------------------------------------------------*/

.multi-columns {
    clear: both;
    overflow: hidden;
    /*    padding-bottom: 6px;*/
}

.half {
    float: left;
    width: 48%;
    margin-right: 4%;
}
.third {
    float: left;
    width: 31%;
    margin-right: 3.5%;
}
.twothirds {
    float: left;
    width: 65.5%;
    margin-right: 3.5%;
}
.fourth {
    float: left;
    width: 22%;
    margin-right: 4%;
}

#root .clearer { clear: both; }


/* ----------------------------------------------------------
 * BUTTONS
 * ----------------------------------------------------------*/

a.custom-button {
    /*    clear: both;*/
    margin: 0;
    display: inline-block;
    text-align: center;
    padding: 0 14px;
    margin-bottom: 30px;
    border-radius: 3px;
    height: 36px;
    text-decoration: none;
    font: normal 14px/36px Arial;
    text-transform: capitalize;
    margin-right: 10px;
    position: relative;
}
a.custom-button.fullwidth {
    width: 90%;
}
a.custom-button.blue {
    background: transparent url('../images/buttons/button-blue-bkg.png') repeat-x left top;
    border: 1px solid #b4cde1;
    color: #4f6c79;
    text-shadow: 0 -1px 0 #e7edf3;
    box-shadow: inset 0 0 6px 0px #c3d5e2;
}
a.custom-button.blue:hover { border: 1px solid #a4c0d6; color: #456371; }
a.custom-button.red {
    background: transparent url('../images/buttons/button-red-bkg.png') repeat-x left top;
    border: 1px solid #d2b8b8;
    color: #935b5b;
    text-shadow: 0 -1px 0 #f2e9e9;
    box-shadow: inset 0 0 6px 0px #dbc3c3;
}
a.custom-button.red:hover { border: 1px solid #c0a2a2; color: #865454; }
a.custom-button.maroon {
    background: transparent url('../images/buttons/button-light-red-bkg.png') repeat-x left top;
    border: 1px solid #d7c6bd;
    color: #8b6654;
    text-shadow: 0 -1px 0 #f3eeec;
    box-shadow: inset 0 0 6px 0px #dccdc6;
}
a.custom-button.maroon:hover { border: 1px solid #ccac9b; color: #815f4e; }
a.custom-button.olive {
    background: transparent url('../images/buttons/button-olive-bkg.png') repeat-x left top;
    border: 1px solid #d4cfba;
    color: #867b51;
    text-shadow: 0 -1px 0 #f2f0e9;
    box-shadow: inset 0 0 6px 0px #d6d2c1;
}
a.custom-button.olive:hover { border: 1px solid #c3b990; color: #7e734d; }
a.custom-button.light-green {
    background: transparent url('../images/buttons/button-light-green-bkg.png') repeat-x left top;
    border: 1px solid #cad5b9;
    color: #718551;
    text-shadow: 0 -1px 0 #f2f4ee;
    box-shadow: inset 0 0 6px 0px #cfd7c2;
}
a.custom-button.light-green:hover { border: 1px solid #b5c59d; color: #687a4a; }
a.custom-button.green {
    background: transparent url('../images/buttons/button-green-bkg.png') repeat-x left top;
    border: 1px solid #b5d3ba;
    color: #578a60;
    text-shadow: 0 -1px 0 #ecf3ed;
    box-shadow: inset 0 0 6px 0px #c2d7c5;
}
a.custom-button.green:hover { border: 1px solid #9fc9a6; color: #518059; }
a.custom-button.aqua {
    background: transparent url('../images/buttons/button-aqua-bkg.png') repeat-x left top;
    border: 1px solid #b4cdd2;
    color: #5b8991;
    text-shadow: 0 -1px 0 #eef4f4;
    box-shadow: inset 0 0 6px 0px #c0d3d7;
}
a.custom-button.aqua:hover { border: 1px solid #a2c2c7; color: #558087; }
a.custom-button.purple {
    background: transparent url('../images/buttons/button-purple-bkg.png') repeat-x left top;
    border: 1px solid #bfb9d5;
    color: #7a6fa3;
    text-shadow: 0 -1px 0 #edecf3;
    box-shadow: inset 0 0 6px 0px #cbc7dd;
}
a.custom-button.purple:hover { border: 1px solid #b2abcd; color: #716898; }
a.custom-button.yellow {
    background: transparent url('../images/buttons/button-yellow-bkg.png') repeat-x left top;
    border: 1px solid #d0d5b0;
    color: #838d46;
    text-shadow: 0 -1px 0 #f4f5ea;
    box-shadow: inset 0 0 6px 0px #d9debe;
}
a.custom-button.yellow:hover { border: 1px solid #c1c79a; color: #778043; }
a.custom-button.pink {
    background: transparent url('../images/buttons/button-pink-bkg.png') repeat-x left top;
    border: 1px solid #d5a7c5;
    color: #b85f99;
    text-shadow: 0 -1px 0 #f6e9f2;
    box-shadow: inset 0 0 6px 0px #e1b8d2;
}
a.custom-button.pink:hover { border: 1px solid #cc98b9; color: #ab5d90; }
a.custom-button:focus { outline: none; }
.tag-icon {
    position: relative;
    display: block;
    background: transparent url('../images/tag-icon.png') no-repeat left center;
    padding-left: 26px;
}
.plus-icon {
    position: relative;
    display: block;
    background: transparent url('../images/plus-sign.png') no-repeat left center;
    padding-left: 30px;
}
.write-icon {
    position: relative;
    display: block;
    background: transparent url('../images/write-icon.png') no-repeat left center;
    width: 16px;
    height: 20px;
    margin: 8px 10px 8px 0;
    float: left;
    border-right: 1px dotted #999;
    padding: 0 10px 0 0;
}

/* ----------------------------------------------------------
 * ALERT BOXES
 * ----------------------------------------------------------*/

.alert-box {
    overflow: hidden;
    border-radius: 6px;
    padding: 0 20px;
    margin: 0 0 26px 0;
}
.alert-box .icon { padding: 20px 0; }
.alert-box p { padding: 0 0 0 50px; }
.alert-box.success {
    background: transparent url('../images/alert-box-success-bkg.png') repeat-x bottom left;
    max-height: 90px;
    border: 1px solid #a9d7ac;
    box-shadow: inset 0 0 7px 0 #b2dfb5;
}
.alert-box.success p { color: #196b07; }
.alert-box.success div.icon { background: transparent url('../images/success-box-icon.png') no-repeat left center; }
.alert-box.warning {
    background: transparent url('../images/alert-box-warning-bkg.png') repeat-x bottom left;
    max-height: 90px;
    border: 1px solid #e3d2a2;
    box-shadow: inset 0 0 7px 0 #eddeb4;
}
.alert-box.warning p { color: #7d5609; }
.alert-box.warning div.icon { background: transparent url('../images/warning-box-icon.png') no-repeat left center; }
.alert-box.info {
    background: transparent url('../images/alert-box-info-bkg.png') repeat-x bottom left;
    max-height: 90px;
    border: 1px solid #afccd6;
    box-shadow: inset 0 0 7px 0 #b9d3dd;
}
.alert-box.info p { color: #15537d; }
.alert-box.info div.icon { background: transparent url('../images/info-box-icon.png') no-repeat left center; }
.alert-box.error {
    background: transparent url('../images/alert-box-error-bkg.png') repeat-x bottom left;
    max-height: 90px;
    border: 1px solid #e1adad;
    box-shadow: inset 0 0 7px 0 #e7b5b5;
}
.alert-box.error p { color: #a84835; }
.alert-box.error div.icon { background: transparent url('../images/error-box-icon.png') no-repeat left center; }

/* ----------------------------------------------------------
 * CIRCLES BOX
 * ----------------------------------------------------------*/

.circles-box {
    width: 940px;
    height: 267px;
    overflow: hidden;
    margin-bottom: 30px;
}
.circles-box h2 { color: #fff; position: relative; text-align: center; padding: 58px 0 0 0; font-size: 24px; margin: 0 0 14px 0; }
.circles-box h2 a { color: #fff; }
.circles-box h2 a:hover { text-decoration: none; }
.circles-box p { font: italic 12px/20px Georgia; color: #fff; padding: 10px 40px; text-align: center; }
.circles-box img { background: transparent; border: 0; padding: 0; margin: 0 auto; display: block; }
.circles-box.style1 { background: transparent url('../images/circles-box-1.png') no-repeat top center; }
.circles-box.style1 .col, .circles-box.style2 .col, .circles-box.style3 .col, .circles-box.style4 .col { width: 262px; height: 265px; float: left; margin-right: 57px; position: relative; left: 20px; }

.circles-box.style2 { background: transparent url('../images/circles-box-2.png') no-repeat top center; }
.circles-box.style2 .color1, .circles-box.style2 .color1 h2, .circles-box.style2 .color1 h2 a, .circles-box.style2 .color1 p { color: #92acbd; }
.circles-box.style2 .color2, .circles-box.style2 .color2 h2, .circles-box.style2 .color2 h2 a, .circles-box.style2 .color2 p { color: #a0acc6; }
.circles-box.style2 .color3, .circles-box.style2 .color3 h2, .circles-box.style2 .color3 h2 a, .circles-box.style2 .color3 p { color: #a892bd; }

.circles-box.style3 { background: transparent url('../images/circles-box-3.png') no-repeat top center; }
.circles-box.style3 p, .circles-box.style4 p { margin-top: 62px; }
.circles-box.style4 { background: transparent url('../images/circles-box-4.png') no-repeat top center; }

.circles-box.style1 h2.color1 a, .circles-box.style3 h2.color1 a, .circles-box.style4 h2.color1 a { text-shadow: 0 1px 0 #8ca2b1; }
.circles-box.style1 h2.color2 a, .circles-box.style3 h2.color2 a, .circles-box.style4 h2.color2 a { text-shadow: 0 1px 0 #8f9bb4; }
.circles-box.style1 h2.color3 a, .circles-box.style3 h2.color3 a, .circles-box.style4 h2.color3 a { text-shadow: 0 1px 0 #a18db2; }

/* ----------------------------------------------------------
 * RECENT FROM THE BLOG
 * ----------------------------------------------------------*/

.recent-posts {}
.recent-posts ul {
    margin: 0 0 0px 0;
    padding: 0;
    list-style-type: none;
    list-style-position: outside;
    overflow: hidden;
}
.recent-posts ul li {
    display: block;
    margin-bottom: 20px;
    overflow: hidden;
}
.recent-posts ul li h4 {
    margin: 8px 0  16px 0;
}
.recent-posts ul li h4, .recent-posts ul li h4 a {
    font: 14px Arial;
    color: #4d78a4;
}
.recent-posts ul li h4 a:hover {
    color: #2c6197;
    text-decoration: underline;
}
.recent-posts ul li a.post-thumb:hover { }
.recent-posts ul li img {
    padding: 0;
    margin: 0;
    border: 0;
    border-radius: 100px;
}
.recent-posts ul li a.post-thumb {
    overflow: hidden;
    border-radius: 100px;
    float: left;
    margin-right: 20px;
    border: 4px solid #e7e7e7;
    background: #e7e7e7;
    padding: 1px;
}
.recent-posts ul li p {
    padding: 0;
    margin: 0;
    font: 13px/18px Arial;
    color: #676767;
}

/* ----------------------------------------------------------
 * RECENT WORK
 * ----------------------------------------------------------*/

.recent-work {}
.recent-work ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    list-style-position: outside;
    overflow: hidden;
    width: auto;

}
.recent-work ul li {
    display: inline-block;
    float: left;
    overflow: hidden;
    padding: 0 22px 26px 0;
}
.recent-work ul li.last { padding-right: 0; }
.recent-work ul li img {
    padding: 0;
    margin: 0;
    border: 0;
}
.recent-work ul li a {
    margin: 0;
    overflow: hidden;
    display: block;
    float: left;
    border: 1px solid #e5e5e5;
    background: #f1f1f1;
    padding: 5px;
}
.recent-work ul li a:hover {
    background: #ddd;
}
.recent-work a.custom-button { vertical-align: top; float: right; margin-right: 12px; position: relative; }
.recent-work em { display: inline-block; font: italic 13px/36px Georgia; color: #717171; }

/* ----------------------------------------------------------
 * WIDGETS
 * ----------------------------------------------------------*/

.widget {
    padding: 0;
    margin-bottom: 40px;
}
.widget .px-widget-title {
    background: transparent url('../images/sidebar-headline-bkg.png') no-repeat left top;
    position: relative;
    left: -10px;
    width: 270px;
    height: 40px;
    padding: 0 0 0 36px;
    font: normal 15px/40px Arial;
    color: #415f85;
    margin-bottom: 20px;
}
.widget .px-widget-title h3 {
    font: normal 15px/40px Arial;
    text-shadow: 0 1px 0 #e3e8ee;
    color: #415f85;
    margin: 0;
    padding: 0;
}

.widget ul {
    clear: both;
    margin: 0;
    padding: 0 14px;
    overflow: hidden;
    list-style-type: none;
    list-style-position: outside;
}
.widget > p {
    padding: 8px 14px 0 14px;
}
.widget ul li {
	margin: 0;
	display: block;
	padding: 7px 2px;
	font: 14px/22px Arial;
	text-align: left;
	font-size: 11px;
	color: #888;
	overflow: hidden;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #0E4F90;
}
.widget ul li span {
    float: right;
    font-size: 11px;
    color: #888;
}
.widget ul li:first-child {
    border-top: 0;
}
.widget ul li a {
	padding: 0 4px 0 0;
	margin: 0;
	color: #0E4F90;
	font-size: 14px;
	font-weight: bold;
}

/* ----------------------------------------------------------
 * AD SIDEBAR
 * ----------------------------------------------------------*/
.px-ad-widget ul {
    overflow: hidden;
}
.px-ad-widget ul li {
    display: inline-block;
    float: left;
    margin: 0 20px 12px 0;
    border: 0;
    overflow: hidden;
    width: 102px;
    height: 102px;
}
.px-ad-widget ul li a {
    display: block;
    float: left;
    padding: 5px;
    background: #f1f1f1;
    border: 1px solid #eaeaea;
    margin: 0;
}
.px-ad-widget ul li img {
    margin: 0;
    border: 0;
    padding: 0;
}

/* ----------------------------------------------------------
 * TWITTER SIDEBAR
 * ----------------------------------------------------------*/

.px-twitter-widget ul li {
    border-top: 1px dotted #ccc;
    padding: 12px 0 14px 0;
}
.px-twitter-widget ul li:first-child { border-top: 0; }
.px-twitter-widget ul li a { color: #1972b4; font: normal 12px/20px Arial; }
.px-twitter-widget ul li p { font: normal 12px/20px Arial; padding-bottom: 8px; }
.px-twitter-widget ul li span { font: italic 11px Georgia; color: #df9c7f; display: block; float: none; }
.px-twitter-widget .follow-link {
    background: transparent url('../images/twitter-icon.png') no-repeat left center;
    padding: 14px 0 14px 46px;
    border-top: 1px dotted #ccc;
    border-bottom: 1px dotted #ccc;
    font-size: 13px;
    margin: 0 14px;
    color: #219fd9;
}
.px-twitter-widget .follow-link a { color: #219fd9; }

/* ----------------------------------------------------------
 * TWITTER FOOTER
 * ----------------------------------------------------------*/

#footer-sidebar ul.twitter-widget li {
    line-height: 18px;
    margin-bottom: 16px;
    color: #676767;
}
#footer-sidebar ul.twitter-widget li a {
    color: #588eb8;
    text-decoration: none;
}
#footer-sidebar ul.twitter-widget li a:hover {
    text-decoration: underline;
}
#footer-sidebar ul.twitter-widget li span.twitter-date {
    display: block;
    font: italic 11px Georgia;
    color: #c99d8a;
    margin: 6px 0 0 0;
}

/* ----------------------------------------------------------
 * FLICKR FOOTER
 * ----------------------------------------------------------*/

#footer-sidebar ul.flickr-widget {
    list-style-type: none;
    list-style-position: outside;
    padding: 0;
    margin: 0;
    overflow: hidden;
}
#footer-sidebar ul.flickr-widget li {
    display: inline-block;
    float: left;
    overflow: hidden;
    margin: 0 10px 10px 0;
}
#footer-sidebar ul.flickr-widget li a {
    background: #000;
    display: block;
    float: left;
    overflow: hidden;
}

#footer-sidebar ul.flickr-widget li a img {
    border: 0;
    padding: 0;
    margin: 0;
}

/* ----------------------------------------------------------
 * LINKS FOOTER
 * ----------------------------------------------------------*/

#footer-sidebar ul.links {
    list-style-type: none;
    list-style-position: outside;
    padding: 0;
    margin: 0;
    overflow: hidden;
}
#footer-sidebar ul.links li {
    width: 95px;
    margin-right: 10px;
    float: left;
}
#footer-sidebar ul.links li a { text-decoration: none; color: #676767; }
#footer-sidebar ul.links li a:hover { text-decoration: underline; color: #588eb8; }

#root .last { margin-right: 0; overflow: hidden; }

/* ----------------------------------------------------------
 * SERVICES LIST
 * ----------------------------------------------------------*/

ul.services-list {
    margin: 0;
    padding: 0;
    list-style-type: none;
    list-style-position: outside;
    overflow: hidden;
}
ul.services-list li {
    margin: 0;
    padding: 10px 0 0 0;
    display: inline-block;
    vertical-align: top;
}
ul.services-list li:first-child { padding-top: 0; }
ul.services-list li img.icon {
    border: 0;
    padding: 0 20px;
    background: none;
    float: left;
}
ul.services-list li p, ul.services-list li a.custom-button, ul.services-list li h3 {
    margin-left: 100px;
}

/* ----------------------------------------------------------
 * PAGE SLIDERS
 * ----------------------------------------------------------*/

/* ROUNDABOUT */

.px-slider { margin-bottom: 34px; }
.circles .roundabout-holder {
    list-style: none;
    padding: 0;
    margin: 0 auto;
    height: 410px;
    width: 760px;
}
.circles .roundabout-moveable-item {
    height: 400px;
    width: 400px;
    cursor: pointer;
}
.circles .roundabout-moveable-item img {
    width: 100%;
    height: 100%;
    padding: 0;
    border: 0;
    margin: 0;
    background: none;
    border-radius: 400px;
    overflow: hidden;
}
.circles .roundabout-moveable-item a {
    position: relative;
    border-radius: 400px;
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: block;
    background: #e7e7e7;
    border: 7px solid #e7e7e7;
}
.circles .roundabout-moveable-item span {
    position: relative;
    width: 100%;
    padding: 10px 0;
    display: block;
    text-align: center;
    font: normal 1.2em/24px Georgia;
    color: #888;
}
.circles .roundabout-in-focus {
    cursor: auto;
}

/* NIVO */

.px-slider-wrapper {
    position: relative;
    padding-bottom: 56px;
}
.px-slider.nivoSlider {
    border: 5px solid #f1f1f1;
    width: 930px;
    height: 390px;
    background: transparent url('../images/loading.gif') no-repeat 50% 50%;
}

.px-slider.nivoSlider .nivo-controlNav {
    position: absolute;
    bottom: 0px;
    right: 0px;
    background: #000;
    background: rgba(0, 0, 0, 0.5);
    overflow: hidden;
    padding: 8px 12px;
    border-radius: 2px;
    width: auto;
    z-index: 10;
}
.px-slider.nivoSlider .nivo-controlNav a {
    display: block;
    float: left;
    margin-left: 8px;
    width: 6px;
    height: 6px;
    border-radius: 6px;
    text-indent: -9999px;
    background: #ccc;
}
.px-slider.nivoSlider .nivo-controlNav a:first-child { margin-left: 0; }
.px-slider.nivoSlider .nivo-controlNav a.active { background: #999; }
.px-slider.nivoSlider .nivo-caption {
    position: absolute;
    bottom: -70px;
    height: 40px;
    line-height: 40px;
    background: transparent url('../images/nivo-caption-bkg.png') repeat top left;
}
.px-slider.nivoSlider .nivo-caption p {
    line-height: 40px;
    padding: 0 10px;
    font-size: 13px;
}
.px-slider.nivoSlider .nivo-caption p span.caption-title {
    color: #eb4d33;
    padding: 0 18px 0 8px;
    border-right: 1px dotted #aaa;
    margin-right: 12px;
    font: italic 15px Georgia;
}
.px-slider.nivoSlider .nivo-directionNav {
    position: absolute;
    bottom: -62px;
    right: 10px;
    border-left: 1px dotted #ccc;
    display: block;
    width: 46px;
    height: 26px;
}
.px-slider.nivoSlider .nivo-directionNav a {
    display: block;
    top: 10px;
    right: 0;
    margin-left: 14px;
}
.px-slider.nivoSlider .nivo-directionNav a.nivo-prevNav {
    text-indent: -9999px;
    background: transparent url('../images/nivo-left-arrow.png') no-repeat left top;
    width: 6px;
    height: 9px;
}
.px-slider.nivoSlider .nivo-directionNav a.nivo-nextNav {
    text-indent: -9999px;
    background: transparent url('../images/nivo-right-arrow.png') no-repeat left top;
    width: 6px;
    height: 9px;
    left: 20px;
}

/* ----------------------------------------------------------
 * BLOG PAGES
 * ----------------------------------------------------------*/

.first-post { }
.first-post .post-meta {
    float: left;
    width: 190px;
    margin-right: 30px;
    font: italic 11px/17px Georgia;
    color: #adadad;
}
.first-post .post-details {
    float: right;
    width: 420px;
    padding-top: 4px;
}
.first-post .post-meta h3 { margin: 0 0 10px 0; }
.first-post .post-meta h3 a { font-style: normal; color: #585858; border-bottom: 1px dotted #ddd; padding-bottom: 14px; }
.first-post .post-meta h3 a:hover { text-decoration: none; color: #777; }
.first-post .post-meta .meta-data {}

ul.post-list {
    margin: 0;
    padding: 0;
    list-style-type: none;
    list-style-position: outside;
    overflow: hidden;
}
ul.post-list li {
    float: left;
    overflow: hidden;
    display: block;
    width: 48%;
    margin-right: 4%;
}
ul.post-list li.last { margin-right: 0; }
ul.post-list li h6, ul.post-list li h6 a { color: #585858; margin: 0; padding: 0; }
ul.post-list li h6 a:hover { color: #777; text-decoration: none; }
ul.post-list li h6 { margin-bottom: 6px; }
ul.post-list li .post-meta, .post .post-meta {
    color: #adadad;
    font: italic 11px Georgia;
    margin-bottom: 20px;
}

.post h3 {
	margin: 0 0 6px 0;
	text-align: center;
}
.post h3 a { font-style: normal; color: #585858; border-bottom: 1px dotted #ddd; padding-bottom: 6px; }
.post h3 a:hover { text-decoration: none; color: #777; }

.post-navigation {
    margin: 0 0 16px 0;
    padding: 0;
    height: 60px;
    background: transparent url('../images/small-cta-hash-bkg.png') repeat-x left top;
    border-radius: 4px;
    overflow: hidden;
    position: relative;
}
.post-navigation img.prev, .post-navigation img.next {
    border: 0;
    padding: 0;
    background: none;
    margin: 0;
}
.post-navigation img.prev {
    border-right: 1px dotted #ccc;
    padding: 11px 20px;
    margin: 12px 20px 12px 0;
    float: left;
}
.post-navigation img.next {
    border-left: 1px dotted #ccc;
    padding: 11px 20px;
    margin: 12px 0 12px 20px;
    float: right;
}
.post-navigation h5.left {
    position: absolute;
    top: 21px;
    left: 74px;
}
.post-navigation h5.right {
    position: absolute;
    top: 21px;
    right: 74px;
}
.post-navigation h5 a { font: italic 16px Georgia; }

.author-box {
    background: transparent url('../images/hash-pattern.png') repeat left top;
    border-radius: 4px;
    padding: 20px;
    overflow: hidden;
    margin: 20px 0 20px 0;
}
.author-box img {
    background: #fff;
    float: left;
    margin: 0;
    margin-right: 20px;
}
.author-box h6 {
    color: #2e7b9f;
    font: italic 16px Georgia;
    margin: 4px 0 12px 0;
}
.author-box p {
    font: 13px/19px Arial;
    color: #717171;
    margin: 0;
    padding: 0;
}

/* ----------------------------------------------------------
 * COMMENTS
 * ----------------------------------------------------------*/

ul.commentlist {
    margin: 0;
    padding: 0;
    overflow: hidden;
    list-style-type: none;
    list-style-position: outside;
}
ul.commentlist li .comment-content, ul.commentlist li ul.children .comment-content {
    border-top: 1px solid #eee;
    padding-top: 20px;
    margin: 0;
    overflow: hidden;
}
ul.commentlist li:first-child > .comment-content {
    border-top: 0;
    padding-top: 0;
}
ul.commentlist li ul.children {
    padding-left: 20px;
    list-style-type: none;
    list-style-position: outside;
    margin: 0;
}
ul.commentlist li img {
    padding: 3px;
    background: #fff;
    float: left;
    margin-top: 4px;
}
ul.commentlist li .comment-body {
    overflow: hidden;
    margin-left: 74px;
}
ul.commentlist li .comment-body .meta-data .author {
    font: bold 14px/20px Arial;
    color: #434242;
    margin-right: 20px;
}
ul.commentlist li .comment-body .meta-data {
    color: #adadad;
    font: italic 11px/20px Georgia;
    margin-bottom: 14px;
}
ul.commentlist li .comment-body .meta-data a.comment-reply-link {
    color: #b76552;
    margin-left: 20px;
}

/* ----------------------------------------------------------
 * GALLERY
 * ----------------------------------------------------------*/

ul.gallery {
    list-style-type: none;
    list-style-position: outside;
    margin: 0 0 10px 0;
    padding: 0;
    overflow: hidden;
}
ul.gallery li {
    display: inline-block;
    float: left;
    margin: 0 20px 20px 0;
}
ul.gallery li a.image-holder { margin: 0; }
ul.gallery li img {
    display: block;
    margin: 0;
    float: left;
}
ul.gallery.small li { margin: 0 6px 6px 0; }
ul.gallery.small li img { border: 0; padding: 0; }

/* ----------------------------------------------------------
 * FORM ELEMENTS
 * ----------------------------------------------------------*/

/*form { margin-bottom: 26px; }*/
.form-details { color: #8c8c8c; font-size: 11px; margin-bottom: 10px; }
label {
    display: block;
    color: #8c8c8c;
    font-size: 12px;
    padding: 4px 0;
    font-style: italic;
}
input, textarea {
    padding: 10px;
    border: 1px solid #e6e6e6;
    border-radius: 3px;
    box-shadow: inset 0 0 10px #eee;
    font: 12px/20px Arial;
    color: #777;
}
input:focus, textarea:focus {
    border: 1px solid #d2d2d2;
    outline: none;
}

/* ----------------------------------------------------------
 * PORTFOLIO
 * ----------------------------------------------------------*/

ul.portfolio {
    margin: 0 0 10px 0;
    padding: 0;
    list-style-type: none;
    list-style-position: outside;
    overflow: hidden;
    width: 100%;
}
ul.portfolio li {
    position: relative;
}
ul.portfolio.half li {
    width: 48%;
    margin-right: 4%;
    margin-bottom: 12px;
    float: left;
}
ul.portfolio.third li {
    width: 32%;
    margin-right: 2%;
    margin-bottom: 10px;
    float: left;
}
ul.portfolio.third.rounded li a.image-holder {
    border-radius: 300px;
    overflow: hidden;
    border: 7px solid #e4e4e4;
    background: #e4e4e4;
    width: 280px;
    height: 280px;
}
ul.portfolio.third.rounded li a.image-holder img {
    border-radius: 300px;
    border: 0;
    padding: 0;
    margin: 0;
}
ul.portfolio.fourth li {
    width: 23%;
    margin-right: 2.6%;
    margin-bottom: 10px;
    float: left;
}
ul.portfolio li.separator {
    margin-right: 0;
    clear: both;
    width: 100%;
    height: 1px;
}
ul.portfolio li.last {
    margin-right: 0;
}
ul.portfolio.third.rounded li .details {
    width: 260px;
    margin: 0 auto;
    padding: 0;
    position: relative;
    left: -3px;
}
ul.portfolio.third.rounded li h3 { text-align: center; }
ul.portfolio.third.rounded li p { text-align: center; font: italic 14px/22px Georgia; color: #717171; }
ul.portfolio.half li h3, ul.portfolio.third li h4, ul.portfolio.third li h3, ul.portfolio.fourth li h5 {
    padding: 0 0 5px 0;
    margin: 0 0 14px 0;
    border-bottom: 1px dotted #ccc;
}
ul.portfolio.half li h3, ul.portfolio.half li h3 a, ul.portfolio.third li h4, ul.portfolio.third li h4 a, ul.portfolio.third li h3, ul.portfolio.third li h3 a, ul.portfolio.fourth li h5, ul.portfolio.fourth li h5 a {
    color: #585858;
}
ul.portfolio.half li h3 a:hover, ul.portfolio.third li h4 a:hover, ul.portfolio.third li h3 a:hover, ul.portfolio.fourth li h5 a:hover {
    text-decoration: none;
    color: #777;
}

.portfolio-navigator .custom-button { margin: 0 4px 2px 0; }
.portfolio-navigator .navigator { margin: 4px 0 8px 0; }

.portfolio-single { overflow: hidden; padding-bottom: 36px; }
.portfolio-single .item-meta {
    float: left;
    width: 30%;
    margin-right: 4%;
    font: italic 11px/17px Georgia;
    color: #adadad;
}
.portfolio-single .item-content {
    float: right;
    width: 66%;
    padding-top: 4px;
}
.portfolio-single .item-meta h3 { padding: 0; margin: 0 0 10px 0; }
.portfolio-single .item-meta h3 a { font-style: normal; color: #585858; border-bottom: 1px dotted #ddd; padding-bottom: 6px; }
.portfolio-single .item-meta h3 a:hover { text-decoration: none; color: #777; }

.portfolio-single.circle { padding-bottom: 0; }
.portfolio-single.circle .item-meta {
    width: auto;
    float: none;
    margin-bottom: 20px;
    margin-top: 14px;
}
.portfolio-single.circle .item-meta h3 { margin-left: 450px; margin-bottom: 4px;  }
.portfolio-single.circle .item-content { width: auto; float: none; padding-bottom: 10px; }
.portfolio-single.circle a.image-holder.rounded img {
    border: 0;
    padding: 0;
    margin: 0;
    border-radius: 400px;
}
.portfolio-single.circle a.image-holder.rounded {
    border-radius: 400px;
    margin-right: 40px;
    border: 6px solid #ddd;
    overflow: hidden;
    position: relative;
    background: #ddd;
    padding: 1px;
}

/* ----------------------------------------------------------
 * CUSTOM LISTS
 * ----------------------------------------------------------*/

ul.custom-list-style {
    padding: 0 0 0 20px;
    margin: 0 0 26px 0;
    list-style-type: none;
    list-style-position: outside;
    overflow: hidden;
}
ul.custom-list-style li {
    color: #6c6c6c;
    font: 14px/18px Arial;
    margin: 0;
    padding-left: 18px;
    background: transparent url('../images/list-types/list-bullet-style-1.png') no-repeat left top;
    padding-bottom: 4px;
}
ul.custom-list-style li a {
    font: 14px/18px Arial;
    text-decoration: none;
}
ul.custom-list-style li a:hover {
    text-decoration: underline;
}
ul.custom-list-style.native1 li { background: transparent url('../images/native-list-types/list-native1-bullet.png') no-repeat left top; background-position: 0 5px; }
ul.custom-list-style.native2 li { background: transparent url('../images/native-list-types/list-native2-bullet.png') no-repeat left top; background-position: 0 5px; }
ul.custom-list-style.native3 li { background: transparent url('../images/native-list-types/list-native3-bullet.png') no-repeat left top; background-position: 0 5px; }
ul.custom-list-style.native4 li { background: transparent url('../images/native-list-types/list-native4-bullet.png') no-repeat left top; background-position: 0 5px; }
ul.custom-list-style.native5 li { background: transparent url('../images/native-list-types/list-native5-bullet.png') no-repeat left top; background-position: 0 5px; }
ul.custom-list-style.native6 li { background: transparent url('../images/native-list-types/list-native6-bullet.png') no-repeat left top; background-position: 0 5px; }

ul.custom-list-style.style-1 li { color: #6c6c6c; background: transparent url('../images/list-types/list-bullet-style-1.png') no-repeat left top; background-position: 0 6px; }
ul.custom-list-style.style-1 li a { color: #6c6c6c; }

ul.custom-list-style.style-2 li { color: #282f36; background: transparent url('../images/list-types/list-bullet-style-2.png') no-repeat left top; background-position: 0 6px; }
ul.custom-list-style.style-2 li a { color: #282f36; }

ul.custom-list-style.style-3 li { color: #d48c00; background: transparent url('../images/list-types/list-bullet-style-3.png') no-repeat left top; background-position: 0 6px; }
ul.custom-list-style.style-3 li a { color: #d48c00; }

ul.custom-list-style.style-4 li { color: #00a4a1; background: transparent url('../images/list-types/list-bullet-style-4.png') no-repeat left top; background-position: 0 6px; }
ul.custom-list-style.style-4 li a { color: #00a4a1; }

ul.custom-list-style.style-5 li { color: #790000; background: transparent url('../images/list-types/list-bullet-style-5.png') no-repeat left top; background-position: 0 6px; }
ul.custom-list-style.style-5 li a { color: #790000; }

ul.custom-list-style.style-6 li { color: #1b9100; background: transparent url('../images/list-types/list-bullet-style-6.png') no-repeat left top; background-position: 0 6px; }
ul.custom-list-style.style-6 li a { color: #1b9100; }


ul.custom-list-style.style-7 li { color: #6c6c6c; background: transparent url('../images/list-types/list-bullet-style-7.png') no-repeat left top; background-position: 0 4px; }
ul.custom-list-style.style-7 li a { color: #6c6c6c; }

ul.custom-list-style.style-8 li { color: #282f36; background: transparent url('../images/list-types/list-bullet-style-8.png') no-repeat left top; background-position: 0 4px; }
ul.custom-list-style.style-8 li a { color: #282f36; }

ul.custom-list-style.style-9 li { color: #d48c00; background: transparent url('../images/list-types/list-bullet-style-9.png') no-repeat left top; background-position: 0 4px; }
ul.custom-list-style.style-9 li a { color: #d48c00; }

ul.custom-list-style.style-10 li { color: #00a4a1; background: transparent url('../images/list-types/list-bullet-style-10.png') no-repeat left top; background-position: 0 4px; }
ul.custom-list-style.style-10 li a { color: #00a4a1; }

ul.custom-list-style.style-11 li { color: #790000; background: transparent url('../images/list-types/list-bullet-style-11.png') no-repeat left top; background-position: 0 4px; }
ul.custom-list-style.style-11 li a { color: #790000; }

ul.custom-list-style.style-12 li { color: #1b9100; background: transparent url('../images/list-types/list-bullet-style-12.png') no-repeat left top; background-position: 0 4px; }
ul.custom-list-style.style-12 li a { color: #1b9100; }


ul.custom-list-style.style-13 li { color: #6c6c6c; background: transparent url('../images/list-types/list-bullet-style-13.png') no-repeat left top; background-position: 0 6px; }
ul.custom-list-style.style-13 li a { color: #6c6c6c; }

ul.custom-list-style.style-14 li { color: #282f36; background: transparent url('../images/list-types/list-bullet-style-14.png') no-repeat left top; background-position: 0 6px; }
ul.custom-list-style.style-14 li a { color: #282f36; }

ul.custom-list-style.style-15 li { color: #d48c00; background: transparent url('../images/list-types/list-bullet-style-15.png') no-repeat left top; background-position: 0 6px; }
ul.custom-list-style.style-15 li a { color: #d48c00; }

ul.custom-list-style.style-16 li { color: #00a4a1; background: transparent url('../images/list-types/list-bullet-style-16.png') no-repeat left top; background-position: 0 6px; }
ul.custom-list-style.style-16 li a { color: #00a4a1; }

ul.custom-list-style.style-17 li { color: #790000; background: transparent url('../images/list-types/list-bullet-style-17.png') no-repeat left top; background-position: 0 6px; }
ul.custom-list-style.style-17 li a { color: #790000; }

ul.custom-list-style.style-18 li { color: #1b9100; background: transparent url('../images/list-types/list-bullet-style-18.png') no-repeat left top; background-position: 0 6px; }
ul.custom-list-style.style-18 li a { color: #1b9100; }


ul.custom-list-style.style-19 li { color: #6c6c6c; background: transparent url('../images/list-types/list-bullet-style-19.png') no-repeat left top; background-position: 0 5px; }
ul.custom-list-style.style-19 li a { color: #6c6c6c; }

ul.custom-list-style.style-20 li { color: #282f36; background: transparent url('../images/list-types/list-bullet-style-20.png') no-repeat left top; background-position: 0 5px; }
ul.custom-list-style.style-20 li a { color: #282f36; }

ul.custom-list-style.style-21 li { color: #d48c00; background: transparent url('../images/list-types/list-bullet-style-21.png') no-repeat left top; background-position: 0 5px; }
ul.custom-list-style.style-21 li a { color: #d48c00; }

ul.custom-list-style.style-22 li { color: #00a4a1; background: transparent url('../images/list-types/list-bullet-style-22.png') no-repeat left top; background-position: 0 5px; }
ul.custom-list-style.style-22 li a { color: #00a4a1; }

ul.custom-list-style.style-23 li { color: #790000; background: transparent url('../images/list-types/list-bullet-style-23.png') no-repeat left top; background-position: 0 5px; }
ul.custom-list-style.style-23 li a { color: #790000; }

ul.custom-list-style.style-24 li { color: #1b9100; background: transparent url('../images/list-types/list-bullet-style-24.png') no-repeat left top; background-position: 0 5px; }
ul.custom-list-style.style-24 li a { color: #1b9100; }


ul.custom-list-style.style-25 li { color: #6c6c6c; background: transparent url('../images/list-types/list-bullet-style-25.png') no-repeat left top; background-position: 0 4px; }
ul.custom-list-style.style-25 li a { color: #6c6c6c; }

ul.custom-list-style.style-26 li { color: #282f36; background: transparent url('../images/list-types/list-bullet-style-26.png') no-repeat left top; background-position: 0 4px; }
ul.custom-list-style.style-26 li a { color: #282f36; }

ul.custom-list-style.style-27 li { color: #d48c00; background: transparent url('../images/list-types/list-bullet-style-27.png') no-repeat left top; background-position: 0 4px; }
ul.custom-list-style.style-27 li a { color: #d48c00; }

ul.custom-list-style.style-28 li { color: #00a4a1; background: transparent url('../images/list-types/list-bullet-style-28.png') no-repeat left top; background-position: 0 4px; }
ul.custom-list-style.style-28 li a { color: #00a4a1; }

ul.custom-list-style.style-29 li { color: #790000; background: transparent url('../images/list-types/list-bullet-style-29.png') no-repeat left top; background-position: 0 4px; }
ul.custom-list-style.style-29 li a { color: #790000; }

ul.custom-list-style.style-30 li { color: #1b9100; background: transparent url('../images/list-types/list-bullet-style-30.png') no-repeat left top; background-position: 0 4px; }
ul.custom-list-style.style-30 li a { color: #1b9100; }


ul.custom-list-style.style-31 li { color: #6c6c6c; background: transparent url('../images/list-types/list-bullet-style-31.png') no-repeat left top; background-position: 0 5px; }
ul.custom-list-style.style-31 li a { color: #6c6c6c; }

ul.custom-list-style.style-32 li { color: #282f36; background: transparent url('../images/list-types/list-bullet-style-32.png') no-repeat left top; background-position: 0 5px; }
ul.custom-list-style.style-32 li a { color: #282f36; }

ul.custom-list-style.style-33 li { color: #d48c00; background: transparent url('../images/list-types/list-bullet-style-33.png') no-repeat left top; background-position: 0 5px; }
ul.custom-list-style.style-33 li a { color: #d48c00; }

ul.custom-list-style.style-34 li { color: #00a4a1; background: transparent url('../images/list-types/list-bullet-style-34.png') no-repeat left top; background-position: 0 5px; }
ul.custom-list-style.style-34 li a { color: #00a4a1; }

ul.custom-list-style.style-35 li { color: #790000; background: transparent url('../images/list-types/list-bullet-style-35.png') no-repeat left top; background-position: 0 5px; }
ul.custom-list-style.style-35 li a { color: #790000; }

ul.custom-list-style.style-36 li { color: #1b9100; background: transparent url('../images/list-types/list-bullet-style-36.png') no-repeat left top; background-position: 0 5px; }
ul.custom-list-style.style-36 li a { color: #1b9100; }


ul.custom-list-style.style-37 li { color: #6c6c6c; background: transparent url('../images/list-types/list-bullet-style-37.png') no-repeat left top; background-position: 0 6px; }
ul.custom-list-style.style-37 li a { color: #6c6c6c; }

ul.custom-list-style.style-38 li { color: #282f36; background: transparent url('../images/list-types/list-bullet-style-38.png') no-repeat left top; background-position: 0 6px; }
ul.custom-list-style.style-38 li a { color: #282f36; }

ul.custom-list-style.style-39 li { color: #d48c00; background: transparent url('../images/list-types/list-bullet-style-39.png') no-repeat left top; background-position: 0 6px; }
ul.custom-list-style.style-39 li a { color: #d48c00; }

ul.custom-list-style.style-40 li { color: #00a4a1; background: transparent url('../images/list-types/list-bullet-style-40.png') no-repeat left top; background-position: 0 6px; }
ul.custom-list-style.style-40 li a { color: #00a4a1; }

ul.custom-list-style.style-41 li { color: #790000; background: transparent url('../images/list-types/list-bullet-style-41.png') no-repeat left top; background-position: 0 6px; }
ul.custom-list-style.style-41 li a { color: #790000; }

ul.custom-list-style.style-42 li { color: #1b9100; background: transparent url('../images/list-types/list-bullet-style-42.png') no-repeat left top; background-position: 0 6px; }
ul.custom-list-style.style-42 li a { color: #1b9100; }


ul.custom-list-style.style-43 li { color: #6c6c6c; background: transparent url('../images/list-types/list-bullet-style-43.png') no-repeat left top; background-position: 0 7px; }
ul.custom-list-style.style-43 li a { color: #6c6c6c; }

ul.custom-list-style.style-44 li { color: #282f36; background: transparent url('../images/list-types/list-bullet-style-44.png') no-repeat left top; background-position: 0 7px; }
ul.custom-list-style.style-44 li a { color: #282f36; }

ul.custom-list-style.style-45 li { color: #d48c00; background: transparent url('../images/list-types/list-bullet-style-45.png') no-repeat left top; background-position: 0 7px; }
ul.custom-list-style.style-45 li a { color: #d48c00; }

ul.custom-list-style.style-46 li { color: #00a4a1; background: transparent url('../images/list-types/list-bullet-style-46.png') no-repeat left top; background-position: 0 7px; }
ul.custom-list-style.style-46 li a { color: #00a4a1; }

ul.custom-list-style.style-47 li { color: #790000; background: transparent url('../images/list-types/list-bullet-style-47.png') no-repeat left top; background-position: 0 7px; }
ul.custom-list-style.style-47 li a { color: #790000; }

ul.custom-list-style.style-48 li { color: #1b9100; background: transparent url('../images/list-types/list-bullet-style-48.png') no-repeat left top; background-position: 0 7px; }
ul.custom-list-style.style-48 li a { color: #1b9100; }

ul.padding20 { padding-left: 20px; }

/* ----------------------------------------------------------
 * TABLE
 * ----------------------------------------------------------*/

table { width: 100%; margin-bottom: 30px; }
table thead {
    border: 1px solid #aabcc6;
    height: 54px;
}
table thead th {

}
table thead th.first { border-top-left-radius: 6px; }
table thead th.last { border-top-right-radius: 6px;; }
table tbody tr td {
   
}
table tbody tr td.lastinrow { }
table tbody tr.lastrow td {  }

/* ----------------------------------------------------------
 * MULTITAB PANEL
 * ----------------------------------------------------------*/
 /*---buttons---*/
.btn {
cursor: pointer;
display: inline-block;

}
.btn:hover {
background-position: 0 -15px;
color: #333;
text-decoration: none;
}
.btn:focus {
outline: 1px dotted #666;
text-decoration: none;
}
/*---buttons---*/


/*---Стиль формы---*/

.find1 {
-webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
-moz-transition: border linear 0.2s, box-shadow linear 0.2s;
-ms-transition: border linear 0.2s, box-shadow linear 0.2s;
-o-transition: border linear 0.2s, box-shadow linear 0.2s;
transition: border linear 0.2s, box-shadow linear 0.2s;
-webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
-moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
display: inline-block;
width: 210px;
height: 20px;

font-size: 13px;
line-height: 18px;
color: gray;
border: 1px solid #CCC;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
border-image: initial;

}
.find1:focus {
outline: 0;
border-color: rgba(82, 168, 236, 0.8);
-webkit-box-shadow: inset 0 1px 3px rgba(0, 0,	 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
-moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
} 
/*---Стиль формы---*/


/*---Дополнительные стили---*/
.reserlog, .resetlog li {
list-style: none;

}

/*---Дополнительные стили---*/

/*---login---*/
.loginbox, .lvsep, .loginbtn, .lbn, .lbn b, .loginava, .lexit { float: left; }
.loginbox .loginbtn, .loginbox .loginava { position: relative; margin: 10px 20px 0 0; }
	.lbn, .lbn b { height: 43px; background: url("../images/lbtn.png") no-repeat; }
		.lbn { z-index: 13; position: relative; line-height: 42px; color: #516168; font-size: 1.15em; }
			.lbn b { padding: 0 35px 0 10px; cursor: pointer; background-position: 100% -43px; }
		
		.lbn.selected { background-position: 0 -86px; }
			.lbn.selected b { background-position: 100% -129px; }

	.loginbox #logform { border: 1px solid #cbdfe8; padding: 10px; top: 42px; left: 0; z-index: 12; display: none; position: absolute; width: 180px; background-color: #fbfdfe;
		-moz-border-radius-topleft: 0;
		-webkit-border-top-left-radius: 0;
		border-top-left-radius: 0;
	}
	.loginbox #logform .lfield { margin-bottom: 1em; }
		.loginbox #logform .lfield label { display: block; margin-bottom: 0.2em; }
		.loginbox #logform .lfield input { width: 170px; padding: 4px; border: 1px solid #c0d4de; background: #fff url("../images/fields.png") repeat-x; }
		.loginbox #logform .lfchek input { width: 13px; border: none; background: none; }
		.loginbox #logform .lfchek label { display: inline; margin-bottom: 0.2em; }

	.loginbox #logform .lbtn { text-align: center; }
	.loginbox .lvsep { line-height: 24px; font-size: 1.15em; padding: 19px 0 0 21px; margin-right: 20px; height: 45px; background: url("../images/lvsep.png") no-repeat; }

	.loginbox .loginava { overflow: hidden; margin-right: 7px; }
		.loginbox .loginava img { width: 43px; }
		.loginbox .loginava b, .loginbox .loginava { height: 43px; width: 43px; }
			.loginbox .loginava b { z-index: 13; background: url("../images/loginava.png") no-repeat; position: absolute; left: 0; top: 0; }

	.loginbox .lvsep .radial { margin-right: 5px; background-color: #96c; color: #fff; float: left; padding: 0 8px; }
	.loginenter { border-top: 1px solid #dbe8ed; }
		.loginenter li a { display: block; width: 100%; padding: 5px 0; border-bottom: 1px solid #dbe8ed; }

	.lexit { width: 33px; padding-top: 43px; background: url("../images/lexit.png") no-repeat; }
		.lexit:hover { background-position: 0 -43px; }

.multitab-panel {
    overflow: hidden;
    margin: 0 0 26px 0;
}
.multitab-panel ul.navbar {
    margin: 0;
    padding: 0;
    list-style-type: none;
    list-style-position: outside;
    overflow: hidden;
}
.multitab-panel ul.navbar li {
    float: left;
    display: inline-block;
}
.multitab-panel ul.navbar li a {
    display: block;
    float: left;
    height: 48px;
    background: transparent url('../images/multitab-menuitem-bkg.png') repeat-x left top;
    font: 14px/49px Arial;
    color: #8c8c8c;
    padding: 0 14px;
    text-shadow: 0 1px 0 #f4f6f9;
    margin-right: 6px;
    border: 1px solid #e2e2e2;
    border-bottom: 0;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    box-shadow: inset 0 0 10px #e5e5e5;
}
.multitab-panel ul.navbar li a:hover, .multitab-panel ul.navbar li.selected a {
    background: transparent url('../images/multitab-menuitem-over-bkg.png') repeat-x left top;
    text-decoration: none;
    color: #516c82;
    border-color: #adc6da;
    box-shadow: inset 0 0 10px #c0cdd7;
}
.multitab-panel ul.panels {
    margin: 0;
    padding: 0;
    list-style-type: none;
    list-style-position: outside;
    overflow: hidden;
}
.multitab-panel ul.panels li {
    display: block;
    overflow: hidden;
    border: 1px solid #e0e0e0;
    border-top-color: #cfcfcf;
    padding: 24px 30px 20px 30px;
    display: none;
    border-top-right-radius: 3px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}
.multitab-panel ul.panels li.selected {
    display: block;
}

/* ----------------------------------------------------------
 * CUSTOM PANEL
 * ----------------------------------------------------------*/

.custom-panel {
    overflow: hidden;
    margin: 0 0 26px 0;
}
.custom-panel .panel-header {
    background: transparent url('../images/panel-title-bkg.png') repeat-x left top;
    height: 48px;
    font: 14px/49px Arial;
    color: #516c82;
    padding: 0 14px;
    text-shadow: 0 1px 0 #f4f6f9;
    border: 1px solid #adc6da;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    box-shadow: inset 0 0 10px #c0cdd7;
}
.custom-panel .panel-header .arrow-icon {
    width: 14px;
    height: 14px;
    display: block;
    float: right;
    background: transparent url('../images/panel-arrow-icon.png') no-repeat left center;
    margin: 17px 0 0 0;
}
.custom-panel .panel-content {
    display: block;
    overflow: hidden;
    border: 1px solid #e0e0e0;
    border-top: 0;
    padding: 24px 30px 20px 30px;
    border-top-right-radius: 3px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}

/* ----------------------------------------------------------
 * SKIN SELECTOR MENU
 * ----------------------------------------------------------*/

#skin-selector {
    position: fixed;
    right: -284px;
    top: 200px;
    z-index: 500;
}
#skin-selector a.open-button {
    display: block;
    width: 48px;
    height: 54px;
    border-right: 0;
    position: absolute;
    left: -47px;
    top: 14px;
    background: #fff url('../images/sidemenu-button.png') no-repeat center;
    z-index: 2;
}
#skin-selector a.open-button:hover { background: #fff url('../images/sidemenu-button-over.png') no-repeat center; }
#skin-selector .sidemenu {
    background: #fff;
    padding: 26px;
    width: 230px;
    min-height: 100px;
    box-shadow: 0 0 10px #ddd;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
    border: 1px solid #ddd;
}
#skin-selector .sidemenu a.custom-button { margin: 0; }
#skin-selector .sidemenu h3 {
    font: 16px Georgia;
    color: #4d4d4d;
    border-bottom: 1px dotted #ccc;
    padding-bottom: 6px;
    margin-bottom: 10px;
}
#skin-selector .sidemenu p {
    font: normal 11px/17px Georgia;
    color: #555;
    padding-bottom: 10px;
    border-bottom: 1px dotted #ccc;
    margin-bottom: 14px;
}
#skin-selector .sidemenu ul {
    list-style-type: none;
    list-style-position: outside;
    overflow: hidden;
    padding: 0 0 10px 0;
    margin: 0;
}
#skin-selector .sidemenu ul li {
    display: inline-block;
    float: left;
    margin: 0 6px 6px 0;
}
#skin-selector .sidemenu ul li a {
    display: block;
    float: left;
    width: 70px;
    height: 26px;
    font: 11px/26px Arial;
    color: #fff;
    text-align: center;
}
#skin-selector .sidemenu ul li a.default-skin { background: #467eb3; }
#skin-selector .sidemenu ul li a.red-skin { background: #994944; }
#skin-selector .sidemenu ul li a.green-skin { background: #406946; }
#skin-selector .sidemenu ul li a.maroon-skin { background: #9b725e; }
#skin-selector .sidemenu ul li a.olive-skin { background: #a19363; }
#skin-selector .sidemenu ul li a.light-green-skin { background: #8ca367; }
#skin-selector .sidemenu ul li a.aqua-skin { background: #6197a0; }
#skin-selector .sidemenu ul li a.purple-skin { background: #867ea8; }
#skin-selector .sidemenu ul li a.yellow-skin { background: #c5c177; }
#skin-selector .sidemenu ul li a.pink-skin { background: #b16c99; }

.preload { position: relative; }
.preloading { background: #fff url('../images/loading.gif') no-repeat center; position: absolute; z-index: 20; width: 100%; height: 100%; }
.preload img { visibility: hidden; }

/* ----------------------------------------------------------
 * JCAROUSEL CUSTOM SKIN
 * ----------------------------------------------------------*/

.jcarousel-skin-pixel ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    list-style-position: outside;
    overflow: hidden;
}
.jcarousel-skin-pixel ul li {
    padding: 0 0 20px 0 ;
    margin: 0 20px 0 0;
    float: left;
    display: inline-block;
    width: 270px;
}

.jcarousel-skin-pixel .jcarousel-container {
    margin: 0 auto;
    padding: 0;
    position: relative;
    overflow: hidden;
}

.jcarousel-skin-pixel .jcarousel-clip {
    overflow: hidden;
    width: 852px;
    padding: 0;
    margin: 0 auto;
}

/**
 *  Horizontal Buttons
*/

.jcarousel-skin-pixel .jcarousel-next-horizontal {
    position: absolute;
    top: 40%;
    right: 0px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url('../images/next-horizontal.png') no-repeat 0 0;
    z-index: 10;
}

.jcarousel-skin-pixel .jcarousel-direction-rtl .jcarousel-next-horizontal {
    left: 5px;
    right: auto;
    background-image: url(prev-horizontal.png);
}

.jcarousel-skin-pixel .jcarousel-next-horizontal:hover,
.jcarousel-skin-pixel .jcarousel-next-horizontal:focus {
    background: transparent url('../images/next-horizontal-over.png') no-repeat 0 0;
}

.jcarousel-skin-pixel .jcarousel-next-horizontal:active {
    background: transparent url('../images/next-horizontal-over.png') no-repeat 0 0;
}

.jcarousel-skin-pixel .jcarousel-next-disabled-horizontal,
.jcarousel-skin-pixel .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-pixel .jcarousel-next-disabled-horizontal:focus,
.jcarousel-skin-pixel .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background: transparent url('../images/next-horizontal-disabled.png') no-repeat 0 0;
}

.jcarousel-skin-pixel .jcarousel-prev-horizontal {
    position: absolute;
    top: 40%;
    left: 20px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url('../images/prev-horizontal.png') no-repeat 0 0;
}

.jcarousel-skin-pixel .jcarousel-direction-rtl .jcarousel-prev-horizontal {
    left: auto;
    right: 5px;
    background-image: url(next-horizontal.png);
}

.jcarousel-skin-pixel .jcarousel-prev-horizontal:hover,
.jcarousel-skin-pixel .jcarousel-prev-horizontal:focus {
    background: transparent url('../images/prev-horizontal-over.png') no-repeat 0 0;
}

.jcarousel-skin-pixel .jcarousel-prev-horizontal:active {
    background: transparent url('../images/prev-horizontal-over.png') no-repeat 0 0;
}

.jcarousel-skin-pixel .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-pixel .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-pixel .jcarousel-prev-disabled-horizontal:focus,
.jcarousel-skin-pixel .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background: transparent url('../images/prev-horizontal-disabled.png') no-repeat 0 0;
}


/*---Комментарии---*/
.addcombtn { text-align: center; font: 1.15em/30px sans-serif; color: #fff; float: left; height: 31px; width: 181px; padding-right: 27px; background: #428cda url("../images/addcombtn.png") no-repeat; }
	.addcombtn:hover { background-position: 0 -31px; }

.bcomment {  padding-bottom: 25px; }
	.bcomment .dcont, .bcomment .dtop { padding: 0 15px; }
	.bcomment .dcont { padding-top: 10px; }
	.bcomment .dtop { overflow: hidden; padding-left: 70px; height: 67px; border-top: 3px solid #3f84cb; }
	.bcomment .dtop .lcol { width: 40px; padding: 0 15px; margin-left: -70px; }
		.bcomment .dtop .lcol span { margin-top: 12px; float: left; width: 40px; height: 40px; overflow: hidden; }
			.bcomment .dtop .lcol span img { width: 40px; }

	.bcomment .dtop .rcol { font-size: 0.9em; color: #90a7b2; width: 100%; }
		.bcomment .dtop .rcol ul { margin-top: 12px; padding-top: 4px; height: 36px; float: left; margin-right: 15px; }

		.cmsep { padding-left: 19px; background: url("../images/cmsep.png") no-repeat 0 50%; }

	.reply a, .reply a b { height: 28px; background: #2b88d5 url("../images/reply.png") no-repeat; }
		.reply a { float: right; margin-top: 21px; color: #fff; line-height: 27px; }
		.reply a b { cursor: pointer; float: left; padding: 0 15px; background-color: transparent; background-position: 100% -28px; }
			.reply a:hover { background-position: 0 -56px; }
			.reply a:hover b { background-position: 100% -84px; }

	div.cominfo { position: relative; border-bottom: 1px solid #fff; color: #e4e6e6; font-size: 0.9em; height: 29px; background: #3f4b51 url("../images/cominfo.png") repeat-x; }
		div.cominfo .thide { width: 13px; padding-top: 8px; position: absolute; left: 29px; top: -7px; background: url("../images/comarrow.png") no-repeat; }
		div.cominfo .dpad { overflow: hidden; }
		.comedit, .selectmass { display: inline; }
		.selectmass input, .comedit ul, .comedit ul li { float: right; }
		.comedit ul li, .selectmass input { margin: 6px 0 0 8px; }
			.comedit ul li { float: left; }
			.comedit ul li a { color: #9dc4e6; }
			.selectmass input { vertical-align: middle; }

			.signature { color: #93918d; }

		ul.cominfo, ul.cominfo li { float: left; }
			ul.cominfo { margin: 6px 0 0 -8px; }
				ul.cominfo li { border-left: 1px solid #73858e; margin: 0 7px 0 0; padding-left: 7px; }

/*---infoblock---*/
.infoblock { background-color: #f1f5f7; padding: 15px; margin-bottom: 25px; }
.pollvotelist { width: 70%; text-align: left; }
	.pollvotelist input { margin-right: 5px; }

.mass_comments_action { padding-top:20px; }

/*---forms---*/
.baseform { background: #f5f6f7; }
.tableform { width: 100%; }
	.tableform td { }
	.tableform td.label { width: 20%; vertical-align: top; padding-right: 0; font-weight: bold; }
	.fieldsubmit, .tableform td { padding: 10px 15px; border-top: 1px solid #fff; }
	.addnews { font-weight: bold; }
	.impot { color: #96c; font-weight: normal; }
	.checkbox { padding: 4px 0; line-height: 1em; }
		.checkbox input { margin-top: -2px; vertical-align: middle; }

.f_input { width: 300px; padding: 1px; }
.f_textarea { width: 458px; }
.fieldtr select, .textin, .f_textarea, .f_input, .xfields textarea, .xprofile textarea,
.xfields input, .xprofile input, .xfields select, .xprofile select, .mass_comments_action select { padding: 2px; background: #fff url("../images/fields.png") repeat-x; border: 1px solid #bcc0c2; }
.f_textarea, .editor_button select { padding: 0; }
.textin { padding: 2px; }

/*---search---*/
.searchstyle { width: 480px; }
.search { font-size: 11px; }
.searchtable fieldset legend { color: #404040; }
	
.searchitem { font-size: 0.9em; border-top: 1px solid #dbe8ed; padding: 10px 0; }

#searchuser, #searchinput { width: 90% !important; }

/*---Userinfo---*/
.userinfo { padding-left: 125px; }
.ui-dialog-content .userinfo { padding: 10px 0 10px 125px; }
	.userinfo .lcol { margin-left: -125px; width: 110px; padding-right: 15px; }
		.userinfo .lcol .avatar { margin-bottom: 10px; padding: 4px; background-color: #fff; border: 1px solid #c0d4de; }
			.userinfo .lcol .avatar img { width: 100px; }
		.userinfo .lcol ul { font-size: 0.9em; }

	.userinfo .rcol { width: 100%; }
		.userinfo .rcol ul { list-style: none; margin-left: 0; }
		.userinfo .rcol ul li { margin-bottom: 0.2em; } 

		.ussep { padding-top: 12px; background: url("../images/ussep.png") no-repeat; }
.grey { color: #6c838e; }
.blue { color: #388bd4; }

/*---statistics---*/
.statistics { overflow: hidden; margin: 0; padding: 0; }
	.statistics ul.lcol { min-height: 71px; background: url("../images/statsep.png") no-repeat; margin: 0 0 20px -1px; padding-top: 14px; width: 33.3%; }
	.statistics ul.lcol li { padding: 0 15px; margin-bottom: 2px; }

/*---navigation---*/
.storenumber { font-weight: bold; }
.basenavi { font-size: 1.15em; height: 29px; }
	.bnnavi { margin-right: 5px; padding-left: 5px; height: 29px; background: #f1f5f7 url("../images/basenavi.png") no-repeat; }
	.navigation { margin-top: 5px; }
	.navigation, .navigation a, .navigation span, .bnnavi, .nextprev, .nextprev .thide { float: left; }
		.navigation a, .navigation span { font-weight: bold; padding: 0 4px; height: 19px; line-height: 19px; }
		.navigation a, .navigation span.nav_ext { color: #3f4b51; }
			.navigation a:hover { background-color: #398dd8; color: #fff; }
			.navigation span { color: #398dd8; }

		.nextprev .thide, .toptop { width: 26px; padding-top: 29px; background: url("../images/basenavi.png") no-repeat; }
		.nextprev a span { cursor: pointer; }

		.nextprev span .pnext { background-position: -26px -29px; }
		.nextprev a .pnext { background-position: -26px -87px; }
			.nextprev a:hover .pnext { background-position: -26px -58px; }

		.nextprev span .pprev { background-position: 0 -29px; }
		.nextprev a .pprev { background-position: 0 -87px; }
			.nextprev a:hover .pprev { background-position: 0 -58px; }

	.toptop { background-position: 0 -116px; width: 29px; }
		.toptop:hover { background-position: 0 -145px; }