/*

Theme Name: Vivi Interactive

Theme URI: http://www.cssluxury.com/vivi_wp

Description: Developed for a wide range of e-Businesses

Version: 1.0. for WP 3.0

Author: disgogo

Author URI: http://themeforest.net/user/disgogo

Tags: white, grey, black, fixed width, 2 columns, widgets, gallery, videos, shortcodes

*/



@import url('css/reset.css');



body {

	background: #DFDFDF;

	font-size:12px;

	font-family: Verdana, Geneva, sans-serif;

	color:#666;

}



a{

	color:#000;

}



a:hover{

	color:#666;

	text-decoration:none;

}



a.more-link, span.more-link, .pagination li a, .featured_post_content a.more-link {

  background: transparent url(images/custom_link_right.png) no-repeat scroll top right;

  display: block;

  float: left;

  padding-right:14px;

  font-weight:bold;

  text-transform: uppercase;

  letter-spacing:-1px;

  text-shadow: 1px 1px white;

}



.main_page a.more-link, .featured_post_content a.more-link {

	margin-top:20px;

}



a.more-link:hover,.featured_post_content a.more-link:hover {

  text-decoration:none;

  color:#666;

}



a.more-link span, span.more-link input, .pagination li a span, .featured_post_content a.more-link span {

  background: transparent url(images/custom_link_left.png) no-repeat;

  display: block;

  padding:7px 14px 11px 28px;

}





p {

	padding:5px 0px;

	line-height:18px;

}



.wide_wrap {

	width:100%;

	float:left;

	margin:0 auto;

	display:block;

}



.wrap {

	width:960px;

	margin:0 auto;

}





.header {

	float:left;

	width:960px;

	margin-top:30px;

	margin-bottom:30px;

	z-index:9999;

	position:relative; /* for stupid IE menu z index bug */

}





/* Slideshow holder

-------------------------------------------------------------- */



.squares {

	background:#000 url(images/background_squares.jpg) top center no-repeat;

}



.header_back {

	background:#fff;

}



/* Text elements

-------------------------------------------------------------- */



h1 {

	font-size:30px;

	font-weight:normal;

	padding:20px 0px;

	display:block;

	color:#000;

}



h2 {

	font-size:24px;

	font-weight:normal;

	padding:20px 0px;

	color:#000;

}



h3 {

	font-size: 18px;

	font-weight:normal;

	color:#000;

	padding:20px 0px;

}



h4 {

	font-size:16px;

	font-weight:normal;

	color:#000;

	padding:20px 0px;

}



h5 {

	font-size:14px;

	font-weight:normal;

	color:#000;

	padding:20px 0px;

}



h6 {

	font-size:12px;

	font-weight:normal;

	color:#000;

	padding:20px 0px;

}



h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {

	color:#666666;

	text-decoration:none;

}







blockquote {

	background:url(images/quote.png) no-repeat 8px 8px;

	border:1px dotted #DDDDDD;

	color:#474747;

	font-style:italic;

	margin:1em 0;

	min-height:40px;

	padding:1em 1em 1em 7em;

}



.footer_widgets blockquote {

	border:1px dotted #272727;

	color:#999999;

}



cite

    {

    font-size: 11px;

    float: right; 

	margin:0px;

}



.website_url {

	font-size: 11px;

    float: right;

}



address {

	

	margin:0px 20px 0px 0px;

	display:block;

	float:left;

}



img.aligncenter {

	display: block;

	margin:10px auto;

	padding:3px;

	border:1px solid #ccc;



}



img.alignright {

	margin: 0 0 10px 20px;

	display: inline;

	padding:3px;

	border:1px solid #ccc;

}



img.alignleft {

	margin:10px 20px 10px 0;

	display: inline;

	padding:3px;

	border:1px solid #ccc;



}



pre {

	-moz-border-radius:10px 10px 10px 10px;

	background-color:#F0F0F0;

	margin:20px 0;

	padding:15px;

}



input, textarea {

	border:1px solid #CDCDCD;

	color:#282828;

	font:12px Verdana,Arial,Helvetica,sans-serif;

	margin:5px 0 0;

	padding:8px;

}



/* Top search

-------------------------------------------------------------- */

h1.master_title {

	width:630px;

	float:left;

}



.top_search {

	float: right;

	margin-top:1px;

}



.top_search input {

	background:url(images/input_search.png) no-repeat scroll left top transparent;

	float:left;

	height:20px;

	padding:5px 15px 5px 15px;

	width:205px;

	border:0px;

	font-size:12px;

}



.top_search #searchsubmit {

	background:url(images/search_button.png) no-repeat scroll left top transparent;

	width:55px;

	height:39px;

	font-size:0px;

	text-indent:-9999px;

	cursor:pointer;

}



.top_search .screen-reader-text {

	display: none;

}



.footer_widgets input, .footer_widgets textarea {

	border:1px solid #333;

	color:#999;

	font:12px Verdana,Arial,Helvetica,sans-serif;

	margin:5px 0 0;

	padding:8px;

	background:#000;

}



.content_holder ol, .content_holder_2col ol {

	list-style-type:decimal;

	list-style-position:inside;

}



.content_holder ol li, .content_holder_2col ol li {

	padding:8px 0;

}



.content_holder ul li, .content_holder_2col ul li {



	background:url(images/bullet.png) no-repeat left 14px ;

	display:block;

	padding:8px 0 8px 15px;

}





/* Images style from the main page central area 

-------------------------------------------------------------- */

.content_widgets img.aligncenter {

	display: block;

	margin:10px auto;

	padding:3px;

	border:0;

}



.content_widgets img.alignright {

	margin: 0 0 10px 10px;

	display: inline;

	padding:3px;

	border:0;

}



.content_widgets img.alignleft {

	margin:0px 10px 10px 0;

	display: inline;

	padding:3px;

	border:0;

}



.alignright {

	float: right;

}



.alignleft {

	float: left;

}







/* Tables 

-------------------------------------------------------------- */



#table_style {

	border-bottom:1px solid #C8C7C8;

	border-collapse:collapse;

	border-top:1px solid #C8C7C8;

	font-size:12px;

	margin:20px 0px 20px 0px;

	text-align:center;

	width:100%;

}

