/*
Template Name: Elegant Press
Theme URI: http://www.priteshgupta.com/templates/elegant-press
File: Layout CSS
Description: HTML5 and CSS3 Free Website Theme
Author: Pritesh Gupta
Author URI: http://www.priteshgupta.com/
Version: 1.3
License: New BSD License
License URI: license.txt
 */
/**
 * Elegant Press Template Version 1.3
 * By PriteshGupta.com
 * Download for free at http://www.priteshgupta.com/templates/elegant-press

Released under New BSD License
http://www.opensource.org/licenses/bsd-license.php

Copyright (c) 2011, PriteshGupta.com
All rights reserved.

Redistribution and use in source and binary forms, with or without modification,
are permitted provided that the following conditions are met:

 * Redistributions of source code must retain the above copyright notice,
this list of conditions and the following disclaimer.

 * Redistributions in binary form must reproduce the above copyright notice,
this list of conditions and the following disclaimer in the documentation
and/or other materials provided with the distribution.

 * Neither the name of PriteshGupta.com nor the names of its
contributors may be used to endorse or promote products derived from this
software without specific prior written permission.

THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND
ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED
WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR
ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES
(INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES;
LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON
ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
(INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS
SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
 */
 
@font-face {
    font-family: 'viner_hand_itcregular';
	font-style: normal;
    font-weight: normal;
    src: local('Viner Hand ITC Regular'), url('fonts/viner_hand_itc-webfont.woff') format('woff'), url('fonts/viner_hand_itc-webfont.ttf') format('truetype')
}
@font-face {
    font-family: 'Artifika';
    font-style: normal;
    font-weight: normal;
    src: local('Artifika Medium'), local('Artifika-Medium'), url('fonts/Artifika-Regular.woff') format('woff'), url('fonts/Artifika-Regular.ttf') format('truetype')
}
@font-face {
    font-family: 'ChunkFive Regular';
    src: url('fonts/Chunkfive.eot');
    src: local('ChunkFive Regular'), local('ChunkFive'), url('fonts/Chunkfive.woff') format('woff'), url('fonts/Chunkfive.otf') format('opentype')
}
@font-face {
	font-family: 'gothic';
	src: url('fonts/gothic.eot');
	src: local('gothic'), url('fonts/gothic.woff') format('woff'), url('fonts/gothic.ttf') format('truetype');
}

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
	border: 0;
	vertical-align: baseline;
	margin: 0;
	padding: 0
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block
}

blockquote, q {
    quotes: none
}

blockquote:before, blockquote:after, q:before, q:after {
    content: none
}

.clearfix:before, .clearfix:after {
    content: "";
    display: table
}

.clearfix:after {
    clear: both
}

.clearfix {
    zoom: 1
}


