@import url('reset.css');

body {
    line-height: 18px;
    width: 100%;
    font-family: Arial, Tahoma, Verdana;
    font-size: 62.5%;
    cursor: default;
	background-color:#798360;
    background: #798360 url('../images/body-hash-bkg.jpg') repeat-x top left;
    padding: 50px 0 0px 0;
}





#bkg-shadows {
    background: transparent url('../images/bkg-shadows.png') no-repeat top left;
    width: 1041px;
    min-height: 400px;
    margin: 0 auto;
    position: absolute;
}
#bkg-decoration {
    position: absolute;
    height: 709px;
    width: 100%;
    top: 0px;
    left: 0;
    background: transparent url('../images/bkg-deco.jpg') no-repeat top center;
}


ul, ul li {
    margin: 0;
    padding: 0;
}

/* HEADLINES */

h1, h2, h3, h4, h5, h6 {
    padding: 0;
    margin: 0;
    color: #343434;
    font-weight: bold;
    font-family: Arial;
    margin-bottom: 20px;
}
h1 {
    font-size: 28px;
    height: 26px;
    line-height: 28px;
}
h2 {
    font-size: 26px;
    height: 24px;
    line-height: 26px;
}
h3 {
    font-size: 22px;
    height: 20px;
    line-height: 22px;
}
h4 {
    font-size: 20px;
    height: 18px;
    line-height: 20px;
}
h5 {
    font-size: 18px;
    height: 16px;
    line-height: 18px;
}
h1 a, h2 a, h3 a, h4 a, h5 a {
    color: #343434;
}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover {
    text-decoration: none;
}

/* TO USE WITH HEADLINES */
.icon { padding: 4px 0 0 40px; height: 28px; line-height: 32px; }
.icon1 { background: transparent url('../images/globe_32x32.png') no-repeat left center; }
.icon2 { background: transparent url('../images/line_chart_32x32.png') no-repeat left center; }
.icon3 { background: transparent url('../images/info_32x32.png') no-repeat left center; }


