* { padding: 0; margin: 0; outline: 0; }

body {
    font-size: 14px;
    line-height: 18px;
    font-family: Arial, sans-serif;
    color: #9e8b7a;
	background: url(images/bg.jpg);
	background-repeat: repeat-x;
    text-align: left;
	background-color:#000;
}

.cl { font-size: 0; line-height: 0; height: 0; clear: both; }

a img { border: 0; }
a { color: #ac8b72; text-decoration: underline; }
a:hover { text-decoration: none; cursor: pointer;}

.left { float: left; display: inline; }
.right { float: right; display: inline;} 
.notext {font-size: 0; line-height: 0; text-indent: -4000px;}

.center {display: block; margin: 0 auto;}

.shell {margin: 0 auto; width: 964px;}

#header {background: url(images/header-bg.jpg) repeat-x 0 0;}
#header .shell {background: url(images/logotyp_pieceofmind.jpg) no-repeat 0 0; height: 400px; padding-top: 50px; padding-left: 52px; width: 900px !important; padding-right: 50px;}

#logo-cnt {float: left; width: 600px;}
h1#logo {color: #fdb813; font-family: "Lucida Sans", "Trebuchet MS", sans-serif; font-size: 30px; font-style: italic; font-weight: normal; line-height: 25px;}
h2#slogan {font-family: "Lucida Sans", "Trebuchet MS", sans-serif; font-size: 15px; font-style: italic; font-weight: normal; color: #fff;}



#slider {padding-top: 160px; padding-left: 25px; width: 800px; position: relative;}

ul#mycarousel {position: relative;}
ul#mycarousel li {float: left; display: inline; height: 184px; width: 270px;}
.jcarousel-clip { height:184px; width:800px; overflow:hidden; position:relative;}
.jcarousel-prev ,
.jcarousel-next {background: url(images/next.png) no-repeat 0 0; width: 28px; height: 30px; display: block; float: left; position:absolute; top:225px; left: 870px; cursor: pointer; }
.jcarousel-prev { background: url(images/prev.png) no-repeat 0 0; left: -39px;}

#main { margin-top: -70px;}
#main h2 {color: #b8afa8; font-size: 18px; font-style: italic; font-family: "Lucida Sans", "Trebuchet MS", sans-serif; padding-bottom: 10px;}
#main p {padding-bottom: 15px;}
#main .shell {width: 945px;}

.article {padding-bottom: 70px;}
.gallery {padding-bottom: 10px;}

a.view-all {color: #ac8b72; float: right;}

.portfolio-item {float: left; padding-right: 20px; padding-bottom: 35px;}
.portfolio-item img {display: block; padding-bottom: 1px;}
.last {padding-right: 0 !important;}

.img-cnt img {display: block; margin: 0 auto; padding-top: 6px;}


.column-cnt {width: 900px; left;}
.column {width: 270px; float: left; padding-right: 17px;}
span.submit{float: left;}
.column label, .column-big label {display: block; font-size: 13px; font-family: "Lucida Sans", "Trebuchet MS", sans-serif; font-weight: bold; color: #d1d1d1; padding-bottom: 8px; width: 260px}
.column input {display: block; background: transparent; color: #ac8b72; height: 23px; border: 0; font-family: arial, sans-serif; font-size: 13px; padding-top: 5px; width: 250px;}
.column-big {float: right; width: 391px;}
.column-big textarea {background: transparent; color: #ac8b72; font-family: arial, sans-serif; font-size: 13px; border: 0; width: 381px; height: 137px;}
span.text-field {background: url(images/text-field.png) no-repeat 0 0; display: block; width: 260px; height: 30px; padding-top: 2px; padding-left: 5px;}
span.text-area {background: url(images/textarea.png) no-repeat 0 0; width: 386px; height: 147px; display: block; padding-top: 5px; padding-left: 5px;}
form p {padding-top: 15px;}


#footer { text-align: center; font-size:11px; padding:10px 0 40px 0;}
#footer a{ color:#ac8b72; }
#subject { display: none; }