.randbg {
background: no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
.randbg.bg1 {
background-image: url('../images/bg/1.jpg');
}
.randbg.bg2 {
background-image: url('../images/bg/2.jpg');
}
.randbg.bg3 {
background-image: url('../images/bg/3.jpg');
}
.randbg.bg4 {
background-image: url('../images/bg/4.jpg');
}
.randbg.bg5 {
background-image: url('../images/bg/5.jpg');
}
.randbg.bg6 {
background-image: url('../images/bg/6.jpg');
}
.randbg.bg7 {
background-image: url('../images/bg/7.jpg');
}
.randbg.bg8 {
background-image: url('../images/bg/8.jpg');
}
.randbg.bg9 {
background-image: url('../images/bg/9.jpg');
}
.randbg.bg0 {
background-image: url('../images/bg/0.jpg');
}


body {
	padding: 0;
	margin-top: 30px;
	font-size: 14px;
	line-height: 20px;
	font-family: gothic, 'Century Gothic', sans-serif;
	color: #000;
	background-color: #393955 !important;
}
.justify {
    text-align: justify
}
.right {
    text-align: right
}
.rightfloat {
	float:right
}
img.leftfloat {
	float:left;
	padding-right:10px;
	padding-bottom:25px
}
.nostart {
    list-style-type: none;
    margin: 0;
    padding: 0
}

.clear {
    clear: both
}

br.clear {
	clear: both;
	margin-top: -15px;
	height: 0.5em;
}

a {
	outline: 0;
	text-decoration: none;
	width: auto;
	    color: #a3443e
}
a.link_null_color {
	color: #EFEFEF;
}
a:hover.link_null_color{
	text-shadow:0px 0px 5px rgba(255,255,255,1.00)
}
.tagline_left {
	text-shadow: 0px 0px 4px rgba(0,0,0,1.00);
	color: #EFEFEF;
	margin-left: 2em;
	margin-top: .5em
}
.tagline_right {
	text-align:right;
	color: #EFEFEF;
	text-shadow: 0px 0px 4px rgba(0,0,0,1.00);
	margin-right: 2em;
	margin-top: .5em
}
img {
	display: block;
	border: 0;
	margin: 0;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
}

.imgl, .imgr {
    border: 1px solid #c7c5c8;
    padding: 5px
}

.imgl {
    float: left;
    clear: left;
    margin: 0 8px 8px 0
}

.imgr {
    float: right;
    clear: right;
    margin: 0 0 8px 8px
}

div.main-container {
	display: block;
	margin: 0 0 1px
}

div.main-container h1, div.main-container h2, div.main-container h3, div.main-container h4, div.main-container h5, div.main-container h6 {
    font-family: Artifika, Arial, Helvetica, sans-serif;
    font-weight: 400;
    line-height: normal;
    margin: 0 0 15px;
    padding: 0
}

h1 {
	font-size: 30px;
	text-shadow: 5px 7px 5px rgba(7,5,14,0.25);
}

h2 {
	font-size: 28px;
	text-shadow: 5px 5px 5px rgba(75,75,75,0.41);
}

h3 {
	font-size: 26px;
	text-shadow: 4px 5px 5px rgba(7,5,14,0.25);
}

h4 {
    font-size: 24px
}

h5 {
	font-size: 1.4em;
}

h6 {
	font-size: 18px;
	text-indent: 18px;
}

header {
	text-align: center;
/*	box-shadow: 3px 3px 8px 5px rgba(0,0,0,0.5);
	border-radius: 12px;
	background-image: -webkit-linear-gradient(281deg,rgba(247,255,253,0.80) 0%,rgba(223,223,223,0.80) 100%);
	background-image: -moz-linear-gradient(281deg,rgba(247,255,253,0.80) 0%,rgba(223,223,223,0.80) 100%);
	background-image: -o-linear-gradient(281deg,rgba(247,255,253,0.80) 0%,rgba(223,223,223,0.80) 100%);
	background-image: linear-gradient(169deg,rgba(247,255,253,0.80) 0%,rgba(223,223,223,0.80) 100%);
	border: 1px solid #666;*/
}
header h1, header h1 a {
	font-family: 'viner_hand_itcregular', Arial, Helvetica, sans-serif;
	font-size: 90px;
	text-shadow: 3px 3px 6px rgba(0,0,0,0.75);
	color:rgba(253,253,253,0.9)
}

/*header h1 a:hover {
    font-size: 93px;
}*/

header p {
    margin-top: -20px;
	padding-bottom:1em;
    font-size: 20px;
	text-transform:uppercase;
	color:rgba(253,253,253,0.80)
}

#sub-headline {
	/* [disabled]border-bottom: 1px solid #666; */
	padding: 15px 0
}

#sub-headline .tagline_left {
    margin: 8px 0 0;
    padding: 0
}

#breadcrumb {
	border-top: 1px solid #666;
	border-bottom: 1px solid #666;
	padding-top: 5px;
	padding-right: 0;
	padding-left: 5px;
	padding-bottom: 5px;
	left: 0px;
	font-size: 80%;
}

#breadcrumb ul li.current a {
    text-decoration: underline
}

.container {
    border-top: 1px solid #666;
    border-bottom: 1px solid #666;
    padding: 30px 0
}

.container1 {
	/* [disabled]border-top: 1px solid #666; */
	padding: 30px 0
}

.box {
	background-image: -webkit-linear-gradient(169deg,rgba(255,255,255,0.80) 0%,rgba(199,199,199,0.70) 100%);
	background-image: -moz-linear-gradient(169deg,rgba(255,255,255,0.80) 0%,rgba(199,199,199,0.70) 100%);
	background-image: -o-linear-gradient(169deg,rgba(255,255,255,0.80) 0%,rgba(199,199,199,0.70) 100%);
	background-image: linear-gradient(169deg,rgba(255,255,255,0.80) 0%,rgba(199,199,199,0.70) 100%);
	border: 1px solid #666;
	border-radius: 15px;
	padding-top: 20px;
	padding-right: 20px;
	padding-left: 20px;
	padding-bottom: 20px;
	margin-bottom: 15px;
	box-shadow: 3px 3px 8px 5px rgba(0,0,0,0.32);
	-webkit-box-shadow: 3px 3px 8px 5px rgba(0,0,0,0.32);
}

.box ul {
	margin-left: 3em;
	margin-top: 0.5em;
	list-style-image: none;
}

.content {
	display: block;
	float: left;
	width: 500px
}

#comments {
    margin-bottom: 40px
}

#comments .commentlist li.comment_odd, #comments .commentlist li.comment_even {
    list-style: none;
    margin: 0 0 10px;
    padding: 15px
}

#comments .commentlist li.comment_odd {
    color: #666;
    background-color: #f7f7f7
}

#comments .commentlist li.comment_odd a {
    color: #a3443e;
    background-color: #f7f7f7
}

#comments .commentlist li.comment_even {
    color: #666;
    background-color: #e8e8e8
}

#comments .commentlist li.comment_even a {
    color: #a3443e;
    background-color: #e8e8e8
}

#comments .commentlist .submitdate {
    font-size: smaller
}

#comments .commentlist p {
    font-weight: 400;
    text-transform: none;
    margin: 10px 5px 10px 0;
    padding: 0
}