#table_style th {

	background:#F0F0F0;

	border-left:1px solid #C8C7C8;

	border-right:1px solid #C8C7C8;

	font-size:13px;

	font-weight:normal;

	padding:8px;

}

#table_style td {

	border-left:1px solid #C8C7C8;

	border-right:1px solid #C8C7C8;

	color:#231F20;

	padding:8px;

}





/* Calendar 

-------------------------------------------------------------- */



table#wp-calendar {

	width:100%;

}



#wp-calendar td {

	padding:5px;

}



#wp-calendar caption {

	padding:10px;

}



/* Header 

-------------------------------------------------------------- */

.top_bar {

	background:url(images/top_bar_background.png) repeat-x left top;

	height:34px;

	text-align:right;

	font-size:11px;

}



.top_bar ul {

	float:right;

	font-size:11px;

}

div.custom_message {

	float:right;

	font-size:11px;

	line-height:34px;

}



.top_bar ul li {

	float:left;

	display:block;

	padding:8px 2px;

	color: #333;

}



.top_bar ul li a {

	color: #666;

	padding:0px 4px;

}



.top_bar ul li a:hover {

	color: #999;

}



.logo {

	height:38px;

	float:left;

}



.logo h1 {

	padding:0px;

}







/* Navigation 

-------------------------------------------------------------- */



.menu_holder {

	float:right;

}



/*** ESSENTIAL STYLES ***/



.menu {

	line-height:	1.0;

}

.menu ul {

	position:		absolute;

	top:			-999em;

	width:			10em; /* left offset of submenus need to match (see below) */

}

.menu ul li {

	width:			100%;

}

.menu li:hover {

	visibility:		inherit; /* fixes IE7 'sticky bug' */

}

.menu li {

	float:			left;

	position:		relative;

}

.menu a {

	display:		block;

	position:		relative;

}

.menu li:hover ul,

.menu li.sfHover ul {

	left:			.6em;

	top:			3.1em; /* match top ul list item height */

	z-index:		9999;

}

ul.menu li:hover li ul,

ul.menu li.sfHover li ul {

	top:			-999em;

	z-index:		9999;

}

ul.menu li li:hover ul,

ul.menu li li.sfHover ul {

	left:			10em; /* match ul width */

	top:			0;

	z-index:		9999;

}



/*** SKIN ***/

.menu {

	float:			left;

}

.menu a {

	padding: 		0em .4em;

	text-decoration:none;

	height:37px

}

.menu a, .menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/

	color:			#fff;

	font-size:12px;

	text-shadow:1px 1px #000;

}



a.main-menu:visited, a.main-menu:visited span{

	color:			#000;

}



.menu a.main-menu span {

	display:block;

	padding:12px 6px 12px 12px;

	color:#000;

	font-size:14px;

	text-transform: capitalize;

	text-shadow:1px 1px #fff;

}



.menu li:hover a.main-menu, .menu li.sfHover a.main-menu,

.menu li.current_page_item a.main-menu

{

	background:url(images/menu_hover_right.png) right top no-repeat;

	outline:		0;

}



.menu li:hover a.main-menu span, .menu li.sfHover a.main-menu span,

.menu li.current_page_item a.main-menu span

{

	background:url(images/menu_hover_left.png) left top no-repeat;

	outline:		0;

	color:#FFF;

	text-shadow:1px 1px #000;

}







/*** Submenu corners **/

.menu li ul li.top_corners {

	background: url(images/submenu_top_corners_right.png) right top no-repeat;

	display:block;

	height:5px;

	margin-right:-4px;

}



.menu li ul li.top_corners span {

	background: url(images/submenu_top_corners.png) left top no-repeat;

	display:block;

	height:5px;

	width:99%;

}



.menu li ul li.bottom_corners {

	background: url(images/submenu_bottom_corners_right.png) right top no-repeat;

	display:block;

	height:5px;

	margin-right:-4px;

}



.menu li ul li.bottom_corners span {

	background: url(images/submenu_bottom_corners.png) left top no-repeat;

	display:block;

	height:5px;

	width:99%;

}

/*** End Submenu corners **/



.menu li li a, .menu li li li a {

	color:#FFF;

	height:auto;

	padding:8px 8px 10px 8px;

}



.menu li li a:hover, .menu li li li a:hover, .menu li li.current_page_item, .menu li li li.current_page_item {

	background:#282828;

}



.menu li li, .menu li li li {

	background:#0a0a0a url(images/submenu_li_sep.png) left bottom repeat-x;

}





/*** arrows **/



.main-menu .sf-sub-indicator, .menu li:hover a.main-menu span.sf-sub-indicator, .menu li.sfHover a.main-menu span.sf-sub-indicator, .menu li.current_page_item .main-menu .sf-sub-indicator  { background:none; display:none;}



.sf-sub-indicator {

	position:		absolute;

	display:		block;

	right:			.75em;

	top:			1.05em; /* IE6 only */

	width:			10px;

	height:			10px;

	text-indent: 	-999em;

	overflow:		hidden;

	background:		url('images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */

}

a > .sf-sub-indicator {  /* give all except IE6 the correct values */

	top:			.8em;

	background-position: 0 -100px; /* use translucent arrow for modern browsers*/

}

/* apply hovers to modern browsers */

a:focus > .sf-sub-indicator,

a:hover > .sf-sub-indicator,

a:active > .sf-sub-indicator,

li:hover > a > .sf-sub-indicator,

li.sfHover > a > .sf-sub-indicator {

	background-position: -10px -100px; /* arrow hovers for modern browsers*/

}



/* point right for anchors in subs */

.menu ul .sf-sub-indicator { background-position:  -10px 0; }

.menu ul a > .sf-sub-indicator { background-position:  0 0; }

/* apply hovers to modern browsers */

.menu ul a:focus > .sf-sub-indicator,

.menu ul a:hover > .sf-sub-indicator,

.menu ul a:active > .sf-sub-indicator,

.menu ul li:hover > a > .sf-sub-indicator,

.menu ul li.sfHover > a > .sf-sub-indicator {

	background-position: -10px 0; /* arrow hovers for modern browsers*/

}



/*** shadows for all but IE6 ***/

.sf-shadow ul {

	background:	url('images/shadow.png') no-repeat bottom right;

	padding: 0 8px 9px 0;

	-moz-border-radius-bottomleft: 25px;

	-moz-border-radius-topright: 25px;

	-webkit-border-top-right-radius: 25px;

	-webkit-border-bottom-left-radius: 25px;

}

.sf-shadow ul.sf-shadow-off {

	background: transparent;

}







/* Slideshow Fancy

-------------------------------------------------------------- */

#slideshow_holder {

	float:left;

	width:960px;

	height:406px;

	background: url(images/main_shadow.png) center bottom no-repeat;

	margin-top:36px;

}





