/* @override http://mura:8500/mura/default/includes/themes/merced/css/site.css */

/*	Theme: Merced */

/* @group GLOBALS
===================================== */

body {
	font-family: "Bookman Old Style", "Serifa BT", "URW Bookman L", "itc bookman", times, serif;
	font-size: 62.5%;
	color: #434343;
}

* { -moz-outline: 0; }

hr {
	clear: both;
	height: 0;
	margin: 2em 0;
	border: 1px solid #ccc;
	border-width: 1px 0 0;
}

a {
	text-decoration: none;
	color: #2e7aa7;
}

a:hover { text-decoration: underline; }

p.intro {
	color: #666;
	line-height: 1.4em;
	margin-bottom: 1.25em;
}

/* @group Globals - Tables
===================================== */

.content table {
	width: 100%;
	margin-top: 30px;
}

th {
	border: 1px solid;
	border-color: #becfd6 #becfd6 #dce6ea;
	color: #32566c;
	background: #e9f3f7;
}

td {
	padding: 10px;
	border: 1px solid #d6d6d6;
}

tr.alt td { background: #eee; }  /*Move*/

/* @end Globals - Tables
-------------------------------- */


/* @group Globals - Forms
===================================== */

#primary form {
	padding: 2em;
	background: #e9f3f7;
	overflow: hidden;
	max-width: 100%; /*width of #primary in three column layout*/
	border:1px solid #B5B8C8;
}

#primary #svSearchResults form { max-width: 100%; }

#primary fieldset {
	border: none;
	padding: 0;
}

#primary legend {
	font-size: 1.4em;
	font-weight: bold;
	margin: 0;
	padding: 0;
}


/* @group Globals - Forms - Search
===================================== */

#searchForm {
	position: absolute;
	top: 30%;
	right: 0;
	margin: 0;
	padding: 0;
}

#searchForm fieldset {
	padding: 0;
	border: 0;
}

#searchForm input.text {
	float: left;
	width: 160px;
	margin: 0 .75em 0 0;
	font-style: italic;
	padding: 1px;
}

#searchForm .submit { float: right; }

/* @end Globals - Forms - Search
-------------------------------- */


/* @group Globals - Forms - Login
===================================== */

/* @group Globals - Forms - Login
===================================== */

#login { padding-bottom: 1em !important; }

#login ol { padding-top: 0; }

#svLoginContainer input.text { width: 99%; }

#svLoginContainer p.required {
	float: none;
	clear: both;
}

#sendLogin fieldset {
	margin-top: -.5em;
	padding-top: .25em;
}

/* @end Globals - Forms - Login
-------------------------------- */

.sidebar #login { padding: 0; }

/* @end Globals - Forms - Login
-------------------------------- */


/* @group Globals - Forms - Comments
===================================== */

#svComments {
	border-top: 2px solid #ccc;
	margin-top: 3em;
	padding-top: 2em;
}

#svComments dl { border-bottom: 1px dotted #ccc; }

/* @end Globals - Forms - Comments
-------------------------------- */

/* @end Globals - Forms
-------------------------------- */

/* @end GLOBALS
-------------------------------- */



/* @group HELPER CLASSES
===================================== */

.clearfix:after { content: " "; /* Avoid extra space */ }

/* @end HELPER CLASSES
-------------------------------- */



/* @group LAYOUT
===================================== */

#container {
	width: 960px;
	margin: 0 auto;
	padding: 0 25px 25px;
	background: #fff;
}

#content {
	position: relative;
}

.home #content { margin-top: 0; }

#primary {
	float: left;
	width: 100%;
	color: #333333;
}

.home #primary { width: 960px; margin-bottom: 20px; }

.twoColSL #primary {
	float: left;
	width: 650px;
}

.twoColSR #primary {
	float: left;
	width: 707px;
}

.threeCol #primary { width: 504px; }

.content, .sidebar { min-height: 100px; /*Fixes odd no-content disappearing bug.*/ }