#comments .commentlist li .avatar {
    float: right;
    border: 1px solid #EEE;
    margin: 0 0 0 10px
}

.sidebar {
	display: block;
	float: right;
	width: 370px;
	margin-top: 2em;
}

.sidebar .holder, .sidebar #featured {
	display: block;
	width: 370px;
	margin-bottom: 20px
}

.sidebar .holder h2.title {
    display: block;
    width: 100%;
    height: 65px;
    font-size: 20px;
    line-height: normal;
    border-bottom: 1px dotted #666;
    margin: 0;
    padding: 15px 0 0
}

.sidebar .holder h2.title img {
    float: left;
    border: 1px solid #666;
    margin: -15px 8px 0 0;
    padding: 5px
}

.sidebar div.imgholder {
    display: block;
    width: 260px;
    border: 1px solid #666;
    margin: 0 0 10px;
    padding: 4px
}

.sidebar .holder p.readmore {
    display: block;
    width: 100%;
    font-weight: 700;
    text-align: right;
    line-height: normal
}

.sidebar #featured li {
	display: block;
	width: 320px;
	margin: 0;
	padding: 20px 25px;
	font-size: medium;
}

.sidebar #featured li p {
	text-align: right;
	margin-bottom: 0.5em;
	font-size: 120%;
}

.sidebar #featured li p.imgholder {
    display: block;
    width: 210px;
    height: 90px;
    border: 1px solid #CCC;
    margin: 20px 0 15px;
    padding: 4px
}

.sidebar #featured li h2 {
    font-weight: 400;
    font-family: Artifika, Georgia, Times New Roman, Times, serif;
    line-height: normal;
    border-bottom: 1px dotted #666;
    margin: 0;
    padding: 0 0 8px
}

.sidebar #featured p.readmore {
    display: block;
    width: 100%;
    margin-top: 15px;
    font-weight: 700;
    text-align: right;
    line-height: normal
}

.sidebar .latestnews {
    display: block;
    width: 100%;
    list-style: none;
    margin: 0;
    padding: 0
}

.sidebar .latestnews li {
    display: block;
    width: 100%;
    height: 99px;
    border-bottom: 1px dotted #c7c5c8;
    overflow: hidden;
    margin: 0 0 11px;
    padding: 0 0 21px
}

.sidebar .latestnews img {
    float: left;
    border: 1px solid #c7c5c8;
    clear: left;
    margin: 0 10px 0 0;
    padding: 4px
}

.grid-container {
    background: url(../images/textured-light-bg.gif) repeat #f2f2f2;
    width: 100%
}

.grid {
    width: 100%;
    position: relative;
    display: block;
    margin: 0 auto
}

.grid h2, .grid p, .grid ul, .grid a {
    font-weight: 400;
    list-style: none;
    line-height: normal;
    margin: 0;
    padding: 0
}

.grid h2 {
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 10px;
    padding-bottom: 6px;
    border-bottom: 1px dotted #585858;
    text-align: center
}

.grid .latestgallery {
    display: block;
    float: right;
    width: 420px;
    margin: 0;
    padding: 0
}

.grid .latestgallery h2 {
    margin-left: 50px;
    text-align: center
}

.grid .latestgallery li {
    float: right;
    display: block;
    background: url(../images/image-frames-thumb.png) top left no-repeat;
    height: 110px;
    width: 160px;
    padding: 4px
}

.grid .footbox {
	display: block;
	float: left;
	width: 490px;
	margin: 0 0 0 50px;
	padding: 0
}

.grid .footbox li {
    color: #000;
    margin: 22px 0 0
}

.grid div.last, .grid .latestgallery li.last {
    margin-right: 0
}
footer, footer div {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	vertical-align: middle;
	font-size: small;
}
footer div {
	 display: inline-block;
     vertical-align: top;
     width: 42%;
}
footer div.img {
	width:16%
}
footer div img{
	margin-left: auto;
	margin-right: auto;
}

h1, h2, h3, h4, h5, h6 {
    color: #333;
    font-family: Artifika, Arial, Helvetica, sans-serif
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	color: #151515;
	font-family: Artifika, Arial, Helvetica, sans-serif
}

p {
	color: #000;
	text-indent: 0px;
	margin-bottom: 0.25em;
}

#tagline, #tagline1 {
	margin-top: -52px;
	padding-top: 0px;
	font-size: 20px;
	text-shadow: 2px 2px 4px rgba(0,0,0,0.75);
	letter-spacing: 3px;
	font-family: artifika;
	font-style: normal;
	font-weight: normal;
	padding-right: px;
	padding-left: 5px;
}

#tagline2 {
	padding-top: 5px;
	font-size: 20px;
	font-family: Artifika, Arial, Helvetica, sans-serif;
	margin-left: 2em;
	margin-bottom: -25px;
	color: #EFEFEF;
}

#list li, #list1 li, #list2 li, #list3 li {
    line-height: 20px
}

#list, #list1, #list2, #list3 {
	list-style-type: upper-roman
}