#slideshow {

	display:block;

	margin:0 auto;

}



.ft-prev {

	left:-40px!important;

	opacity:1!important;

	background: url(images/previous_btn.png) left top no-repeat;

	width:31px;

	height:30px;

	font-size:0px;

	text-indent:-9999px;

}



.ft-next {

	right:-40px!important;

	opacity: 1!important;

	background: url(images/next_btn.png) left top no-repeat;

	width:31px;

	height:30px;

	font-size:0px;

	text-indent:-9999px;

}



.ft-title {

	bottom:30px!important;

	left:40px!important;

	padding:20px;

	font-size:18px;

	color:#eeeeee;

}



#ft-buttons-slideshow {

	display:none;

}



/* Slideshow Coin Slider

-------------------------------------------------------------- */



#slideshow-coin {

	display:block;

	margin:0 auto;

}



.coin-slider { overflow: hidden; position: relative; }

.coin-slider a{ text-decoration: none; outline: none; border: none;}



.cs-buttons { font-size: 0px; float: left; margin-top:25px; }

.cs-buttons a { margin-left: 5px; height: 10px; width: 10px; float: left; border: 1px solid #000; color: #B8C4CF; text-indent: -1000px; }

.cs-active { background-color: #000; color: #FFFFFF; }



.cs-title { width: auto; padding: 20px; margin-bottom: 30px; margin-left: 40px; background-color: #000000; color: #FFFFFF; font-size:18px; color:#eeeeee; }



.cs-prev, 

.cs-next { background-color: #000000; padding: 0px 10px;color: #B8C4CF;}





/* Circular Carousel

-------------------------------------------------------------- */

#slideshow_holder_carousel {

	float:left;

	width:960px;

	margin-bottom:25px;

	margin-top:45px;

}



.jcarousel-skin-vivi .jcarousel-container {



}



.jcarousel-skin-vivi .jcarousel-container-horizontal {

    width: 960px;

}





.jcarousel-skin-vivi .jcarousel-clip-horizontal {

    width:  960px;

    height: 212px;

}





.jcarousel-skin-vivi .jcarousel-item {

    width: 270px;

    height: 212px;

	background:url(images/shadow_item_carousel.png) center bottom no-repeat;

}



.jcarousel-skin-vivi .jcarousel-item-horizontal {

    margin:0px 25px;

}





.jcarousel-skin-vivi .jcarousel-item-placeholder {

    background: #fff;

    color: #000;

}



/**

 *  Horizontal Buttons

 */

.jcarousel-skin-vivi .jcarousel-next-horizontal {

    position: absolute;

    top: 83px;

    right: -40px;

    width: 32px;

    height: 32px;

    cursor: pointer;

    background: transparent url(images/next-horizontal.png) no-repeat 0 0;

}



.jcarousel-skin-vivi .jcarousel-next-horizontal:hover {

    background-position: -34px 0;

}



.jcarousel-skin-vivi .jcarousel-next-horizontal:active {

    background-position: -67px 0;

}



.jcarousel-skin-vivi .jcarousel-next-disabled-horizontal,

.jcarousel-skin-vivi .jcarousel-next-disabled-horizontal:hover,

.jcarousel-skin-vivi .jcarousel-next-disabled-horizontal:active {

    cursor: default;

    background-position: -98px 0;

}



.jcarousel-skin-vivi .jcarousel-prev-horizontal {

    position: absolute;

    top: 80px;

    left: -40px;

    width: 32px;

    height: 32px;

    cursor: pointer;

    background: transparent url(images/prev-horizontal.png) no-repeat 0 0;

}



.jcarousel-skin-vivi .jcarousel-prev-horizontal:hover {

    background-position: -34px 0;

}



.jcarousel-skin-vivi .jcarousel-prev-horizontal:active {

    background-position: -67px 0;

}



.jcarousel-skin-vivi .jcarousel-prev-disabled-horizontal,

.jcarousel-skin-vivi .jcarousel-prev-disabled-horizontal:hover,

.jcarousel-skin-vivi .jcarousel-prev-disabled-horizontal:active {

    cursor: default;

    background-position: -98px 0;

}



/* LOF slideshow 

-------------------------------------------------------------- */



.lof-slidecontent, .lof-slidecontent a {

	color:#FFF;	

}

.lof-slidecontent a.readmore{

	background:#C01F25;

	font-size:95%;

	color:#FFF;

	padding:3px;

	

}

.lof-slidecontent{

	position:relative;

	overflow:hidden;

}

.lof-slidecontent .preload{

	height:100%;

	width:100%;

	position:absolute;

	top:0;

	left:0;

	z-index:100000;

	text-align:center;

	background:#FFF

}

.lof-slidecontent .preload div{

	height:100%;

	width:100%;

	background:transparent url(images/load-indicator.gif) no-repeat scroll 50% 50%;

}

.lof-main-outer{

	position:relative;

	height:100%;

	width:960px;

	z-index:3;

	overflow:hidden;

}





/*******************************************************/

.lof-main-item-desc{

	z-index:100;

	position:absolute;

	bottom:50px;

	left:0px;

	width:350px;

	background:url(images/bg_trans.png);

	height:100px;

	/* filter:0.7(opacity:60) */

	padding:10px;

}

.lof-main-item-desc p{

	padding:8px 0

}

.lof-main-item-desc h3{

	padding:0;

	margin:0

}

.lof-main-item-desc h2{

	padding:0;

	margin:15px 0 0 0px;

}

.lof-main-item-desc span.title a{	

	margin:0;

	background:#C01F25;

	font-size:90%;

	padding:2px 3px;

	text-transform:uppercase;

	text-decoration:none

}

.lof-main-item-desc span.title a:hover{



	text-decoration:underline;

}

.lof-main-item-desc span.title em {

	font-size:80%;

}



.lof-main-item-desc span.content_title {

	font-size:18px;

	width:100%;

	display:block;

	padding-top:10px;

}



/* main flash */

ul.lof-main-wapper{

	/* margin-right:auto; */

	overflow:hidden;

	background:transparent url(images/load-indicator.gif) no-repeat scroll 50% 50%;

	padding:0px;

	margin:0;

	position:absolute;

	overflow:hidden;

}



ul.lof-main-wapper li{

	overflow:hidden;

	padding:0px;

	margin:0px;

	float:left;

	position:relative;

}

.lof-opacity  li{

	position:absolute;

	top:0;

	left:0;

	float:inherit;

}

ul.lof-main-wapper li img{

	padding:0px;	

}



/* item navigator */

.lof-navigator-wapper {

	position:absolute;

	bottom:10px;

	right:10px;

	background:url(images/transparent_bg.png) repeat;

	padding:5px 0px;

	z-index:9995;

}

.lof-navigator-outer{

	position:relative;

	z-index:100;

	height:180px;

	width:310px;

	overflow:hidden;

	color:#FFF;

	float:left

}

ul.lof-navigator{

	top:0;

	padding:0;

	margin:0;

	position:absolute;

	width:100%;

}

ul.lof-navigator li{

	cursor: default; 

	cursor:pointer;

	list-style:none;

	padding:0;

	margin-left:0px;

	overflow:hidden;

	float:left;

	display:block;

	text-align:center;



}

ul.lof-navigator li img{

	border:#666 solid 3px;	

}

ul.lof-navigator li.active img, ul.lof-navigator li:hover img {

	border:#A8A8A8 solid 3px;

}

.lof-navigator-wapper .lof-next,  .lof-navigator-wapper .lof-previous{

	display:block;

	width:22px;

	height:30px;

	color:#FFF;

	cursor:pointer;



}

.lof-navigator-wapper .lof-next {

	float:left;	

	text-indent:-999px;

	margin-right:5px;

	background:url(images/arrow-l.png) no-repeat right center;

}

.lof-navigator-wapper .lof-previous {

	float:left;	

	text-indent:-999px;

	margin-left:5px;

	background:url(images/arrow-r.png) no-repeat left center;

}







/* Motto 

-------------------------------------------------------------- */



.motto_back {

	width:100%;

	background: url(images/motto_back_rep.png) left top repeat-x;

}



.motto_holder {

	/* background: url(images/motto_wide_shadow.png) center top no-repeat; */

	width:960px;

	display:block;

	margin:0px auto;

	height:165px;

}



.motto {

	width:920px;

	/* background: url(images/slideshow_shadow.png) center bottom no-repeat; */

	float:left;

	display:block;

	padding:20px 20px 55px 20px;

	min-height:88px;

}



.motto h1, .motto h2, .motto h3, .motto h4, .motto h5, .motto h6 {

	padding:0px;

	color:#EEEEEE;

}



.motto h1, .motto h2, .motto h3, .motto h4, .motto h5, .motto h6, .motto p {

	width:80%;

	float:left;

}



.motto .motto_link {

	float:right;

	margin-top:13px;

}



/* Main page box

-------------------------------------------------------------- */



.index_posts {

	margin-top:40px;

}



.shadow {

	float:left;

	width:960px;

	padding-bottom:50px;

	background:url(images/slideshow_shadow.png) center bottom no-repeat;

}



.no_top_margin {

	margin-top:0px;

}



.content_widgets, .content_holder  {

	background: #fff;

	float:left;

	width:960px;

}



.content_widgets .box {

	background:url(images/box_sep.png) right top repeat-y;

	width:270px;

	float:left;

	margin-right:20px;

	padding-right:20px;

	margin-bottom:20px;

}



.content_widgets .box h2:first-child  {

	padding-top:0px;

	padding-bottom:10px;

}



.content_widgets .box.no_margin, .footer_widgets .box.no_margin {

	margin-right:0px;

	background:none;

	padding-right:0px;

}





/* Main page posts

-------------------------------------------------------------- */



.blog_wide .post_meta {

	width:210px;

	float:left;

	margin-top:51px;

}



.blog_wide .post_meta li {

	padding: 5px 0px 5px 40px;

	display:block;

	margin-bottom:10px;

}



.blog_wide .post_meta li.date {

	background:url(images/date_icn.png) left top no-repeat;

}



.blog_wide .post_meta li.comments {

	background:url(images/comments_icn.png) left top no-repeat;

}



.blog_wide .post_meta li.category {

	background:url(images/category_icn.png) left top no-repeat;

}



.blog_wide .post_meta li.tags {

	background:url(images/tags_icn.png) left top no-repeat;

}



.blog_wide .post_meta li.users {

	background:url(images/users_icn.png) left top no-repeat;

}



.blog_wide .entry {

	width:660px;

	float:right;

}



.blog_wide .entry h1:first-child {

	padding-top:0px;

}



.blog_wide .entry a.more-link {

	margin-top:10px;

}



.pagination ul li {

	background:none;

	padding:0px;

}





/* Main page carousel posts

-------------------------------------------------------------- */



#post_holder_carousel {

	float:left;

	width:960px;

}



.jcarousel-skin-vivi-posts .jcarousel-container-horizontal {

    width: 960px;

}





.jcarousel-skin-vivi-posts .jcarousel-clip-horizontal {

    width:  960px;

    height: 483px;

}





.jcarousel-skin-vivi-posts .jcarousel-item {

    width: 960px;

    height: 483px;

}



.jcarousel-skin-vivi-posts .jcarousel-item-horizontal {

    margin:0px;

}





.jcarousel-skin-vivi-posts .jcarousel-item-placeholder {

    background: #fff;

    color: #000;

}



.jcarousel-control {

	width:220px;

	display:block;

	margin:0px auto -10px auto;

}



.jcarousel-control a.more-link {

	margin-right:5px;

}



/* breadcrumbs

-------------------------------------------------------------- */



.breadcrumb {

	float:left;

	width:650px;

	height:38px;

}



.breadcrumb ul li {

	display:block;

	float:left;

	width:auto;

	margin-right:5px;

	padding-top:12px;

	font-size:11px;

	text-shadow:1px 1px #fff;

}



.breadcrumb ul li a:hover {

	color:#999;

	text-decoration:none;

}



.breadcrumb ul li span {

	margin-right:2px;

}





/* page with sidebar

-------------------------------------------------------------- */



.pages {

	background: url(images/subpage_header_background.png) left top repeat-x;

}



.shadow_2col {

	float:left;

	width:650px;

	padding-bottom:50px;

	background:url(images/shadow_2col.png) center bottom no-repeat;

}



.page_holder {

	float:left;

	width:650px;

	padding-bottom:10px;

}



.content_holder_2col  {

	background: #fff;

	float:left;

	width:650px;

}



.shadow_sidebar {

	float:left;

	width:290px;

	padding-bottom:25px;

	margin-bottom:25px;

	background:url(images/shadow_sidebar.png) center bottom no-repeat;

}



.sidebar .box {

	background: #fff;

	float:left;

	width:290px;

}



.sidebar {

	float:right;

	width:290px;

	margin-top:40px;

}





/* services page

-------------------------------------------------------------- */



.shadow_services {

	float:left;

	width:290px;

	padding-bottom:25px;

	margin-bottom:25px;

	background:url(images/shadow_sidebar.png) center bottom no-repeat;

	margin-right:40px;

}



.shadow_services.no_margin {

	margin-right:0px;

}



.shadow_services li {

	background:url(images/bullet.png) no-repeat left 14px ;

	display:block;

	padding:8px 0 8px 15px;

}



.shadow_services .box {

	background: #fff;

	float:left;

	width:290px;

	min-height:320px;

}



.shadow_services .box img {

	border:0px;

}



.shadow_services .box .more-link.services {

	position:relative;

	left:-50%;

}



/* holder used for center position of the link  */

.shadow_services .box .link_holder {

	position:relative;

	left:50%;

	float:left;

	clear:both;

	margin:10px 0;

}



/* team page

-------------------------------------------------------------- */





#team div {

	height:auto;

	padding-bottom:20px;

}



.shadow_team {

	float:left;

	width:290px;

	padding-bottom:25px;

	margin-bottom:25px;

	background:url(images/shadow_sidebar.png) center bottom no-repeat;

	margin-right:40px;

}



.shadow_team.no_margin {

	margin-right:0px;

}



.shadow_team .box {

	background: #fff;

	padding:15px;

	float:left;

	width:260px;

	min-height:220px;

	-webkit-box-shadow:0px 0px 0px #fff inset;

	-webkit-transition: -webkit-box-shadow .5s linear;

}



#nav a:hover .box, #nav .activeSlide .box {

	/* CSS3 inset shadow: */

	background:#F5F5F5;

	-moz-box-shadow:0 0 30px #BFBFBF inset;

	-webkit-box-shadow:0 0 30px #BFBFBF inset;

	color:#000;

}



