/* 
    Document   : styles
    Created on : Apr 13, 2010, 12:37:38 PM
    Author     : darek
*/


root { 
    display: block;
}

object {
	outline:none;
}


body {
	background:fixed;
	background-image: url("../images/bg.jpg");
	background-repeat:repeat-x;
	background-color:#000000;
	margin: 0px 0px 0px 0px;
	color:white;
	font-family:Arial;
	font-size:12px;
	color:#000000;
        text-align: justify;
}


a:link, a:visited {
	color:#730101;
	text-decoration:none;
}

a:hover, a:active {
	color:#B8B8B8;
	text-decoration:none;
}

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

@font-face {
  font-family: 'Delicious';
  src: url("Delicious-Roman.otf");
}

.teaser .title,
h1, h2, h3, h4 {
     font-family: 'Delicious', Sans-serif;
     text-align:left;
}

h1 {

    font-size:30px;
    text-transform: uppercase;
    color:#730101;
    margin-bottom:0px;
    font-weight: normal;
}

h2 {
   
    font-size:30px;
    text-transform: uppercase;
    color:#730101;
    margin-bottom:0px;
    font-weight: normal;
}

.teaser .title,
h3 {
   
    font-size:18px;
    text-transform: uppercase;
    color:#730101;
    margin-bottom:10px;
    font-weight: normal;
}

.alt
{ background-color:#d4d4d4; }

.teaser
{
    padding:15px;
}

#container {
    width:966px;
    margin:0 auto;

}

.slideshow img {     width: 845px;     height: 336px; }

#main {
	background-image: url("../images/base-bg.png");
	background-repeat:repeat-y;
        min-height: 700px;
        height: auto;

}

#footer {
 	background-image: url("../images/base-bottom.png");
	background-repeat: no-repeat;
        min-height: 48px;
        height: auto;
}

/* HEADER */

#header {
        position: relative;
        width:899px;
        height:96px;
        margin: 0 auto;
	background-image: url("../images/menu-bg.jpg");
	background-repeat:repeat-x;
        background-position: bottom;
        z-index: 100;
}

#logo {
        position: absolute;
        width:291px;
        height:96px;
 	background-image: url("../images/logo.png");
	background-repeat: no-repeat;
        left:28px;        
}

#top_menu {
    position: absolute;
    top:13px;
    right:80px;
    width:370px;
    height: 20px;
    text-align: right;
    z-index: 99;
}

#top_menu ul {
    padding:0;
    margin: 0;
}

#top_menu li {
    list-style-type: none;
    display: inline;
    padding-left:6px;
    padding-right: 6px;
    border-right: 1px solid #FFFFFF;
}

#top_menu li:last-child {
    border-right: none;
}

#top_menu li a:link,
#top_menu li a:visited {
    color: #FFFFFF;
}

#top_menu li.active a,
#top_menu li a:hover,
#top_menu li a:active {
    color:#BBB7B6;
}


#menu {
        position: absolute;
        width:540px;
        height:26px;        
        left:330px;
        top:69px;
        z-index: 100;
}


/* jquery.ui.potato.menu */

ul.potato-menu {
	margin:0;
	padding:0;
	width:auto;
	list-style:none;

}
.potato-menu:after {
	content: " ";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
}

ul.potato-menu li.potato-menu-item {
	margin:0;
        top:5px;
	padding-left:8px;
        padding-right: 8px;
        border-right: 1px solid #3D3B3A;
	position:relative;
	list-style:none;
	list-style-position:outside;
	display:inline;
	float:left;
}

ul.potato-menu li.potato-menu-has-vertical2,
ul.potato-menu li.potato-menu-item:last-child {
     border-right:none;
}

ul.potato-menu li.potato-menu-item span {
    cursor: pointer;
    cursor: hand;
}

ul.potato-menu li.potato-menu-item a,
ul.potato-menu li.potato-menu-item span {
	display:block;
	text-decoration:none;
	white-space:nowrap;
	outline:0;
        color:#3D3B3A;
        font-weight: normal;
        font-size: 1.1em;
}

ul.potato-menu li.potato-menu-item a:hover,
ul.potato-menu li.potato-menu-item span:hover,
ul.potato-menu li.active a {
    color:#FFFFFF;
    font-weight: normal;
    font-size: 1.1em;
}


ul.potato-menu ul.potato-menu-group {
    margin:0;
    padding:1px 0px 0px 0px;
    -webkit-padding-start:0;
    -webkit-padding-end:0;
    position:absolute;   
    display:none;
    z-index:1;
}



ul.potato-menu ul.potato-menu-group li.potato-menu-item {
    border-right: none;
    width:140px;
    line-height: 1.6em;
    /* background-image: url(../images/hover.png); */
    background-repeat: repeat;
    background-color:#000000;	
    padding-left:15px;
    padding-right:20px;
    padding-bottom:4px;
    padding-top:4px;
}