span.uppercase { text-transform: uppercase; }
span.colored { color: #bbb86e; }
span.green { color: #89bb47; }
span.blue { color: #008001; }
span.italic { font-style: italic; }
span.grey { color: #898989; }
span.tiny { font-size: 11px; }
span.uppercase { text-transform: uppercase; }
span.big-letter { font-size: 28px; font-weight: bold; }
span.small-letter { font-size: 11px; }

p {
    padding-bottom: 20px;
    font-size: 12px;
    line-height: 18px;
    color: #343434;
}
a {
    color: #008001;
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
}

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

blockquote {
    background: #efefef url('../images/quotes.png') no-repeat left center;
    background-position: 20px;
    padding: 20px;
    padding-left: 80px;
    font-size: 16px;
    color: #595959;
    border: 1px solid #ddd;
    font-style: italic;
    margin-bottom: 20px;
    text-shadow: 0 -1px 0 #fff;
}
blockquote span.author {
    color: #383838;
    font-weight: bold;
}

/*
 * CUSTOM TABLE */

table {
    background: #fff;
    width: 100%;
    border-collapse: separate; /* border-spacing will be ignored should
    border-collapse:collapse;*/
    border: 1px solid #dadada;
    border-spacing: 0px;
    margin-bottom: 20px;
}
table thead {
    height: 80px;
    background:#008001;
}
table thead th {
    font-size: 12px;
    font-weight: bold;
    background:#008001;
    border-right: 1px solid #494949;
    text-align: center;
    height: 40px;
    padding: 0 12px;
}
table thead th.last {
    border-right: 0;
}
table tbody tr td {
    border-top: 1px solid #fff;
    font-size: 12px;
    color: #4a4a4a;
    padding: 0 12px;
    text-align: center;
    height: 34px;
}
table tbody tr.even {
    background: #efefef;
}

/*
 * SMALL BUTTONS */

a.small-button {
    cursor: pointer;
    display: block;
    float: left;
    height: 27px;
    margin-right: 14px;
    margin-bottom: 20px;
}
a.small-button:hover {
    text-decoration: none;
}
a.small-button span {
    display: block;
    height: 27px;
    margin-left: 8px;
    color: #fff;
    font-weight: bold;
    font-size: 11px;
    line-height: 26px;
    padding: 0 20px 0 15px;
}

/* GREY */
a.small-button.grey { background: transparent url('../images/small-buttons/grey-button.png') no-repeat left top; }
a.small-button.grey:hover { background: transparent url('../images/small-buttons/grey-button-over.png') no-repeat left top; }
a.small-button.grey span { color: #676767; text-shadow: 0 1px 0 #fff; background: transparent url('../images/small-buttons/grey-button.png') no-repeat right bottom; }
a.small-button.grey:hover span { background: transparent url('../images/small-buttons/grey-button-over.png') no-repeat right bottom; }

/* RED */
a.small-button.red { background: transparent url('../images/small-buttons/red-button.png') no-repeat left top; }
a.small-button.red:hover { background: transparent url('../images/small-buttons/red-button-over.png') no-repeat left top; }
a.small-button.red span { text-shadow: 0 -1px 0 #9c3535; background: transparent url('../images/small-buttons/red-button.png') no-repeat right bottom; }
a.small-button.red:hover span { background: transparent url('../images/small-buttons/red-button-over.png') no-repeat right bottom; }

/* AQUA */
a.small-button.aqua { background: transparent url('../images/small-buttons/aqua-button.png') no-repeat left top; }
a.small-button.aqua:hover { background: transparent url('../images/small-buttons/aqua-button-over.png') no-repeat left top; }
a.small-button.aqua span { text-shadow: 0 -1px 0 #205469; background: transparent url('../images/small-buttons/aqua-button.png') no-repeat right bottom; }
a.small-button.aqua:hover span { background: transparent url('../images/small-buttons/aqua-button-over.png') no-repeat right bottom; }

/* GREEN */
a.small-button.green { background: transparent url('../images/small-buttons/green-button.png') no-repeat left top; }
a.small-button.green:hover { background: transparent url('../images/small-buttons/green-button-over.png') no-repeat left top; }
a.small-button.green span { text-shadow: 0 -1px 0 #205469; background: transparent url('../images/small-buttons/green-button.png') no-repeat right bottom; }
a.small-button.green:hover span { background: transparent url('../images/small-buttons/green-button-over.png') no-repeat right bottom; }

/* ORANGE */
a.small-button.orange { background: transparent url('../images/small-buttons/orange-button.png') no-repeat left top; }
a.small-button.orange:hover { background: transparent url('../images/small-buttons/orange-button-over.png') no-repeat left top; }
a.small-button.orange span { text-shadow: 0 -1px 0 #7f4713; background: transparent url('../images/small-buttons/orange-button.png') no-repeat right bottom; }
a.small-button.orange:hover span { background: transparent url('../images/small-buttons/orange-button-over.png') no-repeat right bottom; }

/* DARK PINK */
a.small-button.dark-pink { background: transparent url('../images/small-buttons/dark-pink-button.png') no-repeat left top; }
a.small-button.dark-pink:hover { background: transparent url('../images/small-buttons/dark-pink-button-over.png') no-repeat left top; }
a.small-button.dark-pink span { text-shadow: 0 -1px 0 #71103a; background: transparent url('../images/small-buttons/dark-pink-button.png') no-repeat right bottom; }
a.small-button.dark-pink:hover span { background: transparent url('../images/small-buttons/dark-pink-button-over.png') no-repeat right bottom; }

/* PINK */
a.small-button.pink { background: transparent url('../images/small-buttons/pink-button.png') no-repeat left top; }
a.small-button.pink:hover { background: transparent url('../images/small-buttons/pink-button-over.png') no-repeat left top; }
a.small-button.pink span { text-shadow: 0 -1px 0 #711f9a; background: transparent url('../images/small-buttons/pink-button.png') no-repeat right bottom; }
a.small-button.pink:hover span { background: transparent url('../images/small-buttons/pink-button-over.png') no-repeat right bottom; }

/* LIGHT GREEN */
a.small-button.light-green { background: transparent url('../images/small-buttons/light-green-button.png') no-repeat left top; }
a.small-button.light-green:hover { background: transparent url('../images/small-buttons/light-green-button-over.png') no-repeat left top; }
a.small-button.light-green span { text-shadow: 0 -1px 0 #5b6b23; background: transparent url('../images/small-buttons/light-green-button.png') no-repeat right bottom; }
a.small-button.light-green:hover span { background: transparent url('../images/small-buttons/light-green-button-over.png') no-repeat right bottom; }

/* DARK BLUE */
a.small-button.dark-blue { background: transparent url('../images/small-buttons/dark-blue-button.png') no-repeat left top; }
a.small-button.dark-blue:hover { background: transparent url('../images/small-buttons/dark-blue-button-over.png') no-repeat left top; }
a.small-button.dark-blue span { text-shadow: 0 -1px 0 #1e1c50; background: transparent url('../images/small-buttons/dark-blue-button.png') no-repeat right bottom; }
a.small-button.dark-blue:hover span { background: transparent url('../images/small-buttons/dark-blue-button-over.png') no-repeat right bottom; }

/* BLUE */
a.small-button.blue { background: transparent url('../images/small-buttons/blue-button.png') no-repeat left top; }
a.small-button.blue:hover { background: transparent url('../images/small-buttons/blue-button-over.png') no-repeat left top; }
a.small-button.blue span { text-shadow: 0 -1px 0 #142971; background: transparent url('../images/small-buttons/blue-button.png') no-repeat right bottom; }
a.small-button.blue:hover span { background: transparent url('../images/small-buttons/blue-button-over.png') no-repeat right bottom; }

/* PURPLE */
a.small-button.purple { background: transparent url('../images/small-buttons/purple-button.png') no-repeat left top; }
a.small-button.purple:hover { background: transparent url('../images/small-buttons/purple-button-over.png') no-repeat left top; }
a.small-button.purple span { text-shadow: 0 -1px 0 #3b1e57; background: transparent url('../images/small-buttons/purple-button.png') no-repeat right bottom; }
a.small-button.purple:hover span { background: transparent url('../images/small-buttons/purple-button-over.png') no-repeat right bottom; }


/*
 * LARGE BUTTONS */

a.large-button {
    cursor: pointer;
    display: block;
    float: left;
    height: 47px;
    margin-right: 14px;
    margin-bottom: 20px;
    margin-left: 1px;
}
a.large-button:hover {
    text-decoration: none;
}
a.large-button span {
    display: block;
    height: 47px;
    margin-left: 8px;
    color: #fff;
    font-weight: bold;
    font-size: 14px;
    line-height: 46px;
    padding: 0 20px 0 15px;
}

a.large-button.grey { background: transparent url('../images/large-buttons/grey-button.png') no-repeat left top; }
a.large-button.grey:hover { background: transparent url('../images/large-buttons/grey-button-over.png') no-repeat left top; }
a.large-button.grey span { text-shadow: 0 1px 0 #fff; background: transparent url('../images/large-buttons/grey-button.png') no-repeat right bottom; color: #676767; }
a.large-button.grey:hover span { background: transparent url('../images/large-buttons/grey-button-over.png') no-repeat right bottom; }

a.large-button.red { background: transparent url('../images/large-buttons/red-button.png') no-repeat left top; }
a.large-button.red:hover { background: transparent url('../images/large-buttons/red-button-over.png') no-repeat left top; }
a.large-button.red span { text-shadow: 0 -1px 0 #9c3535; background: transparent url('../images/large-buttons/red-button.png') no-repeat right bottom; }
a.large-button.red:hover span { background: transparent url('../images/large-buttons/red-button-over.png') no-repeat right bottom; }

a.large-button.aqua { background: transparent url('../images/large-buttons/aqua-button.png') no-repeat left top; }
a.large-button.aqua:hover { background: transparent url('../images/large-buttons/aqua-button-over.png') no-repeat left top; }
a.large-button.aqua span { text-shadow: 0 -1px 0 #205469; background: transparent url('../images/large-buttons/aqua-button.png') no-repeat right bottom; }
a.large-button.aqua:hover span { background: transparent url('../images/large-buttons/aqua-button-over.png') no-repeat right bottom; }

a.large-button.green { background: transparent url('../images/large-buttons/green-button.png') no-repeat left top; }
a.large-button.green:hover { background: transparent url('../images/large-buttons/green-button-over.png') no-repeat left top; }
a.large-button.green span { text-shadow: 0 -1px 0 #2a5d27; background: transparent url('../images/large-buttons/green-button.png') no-repeat right bottom; }
a.large-button.green:hover span { background: transparent url('../images/large-buttons/green-button-over.png') no-repeat right bottom; }

a.large-button.orange { background: transparent url('../images/large-buttons/orange-button.png') no-repeat left top; }
a.large-button.orange:hover { background: transparent url('../images/large-buttons/orange-button-over.png') no-repeat left top; }
a.large-button.orange span { text-shadow: 0 -1px 0 #7f4713; background: transparent url('../images/large-buttons/orange-button.png') no-repeat right bottom; }
a.large-button.orange:hover span { background: transparent url('../images/large-buttons/orange-button-over.png') no-repeat right bottom; }

a.large-button.dark-pink { background: transparent url('../images/large-buttons/dark-pink-button.png') no-repeat left top; }
a.large-button.dark-pink:hover { background: transparent url('../images/large-buttons/dark-pink-button-over.png') no-repeat left top; }
a.large-button.dark-pink span { text-shadow: 0 -1px 0 #71103a; background: transparent url('../images/large-buttons/dark-pink-button.png') no-repeat right bottom; }
a.large-button.dark-pink:hover span { background: transparent url('../images/large-buttons/dark-pink-button-over.png') no-repeat right bottom; }

a.large-button.pink { background: transparent url('../images/large-buttons/pink-button.png') no-repeat left top; }
a.large-button.pink:hover { background: transparent url('../images/large-buttons/pink-button-over.png') no-repeat left top; }
a.large-button.pink span { text-shadow: 0 -1px 0 #711f9a; background: transparent url('../images/large-buttons/pink-button.png') no-repeat right bottom; }
a.large-button.pink:hover span { background: transparent url('../images/large-buttons/pink-button-over.png') no-repeat right bottom; }

a.large-button.light-green { background: transparent url('../images/large-buttons/light-green-button.png') no-repeat left top; }
a.large-button.light-green:hover { background: transparent url('../images/large-buttons/light-green-button-over.png') no-repeat left top; }
a.large-button.light-green span { text-shadow: 0 -1px 0 #5b6b23; background: transparent url('../images/large-buttons/light-green-button.png') no-repeat right bottom; }
a.large-button.light-green:hover span { background: transparent url('../images/large-buttons/light-green-button-over.png') no-repeat right bottom; }

a.large-button.dark-blue { background: transparent url('../images/large-buttons/dark-blue-button.png') no-repeat left top; }
a.large-button.dark-blue:hover { background: transparent url('../images/large-buttons/dark-blue-button-over.png') no-repeat left top; }
a.large-button.dark-blue span { text-shadow: 0 -1px 0 #1e1c50; background: transparent url('../images/large-buttons/dark-blue-button.png') no-repeat right bottom; }
a.large-button.dark-blue:hover span { background: transparent url('../images/large-buttons/dark-blue-button-over.png') no-repeat right bottom; }

a.large-button.blue { background: transparent url('../images/large-buttons/blue-button.png') no-repeat left top; }
a.large-button.blue:hover { background: transparent url('../images/large-buttons/blue-button-over.png') no-repeat left top; }
a.large-button.blue span { text-shadow: 0 -1px 0 #142971; background: transparent url('../images/large-buttons/blue-button.png') no-repeat right bottom; }
a.large-button.blue:hover span { background: transparent url('../images/large-buttons/blue-button-over.png') no-repeat right bottom; }

a.large-button.purple { background: transparent url('../images/large-buttons/purple-button.png') no-repeat left top; }
a.large-button.purple:hover { background: transparent url('../images/large-buttons/purple-button-over.png') no-repeat left top; }
a.large-button.purple span { text-shadow: 0 -1px 0 #142971; background: transparent url('../images/large-buttons/purple-button.png') no-repeat right bottom; }
a.large-button.purple:hover span { background: transparent url('../images/large-buttons/purple-button-over.png') no-repeat right bottom; }


/*
 * MESSAGE BOXES */
div.alert-box {
    overflow: hidden;
    height: 60px;
    margin-bottom: 20px;
}
div.alert-box span {
    display: block;
    height: 60px;
    margin-left: 67px;
    padding-left: 20px;
    padding-right: 20px;
    line-height: 59px;
    font-size: 13px;
    font-weight: bold;
    color: #fff;
}
div.alert-box.info-box {
    background: transparent url('../images/info-box.png') no-repeat left top;
}
div.alert-box.info-box span {
    background: transparent url('../images/info-box.png') no-repeat right bottom;
}
div.alert-box.info-box {
    background: transparent url('../images/info-box.png') no-repeat left top;
}
div.alert-box.info-box span {
    background: transparent url('../images/info-box.png') no-repeat right bottom;
}
div.alert-box.warning-box {
    background: transparent url('../images/warning-box.png') no-repeat left top;
}
div.alert-box.warning-box span {
    color: #484848;
    background: transparent url('../images/warning-box.png') no-repeat right bottom;
}
div.alert-box.error-box {
    background: transparent url('../images/error-box.png') no-repeat left top;
}
div.alert-box.error-box span {
    background: transparent url('../images/error-box.png') no-repeat right bottom;
}


/*
 * VIDEO BOX */


a.video-link {
    position: relative;
    display: block;
    margin-bottom: 10px;
    border: 5px solid #ddd;
}
a.video-link img {
    background: #000;
    position: relative;
    z-index: 10;
    margin: 0;
    border: 0 !important;
}
a.video-link .blocker {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #000 url('../images/zoom-in.png') no-repeat center;
}
a.image-link {
    overflow: hidden;
    position: relative;
    display: block;
    margin-bottom: 10px;
    border: 5px solid #ededed;
}
a.image-link img {
    background: #000;
    position: relative;
    z-index: 10;
    margin: 0;
    border: 0 !important;
}
a.image-link .blocker {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #000 url('../images/img-zoom-in.png') no-repeat center;
}

/*
 * TEXT MESSAGE BOX */

div.message-box {
    width: 460px;
    margin: 0 18px 20px 1px;
}
div.message-box .title {
    background: transparent url('../images/message-box-top.png') no-repeat top left;
    width: 460px;
    height: 46px;
    border-bottom: 1px solid #cacaca;
}
div.message-box .title a {
    display: block;
    padding: 0 20px;
    font-size: 16px;
    line-height: 46px;
    color: #3d3d3d;
    font-weight: bold;
    text-shadow: 0 -1px 0 #fff;
}
div.message-box .title a:hover {
    text-decoration: none;
}
div.message-box .box-content {
    background: #f8f8f8;
    border: 1px solid #cacaca;
    border-top: 0;
    padding: 20px;
    color: #343434;
}
div.message-box.hidden .box-content {
    display: none;
}

div.simple-message-box {
    background: #f9f9f9;
    border: 1px solid #e1e1e1;
    padding: 30px;
    color: #343434;
    margin-bottom: 30px;
    margin-top: 10px;
}
div.simple-message-box .title {
    padding-left: 34px;
    background: transparent url('../images/title-icon.png') no-repeat left center;
}


/*
 * CUSTOM LIST TYPES */

ul.custom {
    list-style-type: none;
    margin-left: 20px;
    margin-bottom: 20px;
    overflow: hidden;
}
ul.custom li {
    color: #575757;
    padding-left: 24px;
}
ul.custom li a, ul.custom li {
    margin: 1px;
    font-size: 12px;
    display: block;
    min-height: 22px;
    line-height: 22px;
    color: #575757;
    font-family: Arial;
}
ul.custom.small-font li a, ul.custom.small-font li {
    font-size: 11px;
}
ul.style-a li {
    background: transparent url('../images/list-type-a.png') no-repeat left top;
    background-position: 0 7px;
}
ul.style-b li {
    background: transparent url('../images/list-type-b.png') no-repeat left top;
    padding-left: 30px;
    background-position: 0 4px;
}
ul.style-c li {
    background: transparent url('../images/list-type-c.png') no-repeat left top;
    padding-left: 30px;
    background-position: 0 7px;
}
ul.style-d li {
    background: transparent url('../images/list-type-d.png') no-repeat left top;
    padding-left: 30px;
    background-position: 0 7px;
}
ul.style-e li {
    background: transparent url('../images/list-type-e.png') no-repeat left top;
    padding-left: 30px;
    background-position: 0 5px;
}
ul.style-f li {
    background: transparent url('../images/list-type-f.png') no-repeat left top;
    padding-left: 30px;
    background-position: 0 7px;
}


/*
 * BOOKMARKS */

.page-bookmark {
    display: block;
    height: 0px;
    margin: 0;
    padding: 0;
    position: relative;
}



/*
 * PAGE DEFINITON */

#root {
    position: relative;
    margin: 0 auto;
    width: 1041px;
}

#main {
    position: relative;
    font-family: Arial;
    background: #fff;
    border-bottom: 0;
    width: 940px;
    margin: 0 auto;
    padding: 40px;
    padding-bottom: 0px;
    font-size: 12px;
}

img, a img {
    border: 5px solid #ededed;
    margin-bottom: 20px;
}
img.no-border {
    border: 0;
}


.banner {
    overflow: hidden;
    clear: both;
    margin-bottom: 30px;
}
.banner img {
    border: 0;
    margin: 0;
    padding: 0;
}
.banner a {
    padding: 0;
    margin: 0;
    display: block;
    border: 2px solid #ddd;
}
.banner a:hover {
    border: 2px solid #f1f1f1;
}

.evidenziat {
	background-color:#FF0;
}
/*
 * HEADER DEFINITION */


#header .logo-space {
    height: 40px;
    overflow: hidden;
    margin-bottom: 14px;
}
#header .logo {
    margin: 0;
    padding: 0;
    float: left;
    padding: 0;
    float: left;
    font-size: 40px;
    height: 40px;
    line-height: 28px;
    color: #008001;
    padding-right: 14px;
    margin-right: 14px;
    border-right: 1px dotted #ddd;
    text-shadow: 1px 0 0 #000;
}

#header .logo a {
    height: 40px;
    display: block;
    font-size: 40px;
    text-transform: uppercase;
    color: #008001;
    text-decoration: none;

}

#header .subtitle {
    float: left;
    display: inline-block;
    line-height: 36px;
    color: #aaa;
    font-size: 11px;
    font-weight: bold;
}


/*
 * TOP MENU */

div.top-menu {
    overflow: hidden;
    height: 12px;
    margin-bottom: 8px;
}
div.top-menu ul {
    float: right;
}
div.top-menu ul li {
    float: left;
    display: inline-block;
    height: 10px;
}
div.top-menu ul li a {
    font-size: 11px;
    height: 11px;
    line-height: 11px;
    text-decoration: none;
    padding: 0 8px 0 6px;
    display: block;
    float: left;
    color: #999;
    font-style: italic;
    background: transparent url('../images/top-menu-sep.png') no-repeat right center;
}
div.top-menu ul li a:hover {
    color: #888;
}
div.top-menu ul li.last a {
    border-right: 0;
    padding-right: 0;
    background: none;
}


/*
 * SEARCH BAR */

div.search-bar {
    display: inline-block;
    position: relative;
    top: 4px;
    float: right;
    overflow: hidden;
    width: 240px;
    height: 28px;
    background: transparent url('../images/search-bar.png') no-repeat top center;
}
div.search-bar input {
    border: 0;
    background: #f5f5f5;
    margin-left: 2px;
    margin-top: 2px;
    padding: 5px 10px 10px 6px;
    font-size: 10px;
    width: 200px;
    font-style: italic;
    color: #aaa;
}
div.search-bar a.search-button {
    position: absolute;
    top: 4px;
    right: 4px;
    display: block;
    float: right;
    width: 20px;
    height: 20px;
    background: transparent url('../images/search-button.png') no-repeat center;
}
div.search-bar a.search-button:hover {
    background: transparent url('../images/search-button-over.png') no-repeat center;
}


/*
 * MAIN MENU DEFINITION */

#main-menu {
    clear: both;
    height: 38px;
    background: transparent url('../images/menu-bkg.png') no-repeat top center;
    position: relative;
    display: block;
    z-index: 100;
    height: 52px;
    margin-bottom: 30px;
}

#main-menu ul li {
    position: relative;
    display: inline;
    float: left;
    z-index: 10;
    padding-bottom: 5px;
}
#main-menu ul li a {
    position: relative;
    cursor: pointer;
    display: block;
    float: left;
    border-top: 4px solid #093;
    margin-right: 3px;
    text-decoration: none;
    text-transform: uppercase;
    padding: 0;
    height: 52px;
    line-height: 52px;
    font-size: 11px;
    font-weight: bold;
    color: #093;
    z-index: 0;
}
#main-menu ul li a span {
    position: relative;
    margin-left: 8px;
    padding: 0 16px 0 9px;
    display: block;
    height: 52px;
}
#main-menu ul li a:hover {
    border-top: 4px solid #bfbfbf;
    color: #093;
}

#main-menu ul li.selected a, #main-menu ul li a:hover {
    background: transparent url('../images/top-menu-button-bkg.png') no-repeat left top;
    border-top: 4px solid #bfbfbf;
    color: #777;
}
#main-menu ul li.selected a span, #main-menu ul li a:hover span {
    background: transparent url('../images/top-menu-button-bkg.png') no-repeat right bottom;
    margin-left: 8px;
}

#main-menu ul.children {
    overflow: hidden;
    margin: 0;
    padding: 1px !important;
    display: none;
    width: 200px;
    position: absolute;
    top: 55px;
    left: 0px;
    background: #fff;
    border: 1px solid #ccc;
    border-top: 0;
    border-bottom: 2px solid #000;
    z-index: 10;
}
#main-menu ul.children li {
    margin: 0;
    position: relative;
    clear: both;
    display: block;
    width: 100%;
    padding: 0;
}
#main-menu ul.children li a {
    border-left: 1px solid #999;
    cursor: pointer;
    border: 0;
    text-shadow: 0 0 0 #000;
    background: #fff none;
    font-size: 12px;
    font-weight: normal;
    text-transform: none;
    color: #6b6b6b;
    clear: both;
    display: inline-block;
    width: 100%;
    height: 30px;
    line-height: 30px;
    text-indent: 16px;
    overflow: hidden;
    padding: 4px 0;
}
#main-menu ul.children li a span.menu-icon {
    position: relative;
    left: 10px;
    padding: 0;
    margin: 0;
    height: 30px;
    width: 20px;
    display: block;
    float: left;
}
#main-menu ul.children li a span.menu-icon.icon-1 { background: transparent url('../images/menu-item-bkg-1.png') no-repeat center; }
#main-menu ul.children li a:hover span.menu-icon.icon-1 { background:  transparent url('../images/menu-item-bkg-1.png') no-repeat center; }
#main-menu ul.children li a span.menu-icon.icon-2 { background: transparent url('../images/menu-item-bkg-2.png') no-repeat center; }
#main-menu ul.children li a:hover span.menu-icon.icon-2 { background: transparent url('../images/menu-item-bkg-2.png') no-repeat center; }
#main-menu ul.children li a span.menu-icon.icon-3 { background: transparent url('../images/menu-item-bkg-3.png') no-repeat center; }
#main-menu ul.children li a:hover span.menu-icon.icon-3 { background: transparent url('../images/menu-item-bkg-3.png') no-repeat center; }
#main-menu ul.children li a span.menu-icon.icon-4 { background: transparent url('../images/menu-item-bkg-4.png') no-repeat center; }
#main-menu ul.children li a:hover span.menu-icon.icon-4 { background: transparent url('../images/menu-item-bkg-4.png') no-repeat center; }
#main-menu ul.children li a span.menu-icon.icon-5 { background: transparent url('../images/menu-item-bkg-5.png') no-repeat center; }
#main-menu ul.children li a:hover span.menu-icon.icon-5 { background: transparent url('../images/menu-item-bkg-5.png') no-repeat center; }
#main-menu ul.children li a span.menu-icon.icon-6 { background: transparent url('../images/menu-item-bkg-6.png') no-repeat center; }
#main-menu ul.children li a:hover span.menu-icon.icon-6 { background: transparent url('../images/menu-item-bkg-6.png') no-repeat center; }
#main-menu ul.children li a span.menu-icon.icon-7 { background: transparent url('../images/menu-item-bkg-7.png') no-repeat center; }
#main-menu ul.children li a:hover span.menu-icon.icon-7 { background: transparent url('../images/menu-item-bkg-7.png') no-repeat center; }
#main-menu ul.children li a span.menu-icon.icon-8 { background: transparent url('../images/menu-item-bkg-8.png') no-repeat center; }
#main-menu ul.children li a:hover span.menu-icon.icon-8 { background: transparent url('../images/menu-item-bkg-8.png') no-repeat center; }
#main-menu ul.children li a span.menu-icon.icon-9 { background: transparent url('../images/menu-item-bkg-9.png') no-repeat center; }
#main-menu ul.children li a:hover span.menu-icon.icon-9 { background: transparent url('../images/menu-item-bkg-9.png') no-repeat center; }
#main-menu ul.children li a span.menu-icon.icon-10 { background: transparent url('../images/menu-item-bkg-10.png') no-repeat center; }
#main-menu ul.children li a:hover span.menu-icon.icon-10 { background: transparent url('../images/menu-item-bkg-10.png') no-repeat center; }
#main-menu ul.children li a span.menu-icon.icon-11 { background: transparent url('../images/menu-item-bkg-11.png') no-repeat center; }
#main-menu ul.children li a:hover span.menu-icon.icon-11 { background: transparent url('../images/menu-item-bkg-11.png') no-repeat center; }


#main-menu ul.children li a:hover {
    /*background: #fff url('../images/menu-item-over-bkg.png') repeat-x left top;*/
    background: #f1f1f1;
    color: #000;
}
#main-menu ul.children ul.children, ul.children ul.children ul.children {
    left: 200px;
    top: -1px;
}

/*
 * FRONTPAGE SLIDER */

div#frontpage-slider-wrapper {
    position: relative;
    overflow: hidden;
    height: 400px;
}
#frontpage-slider {
    clear: both;
    position: relative;
    width: 930px !important;
}
#frontpage-slider-wrapper .slider-wrapper {
    position: relative;
    border: 5px solid #ddd;
}
#frontpage-slider {
    background: #000;
}
#frontpage-slider li img {
    border: 0;
}
#frontpage-slider li a {
    color: #fff;
    text-decoration: none;
}
#frontpage-slider li a span {
    visibility: hidden;
}