#left {
	float: left;
	width: 250px;
	margin-right: 50px;
	padding: 1.5em 0;
}

.home #left {
	width: 687px;
	padding: 0;
}

#right {
	float: right;
	width: 156px;
	margin: 13px 0 0;
	padding: 16px 13px;
}

.home #right {
	width: 213px;
	margin: -40px 0 0;
	padding: 0;
}

.threeColSR { width: 167px; }

.sidebar { }

#left.sidebar { }

#right.sidebar { }

/* @group Layout - Header
===================================== */

#header {
	position: relative;
	padding-top: 10px;
}

h1 a {
	display: block;
	width: 280px;
	height: 90px;
	margin: 0 auto;
	text-indent: -9999px;
	background: url(../images/logos/orfalea-foundations-logo.png) no-repeat;
}

#header .navUtility {
	position: absolute;
	top: 32%;
	right: 225px;
}

/* @end Layout - Header
-------------------------------- */


/* @group Layout - Right
===================================== */

#right { background: #f2f2f2; }

/* @end Layout - Right
-------------------------------- */


/* @group Layout - Footer
===================================== */

#footer {
	clear: both;
	padding-top: 17px;
}

#footertop { background: transparent url(../images/bgs/bg-footer.png) repeat-x; }

#footer p {
	font-size: .9em;
	color: #999;
}

ul#navFooter {
	position: relative;
	margin: 0;
	padding: 0;
	overflow: auto;
}

#navFooter li {
	float: left;
	list-style: none;
	width: 188px;
	padding: 15px 2px;
}

#navFooter li a {
	color: #56606a;
	font: normal normal 1.3em "Bookman Old Style", "Serifa BT", "URW Bookman L", "itc bookman", times, serif !important;
	font-variant:small-caps;
}

#navFooter li.first, #navFooter li.last { display: none; }

#navFooter li ul li.first, #navFooter ul li.last { display: block; }

#navFooter li ul, #navFooter li ul li {
	margin: 0;
	padding: 0;
}

#navFooter li ul li {
	float: none;
	padding: 2px 0;
}

#navFooter li li a {
	font-size: .9em !important;
	color: #9ea6a9;
}

/* @end Layout - Footer
-------------------------------- */

/* @end LAYOUT
-------------------------------- */



/* @group NAVIGATION/UI
===================================== */

/* @group Nav - Breadcrumb
===================================== */

#crumbList { margin: 1.5em 0; }

#crumbList li { font-size: 1.1em; }

#crumbList li a:hover { text-decoration: underline; }

#crumbList li.last a, #crumbList li.last a:hover { 
	color:#56606A ;
	cursor: default;
	font-weight:bold;
	text-decoration:none; 
}


/* @end Nav - Breadcrumb
-------------------------------- */

/* @group Nav - Utility
===================================== */

.navUtility {
	overflow: hidden;
	margin: 0;
	padding: 0;
}

.navUtility li {
	display: inline;
	margin: 0 .5em 0 -0.5em;
	padding: 0 10px;
	list-style: none;
	font-size: 1em !important;
}

#footer .navUtility { float: left; }

#footer .navUtility li {
	padding: 0 5px;
	border-left: 1px solid #cfcfcf;
}

#header .navUtility li { border-left: 1px solid #959595; }

#footer .navUtility li a {
	font-size: .9em !important;
	color: #999;
}

/* @end Nav - Primary
-------------------------------- */

/* @group Nav - Primary
===================================== */
#navPrimary, #navPrimary * {
	margin:			0;
	padding:		0;
	list-style:		none;
}

#navPrimary {
	margin: 10px 0;
	padding: 0;
	list-style: none;
	color: #a76938;
	line-height:	1.0;
}

ul#navPrimary li {
	float: left;
	position:		relative;
	margin: 0;
	padding: 0;
	list-style: none;
	margin:0 14px 1px 1px;
	padding-right: 14px;
	background: transparent url(../images/icons/icon-nav-border.png) no-repeat right;
}