ul.potato-menu ul.potato-menu-group li.potato-menu-item a {
    color:#FFFFFF;
}

ul.potato-menu ul.potato-menu-group li.potato-menu-item a:hover {
    color:#BBB7B6;
}

ul.potato-menu ul.potato-menu-group li.last {
    border-bottom:1px solid #101010;
}

ul.potato-menu ul.potato-menu-group li.potato-menu-item a {
    font-size: 1em;
}

/**/




#scale {
    position: absolute;
    top:9px;
    left:700px;
    width:170px;
    height: 20px;
    text-align: right;
}

a.smallFont {
    font-size: 9px;
    color:#FFFFFF;
    margin-right: 5px;
}

a.defaultFont {
    font-size: 14px;
    color:#FFFFFF;
    font-weight: bold;
    margin-right: 5px;
}

a.largeFont {
    font-size: 18px;
    color:#FFFFFF;
    font-weight: bolder;
}

/* VIDEO */

#video {
    position: relative;
    width: 845px;
    height: 336px;
    margin: 10px auto 0px auto;
    z-index: 1;
}

#flash {
    position: absolute;
    background-image: url("../images/flash.jpg");
    background-repeat: no-repeat;
    width: 845px;
    height: 336px;
    z-index: 1;
}

/* BARS */

#bar-top {
    position: relative;
    width: 899px;
    height: 70px;
    background-image: url("../images/bar-top.png");
    background-repeat: no-repeat;
    margin: 5px auto 0px auto;
    z-index: 2;
}

#bar-bottom {
    position: relative;
    width: 872px;
    height: 27px;
    background-image: url("../images/bar-bottom.png");
    background-repeat: no-repeat;
    margin: -5px auto 0px auto;
    z-index: 99;
    left:-1px;
}

/* Content */



#content-cont {

    width: 872px;
    background-image: url("../images/main-bg.png");
    background-repeat:repeat-y;
    margin: -10px auto 0px 42px;
    min-height: 150px;
    height: auto;
    z-index: 2;

}

#content {
    position: relative;
    width: 872px;
    z-index: 10;
}


#content_left {
    position: relative;
    float:left;
    width: 325px;
    margin:0px 0px 0px 20px;
    top:0px;
    *top:50px;
    clear:left;
}

#login {
    position: relative;
    border-top:1px solid #110F0C;
    margin-top:20px;
    *padding-top:20px;
    *padding-bottom:20px;
    margin-bottom:20px;
    height: 125px;
}

.bottom_right {
     margin-left: 40px;
}

#login input[type="text"],
#login input[type="password"] {
    border: 1px solid #B8B8B8;
    margin:2px;
    width:145px;
}

.locate_button2 {
    position: absolute;
    top:2px;
    left: 199px;
}

.locate_button4 {
    position: absolute;
    top:33px;
    left: 179px;
}

.locate_button3 {
    position: absolute;
    top:33px;
    left: 245px;
}

#content_right {
    position: relative;
    width: 463px;
    margin:20px 35px 15px 27px;
    float:right;
    z-index: 10;
    top:-180px;
    margin-bottom: -170px;
}

#content_right_inner {
    position: relative;
    width: 463px;
    min-height: 400px;
    height: auto;
    margin:27px 35px 15px 27px;
    float:right;
    z-index: 10;
    top:0px;
    margin-bottom: 0px;
    *padding-top:20px;
    *padding-bottom:20px;
}

#books {
    position: relative;
    width: 463px;
    height: 333px;
    float: right;
    background-image: url("../images/books.png");
    background-repeat:no-repeat;
    background-position: -3px 0px;
    top:-170px;
    right:35px;
    border-bottom: 1px solid black;
    z-index: 99;

}

#books a#urban-concept {
    position: absolute;
    width: 194px;
    height: 292px;
    top:20px;
    left:17px;
    text-indent: -9999px;
    display: block;
}

#books a#custom-design {
    position: absolute;
    width: 194px;
    height: 292px;
    top:20px;
    left:251px;
    text-indent: -9999px;
    display: block;
}

/* Search */

#search {
    position: relative;
    width: 502px;
    height: 116px;
    margin: 15px 11px -10px 0px;
    background-image: url("../images/search-bg.jpg");
    background-repeat:no-repeat;
    z-index: 1;
    float:right;
}

#search form#ajaxSearch_form {
    position: absolute;
    top:45px;
    left:85px;
}

#search input[type="text"] {
    position: absolute;
    top:-4px;
    left:39px;
    background-image: url("../images/search-input.png");
    background-repeat:no-repeat;
    border: none;
    width:216px;
    height: 22px;
    background-color:transparent;
    padding-left:12px;
    font-size:11px;
}

#search input#ajaxSearch_submit {
    position: absolute;
    top:-4px;
    left:256px;

}



/* Bottom */