/*
 * SLIDER NAVIGATION */

ul#slider-navbar {
    background: transparent url('../images/slider-navbar-shadow.png') no-repeat top center;
    clear: both;
    display: block;
    z-index: 50;
    height: 30px;
    line-height: 22px;
    margin: 0 auto;
    padding-top: 10px;
}
ul#slider-navbar li {
    display: inline;
    float: left;
}
ul#slider-navbar li a {
    cursor: pointer;
    display: block;
    overflow: hidden;
    float: left;
    text-indent: -9999px;
    margin-left: 3px;
    background: transparent url('../images/navbar-button-off.png') no-repeat top center;
    width: 13px;
    height: 13px;
    color: #fff;
}
ul#slider-navbar li a:hover, ul#slider-navbar li a.on {
    background: transparent url('../images/navbar-button-on.png') no-repeat top center;
}

/*
 * SLIDER DESCRIPTION BOX */

div#frontpage-slider-wrapper .description-wrapper {
    position: relative;
    left: 5px;
    top: 0;
    overflow: hidden;
}
div#frontpage-slider-wrapper .description-box {
    display: block;
    position: absolute;
    z-index: 10;
    bottom: 4px;
    text-decoration: none;
    font-size: 11px;
    left: 0px;
    height: 50px;
    /*background: transparent url('../images/slider-description-bkg.png') repeat-x top;*/
    background-color: rgb(0, 0, 0);
    background-color: rgba(0, 0, 0, 0.4);
    padding: 12px 14px 18px 14px;
    color: #fff;
    overflow: hidden;
}