#nav li {

	display:block;

	float:left;

}



.shadow_team .box span.name {

	width:100%;

	margin-bottom:10px;

	margin-top:10px;

	display:block;

	font-weight:bold;

}



.shadow_team .box img {

	border:0px;

	margin-top:0px;

}



/* sponsor page

-------------------------------------------------------------- */



.boxes_holder {

	margin-top:40px;

	float:left;

}



.shadow_sponsors {

	float:left;

	width:290px;

	padding-bottom:30px;

	margin-bottom:25px;

	background:url(images/shadow_sponsors.png) center bottom no-repeat;

	margin-right:40px;

	position:relative;

	cursor:pointer;

	height:230px;

}



.shadow_sponsors.no_margin {

	margin-right:0px;

}



.shadow_sponsors img {

	border:0px;

}



.sponsorListHolder{

	margin-bottom:30px;

}





.sponsorFlip{

	/*  The sponsor div will be positioned absolutely with respect

		to its parent .sponsor div and fill it in entirely */

	position:absolute;

	left:0;

	top:0;

	width:290px;

	height:230px;

	line-height:230px;

	background:#fff;

	-webkit-box-shadow:0px 0px 0px #fff inset;

	-webkit-transition: -webkit-box-shadow .5s linear;

}



.sponsorFlipHolder{

	/*  The sponsor div will be positioned absolutely with respect

		to its parent .sponsor div and fill it in entirely */

	float:none;

	width:290px;

	height:230px;

	display:table-cell;

	vertical-align:middle;

}



