/* css Chris's Building, by Michal Balazi, http://www.parsionline.net  */
/* All associated graphics copyright 2007, Michal Balazi */
/* Created: Oct 2007 */
/* Updated: Mar 2008 */


/* IMPORTANT */
/* This design is not a template. You may not reproduce it elsewhere without the 
   designer's written permission. However, feel free to study the CSS and use 
   techniques you learn from it elsewhere. */


/* CSS global reset for all browsers */
* {
padding: 0;
margin: 0;
}

/* Avoiding Firefox link border */
a:active, a:focus {
outline: 0
}
	
body {
background-image:url(containermain.gif); background-repeat:repeat-y; background-color:#EAE4D5;
font-size:14px; 
color:#666666;
}

.top {
height: 280px; width: 1439px;
background-image:url(images/layout-chris22_01.jpg); background-repeat: no-repeat;
z-index: 4;
}	
	
.wrapper {
margin-left: 233px; width: 779px;
background-image: url(images/layout-chris22_11.jpg); background-repeat: repeat-y;
}

#navBar {
margin-left: 25px;
margin-right: 25px;
padding-bottom:25px;
}

#navBar a { 
border: none;
}

#navBar a:hover {
border: none;
}

.box {
padding: 25px;
}

#leftText {
padding: 15px;
border-right:#E0E0E0 double 1px;
width: 330px;
float: left;
}

#rightText {
margin: 15px;
width: 330px;
float: left;
}

.textBox {
margin-bottom: 15px;
padding-left: 5px;
padding-top: 15px;
border-top: #CCCCCC thin dashed;
}

.textBoxTop {
margin: 0 0 15px 5px;
}

.boxP {
padding-top: 10px;
}

h3 {
font-weight: 900;
padding-bottom:10px;
}

h2 {
color:#990000;text-decoration: none; background: url(images/layout-chris23_12.jpg) no-repeat left;
font-size:16px;
padding-left: 20px; 
}

.img-wrapper{
background: url(images/shadow.gif) no-repeat bottom right;
clear: right;
float: right;
position: relative;
margin: 6px 0 0 16px;
}

.img-wrapper img {
background-color: #fff;
border: 1px solid #a9a9a9;
padding: 4px;
display: block;
margin: -6px 5px 6px -6px;
position: relative;
}

.clear {
content: ".";
height: 0;
visibility:hidden;
display:block;
clear:both;
}

.bottom {
margin-left: 233px; margin-right: 25px; width: 779px;
height: 44px;
background-image: url(images/layout-chris22_13.jpg); background-repeat:no-repeat;
}

.left {
width: 233px; height: 529px;
background-image:url(images/layout-chris22_02.jpg); background-repeat:repeat-x;
position:absolute;
margin-top: 280px;
z-index: 3;
}

.right {
width: 427px;
height: 529px;
background-image: url(images/layout-chris22_09.jpg);
background-repeat:repeat-x;
position:absolute;
margin-left: 1015px;
top: 280px;
left: -3px;
}

.link a { 
color:#990000;
border:1px solid #990000;
border-left:none;
border-right:none;
border-top:none;
text-decoration:none;
font-size:11px;
float: right;
}

.link a:hover {
border:1px dashed #990000;
border-right:none;
border-left:none;
border-top:none;
font-size:11px;
text-align: center;
float: right;
}

.link a:visited {
color:#663300;
border:1px solid #663300;
border-right:none;
border-left:none;
border-top:none;
font-size:11px;
text-align: center;
float: right;
}

p {
text-align:justify;
}

#copyrights {
text-align:center;
padding-top: 10px;
font-size:11px; 
color:#C8A6A5;
margin-bottom: 25px;
}

#copyrights a {
color:#C8A6A5; text-decoration: underline; font-weight:900; border: none;
}

li {
list-style: none;
background:url(images/tick_small.gif) no-repeat left top; text-decoration:none; padding-left: 20px; margin-left: -5px;
}

abbr {border-bottom: none;}
abbr hover {cursor: inherit;}

/* form */

.form {
background-color: #fff;
border: 1px solid #a9a9a9;
padding: 6px;
margin: -6px 5px 6px -6px;
position: relative;
width: 280px;
color:#FFF;
font-size:18px;
font-weight:500;
font-family:Georgia, "Times New Roman", Times, serif !important;
}

.form-wrapper{
background: url(images/shadow.gif) no-repeat bottom right;
clear: right;
float: left;
position: relative;
margin: 6px 0 0 20px;
}

.feedback {
padding: 20px;
background: url(images/form_bg.jpg) no-repeat bottom;
background-color:#7896B2;
}

.fill {
background-color: #FFFF99 !important;
}

.fill:hover {
background-color:#CCCC99 !important;
}

.fill:focus {
background-color:#CCCC99 !important;
}

