/*
Theme Name: Delphic
Author: elemis
Author URI: http://themeforest.net/user/elemis/portfolio
Version: 1.0
Description: HTML Portfolio & Blog

0.	RESET
1.	FONT-FACE
2.	GENERAL
3.	LAYOUT
4.	MENU
5.	SLIDERS
6.	COLUMNS
7.	HOME INTRO
8.	HOME ABOUT
9.	PAGE
10.	PORTFOLIO
11.	SINGLE PORTFOLIO
12.	VERTICAL TAB
15.	NEWS LIST
16.	CONTACT
17.	TOGGLE & TABS
18.	CAROUSEL

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


/*-----------------------------------------------------------------------------------*/
/*	0.	RESET
/*-----------------------------------------------------------------------------------*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: top;
	background: transparent
}
body {
	line-height:1
}
ol, ul {
	list-style:none
}
blockquote, q {
	quotes:none
}
blockquote:before, blockquote:after, q:before, q:after {
	content:'';
	content:none
}
:focus {
	outline:0
}
ins {
	text-decoration:none
}
del {
	text-decoration:line-through
}
table {
	border-collapse:collapse;
	border-spacing:0
}
.clear {
	clear:both;
	display:block;
	overflow:hidden;
	visibility:hidden;
	width:0;
	height:0
}
.clearfix:after {
	clear:both;
	content:' ';
	display:block;
	font-size:0;
	line-height:0;
	visibility:hidden;
	width:0;
	height:0
}
.clearfix {
	display:inline-block
}
* html .clearfix {
	height:1%
}
.clearfix {
	display:block
}


/*-----------------------------------------------------------------------------------*/
/*	1.	FONT-FACE
/*-----------------------------------------------------------------------------------*/

 @font-face {
 font-family: 'Puritan20Italic';
 src: url('type/puritan/puritan_italic-webfont.eot?') format('eot'),  url('type/puritan/puritan_italic-webfont.woff') format('woff'),  url('type/puritan/puritan_italic-webfont.ttf') format('truetype'),  url('type/puritan/puritan_italic-webfont.svg#webfontZMWmRIPG') format('svg');
 font-weight: normal;
 font-style: normal;
}
 @font-face {
 font-family: 'Puritan20Normal';
 src: url('type/puritan/puritan_regular-webfont.eot?') format('eot'),  url('type/puritan/puritan_regular-webfont.woff') format('woff'),  url('type/puritan/puritan_regular-webfont.ttf') format('truetype'),  url('type/puritan/puritan_regular-webfont.svg#webfontJ25dHiGv') format('svg');
 font-weight: normal;
 font-style: normal;
}

/*-----------------------------------------------------------------------------------*/
/*	2.	GENERAL
/*-----------------------------------------------------------------------------------*/

body {
	font-family:"Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Helvetica, Arial, sans-serif;
	background-color: #f0f0f0;
	color: #565656;
	font-size: 13px;
	overflow-y: scroll;
	overflow-x: hidden;
}

html, body {
	height: 100%;
}

#container {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -105px; /* the bottom margin is the negative value of the footer's height */
}

#footer-wrapper, .push {
	height: 105px; /* .push must be the same height as .footer */
}

p {
	line-height: 20px;
	margin-bottom: 20px;
}

a {
	text-decoration: none;
	color: rgb(28,53,119)
}

a:hover {
	text-decoration: none;
	color: rgb(241,88,0);
}

pre {
	margin-bottom: 20px;
	font-size: 11px;
	background-color: #e8e8e8;
	padding: 0 10px;
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Puritan20Normal';
	font-weight: normal;
	color: #1f1f1f;
	margin-bottom: 10px;
}

h1 {
	font-size: 28px;
}

h2 {
	font-size: 25px;
}

h3 {
	font-size: 22px;
	line-height: 26px;
}

h4 {
	font-size: 17px;
}

h5 {
	font-size: 15px;
}

h6 {
	font-size: 14px;
}

.divider, .divider2, .divider3 {
	background: transparent url(images/line.png) repeat-x bottom center;
	height: 2px;
	display: block;
	margin: 30px 0;
}

.divider2 {
	margin-top:10px;
}

.divider3 {
	margin-bottom:10px;
}

img.left {
	top: 0px;
	float:left;
	display: block;
	margin:0;
	padding:0;
	margin-right:20px;
}

img.right {
	top: 0px;
	float:right;
	display: block;
	margin:0;
	padding:0;
	margin-left:20px;
}