.sponsorFlip:hover{

	/* CSS3 inset shadow: */

	-moz-box-shadow:0 0 30px #ccc inset;

	-webkit-box-shadow:0 0 30px #ccc inset;

}



.sponsorFlip img{

	/* Centering the logo image in the middle of the .sponsorFlip div */

	

	

}



.sponsorData{

	/* Hiding the .sponsorData div */

	display:none;

}



.sponsorTitle{

	font-size:12px;

	font-style:italic;

	font-weight:bold;

	padding:30px 20px 0px 20px;

}



.sponsorDescription{

	font-size:11px;

	padding:0px 20px 0px 20px;

	font-style:italic;

}



.sponsorURL{

	font-size:10px;

	font-weight:bold;

	padding:0px 20px 20px 20px;

}



/* portfolio page

-------------------------------------------------------------- */



.shadow_portfolio {

	float:left;

	width:465px;

	padding-bottom:22px;

	margin-bottom:22px;

	background:url(images/shadow_portfolio.png) center bottom no-repeat;

	margin-right:30px;

}



.shadow .portfolio {

	padding:20px;

	width:920px;

}



.shadow .portfolio a.more-link {

	margin-right:10px;

}





.shadow_portfolio.no_margin {

	margin-right:0px;

}



.shadow_portfolio img {

	border:0;

	margin:15px;

}



.shadow_portfolio .box {

	float:left;

	width:465px;

	min-height:575px;

	-webkit-box-shadow:0px 0px 0px #fff inset;

	-webkit-transition: -webkit-box-shadow .5s linear;

	background:#fff url(images/loading.gif) 50% 50% no-repeat;

}



.shadow_portfolio .box.addshadow {

	/* CSS3 inset shadow: */

	background:#f4f4f4;

	-moz-box-shadow:0 0 20px #BFBFBF inset;

	-webkit-box-shadow:0 0 20px #BFBFBF inset;

}



.shadow_portfolio .no_height {

	min-height: 575px;

}



.shadow_portfolio .box h1 {

	padding:0px 0px 10px 0px;

	font-size:18px;

}



