/*
    Document   : admin-style
    Created on : Jan 28, 2010, 8:38:07 PM
    Author     : Gabi Chiritescu
    Description:
        Purpose of the stylesheet follows.
*/



/*-----------------------------------------------------------------------------*/
/* 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;
}


/* 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; }
img {
    vertical-align: bottom;
}

/*-----------------------------------------------------------------------------*/
/* Tag Preformatting  */
/*-----------------------------------------------------------------------------*/

body {
	font-size: 24px;
	line-height: 24px;
	width: 100%;
	height: 100%;
	font-family: "Trebuchet MS", Tahoma, Verdana, Arial;
	background-image: url(../images/bg.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	background-color:#000;
	cursor: default;
}

h1, h2, h3, h4, h5 {
	clear: both;
	font-family: Arial, Tahoma, Georgia;
	font-weight: bold;
	color: #333;
	margin: 0;
	padding: 0;
}

.clearer {
	clear: both !important;
}

.align-center {
	margin: 0 auto;
	margin-bottom: 30px;
}
.align-left {
	float: left !important;
}
.align-right {
	float: right !important;
}


/*
 * 
 * Base Definition */
#root {
	height: 0px;
}


/*
 * 
 * Header Definition */

#header {
	/* [disabled]height: 185px; */
	width: 980px;
	margin: 0 auto;
	position: relative;
}
#header2 {
	height: 418px;
	width: 980px;
	margin: 0 auto;
	position: relative;
}
#plate {
	width: 609px;
	height: 169px;
	margin: 0 auto;
}
#quote {
	width: 180px;
	position: absolute;
	top: 10px;
	left: 30px;
}
#quote img {
	float: left;
	margin: 0;
	padding: 0;
	margin-right: -2px;
}
#quote span {
	font-weight: bold;
	color: #f8ee56;
}


/*
 * 
 * Menu Definition */

#menu {
	padding: 100px 40px;
	position: relative;
	z-index: 0;
}
#menu2 {
	padding: 1px 40px;
	position: relative;
	z-index: 0;
}
#menu ul {
	list-style-type: none;
}
#menu ul li {
	display: inline;
	float: left;
	margin-right: 2px;
}
#menu ul li a {
	font-family: "Trebuchet MS", Tahoma, Arial;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
	height: 48px;
	line-height: 29px;
	width: 93px;
	display: block;
	float: left;
	color: #fff;
	background: transparent url('../images/menu-off-bkg.png') no-repeat bottom center;
	text-align: center;
}
#menu ul li a:hover, #menu ul li a.on {
	color: #C90;
	background: transparent url('../images/menu-bkg.png') no-repeat top center;
}
#menu ul li.sep {
	margin-top: 4px;
	background: transparent url('../images/menu-sep.png') no-repeat center top;
	width: 60px;
	height: 21px;
	display: block;
	float: left;
}







/*
 * 
 * Logo Definition */
 
 #logo {
	margin-top: 22px;
	position: relative;
	float: left;
	width: 950px;
	height: 405px;
 }
  #logo2 {
	margin-top: 22px;
	position: relative;
	float: left;
	width: 950px;
	
 }
 #logo h1 {
 	font-size: 70px;
 	height: 80px;
 	line-height: 70px;
 	color: #fff;
 }
 #logo h5 {
 	font-family: "Trebuchet MS";
 	text-transform: uppercase;
 	font-size: 12px;
 	margin-left: 390px;
 	margin-top: -12px;
 	color: #fff;
 }
#glass {
	float: right;
	margin-top: -140px;
	margin-right: 20px;
	width: 235px;
	height: 290px;
}

/*
 * 
 * Content Definition */

#content {
	margin: 0 auto;
	width: 978px;
	z-index: 10;
	color: #000;
	font-family: "Trebuchet MS", Arial, Tahoma;
	font-size: 12px;
	line-height: 14px;
}
#content a {
	color: #000;
	text-decoration: none;
}
#content .left-data img, #content .right-data img {
	border: 1px solid #fff;
	padding: 4px;
}
#content h1 { font-size: 44px; line-height: 44px; padding-bottom: 35px; }
#content h2 { font-size: 38px; line-height: 38px; padding-top: 5px; padding-bottom: 14px; }
#content h3 { font-size: 28px; line-height: 28px; padding-top: 4px; padding-bottom: 14px; }
#content h4 { font-size: 24px; line-height: 24px; padding-top: 2px; padding-bottom: 14px; }
#content h5 { font-size: 20px; line-height: 20px; padding-top: 2px; padding-bottom: 14px; }
#content h1, #content h2, #content h3, #content h4, #content h5 {
	padding-left: 20px;
	padding-right: 20px;
}