div#frontpage-slider-wrapper .description-box strong {
    font-family: Arial;
    font-size: 18px;
    font-weight: normal;
}
div#frontpage-slider-wrapper .description-box p {
    font-size: 11px;
    line-height: 16px;
    padding-top: 6px;
    font-style: italic;
    color: #fff;
}


/*
 * MINI SLIDER */

div#mini-slider-wrapper {
    position: relative;
    overflow: hidden;
    height: 220px;
}
#mini-slider {
    clear: both;
    position: relative;
    width: 320px !important;
}
#mini-slider-wrapper .slider-wrapper {
    position: relative;
    overflow: hidden;
    border: 5px solid #ccc;
}
#mini-slider li img {
    border: 0;
}
#mini-slider li a {
    color: #fff;
    text-decoration: none;
}
#mini-slider li a span {
    visibility: hidden;
}

/*
 * SLIDER NAVIGATION */

ul#mini-slider-navbar {
    clear: both;
    display: block;
    z-index: 50;
    margin: 0 auto;
    padding-top: 6px;
}
ul#mini-slider-navbar li {
    display: inline;
    float: left;
}
ul#mini-slider-navbar li a {
    cursor: pointer;
    display: block;
    overflow: hidden;
    float: left;
    text-indent: -9999px;
    margin-left: 3px;
    background: transparent url('../images/navbar-button-off.png') no-repeat top center;
    width: 13px;
    height: 13px;
    color: #fff;
}
ul#mini-slider-navbar li a:hover, ul#mini-slider-navbar li a.on {
    background: transparent url('../images/navbar-button-on.png') no-repeat top center;
}