.shadow_portfolio .post_meta li {

	display:block;

	float:left;

	margin-right:10px;

	font-size:11px;

	padding-left:25px;

	min-height:27px;

	text-shadow:2px 1px #fff;

}



.shadow_portfolio .post_meta li a {

	font-size:11px;

}



.shadow_portfolio .post_meta li.category {

	background:url(images/category_icn_small.png) left top no-repeat;

}



.shadow_portfolio .post_meta li.date {

	background:url(images/date_icn_small.png) left top no-repeat;

}



.shadow_portfolio .post_meta li.comments {

	background:url(images/comments_icn_small.png) left top no-repeat;

}



/* portfolio page sortable

-------------------------------------------------------------- */



.image-grid {

	width:960px;

}



.image-grid li {

	float:left;

	height:575px;

	overflow:hidden;

	width:465px;

}



/* blog

-------------------------------------------------------------- */



.left_column {

	width:590px;

	float:left;

	margin-top:40px;

}



.blog .more-link {

	display:block;

	float:left;

	margin:10px 0px;

}



.blog_img {

	display:block;

	margin-bottom:15px;

	width:602px;

	padding:3px;

	border:1px solid #ccc;

}



.blog_img_wide {

	display:block;

	margin-bottom:15px;

	width:912px;

	padding:3px;

	border:1px solid #ccc;

}



.post_meta_top  {

	border-bottom:6px solid #eeeeee;

	margin-bottom:15px;

	padding-bottom:10px;

	float:left;

	width:100%;

}



.post_meta_top ul {

	display:block;

	width:100%;

	float:right;

}



.post_meta_top li {

	display:block;

	float:right;

	font-size:11px;

	margin-right:10px;

	min-height:27px;

	padding:0px 0px 0px 25px !important;

}



.blog_wide .post_meta_bottom, .post_detailed .post_meta_bottom  {

	background:#f5f5f5 url(images/heading_background_top.png) left top repeat-x;

	margin-top:15px;

	padding:17px 20px;

	float:left;

	width:920px;

}



.post_meta_bottom  {

	background:#f5f5f5 url(images/heading_background_top.png) left top repeat-x;

	margin-top:15px;

	padding:17px 20px;

	float:left;

	width:610px;

}



.post_meta_bottom ul {

	display:block;

	width:100%;

	float:left;

}



.post_meta_bottom li {

	display:block;

	float:left;

	font-size:11px;

	margin-right:10px;

	min-height:20px;

	padding:0px 0px 0px 25px !important;

	text-shadow:2px 1px #fff;

}



.post_meta_top li.users, .post_meta_bottom li.users {

	background:url(images/users_icn_small.png) no-repeat left top;

}



.post_meta_top li.date, .post_meta_bottom li.date {

	background:url(images/date_icn_small.png) no-repeat left top;

}



.post_meta_bottom li.category {

	background:url(images/category_icn_small.png) no-repeat left top;

}



.post_meta_bottom li.tags {

	background:url(images/tags_icn_small.png) no-repeat left top;

}



.post_meta_bottom li.comments {

	background:url(images/comments_icn_small.png) no-repeat left top;

}



/* blog comments

-------------------------------------------------------------- */



li.comment {

	border-bottom:1px solid #eeeeee;

	display:block;

	float:left;

	margin-bottom:20px;

	padding-bottom:20px;

	width:100%;

}



li.comment img.avatar {

	padding:2px;

	border:1px solid #eee;

	display:block;

	float:left;

	margin-right:10px;

}



li.comment .comment-author ul {

	display:block;

	float:left;

	width:70%;

	padding-top:5px;

}



li.comment .comment-author ul li {

	display:block;

	float:left;

	font-size:11px;

	min-height:27px;

	padding:0px 0px 0px 25px !important;

}



li.comment .comment-author ul li.users {

	background:url(images/users_icn_small.png) no-repeat left top;

	width:80%;

}





li.comment .comment-author ul li.date {

	background:url(images/date_icn_small.png) no-repeat left top;

	width:80%;

}



li.comment .reply {

	float: right;

}



/* sidebar

-------------------------------------------------------------- */



.shadow_sidebar .box img {

	border:0px;

}



.shadow_sidebar .box li {

	padding:8px 0 8px 15px;

	background:url(images/bullet.png) left 13px no-repeat;

	display:block;

	border-bottom:1px solid #DEDEDE;

}



.shadow_sidebar .box li.no-border {

	border:0px;

}



.shadow_sidebar .box li ul {

	margin-top:12px;

}



.shadow_sidebar .box dl.twitter dd {

	display:block;

	padding:10px 0;

	border-bottom:1px solid #DEDEDE;

}



.footer_widgets .box dl.twitter dd {

	display:block;

	padding:10px 0;

	background:url(images/footer_list_sep.png) repeat-x  left bottom;

}



.shadow_sidebar .box dl.twitter .rsswidget, .footer_widgets .box dl.twitter .rsswidget {

	color:#666666;

	font-size:11px;

	font-style:italic;

	width:100%;

	display:block;

}



a.follow_twitter  {

	background:url(images/twitter_bird.png) left top no-repeat;

	display:block;

	font-size:18px;

	margin-top:20px;

	padding-left:50px;

	min-height:30px;

}



a.follow_twitter:hover  {

	color:#999;

	text-decoration:none;

}





.shadow_sidebar .box .thumbs li {

	min-height:60px;

	background:none;

	padding:8px 0px 8px 0px;

	border-bottom:1px solid #DEDEDE;

	margin-bottom:4px;

}



.shadow_sidebar .box li span.comments_date {

	color:#4C4C4C;

	display:block;

	font-size:11px;

	padding:5px 0;

}



.shadow_sidebar .box li a.title {

	display:block;

}



.shadow_sidebar .box li a.image {

	display:block;

	float:left;

	height:50px;

	margin-right:15px;

	width:50px;

}

.shadow_sidebar .box li img {

	background:#eee;

	border:1px solid #ccc;

	padding:2px;

}



.shadow_sidebar .box .flickr li {

	background:none;

	display:block;

	float:left;

	margin:10px 26px 5px 0;

	width:65px;

	padding:0px;

}





.shadow_sidebar .box .flickr li.no_margin {

	margin-right:0;

}



.shadow_sidebar .box .social li{

	background:none;

	padding:0px;

	width:42px;

	height:43px;

	float:left;

	margin:0px 27px 18px 0px;

	border:none;

}