#content p {
	padding: 0 20px 20px 20px;
}

#content-top {
	background: transparent url('../images/book-top.png') no-repeat center top;
	width: 978px;
	height: 75px;
	margin-top: 15px;
}
#content-top2 {
	background: transparent url('../images/book-top.png') no-repeat center top;
	width: 978px;
	height: 75px;
	
}
#content-center {
	background: transparent url('../images/book-content.png') repeat-y center top;
	width: 978px;
}
#content-bottom {
	position: relative;
	background: transparent url('../images/book-bottom.png') repeat-y center top;
	width: 978px;
	height: 79px;
}

/*
 * 
 * Left Column Definition */

#content-center .left-col, #content-center .center-col {
	float: left;
	position: relative;
	left: 28px;
	background: #fff;
	width: 568px;
	z-index: 1;
	padding: 6px;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
}
	
#content-center .top-left-col, #content-center .top-center-col {
	position: absolute;	
	left: -1px;
	top: -46px;
	background: #fff;
	width: 568px;
	height: 34px;
	padding: 6px;
	border: 1px solid #fff;
	border-bottom: 0;	
}
	
#content-center .bottom-left-col, #content-center .bottom-center-col {
	padding: 10px 20px;
	position: absolute;
	left: -1px;
	bottom: -46px;
	background: #fff;
	width: 540px;
	height: 34px;
	border: 1px solid #fff;
	border-top: 0;
	text-align: left;
	color: #d1bfbb;
}

#content-center .bottom-left-col span, #content-center .bottom-center-col span {
	float: left;
	padding: 0 10px 0 20px;
}
#content-center .bottom-left-col span.hr-line, #content-center .bottom-center-col span.hr-line {
	margin: 8px 0;
	float: left;
	width: 280px;
	color: #914c3d;
	height: 1px;
	background: #f0e9e8;
}
#content-center .bottom-left-col ul, #content-center .bottom-center-col ul {
	padding-left: 12px;
	overflow: hidden;
}
#content-center .bottom-left-col ul li, #content-center .bottom-center-col ul li {
	display: inline;
}
#content-center .bottom-left-col ul li a, #content-center .bottom-center-col ul li a {
	display: block;
	float: left;
	margin: 0 3px;
}
#content-center .left-col .left-data, #content-center .center-col .left-data {	
	margin: 10px 16px;
	padding-bottom: 30px;
	overflow: hidden;
}


/*
 *
 * Overwritten settings for the one column page */
 
#content-center .center-col, #content-center .top-center-col { width: 908px; }
#content-center .bottom-center-col { width: 880px; }
#content-center .bottom-center-col span.hr-line { width: 630px; }




/*
 * 
 * Right Column Definition */

#content-center .right-col {
	float: right;
	background: #fff;
	position: relative;
	right: 28px;
	width: 288px;
	padding: 6px;
	z-index: 1;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
}
#content-center .right-col a:hover {
	text-decoration: underline;
}
#content-center .top-right-col {
	position: absolute;
	right: -1px;
	top: -46px;
	background: #fff;
	width: 288px;
	height: 34px;
	padding: 6px;
	border: 1px solid #000;
	border-bottom: 0;
}
#content-center .bottom-right-col {
	padding: 6px;
	position: absolute;
	right: -1px;
	bottom: -46px;
	background: #fff;
	width: 288px;
	height: 34px;
	border: 1px solid #fff;
	border-top: 0;
}
#content-center .right-col .right-data {
	margin: 26px 20px 10px 20px;
	padding-bottom: 20px;
}
#content-center .right-col .right-data img {
	border: 0;
}
#content-center .right-col .right-data img.margin-right {
	margin-right: 10px;
}
#content-center .right-col .right-data.last {
	padding-bottom: 0;
}
#content-center .right-col b, #content-center .right-col strong {
	color: #d18d08;
}
#content-center .right-col div.sep {
	height: 1px;
	background: #efeae9;
}
span.tab {
	display: block;
	width: 70px;
	float: left;
}