.button, .button:link, .button:visited {
	display: block;
	position: relative;
	padding: 0 0 0 15px;
	height: 32px;
	line-height: 30px;
	text-align: center;
	background-position: 0 0;
	background-repeat: no-repeat;
	font-size: 14px;
	font-weight: normal;
	color: #FFF;
	cursor: pointer;
	font-family: 'Puritan20Normal';
}
.button span {
	display: block;
	position: absolute;
	top: 0px;
	right: -15px;
	width: 15px;
	height: 32px;
	background-position: right top;
}
.button.light-blue, .button.light-blue span {
	background-image: url(images/button-light-blue.png);
	float: left;
}
.button.light-purple, .button.light-purple span {
	background-image: url(images/button-light-purple.png);
	float: left;
}
.button.light-pink, .button.light-pink span {
	background-image: url(images/button-light-pink.png);
	float: left;
}
.button.light-brown, .button.light-brown span {
	background-image: url(images/button-light-brown.png);
	float: left;
}
.button.light-teal, .button.light-teal span {
	background-image: url(images/button-light-teal.png);
	float: left;
}
.button.lime, .button.lime span {
	background-image: url(images/button-lime.png);
	float: left;
}
.button.red, .button.red span {
	background-image: url(images/button-red.png);
	float: left;
}
.button.orange, .button.orange span {
	background-image: url(images/button-orange.png);
	float: left;
}
.button.yellow, .button.yellow span {
	background-image: url(images/button-yellow.png);
	float: left;
}
.button.green, .button.green span {
	background-image: url(images/button-green.png);
	float: left;
}
.button.teal, .button.teal span {
	background-image: url(images/button-teal.png);
	float: left;
}
.button.turqoise, .button.turqoise span {
	background-image: url(images/button-turqoise.png);
	float: left;
}
.button.blue, .button.blue span {
	background-image: url(images/button-blue.png);
	float: left;
}
.button.purple, .button.purple span {
	background-image: url(images/button-purple.png);
	float: left;
}
.button.pink, .button.pink span {
	background-image: url(images/button-pink.png);
	float: left;
}
.button.gray, .button.gray span {
	background-image: url(images/button-gray.png);
	float: left;
}

table {
	width: 100%;
	font-size: 13px;
	border-collapse: collapse;
	margin-bottom: 20px;
	border-top-style: none;
	border-bottom-style: none;
}

.tdbgcolor{
	background-image:url(images/rectangle2.png);
	-moz-box-shadow: 1px 3px 7px rgb(28,53,119);
	-webkit-box-shadow: 1px 3px 7px rgb(28,53,119);
	box-shadow: 1px 3px 7px rgb(28,53,119);
}

table th {
	padding: 10px;
	font-size:18px;
	color:#1f1f1f;
	text-align: left;
	border-right:1px solid #c1c1c1;
	font-family: 'Puritan20Normal';
	font-weight: normal;
}

table td.center {
	text-align: center;
}

table td.last {
	background: none;
}

table th.center {
	text-align: center;
}

table th.last {
	background: none;
}

table tr {
	
}

table tr.caption {
	border-left:1px solid #c1c1c1;
}

/*-----------------------------------------------------------------------------------*/
/*	3.	LAYOUT
/*-----------------------------------------------------------------------------------*/

#wrapper ul {
	padding: 0 0 20px 0;
	display: block;
	overflow: hidden;
}

#wrapper ul.nospace {
    padding: 0;
}

#wrapper ul li {
	line-height: 20px;
	list-style: none;
	display: block;
	background: transparent url(images/bullet.jpg) no-repeat left 8px;
	padding-left: 20px;
}

#wrapper ul.check-list {
	padding: 0 0 20px 0;
	display: block;
	overflow: hidden;
}

#wrapper ul.check-list li {
	line-height: 20px;
	list-style: none;
	display: block;
	background: transparent url(images/check.png) no-repeat left 0px;
	padding-left: 30px;
}

#wrapper {
	width: 960px;
	margin: 0 auto;
	padding-top: 0;
	line-height: 20px;
}

#header-wrapper {
	min-width: 960px;
	height: 88px;
	background: transparent url(images/header-bg2.png) repeat-x center bottom;
	-moz-box-shadow: 0px 0px 1px rgb(241,88,0);
	-webkit-box-shadow: 0px 0px 1px rgb(241,88,0);
	box-shadow: 0px 0px 1px rgb(241,88,0);
}

#header {
	width: 960px;
	height: 88px;
	margin: 0 auto;
	position: relative;
	z-index: 999;
}