/*
 * SLIDER DESCRIPTION BOX */

/*div#mini-slider-wrapper .description-wrapper {
    position: relative;
    left: 5px;
    top: 0;
    overflow: hidden;
}
div#mini-slider-wrapper .description-box {
    display: block;
    position: absolute;
    z-index: 10;
    bottom: 4px;
    text-decoration: none;
    font-size: 11px;
    left: 0px;
    height: 5px;
background: transparent url('../images/slider-description-bkg.png') repeat-x top;
    background-color: rgb(0, 0, 0);
    background-color: rgba(0, 0, 0, 0.4);
    padding: 12px 10px 18px 10px;
    color:#fff;
    overflow: hidden;
}


div#mini-slider-wrapper .description-box strong {
    font-family: Arial;
    font-size: 14px;
    font-weight: normal;
}
div#mini-slider-wrapper .description-box p {
    font-size: 10px;
    line-height: 12px;
    padding-top: 6px;
    font-style: italic;
    color: #fff;
}


/*
 * PAGE SLIDER */

div#page-slider-wrapper {
    position: relative;
    overflow: hidden;
    margin-bottom: 20px;
}
#page-slider {
    clear: both;
    position: relative;
}
#page-slider-wrapper .slider-wrapper {
    position: relative;
    overflow: hidden;
    border: 4px solid #ccc;
    background: #000;
}
#page-slider li img {
    border: 0;
}
#page-slider li a {
    color: #fff;
    text-decoration: none;
}
#page-slider li a span {
    visibility: hidden;
}

/*
 * SLIDER NAVIGATION */

ul#page-slider-navbar {
    clear: both;
    display: block;
    z-index: 50;
    margin: 0 auto;
    padding-top: 10px;
}
ul#page-slider-navbar li {
    display: inline;
    float: left;
}
ul#page-slider-navbar li a {
    cursor: pointer;
    display: block;
    overflow: hidden;
    float: left;
    text-indent: -9999px;
    margin-left: 3px;
    background: transparent url('../images/navbar-button-off.png') no-repeat top center;
    width: 13px;
    height: 13px;
    color: #fff;
}
ul#page-slider-navbar li a:hover, ul#page-slider-navbar li a.on {
    background: transparent url('../images/navbar-button-on.png') no-repeat top center;
}

/*
 * SLIDER DESCRIPTION BOX */

div#page-slider-wrapper .description-wrapper {
    position: relative;
    left: 5px;
    top: 0;
    overflow: hidden;
}
div#page-slider-wrapper .description-box {
    display: block;
    position: absolute;
    z-index: 10;
    bottom: 4px;
    text-decoration: none;
    font-size: 11px;
    left: 0px;
    height: 60px;
    /*background: transparent url('../images/slider-description-bkg.png') repeat-x top;*/
    background-color: rgb(0, 0, 0);
    background-color: rgba(0, 0, 0, 0.4);
    padding: 12px 10px 18px 10px;
    color: #fff;
    overflow: hidden;
}

