/* css Adams Building, by Michal Balazi, http://www.parsionline.net  */
/* All associated graphics copyright 2007, Michal Balazi */
/* Created: Jun 2007 */
/* Updated: Apr 2008 */
/* Updated: May 2008 */


/* IMPORTANT */
/* You may not reproduce this design elsewhere without the 
   designer's written permission. */


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

/* Avoiding Firefox link border */
a:active, a:focus {
outline: 0
}
	
body {
background-image:url(images/containermain.gif); background-repeat:repeat-y; background-color:#8C724C;
font-size:16px;
}	
	
#main {
width: 630px;
height: auto;
margin-left: 90px;
text-align:left;
}

#header {
background-image:url(images/logotop.gif); background-repeat:no-repeat;
width:632px;
height:230px;
margin-bottom:10px;
}
	   
#navbar {
float:left;
width: 200px;
padding: 0px;
}
		 
#navbar a {
background-color : transparent;
text-decoration : none;
border:none;
}
		 
#navbar a:hover {
border:none;
background-color : transparent;
text-decoration : none;
}
		 
#text {
border:1px dotted #8C724C;
border-bottom:none;
border-right:none;
border-top:none;
float:right;
padding: 5px 15px 15px 15px;

width:320px;
}

#links {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}

h1{
position:absolute;
left: -9999px;
}

h2 {
padding:1.17em 0; 
font-size:170%; 
color:#FFF; 
line-height:1;
font-weight:300;
}

p {
text-align:left;
padding-top:10px;
}

.text{
text-align:justify;
padding-bottom:10px;
}

.text a, #bottom a,#link a   { 
color:#8C724C;
border:1px dotted #8C724C;
border-left:none;
border-right:none;
border-top:none;
font-weight:bold;
text-decoration:none;
}

.text a:hover, #bottom a:hover, #link a:hover {
border:1px solid #8C724C;
border-right:none;
border-left:none;
}

legend{
padding-bottom:10px;
}

.divider{
background-image:url(images/divider.gif); background-repeat:no-repeat;
width:305px;
height:15px;
margin:10px;
}

#customform {
text-align:center;
}

#bottom{
text-align:center;
padding: 10px 0;
}

#copyrights {
font-size:11px; 
font-family:Geneva, Arial, Helvetica, sans-serif;
color:#CCCC99;
text-align:center;
padding-top:20px;
}

#copyrights a {
background-color : transparent;
text-decoration : none;
border:none;
font-size:11px; 
color:#CCCC99;
}


/* Form */
fieldset {
float: left;
clear: both;
width: 95%;
margin: 0 0 40px 0;
padding: 0 5px 10px 10px;
border: 1px solid #BFBAB0;
background-color: #F2EFE9;
background-image: url(images/background.jpg);
}

legend {
padding: 0;
color: #545351;
font-weight: bold;
}

fieldset.submit {
float: none;
width: auto;
padding-top: 1.5em;
padding-left: 12em;
background-color: #FFFFFF;
}

label {
position: relative;
float: left;
width: 10em;
margin-right: 1em;
}

label em {
position: absolute;
left: 11em;
top: 0;
}

input {
background-color: #ECECC6; 
}

textarea {
background-color: #ECECC6; 
}

#submit {
background-color: #333;
color: #FFFFFF;
}

.warning, .msg_error {
color:#CD0000;
font-variant:small-caps;
}

.msg_ok {
color:#060;
font-variant:small-caps;
}

/* Text Boxes */
.tab {
background-image:url(images/background.jpg);
}

.box{
background:url(images/bottom_left.jpg) no-repeat bottom left; 
width:320px;
}

.box dl {
background:url(images/top_left.jpg) no-repeat;
}

.box dt {
background:url(images/top_right.jpg) no-repeat top right;
padding:1.17em 1.17em 0; 
font-size:170%; 
color:#FFF; 
line-height:1;
}

.box dd {
background:url(images/bottom_right.jpg) no-repeat bottom right;
padding:1em 2em 2em; 
color:#1B220F; 
line-height:1.3;
}


/* IMAGES ------------------------- */
.thumbnails {
width: 264px;
}

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

.thumbnails a {
border: none;
}

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


/* CUSTOMER REVIEW --------------- */
.hreview{
width:280px;
}

.reviewer.vcard{
background-color:#F0E9CD;
padding:5px;
min-height:40px;
}

.description.item.vcard{
background-color:#FFFDEC;
padding:10px;
text-align: justify;
margin-top:5px;
}

.fn{
text-align:left;
float:left;
max-width:140px;
}

.adr{
padding-top:5px;
}

.hide {
position:absolute;
left: -9999px;
}

.dtreviewed{
text-align:right;
float:right;
color:#8C724C;
}

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

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

#about_us{
display: block;
width: 270px;
height: 52px;
background: url("images/about_us.gif") no-repeat 0 0;
}

#about_us:hover { 
background-position: 0 -52px;
}

#about_us_here{ 
display: block;
width: 270px;
height: 52px;
background: url("images/about_us.gif") no-repeat 0 0;
background-position: 0 -52px;
}

#about_us_here span, #about_us span{
display: none;
}

#portfolio{
display: block;
width: 270px;
height: 52px;
background: url("images/portfolio.gif") no-repeat 0 0;
}

#portfolio:hover{ 
background-position: 0 -52px;
}

#portfolio_here{ 
display: block;
width: 270px;
height: 52px;
background: url("images/portfolio.gif") no-repeat 0 0;
background-position: 0 -52px;
}

#portfolio span, #portfolio_here span{
display: none;
}

#comments{
display: block;
width: 270px;
height: 52px;
background: url("images/comments.gif") no-repeat 0 0;
}

#comments:hover{ 
background-position: 0 -52px;
}

#comments_here{ 
display: block;
width: 270px;
height: 52px;
background: url("images/comments.gif") no-repeat 0 0;
background-position: 0 -52px;
}

#comments span, #comments_here span{
display: none;
}

#contact_us{
display: block;
width: 270px;
height: 52px;
background: url("images/contact_us.gif") no-repeat 0 0;
}

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

#contact_us_here{ 
display: block;
width: 270px;
height: 52px;
background: url("images/contact_us.gif") no-repeat 0 0;
background-position: 0 -52px;
}

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

/* vCard */
.tel {
font-weight:800;
}

.vcard a {
color:#8C724C;
border:1px dotted #8C724C;
border-left:none;
border-right:none;
border-top:none;
font-weight:bold;
text-decoration:none;
}