.shadow_sidebar .box .social li img{

	padding:0px;

	border:0px;

	background: none;

}



.shadow_sidebar .box .social li.no_margin {

	margin-right:0;

}



/* comments form 

-------------------------------------------------------------- */



.form-comment {

}



.form-comment .holder {

	clear:both;

	float:left;

	margin:0 0 12px;

	width: 100%;

}



p.succes, p.error {

	color:#C01F25;

	padding:0px;

	width:100%;

	display:block;

}



.notification_error {

	border:1px dashed #666;

	margin-bottom:20px;

	padding:10px;

}



.form-comment .holder input {

	width: 270px;

	padding:5px;

	border:0;

	background:none;

	margin:0px

}



.form-comment .holder span.more-link input {

	cursor:pointer;

	width: auto;

	padding:7px 14px 11px 28px;

	background:url(images/custom_link_left.png) no-repeat scroll 0 0 transparent;

}



.form-comment .holder textarea {

	width: 430px;

	padding:5px;

	border:0;

	background:none;

	margin:0px;

	height: 140px;

}



.form-comment .holder label {

	float:left;

	font-size:12px;

	padding:8px;

}



.form-comment .holder .name{

	background:url(images/input_name.png) left top no-repeat;

	width:283px;

	height:27px;

	padding:5px 15px 5px 45px;

	float:left;

}



.form-comment .holder .email{

	background:url(images/input_email.png) left top no-repeat;

	width:283px;

	height:27px;

	padding:5px 15px 5px 45px;

	float:left;

}



.form-comment .holder .website{

	background:url(images/input_website.png) left top no-repeat;

	width:283px;

	height:27px;

	padding:5px 15px 5px 45px;

	float:left;

}



.form-comment .holder .comment{

	background:url(images/textarea.png) left top no-repeat;

	width:493px;

	height:170px;

	padding:5px 15px 5px 45px;

}



/* Footer Twitter

-------------------------------------------------------------- */



.footer_twitter {

	background:url(images/footer_top_background.png) left top repeat-x;

	height:49px;

	font-size:14px;

	color:#eeeeee;

}



.footer_twitter p {

	font-size:14px;

	color:#eeeeee;

	margin-top:12px;

	min-height:30px;

}



.footer_twitter p.twitter {

	background:url(images/twitter_bird.png) left top no-repeat;

	padding-left:60px;

}



.footer_twitter a {

	color:#eeeeee;

	font-weight: bold;

}



.footer_twitter a:hover {

	color:#666;

	text-decoration:none;

}



.footer_twitter a.date {

	color:#a1a1a1;

	font-weight: normal;

	font-style:italic;

	font-size:12px;

}



/* Footer Widgets

-------------------------------------------------------------- */

.footer_widgets {

	background: #111111;

	padding-bottom:30px;

}



.footer_widgets .wrap {

	background: url(images/footer_widgets_shadow.png) top center no-repeat;

	min-height:72px;

	padding-top:20px;

}





.footer_widgets .box {

	float:left;

	margin-right:45px;

	width:290px;

}



.footer_widgets .box li{

	color:#999999;

	background: url(images/footer_list_sep.png) left bottom repeat-x;

	padding:8px 0px;

}



.footer_widgets .box li ul li{

	padding-left:15px;

}



.footer_widgets .box li.no-border{

	background: none;

}



.recentcomments a {

	background:none!important;

}



.footer_widgets .box li a{

	color:#999999;

	background: url(images/arrow.png) left 5px no-repeat;

	padding-left:10px;

}



.footer_widgets .box li a:hover{

	color:#fff;

}





.footer_widgets a{

	color:#999999;

}



.footer_widgets .box ul.no_arrow li a{

	background: none;

	padding-left:0px;

}



.footer_widgets .box .thumbs li {

	min-height:60px;

}



.footer_widgets .box li a.image {

	display:block;

	float:left;

	height:50px;

	margin-right:15px;

	width:50px;

}



.footer_widgets .box li a.image img, .footer_widgets .box .flickr li img {

	padding:2px;

	background:#000;

	border:1px solid #1a1a1a;

}



.footer_widgets .box ul.flickr  {

	padding-top:10px;

}



.footer_widgets .box .flickr li {

	background:none;

	display:block;

	float:left;

	margin:0px 7px 7px 0px;

	width:65px;

	padding:0px;

}



.footer_widgets .box li a.title {

	display:block;

}



.footer_widgets .box li span.comments_date {

	color:#4c4c4c;

	display:block;

	font-size:11px;

	padding:5px 0;

}



.footer_widgets h2 {

	color:#eeeeee;

	padding-bottom:10px;

}



/* Footer Informations

-------------------------------------------------------------- */



.last_footer {

	background:#000;

}



.footer_info {

	float:left;

	padding:30px 0px;

	width:960px;

	

}



.footer_info p.copyright {

	float:left;

}



.footer_info a {

	color:#999999;	

}





.footer_info ul.social  {

	float:right;

}



.footer_info ul.social li {

	display:inline;

}



.footer_widgets ul.social li {

	background:none;

	padding:0px;

	margin:0 18px 18px 0;

	display:block;

	float:left;

}





ul.social li a {

	display:block;

	float:left;

	width:20px;

	height:20px;

	margin-left:10px;

	text-indent:-9999px;

	overflow:hidden;

	font-size:0;

}



.shadow_sidebar ul.social li a {

	display:block;

	float:left;

	width:43px;

	height:42px;

	margin-left:0px;

	text-indent:-9999px;

	overflow:hidden;

	font-size:0;

}





ul.social li a.rss {

	background:url(images/rss_icn_small.png) left top no-repeat;

}

.shadow_sidebar ul.social li a.rss {

	background:url(images/rss_icn.png) left top no-repeat;

}



ul.social li a.flickr {

	background:url(images/flickr_icn_small.png) left top no-repeat;

}

.shadow_sidebar ul.social li a.flickr {

	background:url(images/flickr_icn.png) left top no-repeat;

}



ul.social li a.linkedin {

	background:url(images/linkedin_icn_small.png) left top no-repeat;

}

.shadow_sidebar ul.social li a.linkedin {

	background:url(images/linkedin_icn.png) left top no-repeat;

}



ul.social li a.twitter {

	background:url(images/twitter_icn_small.png) left top no-repeat;

}