#bottom {
    position: relative;
    width: 872px;
    height: 121px;
    background-image: url("../images/bottom-bg.png");
    background-repeat:repeat-y;
    margin: -10px auto 0px auto;
    z-index: 1;
    left:-4px;
}

#bottom-1 {
    position: absolute;
    top:24px;
    left:24px;
    width: 231px;
    height: 81px;
}

.line {
    margin-top:6px;
    margin-left:15px;
}

.line img {
    position: relative;
    top:2px;
    border:none;
    margin-right: 5px;
}

#bottom-2 {
    position: absolute;
    top:24px;
    left:264px;
    width: 211px;
    height: 81px;
    background-image: url("../images/bottom-logo-1.png");
    background-repeat:no-repeat;
    background-position: 10px 12px;
}

#bottom-2 a {
    display: block;  
    width: 211px;
    height: 81px;
    text-indent: -9999px;
}


#bottom-3 {
    position: absolute;
    top:24px;
    left:484px;
    width: 148px;
    height: 81px;
    background-image: url("../images/bottom-logo-2.png");
    background-repeat:no-repeat;
    background-position: 10px 12px;
}

#bottom-3 a {
    display: block;
    width: 148px;
    height: 81px;
    text-indent: -9999px;
}

#bottom-4 {
    position: absolute;
    top:24px;
    left:641px;
    width: 215px;
    height: 81px;
    background-image: url("../images/bottom-logo-3.png");
    background-repeat:no-repeat;
    background-position: 10px 8px;
}

#bottom-4 a {
    display: block;
    width: 215px;
    height: 81px;
    text-indent: -9999px;
}

/* Footer */

#footer ul {
    padding:0;
    margin:0;
}

#footer li {
    display: inline;
    list-style-type: none;
    padding-right:10px;
    padding-left: 10px;
    border-right: 1px solid #CFCFCF;
}

#footer li:first-child {
    padding-left:0px;
}


#footer li:last-child {
    padding-right:0px;
    border-right: none;
}


#footer a {
     color:#CFCFCF;
}

#footer a:hover {
     color:#B8B8B8;
}

#footer_left {
    position: relative;
    float:left;
    margin-left: 49px;
    margin-top:20px;
    width: 430px;
    height: 21px;
    text-align: left;
    color:#FFFFFF;
}

#footer_right {
    position: relative;
    float:right;
    margin-right: 50px;
    margin-top:20px;
    width: 430px;
    height: 21px;
    text-align: right;
    color:#FFFFFF;
}

#credits {
    position: relative;
    margin:0 auto;
    width: 800px;
    height: 21px;
    text-align:center;
    margin-bottom:20px;
    color:#CFCFCF;
}

#credits img {
    position: relative;
    top:4px;
}


/* contact */



.errors {
    padding: 15px;
    color: red;
}

input.input {
    background-color: #D6D5D0;
    width: 200px;
    border: 1px solid #4F4D4A;
    padding:2px 10px 2px 10px;
    -moz-border-radius: 2px/2px;
    -webkit-border-radius: 2px/2px;	
}

input.input2 {
    background-color: #D6D5D0;
    width: 200px;
    border: 1px solid #4F4D4A;
    padding:2px 10px 2px 10px;
    -moz-border-radius: 2px/2px;
    -webkit-border-radius: 2px/2px;		
}

input.input3 {
    background-color: #D6D5D0;
    width: 70px;
    border: 1px solid #4F4D4A;
    padding:2px 10px 2px 10px;
    -moz-border-radius: 2px/2px;
    -webkit-border-radius: 2px/2px;		
}

input.input:focus, input.input2:focus, input.input3:focus, .form_td2 textarea:focus {
    border: 1px solid #1B1D20;
    background-color: #FFFFFF;
}

input.required, .form_td2 textarea.required, input.invalid {
    border: 1px solid #ff0000;
}

input.button {
    background-color: #D6D5D0;
    border: 1px solid #4F4D4A;
    padding:5px 10px 5px 10px;
    position: relative;
    left: 364px;
    top: 5px;
    margin-bottom: 10px;
    -moz-border-radius: 2px/2px;
    -webkit-border-radius: 2px/2px;	
}

input.button:hover {
    border: 1px solid #4F4D4A;
    background-color: #FFFFFF;
    padding:5px 10px 5px 10px;
    position: relative;
    left: 364px;
    top: 5px;
    margin-bottom: 10px;
    -moz-border-radius: 2px/2px;
    -webkit-border-radius: 2px/2px;	
}

.form_td2 textarea {
    background-color: #D6D5D0;
    width: 400px;
    height: 100px;
    border: 1px solid #4F4D4A;
    padding:2px 10px 2px 10px;
    -moz-border-radius: 2px/2px;
    -webkit-border-radius: 2px/2px;		
}

.form_td1 {
    float: left;
    width: 350px;
}

.form_row {
    margin-bottom: 5px;
    margin-left: 15px;
}

address {
    margin-left:15px;
    margin-top:13px;
    margin-bottom:0px;
}