#page-top {
	padding-bottom: 45px;
}

#logo {
	float: left;
	position: absolute;
	bottom: 16px;
	left: 35px;
	height: 48px;
}

#beta {
	float:left;
	position: absolute;
	bottom: 24px;
	left: 310px;
	height: 41px;
}

#menu-wrapper {
	float: right;
	position: absolute;
	bottom: 23px;
	right: 0;
}
#footer-wrapper {
	height: 25px;
	padding-top: 40px;
}

#footer {
	min-width: 960px;
	height: 65px;
	background: transparent url(images/footer-bg2.png) repeat-x top center;
	-moz-box-shadow: 0px 0px 1px rgb(241,88,0);
	-webkit-box-shadow: 0px 0px 1px rgb(241,88,0);
	box-shadow: 0px 0px 1px rgb(241,88,0);
}

#footer-content {
	width: 960px;
	height: 45px;
	position: relative;
	text-align: right;
	margin-top: 5px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 10px;
	
}

/*-----------------------------------------------------------------------------------*/
/*	4.	MENU
/*-----------------------------------------------------------------------------------*/

.ddsmoothmenu {
	font-family: 'Puritan20Normal';
	font-size: 17px;
	z-index: 1000;
	position: relative;
	text-shadow: 0px 1px 0px #efefef;
	
}

.ddsmoothmenu ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	
}

/*Top level list items*/
.ddsmoothmenu ul li {
	position: relative;
	display: inline;
	float: left;
	clear: none;
	margin-left: 20px;
	padding-left: 10px;
	
}

/*Top level menu link items style*/
.ddsmoothmenu ul li a {
	display: block; /*background of menu items (default state)*/
	text-decoration: none;
	position: relative;
	text-shadow: 0px 1px 0px #efefef;
	
}

* html .ddsmoothmenu ul li a { /*IE6 hack to get sub menu links to behave correctly*/
	display: inline-block;
		
}

.ddsmoothmenu ul li a, .ddsmoothmenu ul li a:visited {
	color: rgb(28,53,119);
	
}

.ddsmoothmenu ul li a.selected { /*CSS class that's dynamically added to the currently active menu items' LI A element*/
	color: rgb(241,88,0);
	
}

.ddsmoothmenu ul li a:hover {
	color: rgb(241,88,0);
}

/*1st sub level menu*/
.ddsmoothmenu ul li ul {
	background: none;
	font-family: 'Puritan20Normal';
	position: absolute;
	padding: 22px 0 0 0;
	left: 0;
	display: block; /*collapse all sub menus to begin with*/
	visibility: hidden;
	border-bottom: 1px solid #cdcdcd;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.ddsmoothmenu ul li ul li {
	margin-left:0;
	padding-left: 0;
	display: list-item;
	float: none;
	background-color: #e1e1e1;
	border-right: 1px solid #cdcdcd;
	border-left: 1px solid #cdcdcd;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.ddsmoothmenu ul li ul li ul {
	top: 0;
	padding-top: 0;
	border-bottom: 1px solid #cdcdcd;
	border-top: 1px solid #cdcdcd;
}

/* Sub level menu links style */
.ddsmoothmenu ul li ul li a {
	font-size: 13px;
	width: 140px; /*width of sub menus*/
	padding: 7px 12px;
	margin: 0;
	line-height: 1;
}

/* Sub level menu links style */
.ddsmoothmenu ul li ul li ul li a {
	font-size: 13px;
}

.ddsmoothmenu ul li ul li:first-child {
	padding-top: 5px;
}

.ddsmoothmenu ul li ul li:last-child {
	padding-bottom: 6px;
}

.ddsmoothmenu ul li ul li ul li:first-child {
	padding-top: 4px;
}

.ddsmoothmenu ul li ul li ul li:last-child {
	padding-bottom: 5px;
}

/* Holly Hack for IE \*/
* html .ddsmoothmenu {
	height: 1%;
} /*Holly Hack for IE7 and below*/

/*-----------------------------------------------------------------------------------*/
/*	5.	SLIDERS
/*-----------------------------------------------------------------------------------*/

/* CYCLE */

#cycle-wrapper {
	position: relative;
	width:770px;
	height: 430px;
	margin: 0 auto 60px;
}

#sliderholder-cycle {
	width:520px;
	height: 430px;
	overflow: hidden;
	background:transparent;
	-moz-box-shadow: 1px 3px 7px rgb(28,53,119);
	-webkit-box-shadow: 1px 3px 7px rgb(28,53,119);
	box-shadow: 1px 3px 7px rgb(28,53,119);
}

