* { margin: 0; padding: 0;}
html {text-shadow: 0px 0px; background: #660000; color: #3f3f3f;}
body {background:url(../images/body_gradient.jpg) repeat-x; font-family: georgia,Tahoma,'Lucida Grande',Verdana,Arial,Sans-Serif;}
img {border: 0px;}
a, a:hover, a:visited, a:active { outline: none; text-decoration: none; color: #ff7f00; }
a:hover {color:#f90;}
h1 {text-indent: -999999px; line-height: 1px;}
h2, h2 a.big, h2 a:visited, h2.big {font-size: 1.5em; font-weight: normal; margin-bottom: 0px; color: #ff7f00;}
h3, h3 a, h3 a:visited {font-size: 1.3em; color: maroon; font-weight: normal;}
h4, p {font-size: 1em; color: #3f3f3f; font-weight: normal;}
.big, a.big {text-transform: uppercase; font-size: 2em; color: #ff7f00; margin-bottom: 0px;}
.medium {font-size: 1.5em; color: maroon;}

/*----MAIN----*/
#wrap {width: 1024px; margin: auto; position: relative;}
#header {width: 1024px; height: 205px; background: url(../images/head_logo.jpg)}
#wrapcontent { width: 1024px; background:white url(../images/tab_content.jpg) top repeat-x; padding-bottom: 120px;}
#content-home {width: 390px; float: left; background:url(../images/rock_1.jpg) top left no-repeat; padding-top: 140px; padding-left: 30px; padding-right: 20px; border-right: gray dotted 2px; text-align: right;}
#content-main {width: 500px; float: right; padding-top: 15px; padding-left: 20px; padding-right: 140px; position: relative; }
#content-image {width: 350px; float: left;}
#footer {width: 1024px; height: 205px; background: url(../images/leaf_foot.png); margin-top: -120px;}
#left {width: 218px; height: 344px;  position: absolute; left: -218px; top: 0px; background: url(../images/tree_left.jpg)}
#right {width: 145px; height: 486px;  position: absolute; right: -145px; top: 0px; background: url(../images/tree_right.jpg)}
#lang a {width: 108px; height: 41px; position: absolute; top: -4px; right: 5%; background: url(../images/translate.gif) bottom left;-moz-border-radius:6px; -webkit-border-radius:6px; -moz-box-shadow:0 0 5px 2px #ccc; -webkit-box-shadow: 0 0 20px #ccc; opacity: 0.8; text-indent: -99999px;}
#lang a:hover {-moz-border-radius:6px; -webkit-border-radius:6px; -moz-box-shadow:0 0 5px 2px #ff7f00; -webkit-box-shadow: 0 0 20px #ff7f00; opacity: 0.8;}
.clear {clear: both;}


/*----NAVIGATION----*/
#nav  {padding-top: 120px; padding-left: 350px;}
#nav li {display:block; float: left; margin: 5px;}
#nav li a {color: yellow; padding: 5px;}
#nav li a:hover {background: gray; -moz-border-radius:6px; -webkit-border-radius:6px; }

/*----HOME----*/
#port {width: 550px; float: right; padding-left: 20px;}
ul#filter { float: left; font-size: 15px; list-style: none; margin-left: 0; width: 100%; margin-bottom: 15px; }
ul#filter li { border-right: 1px solid gray; float: left; margin-right: 7px; padding-right: 7px;}
ul#filter li:last-child { border-right: none; margin-right: 0; padding-right: 0; }
ul#filter a {color: #333; text-decoration: none; padding: 5px; }
ul#filter li.current a, ul#filter a:hover {background: #ff7f00; -moz-border-radius:6px; -webkit-border-radius:6px;}
ul#filter a:hover { background-color: #ffcc66; }
ul#portfolio { float: left; list-style: none; margin-left: 0; width: 550px; }
li.client { float: left; width: 150px; height: 125px;border: solid 1px gray;position: relative; margin-right: 15px; margin-bottom: 15px; padding: 3px; list-style: none; -moz-box-shadow:0 0 5px 2px #ccc; -webkit-box-shadow: 0 0 20px #ccc;}
li.client .thumbscontainer {height: 100px; overflow: hidden; }
ul.thumbs li a {height: 150px; overflow: hidden; float: left; margin: 0; padding: 0px;}
ul.thumbs li img {width: 150px; margin: 0px;}
ul#portfolio a { display: block; width: 100%; }
ul#portfolio a:hover { text-decoration: none; }
.client-name {width: 150px; height: 20px; text-align: center; position: absolute; bottom: 0px; left: 0px; font-size: 12px;}
.hide {display: none;}

/* TABS */
#nav-side {width: 100px; position: absolute; top: 0px; right: 15px;}
ul.tabs { width: 175px;}
ul.tabs li {display: block; border: solid 1px gray; margin-bottom: 5px; -moz-border-radius:6px; -webkit-border-radius:6px; -moz-box-shadow: 0 0 20px #ccc; -webkit-box-shadow: 0 0 20px #ccc; }
ul.tabs a { font-size:.8em; padding: 5px 60px 5px 10px; display:block; color: maroon;  -moz-border-radius:6px; -webkit-border-radius:6px;}
ul.tabs a:hover {background: #ff8000;}
ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a {background: #ffcc66;cursor:default !important; }
#panel {width: 500px;}
div.panes div.pane {display:none;}


/* WORK */
#content-client {width: 390px; float: left; margin-left: -350px; padding: 30px;}
#gallery {width: 570px; float: right; padding-top: 20px;}
#gallery .thumbs li {width: 60px; height: 42px; float: left; overflow: hidden; margin-left: 15px;}
#gallery img.thumbnail {width: 50px; padding: 3px; border: 1px solid gray;}
.picturecontainer {width: 550px; padding: 20px; }
.picturecontainer img {max-width: 500px; padding: 5px; border: 2px solid gray;}
#gallery .thumbscontainer {display: none;}

/* CONTACT */
fieldset { width: 400px; padding: 20px; -moz-border-radius:6px; -webkit-border-radius:6px; -moz-box-shadow: 0 0 20px #ccc; -webkit-box-shadow: 0 0 20px #ccc; overflow: hidden;}
#EmailForm label {width: 20px; text-align: right;}
#EmailForm input, select {float: right; width: 250px;}
#cfContact.button {float: right; width:auto;  margin: 0px; margin-top: 10px; padding: 3px;}
#cfMessage {float: right;}
.error, .errors {color: maroon;}
#captcha {width: 400px;}
#captcha label {margin-left: 5px;}
#captcha input {width: 230px;}
#captcha img {float: left; padding: 5px;}



/* SITE MAP */

#sitemap { width: 600px; margin: 0 auto; padding: 10px 0 0 0; }
#sitemap a { text-decoration: none; color: #eee; display: block; padding: 4px 0;}
#sitemap a:hover { text-decoration: underline; color: #FF9000;}
#sitemap ul { padding: 8px 25px; list-style: none; background: #282828; } 
#sitemap ul ul { background: #393939; }
#sitemap ul ul ul { background: #4b4b4b; }
#sitemap ul ul ul ul { background: #5a5a5a; }