input[type=text], input[type=email], input[type=url], textarea {
	background: rgba(206, 205, 205, 0.6);
	border: 2px solid #666;
	line-height: 2em;
	box-shadow: inset -1px 1px 1px rgba(255, 255, 255, 0.65);
	border-radius: 8px;
	margin-bottom: 5px;
	width: 500px;
	padding: 6px 5px
}

textarea {
    overflow: auto
}

input[type=text], input[type=email], input[type=url] {
    height: 23px;
    width: 200px
}

input[type=submit], input[type=reset] {
    background: #000;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #333), color-stop(100%, #333));
    background-image: -webkit-linear-gradient(top, #333 0, #333 100%);
    background-image: -moz-linear-gradient(top, #333 0, #333 100%);
    background-image: -o-linear-gradient(top, #333 0, #333 100%);
    background-image: -ms-linear-gradient(top, #333 0, #333 100%);
    background: linear-gradient(top, #333 0, #333 100%);
    color: #fff;
    border-radius: 10px 0 10px 0;
    font-weight: 700;
    text-shadow: 0 0 1px #aaa;
    transition: all 100ms linear;
    font-family: Verdana, Geneva, sans-serif;
    border-color: transparent;
    padding: 14px 20px
}

#sub-headline input[type=submit] {
    height: 35px
}

input[type=submit]:hover, input[type=reset]:hover {
    border-radius: 0 10px 0 10px;
    color: #fff;
    -ms-filter: "alpha(opacity=100)";
    -ms-filter: "alpha(opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1
}

.date {
    float: left;
    position: relative;
    margin-right: 10px;
    padding: 45px 5px 0
}

.date .month {
    text-transform: uppercase;
    font-size: 25px
}

.date .day {
    font-size: 35px;
    line-height: 45px;
    position: absolute;
    left: 5px;
    top: 0
}

.date .year {
    display: block;
    position: absolute;
    right: -5px;
    top: 15px;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

a.more {
    float: left;
    margin-top: 12px;
    width: 140px;
    height: 45px;
    font-size: 15px;
    text-transform: uppercase;
    color: #f5f5f5;
    text-decoration: none;
    font-family: Artifika, Verdana, Geneva, sans-serif;
    background: url(../images/futured_button.png) no-repeat left top;
    padding: 18px
}

a.more:hover {
    color: #ddd
}

.callout {
    background: url(../images/textured-light-bg.gif) repeat #f2f2f2;
    width: 100%;
    margin: 20px 0 40px
}

.calloutoverlay {
    height: 77px;
    background: url(../images/hash-overlay.png) repeat-x top left;
    position: absolute;
    top: -40px;
    left: 0;
    width: 100%
}

.calloutoverlaybottom {
    height: 77px;
    background: url(../images/hash-overlay-bottom.png) repeat-x top left;
    position: absolute;
    bottom: -41px;
    left: 0;
    width: 100%
}

.calloutcontainer {
    width: 100%;
    height: 100%;
    position: relative;
    margin-top: 25px;
    z-index: 0;
    padding: 20px 0
}

.callout .more {
    margin-top: -50px;
    float: right
}

a.read_more {
    text-align: center;
    display: block;
    color: #fff;
    text-decoration: none;
    background: #454545 url(../images/arrow_01.png) no-repeat right;
    transition: all 1s ease-out;
    padding: 6px 0;
    margin: 25px 0 0;
    text-transform: uppercase;
    border-radius: 3px
}

a.read_more:hover {
    background: #272727 url(../images/arrow_01.png) no-repeat right
}

.bold, #comments .commentlist .author .name {
    font-weight: 700
}

.center, .block h2 {
    text-align: center
}

#header, #sub-headline, #nav-container, #breadcrumb, .container, .container1, .grid, footer, .callout .grid, header {
	position: relative;
	display: block;
	width: 780px;
	margin: 0 auto;
}

#breadcrumb ul, #comments .commentlist ul, .sidebar #featured ul, .sidebar #featured h2, .sidebar #featured p {
	list-style: none;
	margin: 0;
	padding: 0;
}

#breadcrumb ul li, .sidebar .latestnews p {
    display: inline
}

#comments .commentlist, footer p {
    margin: 0;
    padding: 0
}

.sidebar .latestnews li.last, .grid .footbox li.last {
    margin-bottom: 0
}

#nav-container {
	z-index: 1000;
	font-size: 14px;
	text-align: center;
	text-transform: uppercase;
	background-image: -webkit-linear-gradient(270deg,rgba(75,75,75,1.00) 0%,rgba(0,0,0,1.00) 100%);
	background-image: -moz-linear-gradient(270deg,rgba(75,75,75,1.00) 0%,rgba(0,0,0,1.00) 100%);
	background-image: -o-linear-gradient(270deg,rgba(75,75,75,1.00) 0%,rgba(0,0,0,1.00) 100%);
	background-image: linear-gradient(180deg,rgba(75,75,75,1.00) 0%,rgba(0,0,0,1.00) 100%);
	border: 3px ridge #123;
	border-radius: 15px;
	box-shadow: 3px 3px 8px 3px rgba(0,0,0,0.32);
	-webkit-box-shadow: 3px 3px 8px 3px rgba(0,0,0,0.32);
	max-width: 954px;
}