.slidernav {
	padding: 0;
	margin: 18px 0 0 0;
	list-style: none;
	text-align: center;
}

.slidernav a {
	cursor: pointer;
	background-color: #cbcbcb; 
	overflow: hidden;
	width: 10px;
	height: 10px;
	margin: 0 3px;
	text-indent: -99999px;
	display: inline-block;
}

.slidernav a:hover, .slidernav .activeSlide {
	background-color: #8c8c8c;
}

.sliderprev, .slidernext {
	display:block;
	width:35px;
	height:35px;
	background:url(images/slider-arrows.jpg) no-repeat;
	text-indent:-9999px;
	border:0;
	cursor: pointer;
	position: absolute;
	-moz-box-shadow: 0px 1px 2px #888;
	-webkit-box-shadow: 0px 1px 2px #888;
	box-shadow: 0px 1px 2px #888;
}

.slidernext {
	background-position: right top;
	right: -60px;
	top: 46%;
}

.slidernext:hover {
	background-position: right bottom;
}

.sliderprev {
	background-position: left top;
	left: -60px;
	top: 46%;
}

.sliderprev:hover {
	background-position: left bottom;
}

/*-----------------------------------------------------------------------------------*/
/*	6.	COLUMNS
/*-----------------------------------------------------------------------------------*/

.one-half {
	width:48%;
}

.one-third {
	width:30.66%;
}

.two-third {
	width:65.33%;
}

.one-fourth {
	width:22%;
}

.three-fourth {
	width:74%;
}

.one-fifth {
	width:16.8%;
}

.two-fifth {
	width:37.6%;
}

.three-fifth {
	width:58.4%;
}

.four-fifth {
	width:67.2%;
}

.one-sixth {
	width: 17%;
}

.five-sixth {
	width:82.67%;
}

.one-half, .one-third, .two-third, .three-fourth, .one-fourth, .one-fifth, .two-fifth, .three-fifth, .four-fifth, .one-sixth, .five-sixth {
	position: relative;
	margin-right: 2%;
	float: left;
}

.last {
	margin-right:0 !important;
	clear:right;
}

/*-----------------------------------------------------------------------------------*/
/*	7.	HOME INTRO
/*-----------------------------------------------------------------------------------*/

.intro h1 {
	line-height: 28px;
	font-size: 22px;
	text-align: center;
	font-weight: normal;
	font-family: 'Puritan20Italic';
	color:#FFFFFF;
}

.intro {
	width: 300px;
}

/*-----------------------------------------------------------------------------------*/
/*	9.	PAGE
/*-----------------------------------------------------------------------------------*/

.content {
	background-color: #FFF;
	-moz-box-shadow: 1px 3px 7px rgb(28,53,119);
	-webkit-box-shadow: 1px 3px 7px rgb(28,53,119);
	box-shadow: 1px 3px 7px rgb(28,53,119);
	padding: 20px 20px 0 20px;
	display: block;
	overflow: hidden;
	margin-bottom: 20px;
}

#wrapper ul.social {
	margin-top: 10px;
}

#wrapper ul.social li {
	float: left;
	background: none;
	margin-right: 10px;
	padding: 0;
}

/*-----------------------------------------------------------------------------------*/
/*	10.	PORTFOLIO
/*-----------------------------------------------------------------------------------*/

.hidden {
	display: none;
}

/*-----------------------------------------------------------------------------------*/
/*	12.	VERTICAL TAB
/*-----------------------------------------------------------------------------------*/

ul#tab-menu {
	float: left;
	width: 250px;
	background-color: #FFF;
	-moz-box-shadow: 1px 3px 7px rgb(28,53,119);
	-webkit-box-shadow: 1px 3px 7px rgb(28,53,119);
	box-shadow: 1px 3px 7px rgb(28,53,119);
	list-style: none;
	font-family: 'Puritan20Normal';
	font-size: 17px;
	margin-top: 0;
	margin-right: 20px;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 10px;
}

ul#tab-menu li {
	background: transparent url(images/line.png) bottom repeat-x;
	cursor: pointer;
	padding: 20px 10px;
	margin: 0;
	color: rgb(28,53,119);
}

ul#tab-menu li:hover  {
	color: rgb(241,88,0);
}

ul#tab-menu li.selected {
	color: rgb(241,88,0);
}