.shadow_sidebar ul.social li a.twitter {

	background:url(images/twitter_icn.png) left top no-repeat;

}



ul.social li a.facebook {

	background:url(images/facebook_icn_small.png) left top no-repeat;

}

.shadow_sidebar ul.social li a.facebook {

	background:url(images/facebook_icn.png) left top no-repeat;

}



ul.social li a.email {

	background:url(images/email_icn_small.png) left top no-repeat;

}

.shadow_sidebar ul.social li a.email {

	background:url(images/email_icn.png) left top no-repeat;

}



ul.social li a.delicious {

	background:url(images/delicious_icn_small.png) left top no-repeat;

}

.shadow_sidebar ul.social li a.delicious {

	background:url(images/delicious_icn.png) left top no-repeat;

}



ul.social li a.vimeo {

	background:url(images/vimeo_icn_small.png) left top no-repeat;

}

.shadow_sidebar ul.social li a.vimeo {

	background:url(images/vimeo_icn.png) left top no-repeat;

}



ul.social li a.youtube {

	background:url(images/youtube_icn_small.png) left top no-repeat;

}

.shadow_sidebar ul.social li a.youtube {

	background:url(images/youtube_icn.png) left top no-repeat;

}



/************************************************

CAPTIFY CAPTION

************************************************/

.caption-top, .caption-bottom {

     background: #000000;

     color: #ffffff;

     cursor:default;

     padding:2px;

     font-size:11px;

     text-align:center;

}



.caption-top {

     border-width:0px;

}



.caption-bottom {

     border-width:0px;

}



.caption a, .caption a {

     background:#000;

     border:none;

     text-decoration:none;

     padding:2px;

}



.caption a:hover, .caption a:hover {

     background:#202020;

}

/************************************************

Tags

************************************************/

a.tagsz-1 { font-size:  10px; }

a.tagsz-2 { font-size: 12px; }

a.tagsz-3 { font-size: 14px; }

a.tagsz-4 { font-size: 16px; }

a.tagsz-5 { font-size: 18px; }



/************************************************

Slogan

************************************************/



.slogan {

	width:660px;

	padding:20px 150px;

	background:url(images/slogan_background.png) center top no-repeat;

	margin-top:30px;

	float:left;

	text-align:center;

}



.slogan p {

	font-size:24px;

	color:#999;

	margin-bottom:10px;

	line-height:34px;

	display:inline;

}



.slogan em {

	font-size:14px;

	color:#6c6c6c;

	padding:10px;

	background:#000;

}





/************************************************

Alt style

************************************************/



h1.title,h2.title{

	background:#f5f5f5 url(images/heading_background.png) left bottom repeat-x;

	padding:19px 20px 15px 20px;

	width:610px;

	font-size:24px;

}



.info_holder{

	padding:20px;

	width:610px;

}



h1.title_wide {

	background:#f5f5f5 url(images/heading_background.png) left bottom repeat-x;

	padding:17px 20px;

	width:920px;

	font-size:24px;

}



.info_holder_wide{

	padding:20px;

	width:920px;

}



.sidebar h1.title, .sidebar h2.title, .sidebar h3.title,

.shadow_services h1.title, .shadow_services h2.title, .shadow_services h3.title

{

	background:#f5f5f5 url(images/heading_background.png) left bottom repeat-x;

	padding:22px 20px 18px 20px;

	width:250px;

}



.shadow_services h1.title

{

	font-size:18px;

}



.sidebar .info_holder, .shadow_services .info_holder{

	padding:10px 20px 20px 20px;

	width:250px;

	float:left;

}



.shadow_services .info_holder{

	padding-top:10px;

}



.blog_wide .pagination {

	background:#f5f5f5 url(images/heading_background_top.png) left top repeat-x;

	padding:17px 20px;

	float:left;

	width:920px;

}



.pagination {

	background:#f5f5f5 url(images/heading_background_top.png) left top repeat-x;

	padding:17px 20px;

	float:left;

	width:610px;

}



.shadow_portfolio .info_holder{

	background:#f5f5f5 url(images/heading_background_top.png) left top repeat-x;

	padding:10px 15px 5px 15px;

	float:left;

	width:435px;

}



.shadow_portfolio a.img_holder{

	width:435px;

	height:575px;

	float:left;

	display:block;

}



.featured_post_image_holder {

	background: url(images/featured_post_image_shadow.png) left bottom no-repeat;

	width:510px;

	height:340px;

	padding-bottom:40px;

	float:right;

}



#slideshow_holder_featured_post {

	float:left;

	height:396px;

	margin-top:36px;

	padding-top:10px;

	width:960px;

	color:#cacaca;

}



.featured_post_content {

	float:left;

	width:430px;

}



.featured_post_content h1,

.featured_post_content h2,

.featured_post_content h3,

.featured_post_content h4,

.featured_post_content h5,

.featured_post_content h6

{

	color:#fff;

}



.featured_post_content p

{

	color:#cacaca;

}



.featured_post_content h1.title

{

	background:none;

	color:#fff;

	padding-left:0px;

	font-weight:bold;

}





.featured_post_content h1 a

{

	color:#fff;

	background:none;

	

}



.featured_post_content h1 a:hover

{

	color:#fff;

	background:none;

	text-shadow:none;

}





/* Text elements featured

-------------------------------------------------------------- */



.featured_post_content h1 {

	font-size: 28px;

	font-weight:normal;

	padding:20px 0px;

	float:left;

	width:100%;

}



.featured_post_content h2 {

	font-size:24px;

	font-weight:bold;

	padding:20px 0px;

}



.featured_post_content h3 {

	font-size: 18px;

	font-weight:bold;

	padding:20px 0px;

	line-height:normal;

	line-height:24px;

	display:inline;

}



.featured_post_content h4 {

	font-size:16px;

	font-weight:bold;

	padding:20px 0px;

}



.featured_post_content h5 {

	font-size:14px;

	font-weight:bold;

	padding:20px 0px;

}



.featured_post_content h6 {

	font-size:12px;

	font-weight:bold;

	padding:20px 0px;

}





.main_page h1, .main_page h2, .main_page h3, .main_page h4, .main_page h5, .main_page h6 {

	padding:10px 0px;

}

.index .left_column, .index .sidebar	 { margin-top:0px;}