div#page-slider-wrapper .description-box strong {
    font-family: Arial;
    font-size: 14px;
}
div#page-slider-wrapper .description-box p {
    font-size: 11px;
    line-height: 14px;
    padding-top: 6px;
    font-style: italic;
    color: #fff;
}

/*
 * WELCOME BOX */

.welcome-box {
    overflow: hidden;
    background: transparent url('../images/welcome-box.png') no-repeat top center;
    width: 940px;
    height: 60px;
    margin-bottom: 40px;
}
.welcome-box span.quote {
    font-size: 20px;
    font-weight: bold;
    color: #535353;
    display: inline-block;
    height: 60px;
    width: 600px;
    padding: 20px 0;
    margin-left: 100px;
    margin-right: 20px;
}
.welcome-box span.author {
    display: inline-block;
    float: right;
    width: 150px;
    margin: 0;
    line-height: 23px;
    padding: 20px 0;
    font-size: 12px;
    font-weight: bold;
}

/*
 * CONTENT */

.content {
    background: transparent url('../images/content-top-bkg.png') no-repeat top center;
    min-height: 400px;
    padding-top: 40px;
    padding-bottom: 20px;
    overflow: hidden;
}
.content p {
    padding-bottom: 20px;
}
/*
 * SERVICES COLUMNS */

.services-columns {
    clear: both;
    overflow: hidden;
    padding-bottom: 20px;
}
.services-columns img {
    border: 0;
}
.services-columns .col {
    float: left;
    width: 290px;
    margin-right: 30px;
    position: relative;
    overflow: hidden;
}
.services-columns .col h3 {
    border-bottom: 1px dotted #d9d9d9;
    padding-bottom: 8px;
    padding-left: 10px;
}
.services-columns .col p {
    font-size: 12px;
    color: #444;
    margin-left: 80px;
}


/*
 * MULTI COLUMNS */

.multi-columns {
    display: inline-block;
    clear: both;
    overflow: hidden;
}
.half {
    width: 460px;
    margin-right: 20px;
    float: left;
    overflow: hidden;
}
.third {
    width: 300px;
    overflow: hidden;
    float: left;
    margin-right: 20px;
}
.two-thirds {
    width: 620px;
    overflow: hidden;
    float: left;
    margin-right: 20px;
}
.fourth {
    overflow: hidden;
    float: left;
    width: 220px;
    margin-right: 20px;
}
.three-fourths {
    width: 700px;
    float: left;
    margin-right: 20px;
    overflow: hidden;
}
.news-half {
    width: 270px;
    float: left;
    margin-right: 20px;
    overflow: hidden;
}

.content .last, .last {
    margin-right: 0;
}
.separator {
    background: transparent url('../images/bottom-sep.png') no-repeat bottom center;
    margin-bottom: 40px;
}
.main-separator {
    background: transparent url('../images/main-bottom-sep.png') no-repeat bottom center;
    padding-bottom: 10px;
    margin-bottom: 30px;
}



.link-bar {
    clear: both;
    overflow: hidden;
    padding-bottom: 20px;
}
.link-bar a {
    font-weight: bold;
    display: block;
    float: left;
    font-size: 11px;
    height: 20px;
    line-height: 20px;
    background: transparent url('../images/read-more-link.png') no-repeat left center;
    padding-left: 24px;
    padding-right: 10px;
}

/*
 * MAIN + SIDEBAR */

.mainleft, .mainright {
    float: left;
    width: 560px;
    overflow: hidden;
    margin-right: 30px;
}

.sidebar {
    margin-top: -6px;
    float: right;
}
.sidebarl {
    margin-top: -6px;
    float: left;
}
.sidebar-right, .sidebar-left {
    position: relative;
    background: transparent url('../images/sidebar-right-bkg.png') repeat-y left top;
    width: 320px;
    overflow: hidden;
    padding-left: 30px;
}
.sidebar-right-top {
    width: 320px;
    height: 24px;
    background: transparent url('../images/sidebar-right-top-bkg.png') no-repeat left top;
}
.sidebar-right-bottom {
    width: 320px;
    height: 97px;
    background: transparent url('../images/sidebar-right-bottom-bkg.png') no-repeat left top;
}
.sidebar-left-top {
    width: 350px;
    height: 24px;
    background: transparent url('../images/sidebar-left-top-bkg.png') no-repeat right top;
    margin-right: 30px;
}
.sidebar-left-bottom {
    width: 350px;
    height: 97px;
    background: transparent url('../images/sidebar-left-bottom-bkg.png') no-repeat right top;
    margin-right: 30px;
}
.main-half {
    width: 260px;
    overflow: hidden;
    float: left;
    margin-right: 20px;
}

/*
 * SIDEBAR + MAIN */

.mainright {
    float: right;
    margin: 0;
}
.sidebar-left {
    padding: 0;
    padding-right: 30px;
    margin-right: 30px;
    background: transparent url('../images/sidebar-left-bkg.png') repeat-y right top;
}

/*
 * MULTI TABS - SIDEBAR */

.widget {
    clear: both;
    margin-bottom: 30px;
    overflow: hidden;
}
.widget div.title {
    padding: 0 14px;
    margin-bottom: 24px;
    height: 30px;
    line-height: 30px;
    background: transparent url('../images/sidebar-title-bkg.gif') repeat-x left top;
    font-size: 12px;
    font-weight: bold;
    color: #fffefe;
}
.widget .widget-content {
    padding: 0 20px;
}

/*
 * WIDGET LISTS */

.widget ul.widget-menu {
    overflow: hidden;
    margin: 10px 20px 0px 20px;
    list-style-type: none;
    border-top: 1px solid #f1f1f1;
}
.widget ul.widget-menu li {
    display: block;
}
.widget ul.widget-menu li a {
    font-weight: bold;
    padding: 7px 8px;
    border-bottom: 1px solid #f1f1f1;
    display: block;
    color: #676767;
}
.widget ul.widget-menu li a:hover {
    background: #f6f6f6;
    color: #000;
    text-decoration: none;
}

/*
 * WIDGET MULTI-TABS */

ul.multi-tabs-navbar {
    list-style-type: none;
    padding: 0;
    overflow: hidden;
    margin-bottom: 20px;
    height: 30px;
    background: transparent url('../images/sidebar-title-bkg.gif') repeat-x left top;
}
ul.multi-tabs-navbar li {
    display: inline;
    float: left;
}

ul.multi-tabs-navbar li a {
    border: 0;
    display: block;
    float: left;
    font-size: 12px;
    font-weight: bold;
    color: #fffefe;
    text-decoration: none;
    height: 30px;
    line-height: 29px;
    padding: 0 13px;
    border-right: 1px solid #4b4b4b;
}
ul.multi-tabs-navbar li a:hover, ul.multi-tabs-navbar li.selected a {
    text-decoration: none;
    background:#666;
}
ul.multi-tabs-navbar li a.last {
    border-right: 0;
}

ul.multi-tabs {
    clear: both;
    margin-bottom: 20px;
    padding: 0 20px;
    margin: 0;
    overflow: hidden;
    list-style-type: none;
}
ul.multi-tabs li {
    margin: 0;
    padding: 0;
    display: block;
    overflow: hidden;
}
ul.multi-tabs ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
ul.multi-tabs ul li {
    margin: 0;
    display: block;
    background: transparent url('../images/list-arrow-bullet.png') no-repeat left center;
    padding: 4px 0 4px 16px;
    border-bottom: 1px solid #e8e8e8;
}
ul.multi-tabs ul li a {
    border: 0;
    color: #3787ba;
    font-weight: bold;
    font-size: 12px;
    display:  block;
}
ul.multi-tabs ul li span {
    color: #b2b2b2;
    font-size: 11px;
}