ul#tab-menu li img {
	vertical-align: middle;
	padding-right: 10px;
}

ul#tab-menu li:last-child {
	background: none;
}

.tab-wrapper {
	width:960px;
}

.tab-content {
	background-color: #FFF;
	-moz-box-shadow: 1px 3px 7px rgb(28,53,119);
	-webkit-box-shadow: 1px 3px 7px rgb(28,53,119);
	box-shadow: 1px 3px 7px rgb(28,53,119);
	width: 630px;
	float: left;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 0;
	padding-left: 20px;
}

.tab-content div.tab {
	display:none;
	padding: 0;
}

.tab-content div.tab.show {
	display:block;
}

.tab-content div.tab p {
	width: 630px;
	overflow: hidden;
	padding: 0;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 20px;
	margin-left: 0;
}

.tab-content div.tab div p {
	width:100%;
}

/*-----------------------------------------------------------------------------------*/
/*	15.	NEWS LIST
/*-----------------------------------------------------------------------------------*/

.jcarousel-container {
	float:left;
	display: block;
	position: relative;
	margin:0;
	padding:0;
}

.jcarousel-container-vertical {
	width:  962px;
	height: auto;
}

.jcarousel-clip-vertical {
	height: auto;
}

.jcarousel-item {
	height: auto;
	overflow: hidden;
	position: relative;
	display: block;
	z-index: 1;
}

#newslist ul li.section {
	width:  920px;
	background: none;
	margin: 2px 0 18px 2px;
	background-color: #FFF;
	-moz-box-shadow: 1px 3px 7px rgb(28,53,119);
	-webkit-box-shadow: 1px 3px 7px rgb(28,53,119);
	box-shadow: 1px 3px 7px rgb(28,53,119);
	padding: 15px;
	display: block;
	overflow: hidden ;
}

#newslist h4.spacer {
    margin-top: 16px;
}

#newslist p {
	margin: 0;
}

#newslist h4 {
	margin-bottom: 3px;
	line-height: 1;
}

#newslist h4 span {
	font-style: italic;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	color: #565656;
	padding-left: 5px;
}

/*-----------------------------------------------------------------------------------*/
/*	16.	CONTACT
/*-----------------------------------------------------------------------------------*/

#wrapper ul.info li {
	background: none;
	padding: 0 0 0 35px;
	margin-bottom: 15px;
}

#wrapper ul.info li img {
	vertical-align: top;
}

#wrapper ul.info li.home {
	background: transparent url(images/icon-home.png) no-repeat 0 2px;
}

#wrapper ul.info li.phone {
	background: transparent url(images/icon-phone.png) no-repeat 0 2px;
}

#wrapper ul.info li.email {
	background: transparent url(images/icon-email.png) no-repeat 0 4px;
}

#wrapper .contact-social ul {
	margin: 20px 0 0 0;
}

#wrapper .contact-social ul li {
	background: none;
	float: left;
	padding: 0;
	margin: 0 10px 0 0;
}

/*-----------------------------------------------------------------------------------*/
/*	17.	TOGGLE & TABS
/*-----------------------------------------------------------------------------------*/

.toggle {
	width: 100%;
	margin-bottom: 20px;
}

.toggle-wrapper {
	padding-bottom:5px;
}

h2.trigger {
	width:100%;
	clear:both;
	font-size: 20px;
	margin:0px;
	display: block;
	color: #1f1f1f;
	cursor: pointer;
}

h2.trigger:hover,h2.trigger.active:hover {
	color: #5d8ba6;
}

h2.trigger.active {
	color: #1f1f1f;
}

.togglebox {
	width:920px;
	height: auto;
	background: #e8e8e8;
	overflow: hidden;
	margin: 10px 0;
}

.togglebox div {
	padding: 20px;
}

.togglebox p {
	line-height: 22px;
}

.togglebox p {
	line-height: 22px;
}

.tabbed-content {
	width: 100%;
	overflow: hidden;
	padding-bottom: 20px;
}

#wrapper ul.tabs {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	width: 100%;
}

#wrapper ul.tabs li {
	float: left;
	margin: 0 7px 0 0;
	padding: 0px;
	background: none;
	overflow: hidden;
	position: relative;
	font-family: 'Puritan20Normal';
}

#wrapper ul.tabs li a {
	text-decoration: none;
	display: block;
	font-size: 15px;
	line-height: 35px;
	padding: 0 15px 3px 15px;
	height: 35px;
	background-color: #cecece;
	color: #565656;
}