#navPrimary li.last {
	background: none;
	margin: 0;
	padding: 0;
}

#navPrimary li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ }

#navPrimary a {
	display: block;
	font: normal normal 1.1em "Bookman Old Style", "Serifa BT", "URW Bookman L", "itc bookman", times, serif;
	font-variant:small-caps;
	display:		block;
	position:		relative;
	line-height: 40px;
	color: #a76938;
	text-decoration: none;
}

#navPrimary li.current a { color: #56606a; }

#navPrimary li:hover ul, #navPrimary li.sfHover ul {
	left:			0;
	top:			2.5em; /* match top ul list item height */
	z-index:		9999;
}

ul#navPrimary li:hover li ul, ul#navPrimary li.sfHover li ul { top:			-999em; }

ul#navPrimary li li:hover ul, ul#navPrimary li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}

ul#navPrimary li li:hover li ul, ul#navPrimary li li.sfHover li ul { top:			-999em; }

ul#navPrimary li li li:hover ul, ul#navPrimary li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}

#navPrimary li a:hover, #navPrimary li.current a, #navPrimary li:hover, #navPrimary li.sfhover { }

#navPrimary li:hover a, #navPrimary li li:hover a:hover, #navPrimary li.sfhover a:hover { color: #56606a; }

#navPrimary li li a:hover { color: #56606a; }

/*** arrows **/
#navPrimary a.sf-with-ul {
	padding-right: 1.4em;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}

.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			0;
	top:			1.05em; /* IE6 only */
	width:			9px;
	height:			9px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url('../images/icons/icon-arrow.png') no-repeat 0 0; /* 8-bit indexed alpha png. IE6 gets solid image only */
}

a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			1.2em;
	background-position: 0 -9px; /* 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: 0 -100px; /* arrow hovers for modern browsers*/ }

/* point right for anchors in subs */
ul#navPrimary .sf-sub-indicator { background-position:  0 -9px; }

ul#navPrimary a > .sf-sub-indicator { background-position:  0 -9px; }

/* apply hovers to modern browsers */
ul#navPrimary a:focus > .sf-sub-indicator, ul#navPrimary a:hover > .sf-sub-indicator, ul#navPrimary a:active > .sf-sub-indicator, ul#navPrimary li:hover > a > .sf-sub-indicator, ul#navPrimary li.sfHover > a > .sf-sub-indicator { background-position: 0 0; /* arrow hovers for modern browsers*/ }

/* @group Nav - Primary - Dropdown
===================================== */
/* http://www.htmldog.com/articles/suckerfish/dropdowns/ */

/*** shadows for all but IE6 ***/
.sf-shadow ul {
	background:	url('../images/bgs/bg-shadow-orange.png') no-repeat bottom right;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
}

.sf-shadow ul.sf-shadow-off { background: transparent; }

.navPrimary li:hover, .navPrimary li.sfHover, .navPrimary a:focus, .navPrimary a:hover, .navPrimary a:active {
	outline:		0;
	cursor: pointer;
}

#navPrimary li ul { /* second-level lists */
	position: absolute;
	left: -9999px;
	z-index: 10;
	width: 100%;
	min-width: 180px;
	margin: 0;
	padding: 8px 10px 15px 10px;
}

#navPrimary li li { /* all list items */
	background:	none;
	float: left;
	margin: 0 !important;
	border-bottom: 1px #333;
	width: 100% /* width needed for Opera */
}

#navPrimary li li a {
	font-size: 1em;
	display: block;
	padding: 5px 2px;
	line-height: 1;
	font-variant:normal;
	color: #fff !important;
}

#navPrimary li li a:hover { text-decoration: underline; }

#navPrimary ul li.first, #navPrimary ul li li.first { /* all list items */ border: 0; }

#navPrimary li ul ul { /* third-and-above-level lists */ margin: -1.95em 0 0 12em; }