.nav, .nav * {
	list-style: none;
	margin: 0;
	padding-top: 0;
	padding-right: 0;
	padding-left: 0
}

.nav ul {
    position: absolute;
    top: -999em;
    width: 10em
}

.nav ul li {
    width: 100%
}

.nav li:hover {
    visibility: inherit
}

.nav li {
	position: relative;
	display: inline-block;
	zoom: 1;


    *display: inline
; 		letter-spacing: 1px;
}

.nav a {
	display: block;
	position: relative;
	color: #E5E3E3;
	text-decoration: none;
	padding-top: .75em;
	padding-right: 1em;
	padding-left: 1em;
	padding-bottom: 0.75em
}

.nav li:hover ul, .nav li.sfHover ul {
    left: 0;
    top: 41px;
    z-index: 99
}

.nav a, .nav a:visited, .nav li.active li a {
	color: #F0EFEF
}

.nav a.sf-with-ul {
    padding-right: 2.25em
}

.nav li ul a.sf-with-ul {
    padding-right: 1em
}

.sf-sub-indicator {
    position: absolute;
    display: block;
    right: .75em;
    top: 1.05em;
    width: 10px;
    height: 10px;
    text-indent: -999em;
    overflow: hidden;
    background: url(../images/nav_arrows.png) no-repeat -10px -100px
}

a > .sf-sub-indicator {
    background-position: 0 -100px
}

a:focus > .sf-sub-indicator, a:hover > .sf-sub-indicator, a:active > .sf-sub-indicator, li:hover > a > .sf-sub-indicator, li.sfHover > a > .sf-sub-indicator {
    background-position: -10px -100px
}

.nav ul a > .sf-sub-indicator {
    background-position: 0 0
}

.sidebar .subnav {
    display: block;
    background-color: #f9f9f9;
    margin-bottom: 30px;
    padding: 25px
}

.sidebar .subnav h2 {
    font-size: 20px;
    font-weight: 400;
    font-family: Georgia, "Times New Roman", Times, serif;
    color: #666;
    background-color: #f9f9f9;
    line-height: normal;
    border-bottom: 1px dotted #666;
    margin: 0 0 20px;
    padding: 0 0 14px
}

.sidebar .subnav li {
    margin: 0 0 3px;
    padding: 0
}

.sidebar .subnav ul ul, .sidebar .subnav ul ul ul, .sidebar .subnav ul ul ul ul, .sidebar .subnav ul ul ul ul ul {
    border-top: 0;
    padding-top: 0
}

.sidebar .subnav a {
    display: block;
    color: #000;
    background: url(../images/red_file.gif) no-repeat 10px center #f9f9f9;
    text-decoration: none;
    border-bottom: 1px dotted #666;
    margin: 0;
    padding: 5px 10px 5px 20px
}

.sidebar .subnav a:hover {
    color: #a3443e;
    background-color: #f9f9f9
}

.sidebar .subnav ul ul a, .sidebar .subnav ul ul ul a, .sidebar .subnav ul ul ul ul a, .sidebar .subnav ul ul ul ul ul a {
    background: url(../images/red_file.gif) no-repeat #f9f9f9
}

.sidebar .subnav ul ul a {
    padding-left: 40px;
    background-position: 30px center
}

.sidebar .subnav ul ul ul a {
    padding-left: 50px;
    background-position: 40px center
}

.sidebar .subnav ul ul ul ul a {
    padding-left: 60px;
    background-position: 50px center
}

.sidebar .subnav ul ul ul ul ul a {
    padding-left: 70px;
    background-position: 60px center
}

form, fieldset, legend {
    border: 0;
    margin: 0;
    padding: 0
}

legend {
    display: none
}

input, textarea, select {
    font-size: 12px;
    font-family: 'Century Gothic', Arial, sans-serif
}

#sub-headline input {
    display: inline-block;
    width: 200px;
    color: #565656;
    background-color: #ebebeb;
    border: 1px solid #c3c3c3;
    margin: 0 5px 0 0;
    padding: 5px;
    outline: 0
}

#sub-headline input#go {
    display: inline-block;
    width: 68px;
    height: 35px;
    text-transform: uppercase;
    color: #FFF;
    background-color: #565656;
    border-color: #c3c3c3;
    padding: 4px 0;
    letter-spacing: 1px
}

.container #respond {
    display: block;
    width: 100%
}

.container #respond input {
    width: 170px;
    border: 1px solid #CCC;
    margin: 5px 5px 0 0;
    padding: 2px
}

.container #respond textarea {
    width: 98%;
    border: 1px solid #CCC;
    overflow: auto;
    padding: 2px
}

.container #respond p {
    margin: 5px 0
}

table {
	width: 100%;
	border-collapse: collapse;
	table-layout: auto;
	vertical-align: top;
	margin-bottom: 10px;
	border: 1px solid #CCC
}