/*
 * WIDGET FEATURED LIST */

ul.featured-list {
    list-style-type: none;
    overflow: hidden;
}
ul.featured-list.margin-bottom20 {
    margin-bottom: 20px
}
ul.featured-list li {
    margin-bottom: 16px;
    border-bottom: 1px dotted #e2e2e2;
}
ul.featured-list li.last {
    margin: 0;
    border: 0;
}
ul.featured-list li img {
    margin-bottom: 6px;
}
ul.featured-list li .meta {
    font-size: 11px;
    margin-bottom: 8px;
}
ul.featured-list li .meta a {
    color: #bebebe;
}
ul.featured-list li .meta a.category {
    background: transparent url('../images/category-icon.png') no-repeat left center;
    padding-left: 20px;
    margin-right: 10px;
}
ul.featured-list li .meta a.date {
    background: transparent url('../images/date-icon.png') no-repeat left center;
    padding-left: 20px;
    margin-right: 10px;
}
ul.featured-list li a.title {
    font-size: 14px;
    font-weight: bold;
    color: #2574b1;
    line-height: 16px;
    display: block;
    margin-bottom: 10px;
    padding-left: 14px;
    border-left: 5px solid #ddd;
}
ul.featured-list li a.title:hover {
    color: #2f85c7;
    text-decoration: none;
    border-left: 5px solid #aaa;
}


/*
 * RECENT POSTS BOX */

.recent-posts-box {
    margin-bottom: 20px;
    position: relative;
    width: 560px;
}
.recent-posts-box .rp-box-top {
    height: 13px;
    background: transparent url('../images/recent-posts-box-top.png') no-repeat top center;
}
.recent-posts-box .rp-box-content {
    border-left: 5px solid #ebebeb;
    border-right: 5px solid #ebebeb;
    padding: 20px;
    padding-bottom: 10px;
}
.recent-posts-box .box-title {
    height: 29px;
    line-height: 29px;
    padding: 0 10px;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    background: transparent url('../images/recent-posts-box-title-bkg.gif') repeat-x left top;
    position: absolute;
    top: -12px;
    left: 24px;
}
.recent-posts-box .box-title a {
    color: #fff;
}
.recent-posts-box ul {
    clear: both;
    list-style-type: none;
}
.recent-posts-box ul li {
    clear: both;
    border-bottom: 1px solid #eee;
    overflow: hidden;
    margin-bottom: 10px;
    padding-bottom: 8px;
}
.recent-posts-box ul li.last {
    border: 0;
    margin: 0;
}
.recent-posts-box ul li img {
    margin-bottom: 0;
}
.recent-posts-box ul li a.title {
    color: #2b2b2b;
    font-size: 13px;
    font-weight: bold;
    display: block;
    margin-bottom: 4px;
}
.recent-posts-box ul li div.meta {
    font-size: 11px;
    margin-bottom: 4px;
    color: #b1b1b1;
}
.recent-posts-box ul li div.meta a {
    color: #b1b1b1;
    margin-right: 10px;
    padding-left: 20px;

}
.recent-posts-box ul li div.meta a.category {
    background: transparent url('../images/rb-category-icon.png') no-repeat left center;
}
.recent-posts-box ul li div.meta a.date {
    background: transparent url('../images/rb-date-icon.png') no-repeat left center;
}
.recent-posts-box ul li div.meta a.author {
    background: transparent url('../images/rb-author-icon.png') no-repeat left center;
}
.recent-posts-box ul li p {
    padding: 0;
    margin: 0;
    font-size: 11px;
    color: #343434;
    font-style: italic;
}
.recent-posts-box .rp-box-bottom {
    height: 13px;
    background: transparent url('../images/recent-posts-box-bottom.png') no-repeat top center;
}

/*
 * NEWS COLUMNS */

h5.simple {
    margin-top: 4px;
    margin-bottom: 14px;
    font-size: 14px;
    line-height: 23px;
    font-weight: bold;
    border-top: 1px dotted #ddd;
    border-bottom: 1px dotted #ddd;
    padding: 4px 0 10px 22px;
    color: #555;
    text-shadow: 0 -1px 0 #fff;
    background: #fff url('../images/arrow-icon.png') no-repeat left center;
    text-transform: uppercase;
}

/*
 * RECENT TWEETS BOX */

ul.recent-tweets {
    margin: 0;
    padding: 0;
    overflow: hidden;
    list-style-type: none;
    margin-bottom: 20px;
}
ul.recent-tweets li {
    display: block;
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 14px;
}
ul.recent-tweets li p {
    padding-bottom: 14px;
    padding-left: 24px;
    color: #343434;
    font-size: 11px;
    font-weight: bold;
}
ul.recent-tweets li .meta {
    background: transparent url('../images/date-icon.png') no-repeat left center;
    padding-left: 24px;
    margin-bottom: 10px;
    color: #a4a4a4;
    font-size: 11px;
}
ul.recent-tweets li.last {
    border-bottom: 0;
}

/*
 * QUICK GALLERY */

ul.quick-gallery {
    clear: both;
    display: block;
    overflow: hidden;
    margin-bottom: 20px;
}
ul.quick-gallery li {
    margin: 0;
    padding: 0;
    display: inline;
    float: left;
}
ul.quick-gallery li a {
    margin: 0;
    padding: 0;
    display: block;
    float: left;
    margin-right: 4px;
    color: #fff;
}
ul.quick-gallery li a img {
    margin-bottom: 0;
    border: 4px solid #ededed;
}


/*
 * PORTFOLIO SECTION */

span.blocker {
    z-index: 0;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    background: #000 url('../images/img-zoom-in.png') no-repeat center;
}

ul#portfolio-navbar {
    margin: 0;
    padding: 0;
    overflow: hidden;
    background: transparent url('../images/portfolio-navbar-bkg.gif') no-repeat top center;
    height: 40px;
    width: 900px;
    padding: 0 20px;
    margin-bottom: 30px;
    padding-bottom: 10px;
    border-bottom: 1px dotted #ccc;
}
ul#portfolio-navbar li {
    display: inline;
    float: left;
}
ul#portfolio-navbar li a {
    display: block;
    float: left;
    font-size: 13px;
    font-weight: bold;
    color: #b9b9b9;
    margin: 10px 0;
    margin-right: 24px;
}
ul#portfolio-navbar li a:hover, ul#portfolio-navbar li.selected a {
    color: #fff;
    text-decoration: none;
}

