@charset "utf-8";
/* 
    Document: Style
    Created on: 29.Sep.2009
    Author: Jakub Gawlik - www.jakubgawlik.com
*/

/* COMMON */
* {
    margin:0;
    padding:0;
}
div {
    position:relative;
}
html, body {
    width:100%;
    height:100%;
}
p {
    padding:0;
    margin:0;
    text-align:left;
}
body {
    margin:0px; padding:0px;
    background-color:#000;
    font-family:Verdana;
    font-size:0.7em;
    text-align:center;
    color:white;
}
a img {
    border:none;
}
#tooltip {
    position: absolute;
    z-index: 3000;
    border: 1px solid #fff;
    background-color: #474747;
    padding: 5px;
}
#tooltip h4, #tooltip div{
    margin: 0; 
}
a {
    text-decoration:none;
    color: #0066ff;
}
a:active {
    text-decoration:none;
    color: #0066ff;
}
a:visited {
    text-decoration:none;
    color: #0066ff;
}
a:hover {
    text-decoration:none;
    color: #ffffff;
}
ul {
    list-style-type:none;
}
.spacing {
    padding:10px;
    vertical-align:middle;
}
.down {
    list-style-image: url('../images/list.png');
    padding: 0;
}
.clear  { 
    clear:both;
    font-size:0;
}
#content {
    width:929px;
    height:503px;
    margin-left:auto;
    margin-right:auto;
    margin-top:20px;
    background:url('../images/mainBackground.jpg');
}
#content_other {
    width:929px;
    margin-left:auto;
    margin-right:auto;
    text-align:center;
}
#content_publicShow {
	width:1000px;
    margin-left:auto;
    margin-right:auto;
}
#content_publicShow p {
	text-align:center;
}
#header {
    width:1000px;
    text-align:center;
	margin-left:auto;
    margin-right:auto;
}
.logo {
    position:relative;
    float:left;
    width:348px;
    margin-top:40px;
    margin-left:-30px;
    z-index:2;
}
.logo2 {
    position:relative;
    width:730px;
    float:left;
    margin-left:-180px;
    z-index:1;
}
#menu {
    position:absolute;
    width:282px;
    height:76px;
    margin-top:65px;
    margin-left:720px;
    z-index:2;
}
#subscribe {
    position:absolute;
    width:140px;
    top:10px;
    left:860px;
    z-index:1;
}
#menu li { 
    float:left;
    position:relative;
    width:auto;
}
#subscribe li { 
    float:left;
    position:relative;
    width:auto;
}
#footer {
    min-height:40px;
    margin-left:auto;
    margin-right:auto;
    margin-top:50px;
    padding:15px;
    background:url('../images/footer.jpg') repeat-x;
    clear:both;
}
#footer p {
	text-align:center;
	padding-bottom:15px;
}
.footer_content {
    width:600px;
    margin-left:auto;
    margin-right:auto;
}

/* INDEX PAGE */
.landscapes {
    position:absolute;
    top:310px;
    left:350px;
    z-index:3;
}
.panorama {
    position:absolute;
    top:275px;
    left:70px;
    z-index:2;
}
.portrait {
    position:absolute;
    top:340px;
    left:660px;
    z-index:1;
}

/* CONTACT FORM */
#comment_form {
    margin-left:auto;
    margin-right:auto;
    width:350px;
    font-family:Verdana;
}
#comment_form fieldset{
    width:350px;
    border:none;
}
#comment_form label {
    float:left;
    width:auto;
}
label.error { 
    float:none;
    color:#0066ff;
    margin:-15px 0  15px 150px;
    width:auto;
}
#comment_form p {
    clear:both;
}
#comment_form input {
    background:url('../images/input.png') repeat-x;
    border:solid 1px #2b2b2b;
    margin-bottom:15px;
    width:200px;
    color:#fff;
    float:right;
}
#comment_form textarea {
    background:#555 url('../images/input.png') repeat-x;
    background-position:bottom;
    width:200px;
    height:100px;
    border:solid 1px #2b2b2b;
    margin-bottom:15px;
    color:#fff;
    font-family:Verdana;
    font-size:1em;
    float:right;
}

/* PROJECTS LIST */
#project_holder {
	width:700px;
	margin-left:auto;
	margin-right:auto;
}
.project_image {
	width:350px;
	float:left;
	margin-top:20px;
	margin-bottom:20px;
}
.project_info{
	width:350px;
	float:left;
	text-align:left;
	padding-top:20px;
	margin-top:20px;
	margin-bottom:20px;
}
.project_info p {
	padding-top:10px;
}

/* GALLERIES */

.thumbWrapper{
    width:100px;
    height:100px;
    padding:10px;
    border:1px solid #fff;
    float:left;
}


#slider ul, #slider li{
    margin:0;
    padding:0;
    list-style:none;
}
#slider, #slider li{
    height:400px;
    width:800px;
    overflow:hidden;
}
#slider{
    margin-left:5px;
}
#prevBtn, #nextBtn{
    display:block;
    width:30px;
    height:77px;
    position:absolute;
    left:-25px;
    top:71px;
}
#nextBtn{
    left:701px;
}
#prevBtn a, #nextBtn a{
    display:block;
    width:30px;
    height:77px;
    background:url(../images/btn_prev.gif) no-repeat 0 0;
}
#nextBtn a{
    background:url(../images/btn_next.gif) no-repeat 0 0;
}