table thead th {
    color: #FFF;
    background-color: #666;
    border: 1px solid #CCC;
    border-collapse: collapse;
    text-align: center;
    table-layout: auto;
    vertical-align: middle
}

table tbody td {
    vertical-align: top;
    border-collapse: collapse;
    border-left: 1px solid #CCC;
    border-right: 1px solid #CCC
}

table thead th, table tbody td {
    border-collapse: collapse;
    padding: 5px
}

table tbody tr.light {
    background-color: #f7f7f7
}

table tbody tr.dark {
    background-color: #e8e8e8
}

#home_featured21 .block {
	display: block;
	float: left;
	width: 354px;
	margin: 0 30px 0 0;
	padding: 0;
	font-size: medium;
}

#home_featured21 .last {
	width: 354px;
	margin-right: 0
}

#home_featured21 img {
	display: inline-block;
	left: auto;
	right: auto;
	text-align: center;
	margin-left: 60%;
	margin-top: -500px;
}

#home_featured21 strong {
    float: left;
    font-size: 22px;
    font-weight: 400;
    color: #4a4a4a;
    background-color: #FFF;
    margin: 8px 0 0 10px;
    padding: 0
}

#home_featured21 p {
	display: block;
	clear: both;
	line-height: 1.6em;
	margin: 0;
	padding-top: 0px;
	padding-right: 0;
	padding-left: 0;
	padding-bottom: 0;
	text-align: center;
}

#home_featured21 .spacer {
    clear: both;
    line-height: normal;
    padding: 8px 0
}

#home_featured2 {
	position: relative;
	display: block;
	width: 780px;
	margin-top: -35px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0;
	padding: 30px 0 0
}

#home_featured2 img {
    display: inline
}

#home_featured2 .imgholder {
	display: block;
	width: 290px;
	background: url(../images/image-frames.png) top left no-repeat;
	height: 180px;
	margin-top: 0px;
	margin-right: 20px;
	margin-left: 20px;
	margin-bottom: 0px;
	padding: 9px
}

#home_featured2 li {
	display: block;
	float: left;
	width: 354px;
	margin-top: 0;
	margin-right: 30px;
	margin-left: 20px;
	margin-bottom: 0;
	padding: 0
}

#home_featured2 p {
	margin: 0;
	padding-top: 0;
	padding-right: 20px;
	padding-left: 20px;
	padding-bottom: 10px
}

#home_featured2 p strong {
    display: block;
    margin-bottom: 10px;
    font-size: 22px;
    font-weight: 400;
    color: #4a4a4a;
    background-color: #e0e0e0
}

#home_featured2 h2 {
    text-align: center
}

#promo .block {
	display: block;
	float: left;
	width: 405px;
	margin: 0 10px 0 30px;
	padding: 0;
	Xfont-size: large;
}
#promo .last {
	width: 425px;
	margin-right: 0
}
#promo img {
	display: inline-block;
	left: auto;
	right: auto;
	text-align: center;
	Xmargin-left: 60%;
	Xmargin-top: -50%;
}
#gallery {
    position: relative;
    display: block;
    width: 900px;
    padding-bottom: 10px;
    margin: 0 auto
}

#gallery li {
    display: block;
    float: left;
    width: 280px;
    margin: 0 30px 20px 0;
    padding: 0
}

#gallery li a img {
    display: block;
    width: 260px;
    height: 130px;
    border: 10px solid #e0e0e0;
    margin: 0;
    padding: 0;
    -webkit-transition: all 1s ease-out;
    -moz-transition: all 1s ease-out;
    -o-transition: all 1s ease-out;
    -ms-transition: all 1s ease-out;
    transition: all 1s ease-out
}

#gallery li a:hover img {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    border-color: #b4b4b4;
    -webkit-transition: all 1s ease-out;
    -moz-transition: all 1s ease-out;
    -o-transition: all 1s ease-out;
    -ms-transition: all 1s ease-out;
    transition: all 1s ease-out
}

.portfolio {
    position: relative;
    display: block;
    width: 100%;
    border-top: 1px solid #999;
    border-bottom: 1px solid #999;
    margin: 0 auto 1px;
    padding: 10px 0
}

.portfolio li {
	list-style-position: inside;
	list-style-type: none;
	text-indent: 2em;
	font-style: italic;
	margin-bottom: 1.5em;
	margin-top: -0.4em;
	font-size: 115%;
	
}

.portfolio .readmore {
    display: block;
    text-align: right
}

.portfolio .tagline_left {
	display: block;
	float: left;
	width: auto;
	line-height: 1.6em;
	margin-top: 25px;
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 0;
}

.portfolio .tagline_right {
	display: block;
	width: 300px;
	float: right;
	/* [disabled]clear: both; */
	margin-left: 15px;
	max-width: 300px;
	margin-right: 25px;
}

