/*
Theme Name: CREATIVEFLOW - Version: 1
Description: Designed by josweb.
Author: Jo
01. GENERAL
1. Reset
2. Font Face
3. General Styling
02. SECTIONS
1. Main Slider
2. Team Pictures
3. Services
4. Projects
5. Portfolio
6. Blog
7. Contact
8. Tabs, Accordian and Buttons
9. Footer
*/
/***************************************************
GENERAL STYLING
***************************************************/
/* BODY ++++++++++++++++++++++++++++++++++++++++++++ */
/* Change your background here */
body {
font: 12px/1.8em "Century Gothic", Arial, Helvetica, sans-serif;
/*background-image: url(style/images/bg/linen.png); background-repeat: repeat;*/
}
/* Wrapper - Menu and Content */
#wrapper{
width:870px;
margin: 0px auto 0px auto;
}
/* Content Container */
.contentslide {
width: 2000px;
background: transparent;
margin: 0px auto 10px auto; padding: 0px 0px 0px 0px;
}
.contentslidequemsomos {
width: 448px;
background: transparent;
margin: 0px auto 10px auto; padding: 0px 0px 0px 0px;
}
/***************************************************
SECTIONS
***************************************************/
/* 1: MAIN SLIDER */
#awOnePageButton .view-slide { display: none;}
/* Assign the correct showcase height to prevent loading jumps in IE */
.showcase-load { height: 290px; /* Same as showcase javascript option */ overflow: hidden; }
/* Container when content is shown as one page */
.showcase-onepage { /**/ }
/* Container when content is shown in slider */
.showcase { position: relative; margin: auto; padding-top:-50px; padding-bottom:20px; }
.showcase-content-container {
-moz-box-shadow: 0 1px 3px #222;
-webkit-box-shadow: 0 1px 3px #222;
-moz-border-radius: 2px;
-webkit-border-radius:2px;
border-radius: 2px;
background-color: #000;
}
/* Navigation arrows */
.showcase-arrow-previous, .showcase-arrow-next {
position: absolute;
background: url('style/images/arrows.png');
width: 33px; height: 33px; top: 120px; cursor: pointer;
z-index:150;
}
.showcase-arrow-previous { left: 360px; }
.showcase-arrow-previous:hover { background-position: 0px -34px; }
.showcase-arrow-next { right: 356px; background-position: -34px 0; }
.showcase-arrow-next:hover { background-position: -34px -34px; }
/* Content */
.showcase-content { background-color: #000; text-align: center; border-top:2px solid #000; }
.showcase-content-wrapper {
text-align: center; margin-top:10px;
height: 290px; width: 870px;
display: table-cell; vertical-align: middle;
}
/* Styling the caption */
.showcase-caption {
color: #000;
padding: 8px 15px;
text-align: left;
position: absolute;
bottom: 10px; left: 10px; right: 10px;
display: none;
background-image: url(style/images/white-opacity-80.png);
}
.showcase-caption a { color: #555; }
.showcase-caption a:hover { color: #777; }
.showcase-onepage .showcase-content { margin-bottom: 0px; }
/* Button Wrapper */
.showcase-button-wrapper { clear: both; margin-top: 10px; text-align: center; }
.showcase-button-wrapper span {
margin-right: 3px;
padding: 2px 5px 0px 5px;
cursor: pointer;
font-size: 12px;
color: #444444;
}
.showcase-button-wrapper span.active { color: #bbb; }
/* Two Columns */
.col1{
float: left;
position: relative;
width: 880px;
}
/* Two Columns */
.col2{
float: left;
position: relative;
width: 420px;
margin: 0px 30px 25px 0px;
}
/********************
* MINI CAROUSEL *
********************/
.jcarousel-container { margin:20px 0px 40px -5px; clear:both; }
.jcarousel-skin-tango .jcarousel-direction-rtl { direction: rtl;}
.jcarousel-skin-tango .jcarousel-container-horizontal { padding: 0px 32px; }
.jcarousel-skin-tango .jcarousel-clip { overflow: hidden; }
.jcarousel-skin-tango .jcarousel-clip-horizontal { }
.jcarousel-skin-tango .jcarousel-item {
width:75px; height:75px;
border:1px solid #999; padding:2px;
-moz-box-shadow: 0 1px 3px #999; -webkit-box-shadow: 0 1px 3px #999; box-shadow: 0 1px 3px #999;
-moz-border-radius: 5px;
-webkit-border-radius:5px;
border-radius:5px; background-color: #777;
}
.jcarousel-skin-tango .jcarousel-item-horizontal { margin: 0px 8px 0px 3px; }
.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-item-horizontal { margin: 0px 0px; }
.jcarousel-skin-tango .jcarousel-item-placeholder { background: #fff; color: #000; }
/* Carouel Buttons */
.jcarousel-skin-tango .jcarousel-next-horizontal {
position: absolute;
top: 20px;
left: 860px;
width: 32px;
height: 32px;
cursor: pointer;
background: transparent url(style/images/next-horizontal.png) no-repeat 0 0;
}
.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-next-horizontal {
left: 15px;
right: auto;
background-image: url(style/images/prev-horizontal.png);
}
.jcarousel-skin-tango .jcarousel-next-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-horizontal:focus { background-position: -32px 0; }
.jcarousel-skin-tango .jcarousel-prev-horizontal {
position: absolute;
top: 20px;
left: 0px;
width: 32px;
height: 32px;
cursor: pointer;
background: transparent url(style/images/prev-horizontal.png) no-repeat 0 0;
}
.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-prev-horizontal {
background-image: url(style/images/next-horizontal.png); left: auto; right: 5px;
}
.jcarousel-skin-tango .jcarousel-prev-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-horizontal:focus { background-position: -32px 0;}
/* LISTS ++++++++++++++++++++++++++++++++++++++++++++ */
/* Bullet List */
ul.bullet, ul.pointer {
padding: 0; display: block; overflow: hidden; margin: 0;
}
ul.bullet li {
line-height: 20px; list-style: none;
background: transparent url(style/images/bullet.jpg) no-repeat;
background-position: 0px 8px;
padding: 0px 0px 10px 18px;
}
/* Arrows List */
ul.pointer li {
line-height: 20px; list-style: none; display: block;
background: transparent url(style/images/list-arrow.png) no-repeat;
background-position: -4px 2px; padding: 0px 0px 10px 18px;
}
/* Star List */
ul.star li {
line-height: 20px; list-style: none; display: block;
background: transparent url(style/images/star.png) no-repeat;
background-position: -3px 2px; padding: 0px 0px 10px 18px;
}