#navPrimary li:hover ul ul, #navPrimary li:hover ul ul ul, #navPrimary li.sfhover ul ul, #navPrimary li.sfhover ul ul ul {
	left: -9999px;
	z-index: 1001;
}

#navPrimary li:hover ul, #navPrimary li li:hover ul, #navPrimary li li li:hover ul, #navPrimary li.sfhover ul, #navPrimary li li.sfhover ul, #navPrimary li li li.sfhover ul { /* lists nested under hovered list items */ left: auto; }

/* @end Nav - Primary - Dropdown
-------------------------------- */

/* @end Nav - Primary
-------------------------------- */

/* @group Nav - Secondary
===================================== */

.navSecondary {
	margin: 0 0 4em;
	padding: 0;
	list-style: none;
	height: auto;
}

.navSecondary li {
	margin: 0 0 1em;
	padding: 0 0 1em;
	border-bottom: 1px solid #d6d6d6;
	line-height: 1.2;
}

.navSecondary .last {
	border: 0;
	padding-bottom: 0;
}

.navSecondary li ul {
	margin: .5em 0 0;
	padding: 0;
	list-style: none;
	overflow: hidden;
}

.navSecondary li { margin-bottom: 1em; }

.navSecondary li a { display: block; }

.navSecondary li a:hover { }

.navSecondary li.current a {
	font-weight: bold;
	color: #56606A;
	cursor: pointer;
	text-decoration:none;
}

/* @group Nav - Secondary - Second Level
===================================== */

.navSecondary li.current ul { }

.navSecondary li li {
	margin: 0 0 .5em 1em;
	padding: 0;
	border-bottom: none;
	list-style: none;
	line-height: 1.2em;
}

.navSecondary li.current li a {
	font-weight: normal;
	color: #434343;
}

.navSecondary li.current li a.current {	color:#999; }

/* @end Nav - Secondary - Second Level
-------------------------------- */

/* @end Nav - Secondary
-------------------------------- */


/* @group Nav - More Results
===================================== */

.moreResults {
	border-top: 2px solid #e6e6e6;
	padding-top: 1.5em;
}

/*.moreResults dt {
	float: left;
	margin-right: .5em;
	}*/

.moreResults ul {
	/*float: right;*/
	overflow: hidden;
	margin: 0;
	padding: 0;
}

.moreResults li {
	display: inline;
	padding: 0 .25em;
	list-style: none;
	border-right: 1px solid #b6b6b6;
}

.moreResults li.resultsFound { padding-right: .5em; }

.moreResults li.navNext { border-right: 0; }

.moreResults li.navPrev { border-right: 0; }

.moreResults li a { padding: 0; }

/* @end Nav - More Results
-------------------------------- */

/* @end NAVIGATION/UI
-------------------------------- */



/* @group MODULES
===================================== */

/* @group Galleries
===================================== */
/*Optimized Grid for 80px Thumbnails*/

#svGallery {
	border-top: 2px solid #e6e6e6;
	padding-top: 1.8em;
}

.oneCol #svGallery li { width: 9%; }

.twoColSR #svGallery li, .twoColSL #svGallery li { width: 30%; }

.threeCol #svGallery li { width: 18%; }

/* @end
-------------------------------- */

/* @group Calendar
===================================== */

.svCalendar table { margin-top: 0; }

.svCalendar th {
	background: #0c2846;
	vertical-align: middle;
}