.portfolio .tagline_right img {
    display: block;
    width: 300px;
    height: auto;
    border: 10px solid #e0e0e0;
    padding: 5px;
    -webkit-transition: all 1s ease-out;
    -moz-transition: all 1s ease-out;
    -o-transition: all 1s ease-out;
    -ms-transition: all 1s ease-out;
    transition: all 1s ease-out
}

.portfolio .tagline_right img:hover {
	display: block;
	width: 300px;
	height: auto;
	border: 10px solid #b4b4b4;
	padding: 5px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-transition: all 1s ease-out;
	-moz-transition: all 1s ease-out;
	-o-transition: all 1s ease-out;
	-ms-transition: all 1s ease-out;
	transition: all 1s ease-out
}
.portfolio p {
	margin-bottom:.75em
}

#container {
    width: 800px;
    height: 350px;
    position: relative;
    border-top: 5px solid #999;
    border-bottom: 5px solid #999;
    margin: 0 auto
}

#slide1 span, #slide2 span, #slide3 span, #slide4 span, #slide5 span {
    background: url(../images/contentBg.png) repeat top left transparent;
    position: absolute;
    bottom: 20px;
    right: 20px;
    padding: 10px
}

#slide1 .slideheading, #slide2 .slideheading, #slide3 .slideheading, #slide4 .slideheading, #slide5 .slideheading {
	font-family: "ChunkFive Regular", Georgia, serif;
	color: #F5F5F5;
	font-size: 35px;
	letter-spacing: 2px;
	margin: 0 0 10px
}

#slide1 p, #slide2 p, #slide3 p, #slide4 p, #slide5 p {
    font-family: Artifika, Georgia, serif;
    color: #FFF;
    margin: 0
}

#myController {
	height: 284px;
	width: 780px;
	position: absolute;
	border-radius: 15px;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	margin-bottom: 0px;
	box-shadow: 3px 3px 8px 5px rgba(0,0,0,0.32);
	-webkit-box-shadow: 3px 3px 8px 5px rgba(0,0,0,0.32);
	margin-top: -284px;
}

.jFlowSlideContainer a {
    color: #F90;
    text-decoration: none
}

.jFlowSlideContainer a:hover {
    text-decoration: none
}

.jFlowSlideContainer a:focus {
    position: relative;
    top: 1px
}

.jFlowNext div {
    background: url(../images/arrows.png) no-repeat scroll 0 -35px transparent;
    height: 130px;
    position: absolute;
    top: 110px;
    right: -50px;
    width: 50px;
    cursor: pointer
}

.jFlowPrev div {
    background: url(../images/arrows.png) no-repeat scroll -84px -35px transparent;
    height: 130px;
    position: absolute;
    top: 110px;
    left: -50px;
    width: 50px;
    cursor: pointer
}

.jFlowPrev div:hover {
    background-position: -84px -235px
}

.jFlowNext div:hover {
    background-position: 0 -235px
}

a.readmore {
    text-align: center;
    float: right;
    font-size: 13px;
    color: #fff;
    text-decoration: none;
    margin-top: 30px;
    background: #454545;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    padding: 10px
}

a.readmore:hover {
    background: #272727
}

ul.nav li:hover li ul, ul.nav li.sfHover li ul, ul.nav li li:hover li ul, ul.nav li li.sfHover li ul {
    top: -999em
}

ul.nav li li:hover ul, ul.nav li li.sfHover ul, ul.nav li li li:hover ul, ul.nav li li li.sfHover ul {
    left: 10em;
    top: 0
}

.nav li.active a, .nav li:hover, .nav li.sfHover, .nav a:focus, .nav a:hover, .nav a:active, .nav li li, .nav li li li {
	background-image: -webkit-linear-gradient(270deg,rgba(224,224,224,0.65) 0%,rgba(108,108,108,1.00) 100%);
	background-image: -moz-linear-gradient(270deg,rgba(224,224,224,0.65) 0%,rgba(108,108,108,1.00) 100%);
	background-image: -o-linear-gradient(270deg,rgba(224,224,224,0.65) 0%,rgba(108,108,108,1.00) 100%);
	background-image: linear-gradient(180deg,rgba(224,224,224,0.65) 0%,rgba(108,108,108,1.00) 100%);
	border-radius: 3px;
	color: #222222;
}

.nav li li, .nav li li li {
	/* [disabled]background: #eee url(../images/bg.png) repeat; */
	-webkit-box-shadow: 2px 2px 5px rgba(0,0,0,0.71);
	box-shadow: 2px 2px 5px rgba(0,0,0,0.71);
}

.nav ul .sf-sub-indicator, .nav ul a:focus > .sf-sub-indicator, .nav ul a:hover > .sf-sub-indicator, .nav ul a:active > .sf-sub-indicator, .nav ul li:hover > a > .sf-sub-indicator, .nav ul li.sfHover > a > .sf-sub-indicator {
    background-position: -10px 0
}

.sidebar .subnav ul, #home_featured2 ul, #gallery ul {
    list-style: none;
    margin: 0;
    padding: 0
}

#home_featured2 li.last, #gallery li.last {
    margin-right: 0
}

