@charset "utf-8";
/* CSS Document */

body {
	background: #eeeeee;
	font-size:12px;
	font-family: Verdana, Geneva, sans-serif;
	color:#666;
}

a{
	color:#000;
}

a:hover{
	text-decoration:underline;
}

a.custom {
  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;
}

a.custom:hover {
  text-decoration:none;
  color:#333;
}

a.custom 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 */
}



/* 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:#FFFFFF 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;
}

cite
    {
    font-size: 12px;
    float: right; 
	margin:0px 0px 20px 0px;
}

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;
	width:70%;
	padding:8px;
}

.content_holder ol {
	list-style-type:decimal;
	list-style-position:inside;
}

.content_holder ol li {
	padding:8px 0;
}

.content_holder 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;
}


/* Header 
-------------------------------------------------------------- */
.top_bar {
	background:url(../images/top_bar_background.png) repeat-x left top;
	height:34px;
	text-align:right;
}

.top_bar ul {
	float:right;
	font-size:11px;
}

.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 {
	width:154px;
	height:52px;
	float:left;
}



/* 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;
	margin-bottom:	1em;
}
.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 {
	height:37px;
	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 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 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 {
	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 .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:407px;
	background: url(../images/slideshow_shadow.png) center bottom no-repeat;
}

#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:0;
}

.ft-next {
	right:-40px!important;
	opacity: 1!important;
	background: url(../images/next_btn.png) left top no-repeat;
	width:31px;
	height:30px;
	font-size:0;
}

.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; padding: 10px; float: left; }
.cs-buttons a { margin-left: 5px; height: 10px; width: 10px; float: left; border: 1px solid #939393; color: #B8C4CF; text-indent: -1000px; }
.cs-active { background-color: #939393; 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; color: #FFFFFF; padding: 0px 10px; }


/* Circular Carousel
-------------------------------------------------------------- */
#slideshow_holder_carousel {
	float:left;
	width:960px;
	margin-bottom:25px;
}

.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;
}
.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_holder {
	float:left;
	width:960px;
	background: url(../images/slideshow_shadow.png) center bottom no-repeat;
	display:block;
	padding-bottom:50px;
}

.motto {
	width:920px;
	background:url(../images/motto_background.png) repeat left top;
	float:left;
	display:block;
	padding:20px;
}

.motto h1, .motto h2, .motto h3, .motto h4, .motto h5, .motto h6 {
	padding:0px;
}

.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
-------------------------------------------------------------- */

.shadow {
	float:left;
	width:960px;
	padding-bottom:50px;
	background:url(../images/slideshow_shadow.png) center bottom no-repeat;
}

.content_widgets, .content_holder  {
	background: #fff;
	padding:30px;
	float:left;
	width:900px;
}

.content_widgets .box {
	background:url(../images/box_sep.png) right top repeat-y;
	width:270px;
	float:left;
	margin-right:20px;
	padding-right: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:70px;
}

.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.custom {
	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.custom {
	margin-right:5px;
}


/* page with sidebar
-------------------------------------------------------------- */

.shadow_2col {
	float:left;
	width:650px;
	padding-bottom:50px;
	background:url(../images/shadow_2col.png) center bottom no-repeat;
}

.content_holder_2col  {
	background: #fff;
	padding:30px;
	float:left;
	width:590px;
}

.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;
	padding:30px;
	float:left;
	width:230px;
}

.sidebar {
	float:right;
	width:290px;
}


/* 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;
	padding:30px;
	float:left;
	width:230px;
	min-height:320px;
}

.shadow_services .box h1:first-child {
	padding-bottom:10px;
	padding-top:0;
	font-size:18px;
	text-align:center;
}

.shadow_services .box img {
	border:0px;
}

.shadow_services .box .custom.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 {
	width:900px;
	height:200px;
}

.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:30px;
	float:left;
	width:230px;
	min-height:250px;
	-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:#f4f4f4;
	-moz-box-shadow:0 0 30px #ccc inset;
	-webkit-box-shadow:0 0 30px #ccc inset;
}

#nav li {
	display:block;
	float:left;
}

.shadow_team .box span.name {
	width:100%;
	margin-bottom:10px;
	display:block;
	font-weight:bold;
}

.shadow_team .box img {
	border:0px;
}

/* sponsor page
-------------------------------------------------------------- */

.shadow_sponsors {
	float:left;
	width:290px;
	padding-bottom:25px;
	margin-bottom:25px;
	background:url(../images/shadow_sidebar.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;
	background:#fff;
	-webkit-box-shadow:0px 0px 0px #fff inset;
	-webkit-transition: -webkit-box-shadow .5s linear;
	
}

.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 */
	position:absolute;
	top:50%;
	left:50%;
	margin:-70px 0 0 -128px;
}