.svCalendar th a, .svCalendar th a:hover { background: #0c2846; }

.svCalendar th a:hover { color: #2e7aa7; }

.svCalendar tr.dayofweek td {
	background: #2e7aa7;
	color: #fff;
}

.svCalendar th, .svCalendar td { border: 1px solid #fff; }

.svCalendar td { background: #e9f3f7; }

/* @end Calendar
-------------------------------- */

/* @group Dragable Feeds */

#svRSSFeeds form { background: transparent; }

li.boxItemHeader { /* Link of items inside dragable boxes */
	color: #2e7aa7;
	padding-left: 10px;
	background: url(../images/pointer_red_sm.gif) no-repeat left .25em;
}

a.boxItemHeader { /* Link of items inside dragable boxes */ color: #2e7aa7; }

#svAddNewFeed {
	padding: 0 !important;
	background: transparent !important;
}

#svAddNewFeed button { /* !important used to override dragable_feeds.css */
	background: #2e7aa7 !important;
	font-size: 11px !important;
}

/* @end */



/* @group Features
===================================== */

#features { overflow: hidden; }

#features dl {
	float: left;
	clear: none;
	width: 213px;
	margin: 0 16px 0 0;
}

#features dt {
	font-size: 2em;
	font-weight: bold;
	letter-spacing: -0.025em;
}

#features dt a { color: #232323; }

#features dt a:hover { text-decoration: none; }

#features dd { font-size: 1.1em; }

#features dd p {
	margin: -3px 0 8px;
	line-height: 15px;
}

#features dd a { font-weight: bold; }

#features dd.image {
	float: none;
	margin: 0 0 1.7em;
}

#features dd.image img { /* recommended size: */ /*width: 213px;*/ /*height: 120px;*/
	}

/* @end Features
-------------------------------- */


/* @group Home Feeds
===================================== */

.home .sidebar .svIndex h3 {
	display: block;
	padding: 0 1em;
	margin-bottom: 1em;
	line-height: 40px;
	font-size: 1.2em;
	text-transform: uppercase;
	color: #fff;
	background: #ff3405;
}

.home .sidebar .svIndex dl {
	margin: 0 1.5em 1em;
	padding: 0 0 .5em;
	border-bottom: 1px solid #d6d6d6;
}

.home .sidebar .svIndex dl.last, .home .sidebar .svIndex dl:last-child {
	border-bottom: 0;
	padding-bottom: 0;
}

.home .sidebar .svIndex dt {
	margin: 0 0 .5em;
	padding: 0;
	font-size: 1.3em;
	font-weight: normal;
	line-height: 1.3;
}

.home .sidebar .svIndex dt.releaseDate {
	margin: 0 0 3px;
	font-size: 1em;
	text-transform: uppercase;
	color: #979797;
}

.home .sidebar .svIndex dd {
	margin: 0 0 .25em;
	padding: 0;
	font-size: 1.1em;
	color: #434343;
}

.home .sidebar .svIndex dd.summary { margin: 0 0 .5em; }

/*.home .sidebar .credits,
.home .sidebar .tags,
.home .sidebar .ratings,
.home .sidebar .credits {
	color: #999 !important;
	}*/

.home .sidebar .svIndex dl.hasImage .image { margin: 0 .5em 0em 0; }

.home .sidebar .svIndex dl.hasImage .image img { width: 50px; }

.home .sidebar .svIndex dd p {
	margin: 0;
	padding: 0;
	line-height: inherit;
}

.home .sidebar .svIndex span.readMore a { display: none; }

/* @end Home Promo Feeds
-------------------------------- */

/* @group Indexes
===================================== */

.svIndex dl {
	padding-bottom: 1em;
	border-bottom: 1px dotted #ccc;
}

.sidebar .svIndex dl {
	margin: .5em 0;
	padding: .5em 0 .5em;
}

.svIndex dl.hasImage {
	padding-left: 90px;
	position: relative;
	min-height: 190px;
}

.sidebar .svIndex dl.hasImage {
	min-height: 0;
	padding-left: 0;
}

.svIndex dl.hasImage .image { float: left; display: block; }

.sidebar .svIndex dl.hasImage .image { display: none; }

.content .svIndex { margin-top: 2em; }

.content .svIndex dt {
	font-size: 1.6em;
   	margin: 0 0 .5em 110px;
}

.svIndex dt.releaseDate {
   	margin: 0 0 .5em 110px;
	text-transform: uppercase;
	color: #777;
	font-size: 1em !important;
}

.svIndex dd { line-height: 1.2; }