.warning {
color:#660000;
font-size: 80%;
}

.msg_ok {
color:#006600;
font-size: 80%;
}

.warning img {
margin-bottom:-5px;
}

.form_text{
color:#FFF;
font-size:18px;
font-weight:500;
font-family:Georgia, "Times New Roman", Times, serif !important;
}

.reviewer.vcard {
color:#FFF;
font-size:17px;
font-weight:500;
font-family:Georgia, "Times New Roman", Times, serif !important;
height:25px;
}

.reviewer.vcard a{
text-align:left;
float:left;
max-width:120px;
}

.adr{
padding-top:5px;
padding-bottom:10px;
}

.dtreviewed {
float:right;
}

.hide {
position:absolute;
text-indent:-9999px;
}

.description.item.vcard {
font-style:italic;
font-size:16px;
padding-top:10px;
padding-bottom:30px;
color:#FFF;
}

.vcard a {
color:#FFF;
}

.tel, .email {
padding-bottom:10px;
}

.letter {
width:270px;
height:88px;
background:url(images/letter.gif) right top no-repeat;
float:right;
position:relative;
display:block;
}

.logo {
width:260px;
height:125px;
background:url(images/logo_form.gif) left top no-repeat;
float:left;
position:relative;
display:block;
}

/* Admin panel */
.admin {
margin-left: 25px;
margin-right: 25px;
font-size:24px;
color:#990000;
text-align:center;
}

.admin_table {
width: 920px;
padding-left: 40px;
}

table {

text-align:center;
}

th,td,tr {
border-bottom:#CCC 1px solid;
border-spacing: 15px;
}

.teabag {
margin: 0 200px 0 200px;
}

/* Tooltip */
a.tooltip {
position:relative;
text-decoration:none;
border-bottom: #990000 1px solid;
color: #990000;
}

a.tooltip:hover {
position:relative;
text-decoration:none;
border-bottom: #990000 1px dashed;
color: #990000;
}

a.tooltip span {
display:none;
}

a.tooltip:hover span {
display:block;
position:absolute;
width:15em;
top:1em;
left:2em;
padding: 0.2em 0.6em;
border:1px solid #996633;
background-color:#ffff66;
color:#000;
z-index:40;
}

/*Gallery*/
#pic_text {
text-align:center;
font-size:12px;
color:#999999;
}

#pic_text a {
text-align:center;
font-size:12px;
color:#999999;
}

#gallery {
text-align:center;
width: 725px;
}

#main_image {
text-align:center;
float: left;
width: 725px;
}

#main_image a img {
background-color: #fff;
border: 1px solid #a9a9a9;
padding: 6px;
margin: 5px 0 0 0;
}

#main_image a {
border: none;
}

#thumbnails {
text-align:center;
float: left;
width: 725px;
}

#thumbnails a img {
background-color:#fff;
border: 1px solid #a9a9a9;
padding:4px;
margin: 5px 0 0 0;
}

#thumbnails a {
border: none;
}

#thumbnails a:hover img {
background-color:#e2e2e2;
border: 1px solid #a9a9a9;
margin: 5px 0 0 0;
}

/* HOVER BUTTON --------------- */

#home{
float:left;
display: block;
width: 129px;
height: 38px;
background: url("images/home.jpg") no-repeat 0 0;
}

#home:hover { 
background-position: 0 -38px;
}

#home_here{
float:left; 
display: block;
width: 129px;
height: 38px;
background: url("images/home.jpg") no-repeat 0 0;
background-position: 0 -38px;
}

#home_here span, #home span{
display: none;
}


#about{
float:left;
display: block;
width: 144px;
height: 38px;
background: url("images/about_us.jpg") no-repeat 0 0;
}

#about:hover{ 
background-position: 0 -38px;
}

#about_here{
float:left;
display: block;
width: 144px;
height: 38px;
background: url("images/about_us.jpg") no-repeat 0 0;
background-position: 0 -38px;
}

#about span, #about_here span{
display: none;
}

#review{
float:left;
display: block;
width: 288px;
height: 38px;
background: url("images/customer_review.jpg") no-repeat 0 0;
}

#review:hover{ 
background-position: 0 -38px;
}

#review_here{
float:left;
display: block;
width: 288px;
height: 38px;
background: url("images/customer_review.jpg") no-repeat 0 0;
background-position: 0 -38px;
}

#review span, #review_here span{
display: none;
}


#contact_us{
float:left;
display: block;
width: 165px;
height: 38px;
background: url("images/contact.jpg") no-repeat 0 0;
}

#contact_us:hover{ 
background-position: 0 -38px;
}

#contact_us_here{
float:left;
display: block;
width: 165px;
height: 38px;
background: url("images/contact.jpg") no-repeat 0 0;
background-position: 0 -38px;
}

#contact_us span, #contact_us_here span{
display: none;
}