.sponsorData{
	/* Hiding the .sponsorData div */
	display:none;
}

.sponsorDescription{
	font-size:11px;
	padding:50px 10px 20px 20px;
	font-style:italic;
}

.sponsorURL{
	font-size:10px;
	font-weight:bold;
	padding-left: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.custom {
	margin-right:10px;
}


.shadow_portfolio.no_margin {
	margin-right:0px;
}

.shadow_portfolio img {
	border:0;
}

.shadow_portfolio .box {
	background: #fff;
	padding:15px;
	float:left;
	width:435px;
	min-height:250px;
	-webkit-box-shadow:0px 0px 0px #fff inset;
	-webkit-transition: -webkit-box-shadow .5s linear;
}

.shadow_portfolio .box.addshadow {
	/* CSS3 inset shadow: */
	background:#f4f4f4;
	-moz-box-shadow:0 0 20px #ccc inset;
	-webkit-box-shadow:0 0 20px #ccc inset;
}

.shadow_portfolio .no_height {
	min-height: 190px;
}

.shadow_portfolio .box h1 {
	padding:15px 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;
}

.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:290px;
	overflow:hidden;
	width:465px;
}

/* blog
-------------------------------------------------------------- */

.left_column {
	width:590px;
	float:left;
}

.blog .custom {
	display:block;
	float:left;
	margin:10px 0px;
}

.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-left:25px;
}

.post_meta_bottom  {
	border-top:6px solid #eeeeee;
	margin-top:15px;
	padding-top:10px;
	float:left;
	width:100%;
}

.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:27px;
	padding-left:25px;
}

.post_meta_top li.users {
	background:url(../images/users_icn_small.png) no-repeat left top;
}

.post_meta_top 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:5px 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-left:25px;
}

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 h3:first-child {
	padding-top:0px;
}

.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;
}

.shadow_sidebar .box li ul {
	margin-top:12px;
}

.shadow_sidebar .box dl.twitter dd {
	display:block;
	padding:10px 0;
	border-bottom:5px solid #EEEEEE;
}

.shadow_sidebar .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:10px;
	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 0;
	border-bottom:5px solid #EEEEEE;
}

.shadow_sidebar .box li span.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:10px;
	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:0 5px 10px 0;
	padding:0;
	width:53px;
}

.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 18px 18px 0px;
}

.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;
}

.form-comment .holder input {
	width: 270px;
	padding:5px;
	border:0;
	background:none;
	margin:0px
}

.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:52px;
	font-size:14px;
	color:#eeeeee;
}

.footer_twitter p {
	font-size:14px;
	color:#eeeeee;
	background:url(../images/twitter_bird.png) left top no-repeat;
	padding-left:60px;
	margin-top:16px;
}

.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:url(../images/footer_widgets_background.png) left top repeat;
	padding-bottom:30px;
}

.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 a{
	color:#999999;
	background: url(../images/arrow.png) left 5px no-repeat;
	padding-left:10px;
}

.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:10px;
	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 .flickr li {
	background:none;
	display:block;
	float:left;
	margin:0px 5px 10px 0px;
	width:53px;
	padding:0px;
}

.footer_widgets .box li a.title {
	display:block;
}

.footer_widgets .box li span.date {
	color:#4c4c4c;
	display:block;
	font-size:11px;
	padding:5px 0;
}

.footer_widgets h2 {
	color:#eeeeee;
}

/* Footer Informations
-------------------------------------------------------------- */

.footer_info {
	float:left;
	padding:30px 0px;
	width:960px;
}

.footer_info p.copyright {
	float:left;
}

.footer_info ul.social  {
	float:right;
}

.footer_info ul.social li {
	display:inline;
}

.footer_info ul.social li a {
	display:block;
	float:left;
	width:42px;
	height:43px;
	margin-left:10px;
}

.footer_info ul.social li a.rss {
	background:url(../images/footer_rss.png) left top no-repeat;
}

.footer_info ul.social li a.flickr {
	background:url(../images/footer_flickr.png) left top no-repeat;
}

.footer_info ul.social li a.linkedin {
	background:url(../images/footer_linkedin.png) left top no-repeat;
}

.footer_info ul.social li a.twitter {
	background:url(../images/footer_twitter.png) left top no-repeat;
}

.footer_info ul.social li a.facebook {
	background:url(../images/footer_facebook.png) left top no-repeat;
}