.svIndex dd.summary { margin: 0 0 .5em 110px; }

.svIndex dd.image {
	position: absolute;
	top: 0;
	left: 0;
}

/* @group Ratings */

.content .svIndex dd.credits, .content .svIndex dd.comments, .content .svIndex dd.tags, .content .svIndex dd.rating { line-height: 20px; /* acommodate height of stars */ }

div.stars a {
	width: 14px;
	height: 13px;
	background: transparent url(../images/rater/stars.png) no-repeat;
}

.zero { background-image: url(../images/rater/star_zero.png); }

.one { background-image: url(../images/rater/star_one.png); }

.onehalf { background-image: url(../images/rater/star_onehalf.png); }

.two { background-image: url(../images/rater/star_two.png); }

.twohalf { background-image: url(../images/rater/star_twohalf.png); }

.three { background-image: url(../images/rater/star_three.png); }

.threehalf { background-image: url(../images/rater/star_threehalf.png); }

.four { background-image: url(../images/rater/star_four.png); }

.fourhalf { background-image: url(../images/rater/star_fourhalf.png); }

.five { background-image: url(../images/rater/star_five.png); }

/* @end */

/* @group Slideshow
===================================== */

.svSlides dl {
	border: 0;
	margin: 0;
}

.svSlides dl.hasImage { /* Optimized for 180px wide images. Edit image size in "site settings." Adjust here as necessary*/
	position: relative;
	padding-left: 200px;
	min-height: 180px;
}

.home .svSlideshow {
	position: relative;
	width: 627px;
	/*height: 234px;*/
	overflow: hidden;
	padding: 30px 30px 10px;
	margin: 0 0 2.2em;
	color: #b4dffa;
	background: #102e50 url(../images/bg-hero.jpg) no-repeat !important;
	border: 0;
}

.home .svSlides {
	position: relative;
	border: 0;
	z-index: 1;
	padding: 0;
	margin: 0 !important;
	min-height: 186px;
}

.home .svSlides dl {
	/*width: 440px;*/
	height: 200px;
	padding-bottom: 0;
	margin-right: 0;
	border: 0;
	font-size: 1em;
	background: transparent !important; /*for IE 6/7*/
}

.home .svSlides dt {
	margin-bottom: .35em !important;
	font-size: 2.6em !important;
	font-weight: bold;
	letter-spacing: -0.025em;
	line-height: 1;
	color: #fff;
}

.home .svSlides dt.releaseDate {
	color: #abdffa;
	font-size: 11px !important;
	font-weight: normal;
	margin-bottom: .5em !important;
}

.home .svSlides dt a { color: #fff; }

.home .svSlides dd {
	margin-bottom: 1.1em;
	letter-spacing: -0.025em;
	font-size: 1.4em !important;
	line-height: 1.2em;
	padding: 0;
}

.home .svSlides dd.image { /* Optimized for 180px wide "medium" images - edit image size in "site settings." Adjust here as necessary */
	position: absolute;
	display: block;
	width: 180px;
	height: 180px;
	float: none;
	padding: 0;
	border: 3px solid #1c5981;
}

.home .svSlides dd.image img { display: block; }

.home .svSlides .readMore { float: right; }

.home .svSlides .readMore a {
	font-size: 11px !important;
	font-weight: bold;
	color: #fff;
	height: 2.1em;
	line-height: 2.1em;
	border: none;
	padding: 0 1em;
	display: block;
	width: 60px;
	text-align: center;
	margin-top: .75em;
	background: #333;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}

.svPager {
	text-align: center;
	line-height: 2;
}

.home ol.svPager {
	position: relative;
	z-index: 2;
	width: 190px;
	text-align: center;
	margin: 10px 0;
	padding: 0;
	list-style: none;
}

ol.svPager li { }

ol.svPager a {
	color: #fff;
	background: #0c243a;
	outline: none;
	-webkit-border-radius: 4px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

ol.svPager li.activeLI a, ol.svPager a:hover {
	background: #ff3405;
	text-decoration: none;
}

/* @end Slideshow
-------------------------------- */

/* @end Indexes
-------------------------------- */


/* @group Session Tools
===================================== */

#svSessionTools p#welcome {
	font-weight: bold;
	color: #ff3405;
}

/* @end Session Tools
-------------------------------- */


/* @group User Tools - Categories
===================================== */

#svCategories li {
	margin: 0;
	padding: 0;
}

#svCategories li a {
	margin: 0;
	padding: 0;
}