#mySlides {
	font-family: Verdana, Arial, sans-serif;
	color: #FFF;
}
#mySlides img{
	border-radius: 15px;
}

.container1 .slideheading {
    letter-spacing: 2px;
    text-shadow: 0 0 5px #000
}

div.calendarLink, div.calendarLink a, span.mapLink, span.mapLink a {
	color: #545454;
	text-decoration:none;
	font-size:0.95em;
}
.hide {
	display:none
}
div.calendarTitle{
	font-size: 1.2em;
	margin-bottom: 0.3em;
	margin-top: -0.4em;
}
div.calendar {
	font-size: 1.0em;
	margin-bottom:0.2em;
}
div.address {
	font-style:normal;
	color:#303030
}
span.mapLink {
	font-size:.8em;
	}
.italic {
	font-style: italic;
}
.randbg .main-container .container1 .box .sidebar #featured ul li p .smalltext {
}
span.smalltext {
	font-size: 75%;
}
.box ul li {
	list-style-type: none;
}
span.new {
	font-size: 75%;
	font-style: italic;
	font-weight: bold;
	text-shadow: rgba(0,0,0,0.83);
	color: rgba(163,3,5,0.79);
	float: right;
	padding-right: 50%
}
.randbg .main-container .container1 {
}

div.box p.note{
	padding-top: 0.5em;
	padding-bottom: 1em;
	font-size: 80%;
	text-align: right;
}
span.update  {
	color: #567;
	font-size: 0.85em;
	text-align: right;
	display: block;
}
	
td span.comm{
	font-size: 0.65em;
	font-style: italic;
	font-weight: 100;
	margin-right: 1em;
	margin-top: 0.35em;
	float: right;
}
tr a{color:#111}
tr:hover td, tr a:hover{
	color: #a3443e !important}
tr.nohover:hover{background:none}

	
table{
	width: 100%;
	margin: 0;
	padding: 0;
	border: none;
	color: #111
}
tbody td{
	border:none !important}
	
td ,th {
	text-align:left;
	vertical-align:bottom;
	margin:0;
	padding:0;
	font-size:1.2em}
th {
	color: #333;
	vertical-align: middle;
	font-size: 1.25em;
	line-height: 1.4em;
	border-bottom: 1px solid #ccc
}

th.title{text-indent:1em}

th.composer{text-indent:0em !important}

th.duration{
	text-align:right;
	padding-right: 1em}
	
tr{
	padding:0.3em}
	
td.title{
	padding-top:0.5em;
	text-indent:1.0em;
	min-width:15em
}
td.title.tab2{
	text-indent:3em;
	font-size:98%;
	width:17em}
	
td.composer{
	width:15em;
	padding-top:0.5em;
	padding-left:0em}

td.duration{
	width:2em;
	padding-top:0.5em;
	padding-right:1.7em;
	text-align:right}

#copyright{
	padding-top: 1em;
	font-size: 75%;
	line-height: 1.2em;
	text-align: center;
	letter-spacing: 2px;
	vertical-align: middle;
	border-top: 1px solid #ccc;
	border-bottom: none
}
span.indent {
	display: block;
	text-align: right;
	padding-right: 30px;
}
	
.read-more-state {
  display: none;
}

.read-more-target {
  opacity: 0;
  max-height: 0;
  font-size: 0;
  transition: .25s ease;
}

.read-more-state:checked ~ .read-more-wrap .read-more-target {
  opacity: 1;
  font-size: inherit;
  max-height: 999em;
}

.read-more-state ~ .read_more:before {
  content: 'Show more';
}

.read-more-state:checked ~ .read_more:before {
  content: 'Show less';
}

.read_more {
  cursor: pointer;
  display: inline-block;
  padding: 0.5em;
  color: #666;
  font-size: .9em;
  line-height: 2;
  border: 1px solid #ddd;
  border-radius: .25em;
}

.read_more_wrap br {
	padding-bottom: 0.5em
}

/* YANDEX BROWSER TRANSPARENCY SETTINGS:
   If transparency is set for the upper panel, we display a div container at the top of the page with the background image. The height of this container is equal to the height of the
   panel - 32px. 
   This is necessary so the page elements do not fall on an invisible area of the panel. 
 */
@media (ya-title-fade: true) {
  div .title-fade {
    display: block;
    height: 32px; 
    background-image: URL;
  }
}

/* 
   If the upper panel is not transparent, we set the background color of the page.
   The new Yandex.Browser automatically detects the color and sets it for the panel.
 */
@media (ya-title-fade: false) {
  div .title-fade {
    display: none;
  }
  body { 
    background-color: blue;
  }
}
/* 
   If transparency is set for the lower panel, we display a div container at the bottom of the page with the background image. The height of this container is equal to the height of the lower
   panel - 32px. 
   This is necessary so the page elements do not fall on an invisible area of the panel. 
 */
@media (ya-dock-fade: true) {
  div .dock-fade {
    display: block;
    height: 32px; 
    background-image: URL;
  }
}

@media (ya-dock-fade: false) {
  ...
}