/*----------------------------------------------------
                 Devster - CSS File
------------------------------------------------------*/


/* About
------------------------------------------------------*/
ul.about-list {margin:0px; padding:0px 0px 0px 16px; list-style-type:none; color:#bdbdbd;}
ul.about-list li {background-image:url(../images/small-arrow.png); background-position:0px 3px; background-repeat:no-repeat; padding:0px 0px 12px 17px; line-height:13px;}
ul.about-list li a {text-decoration:none;}
ul.about-list li a:hover {text-decoration:underline;}


/* Blog
------------------------------------------------------*/
ul.blog-list {margin:0px; padding:0px; list-style-type:none; color:#bdbdbd;}
ul.blog-list li {background-image:url(../images/small-arrow.png); background-position:0px 3px; background-repeat:no-repeat; padding:0px 0px 12px 17px; line-height:13px;}
ul.blog-list li a {text-decoration:none;}
ul.blog-list li a:hover {text-decoration:underline;}
.blog-post {padding-bottom:18px;}
.blog-posted {background-image:url(../images/blog-post-bg.jpg); background-repeat:no-repeat; height:27px; margin-top:30px; padding-top:8px; font-size:11px;}
.posted-left {float:left;}
.posted-right {float:right;}
.comment {float:left; margin-top:2px; margin-right:7px;}
#newsletter fieldset {margin:0px; padding:0px; border:0px;}


/* Content 
------------------------------------------------------*/
#content {padding-bottom:40px; float:left;}
#content-inner {float:left; width:630px;}
#content-right {float:left; width:300px; margin:20px 0px 0px 30px;}
#content h4 {margin-bottom:4px;}
ul.list {list-style-type:none; margin:0px; float:left;}
ul.list li {background-image:url(../images/green-arrow.png); background-position:0px 2px; background-repeat:no-repeat; padding:0px 0px 12px 22px; line-height:13px;}
#main_text {padding:20px 0px 0px 0px;}
#head-top {width:960px; height:25px; border-bottom:1px solid #71736b; padding-bottom:8px; margin:12px 0px 12px 0px; float:left;}
#head-top-inner {width:630px; height:25px; margin:13px 0px 10px 0px; padding-bottom:7px; float:left; border-bottom:1px solid #71736b;}

#content h3, #content h4 { clear:left; }

/* Sidebar
------------------------------------------------------*/
.side-box {padding-bottom:10px;}
.side-box h3 {border-bottom:1px solid #71736b; padding-bottom:3px;}
.but {vertical-align:middle; padding-left:5px;}
.inputbox01 {width:218px; border:1px solid #cfd4c3; vertical-align:top; padding:2px 4px 3px 3px; color:#999; }


/* Portfolio 
------------------------------------------------------*/
#quote {background-image:url(../images/portfolio-shadow.jpg); background-repeat:no-repeat; background-position:top; width:960px; float:left;}
.quote-button {padding-top:40px;}
#portfolio-list li {list-style:none;}
#portfolio-list li img {border:solid 1px #cfd4c3; padding:6px; margin:0px; background-color:#f9fbf4; }
#portfolio-list li.last {margin-right: 0;}
.portfolio-item-thumb {width:300px; float:left; margin:0px 29px 20px 0px; color:#676767; line-height:18px; position: relative; height: 250px;}
.portfolio-item-thumb-last {margin-right:0px;}

.jcarousel-skin-portfolio .jcarousel-container-vertical {width: 960px; height: 500px; margin:0px;}
.jcarousel-skin-portfolio .jcarousel-clip-vertical {width:  960px; height: 500px;}
.jcarousel-skin-portfolio .jcarousel-item {width: 960px; height: 250px; margin:0px;}

.jcarousel-skin-portfolio .jcarousel-next-vertical {position: absolute; right: 0px; top: -40px; width: 23px; height: 23px; cursor: pointer; background: url("../images/nav_carousel.gif") no-repeat 100% 0%;}
.jcarousel-skin-portfolio .jcarousel-next-vertical:hover {background-position: 100% 50%;}
.jcarousel-skin-portfolio .jcarousel-next-disabled-vertical,
.jcarousel-skin-portfolio .jcarousel-next-disabled-vertical:hover {background-position: 100% 100%;}

.jcarousel-skin-portfolio .jcarousel-prev-vertical {position: absolute; right: 30px; top: -40px; width: 23px; height: 23px; cursor: pointer; background: url("../images/nav_carousel.gif") no-repeat 0% 0%;}
.jcarousel-skin-portfolio .jcarousel-prev-vertical:hover {background-position: 0% 50%;}
.jcarousel-skin-portfolio .jcarousel-prev-disabled-vertical,
.jcarousel-skin-portfolio .jcarousel-prev-disabled-vertical:hover {background-position: 0% 100%;}

#portfolio-list li div { background:no-repeat 100% 175px; }
#portfolio-list li div.netribe { background-image:url(../image/logo/netribe_4.png); } 
#portfolio-list li div.xanten { background-image:url(../image/logo/xanten_4.png); } 
#portfolio-list li div.dynavision { background-image:url(../image/logo/dynavision_4.png); } 



/* Clearing method
------------------------------------------------------*/
.clearfix:after	{content:".";  display:block;  clear:both;  visibility:hidden;  line-height:0;  height:0;}
.clearfix {display:inline-block;}
html[xmlns] .clearfix {display:block;}
* html .clearfix {height:1%;}
.clear {clear:both;}


#content-inner .maincontent { clear:left; }


/* Contact 
------------------------------------------------------*/
form {margin:0; padding:0;}
#contactFormArea {width:480px; color:#6b6b6b;}
.input {background-color: #ffffff; border:1px solid #cfd4c3; width:286px; padding:5px 5px 5px 5px; margin:0px; color:#6b6b6b;}
.input-submit { background-image:url(../images/but-send.gif); background-repeat:no-repeat; padding:0px; margin:0px; border:0px; width:93px; height:28px; cursor:pointer; float:right; margin-right:97px;}
.textarea {background-color: #ffffff; border:1px solid #cfd4c3; width:286px; padding:5px 5px 5px 5px; margin:0px; color:#6b6b6b;}
.facebook {float:left; width:150px; padding:10px 0px 20px 0px;}
.twitter {float:left; width:150px; padding:10px 0px 20px 0px;}
.social-text {float:left; padding-top:8px;}
.social-icon {float:left; padding-right:5px}
.social-text a {color:#7a7a7a;text-decoration:none;}


fieldset { border:0;margin:0;padding:0; }
label { padding-right:15px; float:left; width:70px;}
input.text{ width:290px;font:12px/12px 'courier new',courier,monospace;color:#333;padding:3px;margin:1px 0; }

#contactFormArea input.submit,
#contactFormArea input.cancel
{ 
background-repeat:no-repeat;
background-position:50% 50%;
border:0 none;
cursor:pointer;
width:93px;
height:28px;
margin:0 0 5px 5px;
padding:0;

text-indent:-999em;

overflow:hidden;
line-height:99em; /*IE<8*/
}
#contactFormArea input.submit
{ background-image:url(../image/btn/form-invia.gif); }
#contactFormArea input.cancel
{ background-image:url(../image/btn/form-cancella.gif); }
#contactFormArea p.buttons
{
padding-right:97px;
}
#contactFormArea p.buttons input
{
float:right;
}

fieldset.checkbox .checkbox label { width:250px; float:right; text-align:right; padding-right:25px; }
fieldset.checkbox span.checkbox { display:block; clear:both; width:298px; }
fieldset.checkbox .checkbox input.campocheck { display:block; float:right; }

/*Liste*/
.about-list img.ico { vertical-align:middle; }