#content .right-col h1, #content .right-col h2, #content .right-col h3, #content .right-col h4, #content .right-col h5 {
	padding-left: 12px;
	padding-right: 12px;
}
ul.event-list {
	list-style-position: outside;
	list-style-type: none;
	margin-left: 12px;
}
ul.event-list li {
	background: url('../images/list-bullet.gif') no-repeat scroll 0 2px transparent;
	padding: 0 18px;
}
#content-center .right-col .right-data p {
	padding: 0 0 20px 0;
	margin-left: 10px;
}
#content-center .right-col .right-data blockquote {
	color: #914c3d;
	font-weight: bold;
	background: url('../images/quote-bubble.gif') no-repeat right center;
	padding: 0 0 10px 0;
	margin: 0 10px 8px 26px;
}
#content-center .right-col .right-data blockquote.last {
	margin-bottom: 0;
}
#content-center .right-col .right-data blockquote p {
	padding: 10px 0;
	margin: 0;
}



/*
 *
 * Menu highlights gallery definition */
 
div.menu-highlights-gallery {
	padding: 0 12px;
	color: #7f7f7f;
}
div.menu-highlights-gallery a {
	color: #7f7f7f !important;
	display: block;
	float: left;
}
div.menu-highlights-gallery a img {
	border: 0 !important;
	padding: 0 !important;
}
div.menu-highlights-gallery, menu-highlights-gallery div.sep {
	float: left;
	text-align: left;
	position: relative;
}
div.menu-highlights-gallery div.separator {
	width: 22px;
	float: left;
	border: 0 !important;
}




/*
 *
 * Image gallery definition */
 
div.image-gallery {
	padding: 0 20px;
	color: #7f7f7f;
}
div.image-gallery div.img-holder, div.image-gallery div.sep {
	float: left;
	border: 1px solid #d9d9d9;
	padding-bottom: 2px;
	text-align: left;
	position: relative;
	margin-bottom: 30px;
}
div.image-gallery div.img-holder div {
	float: left;
	padding: 4px 0;
}
div.image-gallery div.img-holder div.padding {
	padding: 4px 10px;
}

div.width-132 { width: 132px; }
div.width-200 { width: 200px; }
div.width-260 { width: 260px; }

div.image-gallery div.padding {
	padding: 4px;
}
div.image-gallery div.sep {
	width: 34px;
	border: 0;
}
.center-col div.image-gallery div.sep {
	width: 24px;	
}
.center-col div.hr-sep {
	height: 1px;
	background: #efeae9;
	margin-bottom: 30px;
}
div.image-gallery img {
	border: 0 !important;
	padding: 0 !important;
	margin-bottom: 4px;
}
div.image-gallery a {
	color: #7f7f7f !important;
	display: block;
	float: right;
	text-align: right;
}
div.image-gallery a:hover {
	color: #a0a0a0 !important;
}
div.more-link {
	float:none;
}



/*
 *
 * Image gallery navigation bar */
 
ul.img-gal-navbar {
	position: relative;
	margin: 10px 20px;
	padding: 6px;
	background: #ededed;
	overflow: hidden;
}
ul.img-gal-navbar li {
	display: inline;
	float: left;
}
ul.img-gal-navbar li a {
	float: left;
	display: block;
	color: #767676 !important;
	font-weight: bold;
	padding: 4px 3px;
	margin: 0 1px;	
}
ul.img-gal-navbar li a:hover, ul.img-gal-navbar li a.on {	
	color: #fff !important;
	background: #767676;
}



/*
 *
 * Our menu style */
 
div.element {
	padding: 0 20px;
	overflow: hidden;
}
div.element .image {
	float: left;
	border: 1px solid #d9d9d9;
	padding-bottom: 2px;
	margin-bottom: 20px;
	text-align: left;
}
div.element .image img {
	border: 0 !important;
	padding: 0 !important;
}
div.element .image div.links {
	float: right;
	padding: 8px 6px 6px 6px;
	text-align: right;
	color: #7f7f7f
}
div.element .image div.links a {
	color: #7f7f7f !important;
}
div.element .image div.links a:hover {
	color: #a0a0a0 !important;
}
div.element .description {
	float: right;
	width: 290px;
}
div.element .description p {	
}
div.element h1, div.element h2, div.element h3, div.element h4, div.element h5 {
	padding-top: 0 !important;
}
div.menu-hr-sep {
	clear: both;
	height: 1px;
	background: #efeae9;
	padding: 0 20px;
	margin: 0 20px 20px 20px;
}
ol.category-list {
	padding-top: 10px;
	list-style-position: inside;
}
ol.category-list li {
	padding: 0 14px;
}
ol.category-list li div.fill {
	border-bottom: 1px dotted #ccc;
}