/* @end User Tools - Categories
-------------------------------- */


/* @group User Tools - Favorites
===================================== */

#favoriteList li {
	margin: 0;
	padding: 0;
	font-size: 1.1em;
}

#favoriteList li a {
	margin: 0;
	padding: 0;
}

/* @end User Tools - Favorites
-------------------------------- */

/* @end MODULES
-------------------------------- */

/* @group Misc
===================================== */

div.contentLeft { margin: 0; padding: 35px; position: relative; float: left; width:27%;  border-right: 1px solid #e3e3e3; min-height: 625px;}

div.contentLeft p { font-size: 1.6em; text-align: left; }
.latest_news li { list-style: none; border-bottom: 1px solid #e3e3e3; font-size: .95em;}

div.contentRight { margin: 0; padding: 35px; position: relative; float: right; width:22%;  }

div.contentLeft ul, div.contentRight ul { margin: 0 0 30px 0; display: block;  }

div.contentRight li { 
	display:block;
	height:100px;
	margin:18px;
	text-align:center;
	width:140px;
}

.answer { margin-top: -.5em; }

a.readMore  {
	font-size: 12px; !important;
	font-weight: bold;
	color: #fff;
	height: 2.1em;
	line-height: 2.1em;
	border: none;
	padding: 0 1em;
	display: block;
	width: 90px;
	text-align: center;
	margin-top: .75em;
	background: #333;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	clear: both;
}
/* ================ */
/* = The 1Kb Grid = */     /* 12 columns, 60 pixels each, with 20 pixel gutter */
/* ================ */
.grid_1 { width:60px; }
.grid_2 { width:140px; }
.grid_3 { width:220px; }
.grid_4 { width:300px; }
.grid_5 { width:380px; }
.grid_6 { width:460px; }
.grid_7 { width:540px; }
.grid_8 { width:620px; }
.grid_9 { width:700px; }
.grid_10 { width:780px; }
.grid_11 { width:860px; }
.grid_12 { width:940px; }
.column {
	margin: 0 10px;
	overflow: hidden;
	float: left;
	display: inline;
}
.row {
	width: 960px;
	margin: 0 auto;
	overflow: hidden;
}
.row .row {
	margin: 0 -10px;
	width: auto;
	display: inline-block;
}
/* @end Misc 
-------------------------------- */

/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container {
    position: relative;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

#primary jcarousel-container .jcarousel-clip .jcarousel-item { list-style-image:none; list-style-type:none;}
.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 100%;
    height: 100%;
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {
    z-index: 3;
    display: none;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
}
/* -------------------------------------------- */
/* ------------ LARGE (INDEX PAGE) ------------ */
/* -------------------------------------------- */

div.gallery {
	height:315px;
	width:920px;
	padding:20px 20px 0 20px;
	background: transparent url(../images/bgs/bg-gallery-home.png) no-repeat;
}

.gallery .jcarousel-container {
    background: transparent;
    height:280px;
/*		margin-left: 20px; /* IMPORTANT! DO NOT REMOVE! 
		margin-right: 20px; /* IMPORTANT! DO NOT REMOVE! */
}

.jcarousel-large .jcarousel-container-horizontal {
		width:100%;
}

.jcarousel-large li {
    height: 280px;
    list-style: none;
    margin: 0 11px 0 0;
    padding:0;
    width:  300px;
}

.jcarousel-large {
  

}
.jcarousel-large .jcarousel-item {

}

.jcarousel-large .jcarousel-item-horizontal {
}


.jcarousel-large .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/**
 *  Horizontal Buttons
 */
 .jcarousel-next-horizontal {
    position: absolute;
    top: 108px;
    right: -42px;
    width: 30px;
    height: 67px;
    cursor: pointer;
    background: transparent url(../images/icons/icon-arrow-right.png) no-repeat 0 0;
}

.jcarousel-prev-horizontal {
    position: absolute;
    top: 108px;
    left: -42px;
    width: 30px;
    height: 67px;
    cursor: pointer;
    background: transparent url(../images/icons/icon-arrow-left.png) no-repeat 0 0;
}
    
/* -------------------------------------------- */
/* ------------ SMALL (ABOUT THE STUDIO PAGE) ------------ */
/* -------------------------------------------- */

div.gallerySmall {
	height:165px;
	width:920px;
	padding:20px 20px 0 20px;
	background: transparent url(../images/bgs/bg-gallery-small.png) no-repeat;
}

.gallerySmall .jcarousel-container {
    background: transparent;
    height:140px;    
}

.jcarousel-small .jcarousel-container-horizontal {
    width: 960px;
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 15px;
}

.jcarousel-small .jcarousel-clip-horizontal {
    width:  930px;
    height: 147px;
}

/*.jcarousel-small .jcarousel-item {
    width: 155px !important;
    height: 140px;
}*/
.jcarousel-small li {
    height: 140px;
    list-style: none;
    margin: 0 5px 0 0;
    padding:0;
    width:  150px;
}
.jcarousel-small .jcarousel-item-horizontal {
    list-style:none;
}


.jcarousel-small .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/**
 *  Horizontal Buttons
 */
.gallerySmall .jcarousel-next-horizontal {
    position: absolute;
    top: 22px;
    right: -42px;
    width: 30px;
    height: 67px;
    cursor: pointer;
    background: transparent url(../images/icons/icon-arrow-right.png) no-repeat 0 0;
}

.gallerySmall .jcarousel-prev-horizontal {
    position: absolute;
    top: 22px;
		left: -41px;
		width: 30px;
    height: 67px;
    cursor: pointer;
    background: transparent url(../images/icons/icon-arrow-left.png) no-repeat 0 0;
}


/* -------------------------------------------- */
/* ------------ Gallery (PORTFOLIO PAGE) ------------ */
/* -------------------------------------------- */

.jcarousel-skin-of-gallery .jcarousel-container {
		padding: 20px 0 0 0;
		margin-left: 12px; /* IMPORTANT! DO NOT REMOVE! */
		margin-right: 17px; /* IMPORTANT! DO NOT REMOVE! */
}

.jcarousel-skin-of-gallery .jcarousel-container-horizontal {
    width: 960px;
    padding-left: 31px;
    padding-right: 49px;
    padding-top: 15px;
}

.jcarousel-skin-of-gallery .jcarousel-clip-horizontal {
    width:  935px;
    height: 575px;
    padding-bottom: 10px;
}

.jcarousel-skin-of-gallery .jcarousel-item {
    width: 151px;
    height: 575px;
}

.jcarousel-skin-of-gallery .jcarousel-item-horizontal {
    margin-right: 7px;
}

.jcarousel-skin-of-gallery .jcarousel-item-horizontal img {
    margin-bottom: 10px;
}


.jcarousel-skin-of-gallery .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-of-gallery .jcarousel-next-horizontal {
    position: absolute;
    top: 275px;
    right: -15px;
    width: 29px;
    height: 54px;
    cursor: pointer;
    background: transparent url(../images/icons/icon-arrow-right.png) no-repeat 0 0;
}

.jcarousel-skin-of-gallery .jcarousel-prev-horizontal {
    position: absolute;
    top: 275px;
    left: -15px;
    width: 29px;
    height: 54px;
    cursor: pointer;
    background: transparent url(../images/icons/icon-arrow-left.png) no-repeat 0 0;
}

/* EOF */