#wrapper ul.tabs li a:hover {
	color: #5d8ba6;
}

#wrapper ul.tabs li.active a {
	background-color: #e8e8e8;
	position: relative;
	z-index: 999;
	color: #1f1f1f;
}

#wrapper ul.tabs li.active a, #wrapper ul.tabs li.active a:hover {
	position: relative;
	border-bottom: black;
}

.tab_container {
	clear: both;
	float: left;
	width: 100%;
	margin-top: -3px;
	background-color: #e8e8e8;
	z-index: 999;
	position: relative;
}

.tab_content {
	padding: 20px 20px 0 20px;
}

/*-----------------------------------------------------------------------------------*/
/*	18.	CAROUSEL
/*-----------------------------------------------------------------------------------*/

#wrapper .d-carousel ul li {
	background: none;
	background-color: #FFF;
	-moz-box-shadow: 0px 1px 2px #9f9f9f;
	-webkit-box-shadow: 0px 1px 2px #9f9f9f;
	box-shadow: 0px 1px 2px #9f9f9f;
	padding: 15px;
	width: 175px;
}

.jcarousel-direction-rtl {
	direction: rtl;
}

.d-carousel h4 {
	margin: 5px 0 5px 0;
}

.d-carousel .jcarousel-container {
	display: block;
	overflow: hidden;
	margin-bottom: 20px;
}

.d-carousel .jcarousel-item {
	width: 190px;
	height: 290px;
}

.d-carousel .jcarousel-container-horizontal {
	width: 870px;
	height: 325px;
	padding: 0 45px;
}

.d-carousel.sgrid .jcarousel-container {
	display: block;
	overflow: hidden;
	margin-bottom: 20px;
	height: 156px;
}

.d-carousel.sgrid .jcarousel-clip-horizontal {
	width:  870px;
	height: 156px;
}

.d-carousel.sgrid .jcarousel-item {
	width: 190px;
	height: 120px;
}

.d-carousel .jcarousel-item-horizontal {
	margin-left: 3px;
	margin-bottom: 3px;
	margin-top: 3px;
	margin-right: 11px;
}

.d-carousel .jcarousel-next-horizontal {
	position: absolute;
	top: 149px;
	right: 0;
	margin-right: 3px;
	width: 25px;
	height: 25px;
	cursor: pointer;
	background: transparent url(images/blog-arrows.jpg) no-repeat top right;
	-moz-box-shadow: 0px 1px 2px #888;
	-webkit-box-shadow: 0px 1px 2px #888;
	box-shadow: 0px 1px 2px #888;
}

.d-carousel.sgrid .jcarousel-next-horizontal {
	position: absolute;
	top: 60px;
	right: 0;
	margin-right: 3px;
	width: 25px;
	height: 25px;
	cursor: pointer;
	background: transparent url(images/blog-arrows.jpg) no-repeat top right;
	-moz-box-shadow: 0px 1px 2px #888;
	-webkit-box-shadow: 0px 1px 2px #888;
	box-shadow: 0px 1px 2px #888;
}

.d-carousel .jcarousel-direction-rtl .jcarousel-next-horizontal {
	left: 5px;
	right: auto;
	background-image: url(images/blog-arrows.jpg);
}

.d-carousel .jcarousel-next-horizontal:hover {
	background-position: bottom right;
}

.d-carousel .jcarousel-prev-horizontal {
	position: absolute;
	top: 149px;
	left: 0;
	margin-left: 3px;
	width: 25px;
	height: 25px;
	cursor: pointer;
	background: transparent url(images/blog-arrows.jpg) no-repeat top left;
	-moz-box-shadow: 0px 1px 2px #888;
	-webkit-box-shadow: 0px 1px 2px #888;
	box-shadow: 0px 1px 2px #888;
}

.d-carousel.sgrid .jcarousel-prev-horizontal {
	position: absolute;
	top: 60px;
	left: 0;
	margin-left: 3px;
	width: 25px;
	height: 25px;
	cursor: pointer;
	background: gray url(images/blog-arrows.jpg) no-repeat top left;
	-moz-box-shadow: 0px 1px 2px #888;
	-webkit-box-shadow: 0px 1px 2px #888;
	box-shadow: 0px 1px 2px #888;
}

.d-carousel .jcarousel-direction-rtl .jcarousel-prev-horizontal {
	left: auto;
	right: 5px;
	background-image: url(images/blog-arrows.jpg);
}

.d-carousel .jcarousel-prev-horizontal:hover {
	background-position: bottom left;
}