ul.portfolio-animation-source {
    display: none;
}
.loading {
    margin-bottom: 10px;
    font-weight: bold;
    font-style: italic;
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
    float: left;
}
ul.portfolio-animation-destination {
    overflow: hidden;
    clear: both;
}
ul.portfolio-animation-destination li {
    display: inline-block;
    float: left;
    margin: 0 15px 0px 0;
    overflow: hidden;
    position: relative;
    z-index: 10;
    background: transparent url('../images/portfolio-item-bkg.png') no-repeat left top;
    width: 283px;
    padding: 10px;
    padding-bottom: 40px;
}
ul.portfolio-animation-destination li div.image-holder {
    padding: 0;
    margin: 0;
    position: relative;
    width: 283px;
    height: 144px;
    margin-bottom: 30px;
}
ul.portfolio-animation-destination li div.image-holder span.blocker {
    width: 283px;
    height: 144px;
}
ul.portfolio-animation-destination li strong a {
    display: block;
    color: #4b4b4b;
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 4px;
    text-shadow: 0 -1px 0 #fff;
}
ul.portfolio-animation-destination li p {
    font-size: 12px;
    line-height: 18px;
    padding: 0;
    padding-right: 10px;
    color: #333;
    font-style: italic;
    border-top: 1px solid #f1f1f1;
    padding-top: 6px;
}
ul.portfolio-animation-destination li div.image-holder img {
    position: relative;
    border: 0 !important;
    padding: 0;
    margin: 0;
    z-index: 10;
}


/*
 * BLOG SECTION */

.blog-headline, .custom-headline {
    overflow: hidden;
}
.blog-headline h1, .blog-headline h2, .blog-headline h3, .blog-headline h4, .blog-headline h5, .custom-headline h1, .custom-headline h2, .custom-headline h3, .custom-headline h4, .custom-headline h5 {
    margin-bottom: 6px;
}
.blog-headline .meta , .custom-headline .meta {
    color: #bebebe;
    font-size: 12px;
    font-weight: bold;
    font-style: italic;
    padding: 4px;
    border-top: 1px solid #eee;
    margin-bottom: 18px;
}
.custom-headline .meta {
    margin-bottom: 10px;
}

.page-navbar {
    overflow: hidden;
    margin-bottom: 20px;
    list-style-type: none;
}
.page-navbar li {
    display: inline;
    float: left;
    margin-right: 4px;
}
.page-navbar li a {
    display: block;
    float: left;
    padding: 4px 10px;
    background: #eee;
    font-weight: bold;
    color: #555;
}
.page-navbar li a:hover, .page-navbar li.selected a {
    background: #222;
    color: #fff;
    text-decoration: none;
}

h3.shadow {
    background: transparent url('../images/main-bottom-sep.png') no-repeat bottom center;
    padding-bottom: 8px;
}
ul.comment-list {
    margin: 0;
    padding: 0;
    overflow: hidden;
    list-style-type: none;
}
ul.comment-list li {
    overflow: hidden;
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px dotted #ddd;
}
ul.comment-list li img.avatar {
    border: 0;
    padding: 0 20px;
    float: left;
}
ul.comment-list li div.comment-content {
    float: right;
    width: 470px;
    border-left: 1px solid #e3e3e3;
    padding-left: 20px;
}
ul.comment-list li div.comment-content strong {
    display: block;
    font-size: 16px;
    font-weight: bold;
    color: #727272;
}
ul.comment-list li div.comment-content span.date {
    color: #bebebe;
    font-size: 11px;
    margin-bottom: 20px;
    display: block;
}
ul.comment-list li div.comment-content a.small-button {
    margin-bottom: 2px;
}



/*
 * FOOTER */

#bottom-menu-bar {
    height: 30px;
    line-height: 29px;
    background: #008001;
    padding: 0 40px;
    margin: 0 auto;
    width: 940px;
}
#bottom-menu-bar ul {
    overflow: hidden;
    float: right;
}
#bottom-menu-bar ul li {
    display: inline;
    float: left;
}
#bottom-menu-bar ul li a {
    margin: 10px 1px;
    padding: 0 7px 0 4px;
    color: #fffefe;
    text-shadow: 0 -1px 0 #2a2a2a;
    font-size: 11px;
    height: 11px;
    line-height: 11px;
    border-right: 1px solid #fff;
    display: block;
    float: left;
    font-style: italic;
}
#bottom-menu-bar ul li.last a {
    border-right: 0;
}


#footer {
    width: 940px;
    margin: 0 auto;
    min-height: 150px;
    padding: 40px 40px 20px 40px;
    background: #121212 url('../images/footer-bkg.png') repeat-x top left;
}
#footer p {
    color: #000000;
    font-size: 11px;
}
#footer h4 {
    font-size: 16px;
    line-height: 18px;
    height: 18px;
    font-weight: bold;
    padding-bottom: 4px;
    color: #008001;
    border-bottom: 1px solid #555;
    margin-bottom: 14px;
    text-shadow: 0 -1px 0 #000;
}
#footer ul {
    overflow: hidden;
    list-style-type: none;
    margin: 0 10px;
}
#footer ul li {
    border-bottom: 1px dotted #333;
}
#footer ul li a {
    font-size: 11px;
    color: #000000;
    display: block;
    padding: 6px 0;
}
#footer ul li a:hover {
    text-decoration: none;
    color: #008001;
}

#footer ul.social-links {
    padding: 0;
    margin: 0;
}
#footer ul.social-links li {
    border: 0;
    display: inline;
    float: left;
}
#footer ul.social-links li a {
    width: 16px;
    height: 16px;
    float: left;
    display: block;
    margin-right: 14px;
}
#footer ul.social-links li a.facebook { background: transparent url('../images/facebook-icon.png') no-repeat center; }
#footer ul.social-links li a.twitter { background: transparent url('../images/twitter-icon.png') no-repeat center; }
#footer ul.social-links li a.flickr { background: transparent url('../images/flickr-icon.png') no-repeat center; }
#footer ul.social-links li a.skype { background: transparent url('../images/skype-icon.png') no-repeat center; }
#footer ul.social-links li a.blogger { background: transparent url('../images/blogger-icon.png') no-repeat center; }
#footer ul.social-links li a.rss { background: transparent url('../images/rss-icon.png') no-repeat center; }
#footer ul.social-links li a.facebook:hover { background: transparent url('../images/facebook-icon-over.png') no-repeat center; }
#footer ul.social-links li a.twitter:hover { background: transparent url('../images/twitter-icon-over.png') no-repeat center; }
#footer ul.social-links li a.flickr:hover { background: transparent url('../images/flickr-icon-over.png') no-repeat center; }
#footer ul.social-links li a.skype:hover { background: transparent url('../images/skype-icon-over.png') no-repeat center; }
#footer ul.social-links li a.blogger:hover { background: transparent url('../images/blogger-icon-over.png') no-repeat center; }
#footer ul.social-links li a.rss:hover { background: transparent url('../images/rss-icon-over.png') no-repeat center; }


#copyright-bar {
    background: #008001;
    padding: 0 40px;
    width: 940px;
    height: 30px;
    line-height: 29px;
    text-align:center;
    margin: 0 auto;
    color:#FFF;
    font-size: 11px;
}

/*
 * FORM SETTINGS */

label {
    color: #464646;
    display: block;
    height: 12px;
    line-height: 12px;
    padding: 0 0 4px 0;
    font-size: 11px;
    font-weight: bold;
    color: #9a9a9a;
}
input, textarea {
    width: 265px;
    padding: 6px;
    background: #fff;
    border: 1px solid #e3e3e3;
    margin-bottom: 10px;
    color: #999;
    font-family: Arial;
    font-size: 12px;
}
textarea {
    width: 500px;
}

#debugger {
    font-family: Tahoma;
    font-size: 11px;
    font-weight: bold;
    color: #000;
    position: absolute;
    left: 0;
    top: 0;
    padding: 10px;
    width: 500px;
    height: 700px;
    background: #fff;
    display: block;
    z-index: 1000;
    border: 3px solid #555;
    overflow: scroll;
}