/*
 *
 * Content border overwrite - for generalization purpose */
 
#content-center .bottom-right-col, #content-center .bottom-left-col, #content-center .right-col, 
#content-center .bottom-left-col, #content-center .top-left-col, #content-center .left-col, #content-center .center-col {
	border-color: #000;
}


/*
 *
 * Form definition */
 
div.form { 
	position: relative;
	padding: 0 20px 40px 20px;
}
div.form img {
	vertical-align: top;
	border: 0 !important;
	padding: 6px !important;
}
img.contact-photo {	
	padding: 0 14px !important;
	margin-bottom: 20px;		
}
div.form .xsmall { width: 40px; }
div.form .small { width: 100px; }
div.form .xmedium { width: 150px; }
div.form .medium { width: 200px; }
div.form .large { width: 400px; }
div.form .large { width: 600px; }

div.form span { 
	vertical-align: top; 
	padding-top: 6px;
	padding-right: 4px;
	width: 70px; 
	display: block; 
	float: left;
}

div.form input, div.form textarea, div.form select {
	border: 1px solid #d3b7b1;
	margin-bottom: 10px;
	line-height: 20px;
	padding: 4px;
	font-size: 12px;
	font-family: "Trebuchet MS";
}

a.button {
	float: left;
	display: block;
	background: #63261a;
	color: #fff !important;
	font-weight: bold;
	font-size: 12px;
	height: 26px;
	line-height: 26px;
	padding: 4px 10px;
	margin-right: 6px;
}
a.button:hover {
	background: #a15749;
}


/*
 *
 * Footer definition */
 
#footer {
	width: 950px;
	margin: 22px auto 0 auto;
	overflow: hidden;
	color: #fff;
}
#footer div.footer-separator {
	background: url('../images/footer-sep.jpg') no-repeat center top;
	width: 950px;
	height: 2px;
	clear: both;
}
#footer div.footer-separator-2 {
	clear: both;
	height: 1px;
	background: white;
	margin-bottom: 10px;
}
#footer div.footer-separator-2.dark-color {
	background-color: #FFF;
}

#footer div.fcol {
	margin: 14px 0;
	float: left;
}
#footer div.fcol.width350 {
	width: 310px;
	padding-right: 40px; 
}
#footer div.fcol.width240 {
	width: 230px;
	padding-right: 10px;
}
#footer h1 { font-size: 40px; line-height: 40px; padding-bottom: 30px; }
#footer h2 { font-size: 34px; line-height: 34px; padding-top: 5px; padding-bottom: 24px; }
#footer h3 { font-size: 24px; line-height: 24px; padding-top: 4px; padding-bottom: 24px; }
#footer h4 { font-size: 20px; line-height: 20px; padding-top: 2px; padding-bottom: 24px; }
#footer h5 { font-size: 16px; line-height: 16px; padding-top: 2px; padding-bottom: 24px; }
#footer h1, #footer h2, #footer h3, #footer h4, #footer h5 {
	font-family: "Trebuchet MS";
	color: #C90;
	font-weight: normal;
}
#footer div.fcol p {
	padding-bottom: 10px;
	overflow: hidden;
}
#footer div.fcol p img {
	float: left;
	margin-right: 20px;
}
#footer div.fcol a.more-link {
	color: #e28a00;
	float: right;
	text-decoration: none;
	padding-bottom: 10px;
	margin-top: -10px;
}
#footer div.fcol a.more-link:hover {
	text-decoration: underline;
}

#footer ul.fmenu {
	clear: both;
	padding: 30px 0 40px 0;	
	list-style-type: none;
	color: #fff;
	overflow: hidden;
}
#footer ul.fmenu li {
	display: inline;
	float: left;
}
#footer ul.fmenu li a {
	display: block;
	padding: 0 10px;
	float: left;
	color: #fff;
	text-decoration: none;
}
#footer ul.fmenu li a:hover {
	text-decoration: underline;
}
#footer ul.fmenu li.copyright {
	float: right;
	font-size: 16px; 
	line-height: 16px;
}
#root #header strong {
	color: #FFF;
}
#root #header strong img {
	color: #FFF;
}
#root #header {
	color: #FFF;
}