@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,600,300);

/* ------------------------- DRUPAL 7 FRAMEWORK ------------------------- */
body#body {
	background: #161616;
	color: #adadad;
	font: 14px/23px Arial, Helvetica, sans-serif;
	position:relative;
	min-width:300px;
	-webkit-text-size-adjust: none;
}

.page-bg {
	background: #161616 url(../images/body.jpg) 50% 0 no-repeat;
	padding-top: 99px;
}

p {margin-bottom:23px;}


.field-name-taxonomy-forums .links a,
.panel-pane.error-page .pane-content .err-title,
.panel-pane.error-page .pane-content span.err,
a {
	color:#2e1c22;
	outline:none;
	text-decoration:none;
}
	a:hover,
	.field-name-taxonomy-forums .links a:hover,
	#block-views-our-team-block .views-field-title a:hover {
		text-decoration: none;
		color: #ddc0ca;
		text-decoration: underline;
	}

.panel-pane.error-page .pane-content .err-title,
.panel-pane.error-page .pane-content span.err {
	text-decoration: none;
}

strong {
	font-weight:bold;
}

.fl-l {float:left;}
.fl-r {float:right;}

.extra {overflow:hidden;}

.align-left {text-align: left;}
.align-center {text-align: center;}
.align-right {text-align: right;}

/* Selection colours (easy to forget) */
::selection 	 	{background: rgb(221,192,202);}
::-moz-selection 	{background: rgb(221,192,202);}
img::selection 		{background: transparent;}
img::-moz-selection	{background: transparent;}
body {-webkit-tap-highlight-color: rgb(221,192,202);}


.page-top, .page-bottom, .page-center-container {
	width: 1264px;
	background: #fff;
	margin: 0 auto;
}
.page-center {
	background: url(../images/page-center-bg.png);
}
	.page-center-container {
		
	}
#page {
	margin: 0 0 0px 0;
}


/* ------------------------- HEADER ------------------------- */
#header {
	position: relative;
}
.section-1 {
	padding: 39px 0px 46px 0px;
}
	.section-1 .col1 {float:left;}
	.section-1 .col2 {float:right; padding-top: 19px;}
.section-2 {}
.section-3 {
	background: #3f272f url(../images/hire-bg.png) 0 0 repeat-x;
	padding-top: 57px;
	padding-bottom: 65px;
}
	.section-3 .content {
		overflow: hidden;
	}

.hire-text {
	float: left;
	color: #583742;
	text-transform: uppercase;
	font-size: 38px;
	line-height: 37px;
	font-family: 'Open Sans', sans-serif;
}
	.hire-tetx-1 {
		font-weight: 600;
		color: #ddc0ca;
	}
.hire-button {
	float: right;
	padding-top: 6px;
}

.hire-button a {
	display: inline-block;
	font-family: 'Open Sans', sans-serif;
	color: #2e1c22;
	text-transform: uppercase;
	font-size: 19px;
	line-height: 22px;
	padding: 21px 23px;
	background: #bea5ae url(../images/hire-button.png) 0 0 repeat-x;
	font-weight: 600;
}
	.hire-button a:hover {
		background: #583742;
		color: #DDC0CA;
		text-decoration: none;
	}

/* ------------------------- MAIN MENU ------------------------- */
.select-menu {display:none !important;}

#superfish-1 { 
	background:none;
	float:left;
	position:relative;
	width:auto;
}
	#superfish-1 li {
		background:none;
		border:0;
		overflow:inherit;
		padding:0;
		text-align:center;
		text-transform: uppercase;
	}

	#superfish-1 > li {
		font-family: 'Open Sans', sans-serif;
		font-weight: 400;
		padding-left: 18px;
		margin-left: 17px;
		line-height: 20px;
		background: url(../images/menu-separator.png) 0 50% no-repeat;
	}
		#superfish-1 > li:first-child {
			padding-left: 0;
			margin-left: 0;
			background: none;
		}
		#superfish-1 a {
			border:0;
			color:#cbcbcb;
			font-size:13px;
			padding:0;
			text-decoration:none;
		}
			#superfish-1 > li > a:hover, #superfish-1 > li > a.active, #superfish-1 > li.sfHover > a {
				color:#535353;
			}

	#superfish-1 ul {
		background: #2e1c22 url(../images/sub-menu.jpg) 0 0 repeat-x;
		display:none;
		padding:15px 0;
		top:47px;
		left: -30px;
		width:160px !important;
		-webkit-box-shadow: 3px 3px 0 rgba(0,0,0,0.1);
		-moz-box-shadow: 3px 3px 0 rgba(0,0,0,0.1);
		box-shadow: 3px 3px 0 rgba(0,0,0,0.1);
	}
	
		#superfish-1 ul:after {
			display: block;
			content: '';
			position: absolute;
			left: 50%;
			top: -12px;
			margin-left: -7px;
			width: 14px;
			height: 12px;
			background: url(../images/sub-menu-extra.png) 0 0 no-repeat;
		}

	.sf-navbar > li > ul { margin-top:3px;}
	
		#superfish-1 ul li {
			background:none;
			border-bottom:0;
			height:auto;
			padding:0;
			line-height: 20px;
		}
			#superfish-1 ul li a:visited, #superfish-1 ul li a {
				border:0;
				color:#fff;
				font-size:13px;
				font-weight:normal;
				padding:7px 0px 7px 24px !important;
				text-align:left;
			}
				#superfish-1 ul li a:hover, #superfish-1 ul li a.active { background:#535353;}

			#superfish-1 ul li ul{
				left:174px !important;
				padding:10px 0 !important;
				top:0 !important;
			}
				#superfish-1 ul li ul:after {
					display: block;
					content: '';
					position: absolute;
					left: -5px;
					top: 15px;
					width: 12px;
					height: 15px;
					background: url(../images/sub-menu-extra-2.png) 0 0 no-repeat;
				}

				#superfish-1 ul li ul li {
					background:none;
					margin-bottom:1px;
				}
				
				
/* ------------------------- SLIDER ------------------------- */
.flexslider {
	border:none;
	background:transparent;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
}
#block-views-slider-block .flex-nav-container {
	margin:0;
	padding:0;
	background: #fff;
}
#block-views-slider-block .flex-control-nav {
	bottom: 0;
}
.flex-control-nav li {
	margin-left: 5px;
}
	
.flex-control-nav li a {
	width:12px;
	height:12px;
}
	.flex-control-nav li a.active, .flex-control-nav li a:hover {
		background-position:0 0;
	}

.flex-direction-nav li a {
	width: 71px;
	height: 71px;
	top: 218px;
	margin-top: 0;
}
.flex-direction-nav li .prev {
	left:-19px;
	background: url(../images/direction-nav.png) 0 0 no-repeat;
}
	.flex-direction-nav li .prev:hover {
		background-position: 0 100%;
	}
	.flex-direction-nav li .prev:after {
		display: block;
		width: 19px;
		height: 21px;
		content: '';
		position: absolute;
		left: 0;
		bottom: -21px;
		background: url(../images/direction-nav-extra.png) 0 0 no-repeat;
	}
.flex-direction-nav li .next {
	right:-19px;
	background: url(../images/direction-nav.png) 100% 0 no-repeat;
}
	.flex-direction-nav li .next:hover {
		background-position: 100% 100%;
	}
	.flex-direction-nav li .next:after {
		display: block;
		width: 19px;
		height: 21px;
		content: '';
		position: absolute;
		right: 0;
		bottom: -21px;
		background: url(../images/direction-nav-extra.png) 100% 0 no-repeat;
	}
	
	

/* ------------------------- MAIN ------------------------- */
.views-row {
	margin-bottom: 30px;
}
.views-field-title {
	color: #583742;
	font-size: 20px;
	line-height: 24px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
}
	.views-field-title a {
		color: #583742;
	}
		.views-field-title a:hover {
			color: #ddc0ca;
		}
.views-field-body, .service-body {
	margin-bottom: 22px;
}
.img-indent-bottom {
	margin-bottom: 15px;
}
.title-indent {
	margin-bottom: 4px;
}
#main-wrapper img {
	width:100%;  
	height:auto;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
	#main-wrapper .getlocations_map_canvas img {
		padding: 0;
		background: none;
		border: none;
	}
#main-wrapper {
	background:transparent;
/*RUBEN*/
	/*padding: 76px 0 50px 0;*/
	padding: 36px 0 30px 0;
}
.front #main-wrapper {
	padding-bottom: 7px;
}
#main .feed-icon img, #main th.active img {
	width:auto;
	border: none;
	background: none;
	padding: 0;
}

.field-name-field-addthis-blog {
	margin-bottom: 25px;
}


/* ------------------------- DEFAULT BLOCK STYLE ------------------------- */

#sidebar-first .block,
#sidebar-second .block {
	padding-bottom: 25px;
	margin-bottom: 25px;
}

#sidebar-first  .views-row-last.views-row,
#sidebar-second  .views-row-last.views-row {
	margin-bottom: 0px;
}

#content .block {
	margin-bottom: 50px;
}

#main-wrapper .block {
	margin-bottom: 30px;
}


#content {
	overflow: hidden;
	margin-left: 10px;
	margin-right: 10px;
}

	.page-contacts #content {
		margin-left: 0;
		margin-right: 0;
	}

.sidebar-second #content {
	padding-right: 10px;
}
.sidebar-first #content {
	padding-left: 10px;
}

.no-sidebars #content {
	padding-left: 0;
	padding-right: 0;
}

.two-sidebars #content {
	padding-left: 10px;
	padding-right: 10px;
}





.region-header-bottom {
	padding-bottom: 0px;
}
.region-header-bottom:after {
	content: '';
	width: 100%;
	clear: both;
	display: block;
}

.region-content-top {
	padding-bottom: 0px;
}
.region-content-top:after {
	content: '';
	width: 100%;
	clear: both;
	display: block;
}

.region-content {
	padding-bottom: 0px;
}
.region-content:after {
	content: '';
	width: 100%;
	clear: both;
	display: block;
}

.region-content-bottom {
	padding-bottom: 0px;
	padding-top: 0px;
}
.region-content-bottom:after {
	content: '';
	width: 100%;
	clear: both;
	display: block;
}


.region-carousel {
	padding-top: 38px;
	padding-bottom: 21px;
}
.region-carousel:after {
	content: '';
	width: 100%;
	clear: both;
	display: block;
}


#main-wrapper #block-system-main {
	margin-bottom: 0;
}


.content_bottom_wrapper {
	background: #161616;
}



.item-list ul li {
	margin-left: 0;
	margin-bottom: 20px;
}
.item-list {
	margin-bottom: 20px;
}
ul li.collapsed {
	list-style: none;
}
ul.menu li {
	margin-left: 0;
}
	section.block ul, section.block .item-list ul li { margin:0;}
	ul li.leaf { 
		list-style-image:none;
		list-style-type:none;
		margin:0;
		padding:0;
	}
		section.block .content li { 
			/*RUBEN*/
			/*background:url(../images/a1.png) no-repeat 0 8px;*/
			padding:0 0 10px 18px;
			line-height:24px;
		}
			section.block .content li a { 
				color:#adadad;
				font-size:14px;
				line-height:20px;
				text-decoration:none;
			}
			section.block .content li a:hover { color:#583742; text-decoration: underline;}



			
/* ------------------------- CONTENT REGION ------------------------- */
/*Node heading*/
.front #page-title {display:none;}

#content h1.title, h2, h3 {
	font-size:25px;
	line-height:30px;
	margin-bottom:26px;
	text-transform:uppercase;
	font-family: 'Open Sans', sans-serif;
	color: #583742;
	font-weight: 600;
}

.h2-extra h2 {
	font-size: 40px;
	line-height: 48px;
	margin-top: -4px;
	margin-bottom: 18px;
}

h3 {
	font-size: 20px;
	line-height: 28px;
}

.node h2,
article.comment h3 {
	color: #583742;
	font-size: 22px;
	line-height: 26px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
	text-transform: none;
	margin-bottom: 5px;
}
	.node h2 a,
	article.comment h3 a {
		color: #583742;
	}
		.node h2 a:hover,
		article.comment h3 a:hover {
			color: #ddc0ca;
			text-decoration: none;
		}

article.node {
	padding-bottom:30px;
	margin-bottom:30px;
}
	article.node.node-blog {
		border-bottom: 1px solid #e9e9e9;
	}

	#node-79 {
		margin-bottom: 0;
		padding-bottom: 0;
	}

.page-node- .submitted a {
	padding-right: 0;
	margin-right: 0;
}



/*Author & date information*/
p.submitted {
	font-size:12px;
	margin:5px 0 15px;
	float: left;
}

.block-comments {
	float: right;
	color: #adadad;
	font-size:12px;
	margin:5px 0 15px;
}
.block-comments a {
	color: #adadad;
}
.block-comments a:hover {
	color: #2e1c22;
}
	.submitted, p.submitted span {
		color:#adadad;
	}
	.submitted a {
		color:#adadad;
		text-decoration:none;
	}
		.submitted a:hover {color:#583742; text-decoration: underline;}

article.node footer {
	padding-top:0px;
}

article footer ul.links.inline {
	display:block;
}
article footer ul li {
	padding:0;
	margin:0 15px 0 0;
	padding: 0 !important;
}
	article footer ul li.first {margin-left:0;}

.node-teaser .comment-add {
	display: none;
}

/*Node Tags*/
article.node footer .field-name-field-tags { padding-bottom:10px;}
	article.node footer .field-name-field-tags .field-label{
		color:#444;
		float: left;
		font-size: 14px;
		padding-right: 10px;
		font-family:Arial;
		line-height: 24px;
		text-transform: none;
	}
	article.node footer .field-name-field-tags .field-items {
		overflow:hidden;
		padding-bottom:15px;
		width:100%;
	}
	article.node footer .field-name-field-tags ul li {
		float:left;
		padding:0 4px;
		margin-right: 10px;
	}
		article.node footer .field-name-field-tags ul li a {
			background: none;
			font-size: 12px;
			text-decoration: none;
			padding: 0 5px;
			display: inline-block;
			background: #4E3E43;
		}
			article.node footer .field-name-field-tags ul li a:hover {
				text-decoration: none;
				color: #fff;
				background: #ddc0ca;
			}
			
			
.node-maps header {
	display:none;
}

.panels-flexible-region-1-contacts_region {
	width:auto;
}

#block-views-services-block .views-row {
	text-align: center;
}

.region-content-top {
	padding-top: 71px;
	padding-bottom: 33px;
}

.service-title {
	color: #ddc0ca;
	text-transform: uppercase;
	font-family: 'Open Sans', sans-serif;
	font-size: 30px;
	line-height: 30px;
	margin-bottom: 20px;
}

	.service-title-1 {
		font-weight: 600;
		color: #583742;
	}

.views-field-field-service-image {
	margin-bottom: 20px;
}







/* ------------------------- CAROUSEL ------------------------- */
.carousel-bg {
	background: url(../images/carousel-bg.jpg);
}
.carousel-shadow {
	background: url(../images/carousel-shadow.png) repeat-x;
}
.carousel-1 .views-field-field-portfolio-image img {
	width: 100%;
	height: auto;
	-webkit-border-radius: 1000px;
	-moz-border-radius: 1000px;
	border-radius: 1000px;
}
.carousel-1 ul li {
	float: left;
}
section.block .content .carousel-1 li {
	padding-left: 0;
	padding-bottom: 0;
	background: none;
}

.carousel-1 {
	overflow: hidden;
}

.carousel-1 .es-nav {
	position: absolute;
	top: -9px;
	right: 0;
}

.carousel-1 .item-list {
	overflow: hidden;
	margin-bottom: 30px;
}

.carousel-1 .es-nav span {
	display: inline-block !important;
	cursor: pointer;
	width: 38px;
	height: 38px;
	text-indent: -999em;
	background: #2c2d2e url(../images/nav.png) 0 0 no-repeat;
	margin-left: 2px;
}

.carousel-1 .es-nav span.es-nav-next {
	background-position: 100% 100%;
}
	.carousel-1 .es-nav span.es-nav-next:hover {
		background-position: 100% 0;
	}
	.carousel-1 .es-nav span.es-nav-prev:hover {
		background-position: 0 100%;
	}

#block-views-featured-projects-block .views-field-title a {
	font-size: 20px;
	color: #583742;
}
	#block-views-featured-projects-block .views-field-title a:hover {
		color: #ddc0ca;
	}

	#block-views-featured-projects-block h2 {
		margin-bottom: 20px;
	}

#block-views-featured-projects-block {
	position: relative;
}

.views-field-field-portfolio-image {
	margin-bottom: 17px;
}

.carousel-date {
	color: #acacac;
	line-height: 23px;
}

.post-date {
	float: left;
	margin-right: 19px;
	width: 76px;
	text-align: center;
	background: #3d252d url(../images/date-1.png) repeat-x;
	color: #fff;
	font-family: 'Open Sans', sans-serif;
	text-transform: uppercase;
	margin-top: 5px;
	position: relative;
}
.post-date:after {
	display: block;
	content: '';
	position: absolute;
	top: 13px;
	right: -13px;
	width: 13px;
	height: 16px;
	background: url(../images/date-extra.png) 0 0 no-repeat;
}

	.p-date {
		font-weight: 600;
		font-size: 30px;
		line-height: 36px;
		border-bottom: 1px solid #26171c;
		padding-top: 7px;
		padding-bottom: 6px;
	}

	.p-month {
		font-weight: 300;
		font-size: 15px;
		border-top: 1px solid #695e62;
		background: #211418;
		padding-bottom: 6px;
	}
	
	.p-title a {
		color: #ddc0ca;
		font-family: 'Open Sans', sans-serif;
		font-weight: 600;
		font-size: 20px;
		line-height: 24px;
	}
	.p-sum {
		color: #2e1c22;
		font-family: 'Open Sans', sans-serif;
		font-weight: 400;
		font-size: 14px;
		line-height: 14px;
		margin-bottom: 6px;
	}
		.p-sum p {
			margin-bottom: 0;
		}

#block-views-featured-news-block .views-row {
	margin-bottom: 0;
	border-bottom: 1px solid #e9e9e9;
	padding-bottom: 14px;
	margin-bottom: 16px;
}
	#block-views-featured-news-block .views-row.views-row-last {
		border-bottom: none;
	}


#block-views-hot-offers-block .views-row {
	padding-left: 65px;
	background: url(../images/offers-icon-1.png) 0 0 no-repeat;
}
	#block-views-hot-offers-block .views-row.views-row-2 {
		background-image: url(../images/offers-icon-2.png);
	}
	#block-views-hot-offers-block .views-row.views-row-3 {
		background-image: url(../images/offers-icon-3.png);
	}
	#block-views-hot-offers-block .views-row.views-row-4 {
		background-image: url(../images/offers-icon-4.png);
	}


.img-fl {
	float: left;
	margin-right: 20px;
	width: 210px;
}
.img-fl-2 {
	float: left;
	margin-right: 20px;
	width: 400px;
}
#block-views-special-offers-block .views-row {
	overflow: hidden;
}

#block-block-8 .content:after {
	content: '';
	width: 100%;
	clear: both;
	display: block;
}



/* ------------------------- TWITTER  ------------------------- */
.twtr-hd, .twtr-ft {
	display: none;
}

.twtr-widget .twtr-tweet-wrap {
	padding: 0 !important;
}

#twtr-widget-1.twtr-widget h3, #twtr-widget-1.twtr-widget h4, #twtr-widget-1.twtr-widget p {
	line-height: 20px !important;
	font-size: 14px !important;
}

.twtr-tweet {
	padding-left: 78px;
	background: url(../images/twitter-icon.png) 0 6px no-repeat;
}

.twtr-widget .twtr-tweet {
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 1px solid #e9e9e9 !important;
}

#tweet-id-1.twtr-tweet {
	border-bottom: none !important;
	padding-bottom: 0;
	margin-bottom: 0;
}

#twtr-widget-1 .twtr-tweet em a {
	color: #d0d0d2 !important;
}

/* ------------------------- BUTTONS STYLES ------------------------- */
.form-submit {
	display: inline-block;
	color: #fff;
	font-size: 14px;
	padding: 10px 14px;
	background: #22151a url(../images/button-bg.png) 0 0 repeat-x;
	border: none;
}
	.form-submit:hover { background:#897179;}
	
.button a, .more-link a, ul.links li a, .view-portfolio .views-field-view-node a, #block-poll-recent ul.links li a {
	display: inline-block;
	color: #fff;
	font-size: 14px;
	padding: 7px 14px;
	background: #22151a url(../images/button-bg.png) 0 0 repeat-x;
}
	.button a:hover, .more-link a:hover, ul.links li a:hover, .view-portfolio .views-field-view-node a:hover, #block-poll-recent ul.links li a:hover {
		background: #897179;
		text-decoration: none;
	}

/* ------------------------- BACK TO TOP ------------------------- */
#backtotop {
	background: url(../images/backtotop.png) 0 0 no-repeat;
	width: 70px;
	height: 70px;
}
	#backtotop:hover {
		background-position: 0 100%;
	}

	
/* ------------------------- FOOTER ------------------------- */
#footer {
	clear: both;
	padding:29px 0 79px 0;
	position: relative;
	width: 1264px;
	margin: 0 auto;
}

#block-block-5 {
	float:left;
	color: #919191;
	font-family: 'Open Sans', sans-serif;
	font-size: 12px;
	line-height: 32px;
	text-transform: uppercase;
}

	#block-block-5 span {
		color: #fefefe;
	}

#block-block-5 a {
	color: #919191;
}



/* ------------------------- SOCIAL-ICONS BLOCK ------------------------- */
#block-follow-site { float:right;}
	a.follow-link {
		width:34px;
		height:34px;
		text-indent:-9999px;
		display: inline-block;
		padding:0;
		margin-left: 6px;
	}
		a.follow-link:hover {
			background-position: 0 100%;
		}









		
/* ------------------------- PAGINATOR ------------------------- */
.content ul.pager {text-align:center;}

.content ul.pager li {
	margin:0px 1px;
	overflow:hidden;
	padding: 0;
	display: inline-block;
}

.content ul.pager li.pager-current  {
	display: inline-block;
	color: #fff;
	font-size: 14px;
	padding: 7px 14px;
	background: #22151a url(../images/button-bg.png) 0 0 repeat-x;
}
	.content ul.pager li a { 
		display: inline-block;
		color: #fff;
		font-size: 14px;
		padding: 7px 14px;
		background: #22151a url(../images/button-bg.png) 0 0 repeat-x;
	}
		.content ul.pager li a:hover, .content ul.pager li.pager-current {
			background: #897179;
			text-decoration: none;
		}

/* ------------------------- PORTFOLIO ------------------------- */

.view-portfolio .views-row .views-field-field-portfolio-image {
	background:url(../images/ajax-loader.gif) center center no-repeat #fff; 
	margin-bottom:15px;
}
	.view-portfolio .views-row {
		margin-bottom: 20px;
	}

.view-portfolio .views-row .views-field-field-portfolio-image a {
	display:block; 
	background:url(../images/magnify.png) center center no-repeat #fff;
}

.view-portfolio .views-row .views-field-title {
	margin-bottom:5px;
}

.page-portfolio-1-col .view-portfolio .views-row {
	margin-bottom:50px;
	padding-bottom: 40px;
	border-bottom: 1px solid #d8d8d8;
	overflow: hidden;
}
	.page-portfolio-1-col .view-portfolio .views-row.views-row-last {
		margin-bottom: 0;
		padding-bottom: 0;
		border: none;
	}

.page-portfolio-1-col .views-field-field-portfolio-image {
	float: left;
	margin-right: 20px;
}

.page-portfolio #content, .page-portfolio-3-cols #content, .page-portfolio-2-cols #content, .page-portfolio-1-col #content {
    margin-left: 0;
    margin-right: 0;
}



/* ------------------------- POLL'S BARS ------------------------- */
.poll .total, .poll .title  {margin-bottom:15px;}
.poll .bar { 
	background-color:#fff;
	background-image:-moz-linear-gradient(top, #f0f0f0, #fff); /* FF3.6 */
	background-image:-ms-linear-gradient(top, #f0f0f0, #fff); /* IE10 */
	background-image:-o-linear-gradient(top, #f0f0f0, #fff); /* Opera 11.10+ */
	background-image:-webkit-gradient(linear, left top, left bottom, from(#f0f0f0), to(#fff)); /* Saf4+, Chrome */
	background-image:-webkit-linear-gradient(top, #f0f0f0, #fff); /* Chrome 10+, Saf5.1+ */
	background-image:linear-gradient(top, #f0f0f0, #fff);
	border:1px solid #8c8c8c;
	padding:1px;
	height:10px;
	margin-bottom:15px;
}
.poll .bar .foreground { 
	height:10px; 
	display:none;
	background-color:#ddc0ca;
}
	
.poll .percent { float:right;}
.poll .vote-form { text-align: left; padding-bottom: 15px;}
.poll .vote-form .choices { width: 100%;}

#block-poll-recent ul.links li {
	background: none;
	padding-left: 0;
}

#block-comment-recent .content li a { display:inline-block;}

#block-comment-recent li span, .views-field-timestamp {
	display: block;
}

#block-forum-new .contextual-links-wrapper { display:none;}

#block-system-navigation .content li { margin:0;}



/* ------------------------- BLOCK SEARCH ------------------------- */
#block-search-form {}
#block-search-form .form-text, #search-block-form .container-inline .form-text {
	width:100%;
	padding:8px 5px;
	border:none;
	background:none;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}
#block-search-form .container-inline, #search-block-form .container-inline {
	overflow:hidden;
	background:#e1e1e1;
	display:inline-block;
}
#block-search-form .container-inline .form-item, #search-block-form .container-inline .form-item {float:left; margin:0;}
#block-search-form .container-inline .form-actions, #search-block-form .container-inline .form-actions {float:right;}
	
#block-search-form .form-submit, #search-block-form .form-submit { 
	background:url(../images/search.png) no-repeat center center;
	border:0;
	line-height:normal;
	width:31px;
	height:32px;
	padding:0;
	margin:0;
	vertical-align:middle;
	cursor:pointer;
	text-indent:-9999px;
}
	#search-block-form #edit-submit:hover, #search-block-form .form-submit:hover {}

	

/* ------------------------- FORUM ------------------------- */
.action-links {
	padding: 0 0 25px 0px;
}
	.action-links a {
		font-size:12px;
		font-weight:bold;
	}
		.action-links a:hover {
			text-decoration:none;
		}

#forum a {
	font-size:12px;
}
	#forum a:hover {text-decoration: underline;}

#forum table {
	border:1px solid #c8c8c8;
	width:100%;
}

#forum th {
	background:#583742; 
	border:1px solid #583742;
	color:#fff; 
	font-size:14px;
	padding:3px 5px;
}
	#forum th a {
		color:#fff;
	}

#forum td.container { 
	padding:10px;
}

#forum td {
	border:1px solid #c8c8c8;
	padding: 5px;
}

#forum td.topics, #forum td.posts, #forum td.replies{
	text-align:center;
}
#forum td.last-reply span, #forum td.title span {
	color:#535353;
}

.field-name-taxonomy-forums {
	overflow:hidden;
	padding-bottom:20px;
	margin-top: 20px;
	width:100%;
}
	.field-name-taxonomy-forums .field-label {
		font-size:14px;
		vertical-align:middle;
		margin-bottom: 0;
		line-height:22px;
		float:left;
		margin-right:10px;
		font-family:Arial;
		letter-spacing:0;
	}

	.field-name-taxonomy-forums .links a {
		background:none;
		box-shadow: none;
		display:inline;
		font-size: 14px;
		padding:0;
		text-transform: none;
	}
		.field-name-taxonomy-forums .links a:hover {
			background:none;
		}

.page-forum- #main-wrapper .active img {
	padding: 0;
	background: 0;
	border: none;
	margin-left: 5px;
	margin-top: 4px;
}


/* ------------------------- COMMENTS FORM ------------------------- */
.panels-flexible-region-1-contacts_region {
	width:auto;
}


#edit-actions input {
	margin-right: 10px;
}


#edit-comment-body {margin-bottom:15px;}
.filter-help a {font-size:10px; display:inline-block;}
.filter-help a {
	padding-left: 0;
}
#comments {
	margin-bottom: 30px;
	clear: both;
}

article.comment header{overflow:hidden; margin-bottom: 0;}
.user-picture { float:left; margin-right:15px;}

section#comments h2.title {
	color:#292a2b;
	font-size:18px;
	margin-bottom:15px;
}

#comment-form label,
#contact-site-form label {
	vertical-align:middle;
}
.form-required {
	color: #f00 !important;
}

#comment-form .form-text,
#user-login .form-text,
#contact-site-form input.form-text,
.search-form .form-text {
	width:220px;
}
	
#comment-form .form-textarea {
	height:120px;
	margin-bottom: 10px;
	
}
	#contact-site-form textarea#edit-message {  /*Contact form texrarea*/
		margin-right:0;
		width:98%;
	}
	
.resizable-textarea .grippie {
	display:none;
}

.form-type-item {
	overflow:hidden;
	width:100%;
}
	.form-type-item label {
		float:left;
		padding-right:10px;
	}	
	
.form-type-select { margin:0;}

#edit-comment-body-und-0-format-guidelines {
	padding-top:15px;
}
	#edit-comment-body-und-0-format-guidelines ul li{
		font-size:12px;
		overflow:hidden;
		width:100%;
	}

/* ------------------------- COMMENTS OUTPUT ------------------------- */
#comments {
	margin-top: 30px !important;
}
.comment-wrapper {overflow:hidden;}

article.comment .submitted {
	margin:2px 0 10px;
}
	article.comment .submited .permalink, p .permalink {
		display:none;
	}

article.comment {
	background:#fff;
	border: none;
	margin-bottom:15px;
	padding:15px;
	padding-bottom: 25px;
}	
	article.comment h2 {
		color:#292a2b;
		font-size:18px;
		font-weight:normal;
		text-decoration:none;
	}
	
.node article.comment footer {
	overflow:hidden;
	padding:0;
}

#edit-comment-body-und-0-format { border:1px solid #d6d2c6;}
	#edit-comment-body-und-0-format .fieldset-wrapper > * {padding-left:0; padding-right:0;}
	#edit-comment-body-und-0-format .fieldset-wrapper {padding:20px 10px;}
	#edit-comment-body-und-0-format .fieldset-wrapper label {display:inline;}

#comment-form-wrapper { margin-top:30px;}
#comment-form-wrapper .title {
	margin-left:0;
	margin-right:0;
}
article.comment span.new { position:absolute; top:0; right:0;}
.comment-preview { background:none;}

.compose-tips li {margin-bottom:10px;}
.compose-tips h3 {margin-bottom:10px;}

.node-full .field-type-image {
	max-width: 300px;
	float: left;
	margin-right: 20px;
}

.comment .field-items {margin-bottom: 20px;}

/* ------------------------- TABLE STYLES ------------------------- */
tr.odd, tr.even {
	background: #EAEAEA;
	border-bottom: 1px solid #E0E0E0;
}
	tr.even {
		background: #f8f8f8;
	}

th {background:#583742; color: #fff; padding: 5px;}



.page-faq-questions-top .views-row {
	margin-bottom: 30px;
}

	
.pane-contact {
	margin-bottom: 30px;
}

.view-faq {
	margin-bottom: 30px;
}






/* ------------------------- 404 PAGE NOT FOUND ------------------------- */
.page-page-404 #search-block-form {width:400px;}
.panel-separator {display:none;}

.panel-pane.error-page {margin-bottom:30px;}
	.panel-pane.error-page .pane-content {overflow:hidden;}
		.panel-pane.error-page .pane-content span.err {
			float:left;
			font-weight:bold;
			font-size:150px;
			line-height:180px;
		}
.panel-pane.error-page .pane-content .extra {
	background:url(../images/v_line.gif) 40px 0 repeat-y;
	padding-left:80px;
	max-width:300px;
}
.panel-pane.error-page .pane-content .err-title {
	display:block;
	font-size:70px;
	line-height:84px;
	padding-top:20px;
	text-transform:uppercase;
}
.panel-pane.error-page .pane-content .err-body {
	display:block;
	font-size:20px;
	line-height:24px;
	margin-bottom:15px;
	width:300px;
}
.page-page-404 .pane-search-form {text-align:center;}
	.page-page-404 .pane-search-form .pane-content {display:inline-block; padding-top:40px;}
	.page-page-404 .pane-search-form #search-block-form .form-text {width:300px;}


html.js .collapsible.collapsed.collapsible .fieldset-legend {background-image:url(../images/menu-collapsed.png);}
html.js .collapsible.collapsible .fieldset-legend {background-image:url(../images/menu-expanded.png);}

input[type="text"], input[type="password"], input[type="search"], textarea {
	background:#f0f0f0;
	border:1px solid #f0f0f0;
	border-top: 1px solid #d9d9d9;
	color:#666 !important;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding:10px 5px;
}

/* ------------------------- FIRST-TIME PAGE ------------------------- */
#first-time {
	display:none;
}
	#first-time p {
		padding:10px 0;
	}
	
#first-time .item-list ul li{
	background:none;
	display:block;
	float:left;
	margin:0;
}
	#first-time .item-list ul li a {
		color:#0074BD;
		display:block;
		font-size:12px;
		font-weight:bold;
		text-decoration:none;
	}
		#first-time .item-list ul li:hover { background:none; }
		#first-time .item-list ul li a:hover { background:none; }
		
/* ------------------------- BREADCRUMB ------------------------- */
#breadcrumb { 
	color:#000;
	margin-top:16px;
	padding:0px 3px 15px;
}
	#breadcrumb a { 
		color:#000;
		font-size:12px;
		text-decoration:none;
		padding:0 3px;
	}
		#breadcrumb a:last-child { padding-right:0;}
		#breadcrumb a:hover { color:#0074BD;}
	
/* ------------------------- ADMIN TAB ------------------------- */
.tabs-wrapper { margin: 1px 0 20px;}
div.tabs { overflow:hidden;}

.tabs ul.primary {
	border:0;
	border-bottom:1px solid #c9c9c9;
	margin:10px 0 10px 0;
	overflow:hidden;
	padding:4px 0;
}
	.tabs ul.primary li {
		margin-bottom:-1px;
	}
		.tabs ul.primary li a { 
			background:#EDEDED;
			border:1px solid #BBB;
			border-bottom:0;
			color:#583742;
			font-size:12px;
			font-weight:normal;
			margin:0;
			overflow:hidden;
			padding:3px 15px 4px;
			text-shadow:0 1px 0 #FFF;
			-webkit-transition:background 0.1s linear;
			-moz-transition:background 0.1s linear;
		}
			.tabs ul li a.active, .tabs ul li a:hover { 
				background:#DDC0CA;
				color:#fff;
				text-shadow:none;
			}

/* ------------------------- ADMIN MENU BG ------------------------- */
ul.contextual-links li a:hover {}


.node-teaser .field-type-image, .node-employee .field-type-image {float:left; margin:0 20px 6px 0;}
.field-type-image {margin-bottom:10px;}

.profile .user-picture { margin-left:20px;}
.profile h3 { overflow:hidden;}

#block-views-our-team-block .views-field-field-employee-photo { float:left; margin-right:15px;}
#block-views-our-team-block .views-row { border-top:1px solid #CCC; overflow:hidden; padding:15px 0 10px;}
#block-views-our-team-block .views-row.views-row-first {
	border-top: none;
}
#block-views-our-team-block .views-field-title a { font-weight:bold; text-decoration:none;}

#block-views-our-team-block .views-field-body, #block-views-our-team-block  .views-row {
	margin-bottom: 0;
}


.filter-type {margin-bottom:30px;}

label.option {vertical-align:middle;}

.node-author .username {
	padding-right: 0;
	margin-right: 0;
	border: none;
}



.footer-wrapper {
		background: #161616;
	}


@media only screen and (min-width: 768px) and (max-width: 995px) {

	.img-fl-2 {
		float: none;
		margin-right: 0;
		margin-bottom: 20px;
		width: auto;
	}


	.hire-text {
		width: 550px;
		font-size: 24px;
	}

	.flex-direction-nav li a {
		top: 145px;
	}

	.page-top, .page-bottom, .page-center-container, #footer {
		width: 768px;
	}

	.twtr-tweet {
		padding-left: 0;
		background: none;
	}

	.flex-direction-nav li .next {
		right: 0;
	}
		.flex-direction-nav li .next:after {
			display: none;
		}

	.flex-direction-nav li .prev {
		left: 0;
	}
		.flex-direction-nav li .prev:after {
			display: none;
		}

	#backtotop {
		display: none !important;
	}

	#comment-form .form-text,
	#user-login .form-text,
	#contact-site-form input.form-text,
	.search-form .form-text {
		width:200px;
	}

	.node-full .field-type-image {
		max-width: 250px;
	}

	body#body {
		min-width:768px;
	}
	
}

@media only screen and (max-width: 767px) {

	.img-fl-2 {
		float: none;
		margin-right: 0;
		margin-bottom: 20px;
	}

	.img-fl {
		float: none;
		margin-right: 0;
		margin-bottom: 20px;
		width: auto;
	}

	#footer {
		padding-bottom: 40px;
	}

	.page-bg {
		padding-top: 40px;
	}

	#block-follow-site {
		float: none;
		text-align: center;
		margin-bottom: 30px;
	}

	#block-block-5 {
		float: none;
		text-align: center;
	}

	.section-1 .col1 {
		float: none;
		margin-bottom: 20px;
		text-align: center;
	}
	.section-1 .col2 {
		float: none;
	}

	.hire-text {
		margin-bottom: 10px;
		font-size: 24px;
	}

	.page-top, .page-bottom, .page-center-container, #footer {
		width: 320px;
	}

	.pane-contact {
		margin-bottom: 70px !important;
	}

	.views-row {
		margin-bottom: 60px;
	}

	#backtotop {
		display: none !important;
	}

	.two-sidebars #content {
		padding-left: 0px;
		padding-right: 0px;
	}

	.sidebar-first #content {
		padding-left: 0px;
	}

	.sidebar-second #content {
		padding-right: 0px;
	}

	#content {
		margin-left: 0;
		margin-right: 0;
		overflow: visible;
	}

	.comment-wrapper {
		overflow: visible;
	}

	.user-picture {
		margin-bottom: 12px;
	}

	#comment-form .form-text,
	#user-login .form-text,
	#contact-site-form input.form-text,
	.search-form .form-text {
		width:190px;
	}


	.node-full .field-type-image {
		max-width: 100%;
		float: none;
		margin-right: 0px;
	}


	.flexslider .slider_caption,
	#block-views-slider-block .flex-control-nav,
	.flex-direction-nav	{
		display:none;
	}

	#forum td.created, #forum td.posts, #forum td.topics, #forum td.last-reply, #forum td.replies, #forum td.pager {
		white-space:normal;
		font-size: 11px;
	}

	.addthis_button_tweet.at300b {
		height:35px;
	}
	.field-type-addthis {margin-bottom:20px;}
	
	
	#superfish-1 {display:none;}
	
	.select-menu {
		display:inline !important;
		width:100%;
		margin:10px 0;
		background: #ECEAE9;
		border: 1px solid #332623;
		cursor: pointer;
		height: 30px;
		padding: 5px;
	}
	
	.page-portfolio-1-col .view-portfolio .views-row .views-field-field-portfolio-image {float:none; margin-right:0;}
	
	
	.node-teaser .field-type-image, .node-employee .field-type-image {
		float:none;
		margin:0 0px 20px 0;
		width: auto;
	}
	
	
	.panel-pane.error-page .pane-content span.err {
		float:none;
		text-align:center;
		display:block;
	}
	
	.panel-pane.error-page .pane-content .extra {
		background:none;
		padding-left:0px;
		display:block;
		text-align:center;
		max-width:100%;
		border-top:1px solid #4A4A4A;
	}
	.panel-pane.error-page .pane-content .err-body {
		width:100%;
	}
	#block-search-form .container-inline, #search-block-form .container-inline {display:block;}
	
	.page-page-404 #search-block-form {width:300px;}
	
	#block-search-form .container-inline .form-item, #search-block-form .container-inline .form-item {width:260px;}

	.sticky-table td,
	.sticky-table th {
		font-size: 9px;
	}
	
}

@media only screen and (min-width: 480px) and (max-width: 767px) {

	.page-top, .page-bottom, .page-center-container, #footer {
		width: 440px;
	}

	.field-type-addthis {margin-bottom:10px;}
	
}
ul.language-switcher-locale-url li.es {
      display: inline;
      list-style-type: none;
      list-style-image:none;
      background-image: url('images/es.jpg');
      background-repeat: no-repeat;
}

body.maintenance-page {
  background-color: #fff;
  color: #000;
}
.maintenance-page #page-wrapper {
  margin-left: auto;
  margin-right: auto;
  min-width: 0;
  width: 800px;
  border: 1px solid #ddd;
  margin-top: 40px;
}

.maintenance-page #main-wrapper {
	background:#fff;
  min-height: inherit;
}
.maintenance-page #header,
.maintenance-page #messages,
.maintenance-page #main {
  width: auto;
}

.maintenance-page #page,
.maintenance-page #header div.section,
.maintenance-page #main {
  width: 800px;
}

.maintenance-page #messages {
  width: 780px;
}

.maintenance-page #main {
  margin: 0;
}
.maintenance-page #content .section {
  padding: 0 0 0 10px;
}
.maintenance-page #header {
  background-color: #fff;
  background-image: none;
}
.maintenance-page #name-and-slogan {
  margin-bottom: 50px;
  margin-left: 0;
  padding-top: 20px;
  font-size: 90%;
}
.maintenance-page #name-and-slogan,
.maintenance-page #name-and-slogan a,
.maintenance-page #name-and-slogan a:hover,
.maintenance-page #name-and-slogan a:hover {
  color: #777;
}
.maintenance-page  h1#page-title {
  line-height: 1em;
  margin-top: 0;
}
.maintenance-page #messages {
  padding: 0;
  margin-top: 30px;
}
.maintenance-page #messages div.section {
  padding: 0;
}
/*
* Skeleton V1.1
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 8/17/2011
*/


/* Table of Contents
==================================================
    #Base 960 Grid
    #Tablet (Portrait)
    #Mobile (Portrait)
    #Mobile (Landscape)
    #Clearing */



/* #Base 960 Grid
================================================== */

    .container-12 { position: relative; width: 1152px; margin: 0 auto; padding: 0; }

	.grid-1,
	.grid-2,
	.grid-3,
	.grid-4,
	.grid-5,
	.grid-6,
	.grid-7,
	.grid-8,
	.grid-9,
	.grid-10,
	.grid-11,
	.grid-12
	{ float: left; display: inline; margin-left: 10px; margin-right: 10px; }

    /* Nested Column Classes */
     .container-12 .alpha               { margin-left: 0; }
     .container-12 .omega               { margin-right: 0; }

    .container-12 .grid-1			{ width: 76px;  }
    .container-12 .grid-2			{ width: 172px; }
    .container-12 .grid-3			{ width: 268px; }
    .container-12 .grid-4			{ width: 364px; }
    .container-12 .grid-5			{ width: 460px; }
    .container-12 .grid-6			{ width: 556px; }
    .container-12 .grid-7			{ width: 652px; }
    .container-12 .grid-8			{ width: 748px; }
    .container-12 .grid-9			{ width: 844px; }
    .container-12 .grid-10			{ width: 940px; }
    .container-12 .grid-11			{ width: 1036px; }
    .container-12 .grid-12			{ width: 1132px; }

	
/* Pref/Suf Styles */
	.container-12 .rt-prefix-1 		{padding-left:80px;}
	.container-12 .rt-prefix-2 		{padding-left:160px;}
	.container-12 .rt-prefix-3 		{padding-left:240px;}
	.container-12 .rt-prefix-4 		{padding-left:320px;}
	.container-12 .rt-prefix-5 		{padding-left:400px;}
	.container-12 .rt-prefix-6 		{padding-left:480px;}
	.container-12 .rt-prefix-7 		{padding-left:560px;}
	.container-12 .rt-prefix-8 		{padding-left:640px;}
	.container-12 .rt-prefix-9 		{padding-left:720px;}
	.container-12 .rt-prefix-10 		{padding-left:800px;}
	.container-12 .rt-prefix-11 		{padding-left:880px;}
	
	.container-12 .rt-suffix-1 		{padding-right:80px;}
	.container-12 .rt-suffix-2 		{padding-right:160px;}
	.container-12 .rt-suffix-3 		{padding-right:240px;}
	.container-12 .rt-suffix-4 		{padding-right:320px;}
	.container-12 .rt-suffix-5 		{padding-right:400px;}
	.container-12 .rt-suffix-6 		{padding-right:480px;}
	.container-12 .rt-suffix-7 		{padding-right:560px;}
	.container-12 .rt-suffix-8 		{padding-right:640px;}
	.container-12 .rt-suffix-9 		{padding-right:720px;}
	.container-12 .rt-suffix-10 		{padding-right:800px;}
	.container-12 .rt-suffix-11 		{padding-right:880px;}


	.grid-views-2 .views-row,
	.grid-views-3 .views-row,
	.grid-views-4 .views-row
	{ float: left; display: inline; margin-left: 10px; margin-right: 10px; }

	.view-content:after
	{
		content: '';
		width: 100%;
		clear: both;
		display: block;
	}

	.container-12 .grid-views-2 .views-row			{ width: 172px; }
	.container-12 .grid-views-3 .views-row			{ width: 268px; }
	.container-12 .grid-views-4 .views-row			{ width: 364px; }

		.grid-views-2 > h2,
		.grid-views-3 > h2,
		.grid-views-4 > h2 {
			margin-left: 10px;
			margin-right: 10px;
		}

	.container-12 .grid-views-3.inner-grids .views-row.views-row-odd,
	.container-12 .grid-views-4.inner-grids .views-row.views-row-odd {
		margin-left: 0;
	}
	.container-12 .grid-views-3.inner-grids .views-row.views-row-even,
	.container-12 .grid-views-4.inner-grids .views-row.views-row-even {
		margin-right: 0;
	}
		.container-12 .grid-views-3.inner-grids > h2,
		.container-12 .grid-views-4.inner-grids > h2 {
			margin-left: 0;
			margin-right: 0;
		}


	.page-portfolio #page-title,
	.page-portfolio-3-cols #page-title,
	.page-portfolio-2-cols #page-title ,
	.page-portfolio-1-col #page-title {
		margin-left: 10px;
		margin-right: 10px;
	}

	.page-portfolio .portfolio-grid .views-row,
	.page-portfolio-3-cols .portfolio-grid .views-row,
	.page-portfolio-2-cols .portfolio-grid .views-row,
	.page-portfolio-1-col .portfolio-grid .views-row {
		margin-left: 10px;
		margin-right: 10px;
		float: left;
	}

	.page-portfolio .portfolio-grid .views-row {
		width: 268px;
	}

	.page-portfolio-3-cols .portfolio-grid .views-row {
		width: 364px;
	}
	.page-portfolio-2-cols .portfolio-grid .views-row {
		width: 556px;
	}
	.page-portfolio-1-col .portfolio-grid .views-row {
		width: 1132px;
	}

	.sidebar.grid-right {
		float: right;
	}



/* #Tablet (Portrait)
================================================== */

    /* Note: Design for a width of 768px */

    @media only screen and (min-width: 768px) and (max-width: 995px) {

        .container-12                                  { width: 768px; }
        .grid-1,
		.grid-2,
		.grid-3,
		.grid-4,
		.grid-5,
		.grid-6,
		.grid-7,
		.grid-8,
		.grid-9,
		.grid-10,
		.grid-11,
		.grid-12
		{ margin-left: 10px; margin-right: 10px;  }


		.container-12 .grid-1 			{ width: 44px; }
        .container-12 .grid-2  			{ width: 108px; }
        .container-12 .grid-3    		{ width: 172px; }
        .container-12 .grid-4 			{ width: 236px; }
        .container-12 .grid-5    		{ width: 300px; }
        .container-12 .grid-6   		{ width: 364px; }
        .container-12 .grid-7 			{ width: 428px; }
        .container-12 .grid-8  			{ width: 492px; }
        .container-12 .grid-9 			{ width: 556px; }
        .container-12 .grid-10			{ width: 620px; }
        .container-12 .grid-11			{ width: 684px; }
        .container-12 .grid-12			{ width: 748px; }

		
		/* Pref/Suf Styles */
		.container-12 .rt-prefix-1 		{padding-left:40px;}
		.container-12 .rt-prefix-2 		{padding-left:80px;}
		.container-12 .rt-prefix-3 		{padding-left:120px;}
		.container-12 .rt-prefix-4 		{padding-left:160px;}
		.container-12 .rt-prefix-5 		{padding-left:200px;}
		.container-12 .rt-prefix-6 		{padding-left:240px;}
		.container-12 .rt-prefix-7 		{padding-left:280px;}
		.container-12 .rt-prefix-8 		{padding-left:320px;}
		.container-12 .rt-prefix-9 		{padding-left:360px;}
		.container-12 .rt-prefix-10 		{padding-left:400px;}
		.container-12 .rt-prefix-11 		{padding-left:440px;}
		
		.container-12 .rt-suffix-1 		{padding-right:40px;}
		.container-12 .rt-suffix-2 		{padding-right:80px;}
		.container-12 .rt-suffix-3 		{padding-right:120px;}
		.container-12 .rt-suffix-4 		{padding-right:160px;}
		.container-12 .rt-suffix-5 		{padding-right:200px;}
		.container-12 .rt-suffix-6 		{padding-right:240px;}
		.container-12 .rt-suffix-7 		{padding-right:280px;}
		.container-12 .rt-suffix-8 		{padding-right:320px;}
		.container-12 .rt-suffix-9 		{padding-right:360px;}
		.container-12 .rt-suffix-10 		{padding-right:400px;}
		.container-12 .rt-suffix-11 		{padding-right:440px;}


		.container-12 .grid-views-2 .views-row			{ width: 108px; }
        .container-12 .grid-views-3 .views-row			{ width: 172px; }
        .container-12 .grid-views-4 .views-row			{ width: 236px; }


		.page-portfolio .portfolio-grid .views-row {
			width: 172px;
		}

		.page-portfolio-3-cols .portfolio-grid .views-row {
			width: 236px;
		}
		.page-portfolio-2-cols .portfolio-grid .views-row {
			width: 364px;
		}
		.page-portfolio-1-col .portfolio-grid .views-row {
			width: 748px;
		}
    }


/*  #Mobile (Portrait)
================================================== */

    /* Note: Design for a width of 320px */

    @media only screen and (max-width: 767px) {
        .container-12{width: 300px;}
        .grid-1,
		.grid-2,
		.grid-3,
		.grid-4,
		.grid-5,
		.grid-6,
		.grid-7,
		.grid-8,
		.grid-9,
		.grid-10,
		.grid-11,
		.grid-12{margin: 0; display: block; float: none;}


        .container-12 .grid-1,
        .container-12 .grid-2,
        .container-12 .grid-3,
        .container-12 .grid-4,
        .container-12 .grid-5,
        .container-12 .grid-6,
        .container-12 .grid-7,
        .container-12 .grid-8,
        .container-12 .grid-9,
        .container-12 .grid-10,
        .container-12 .grid-11,
        .container-12 .grid-12{width: 300px; margin-bottom: 30px;}

       	.container-12 .grid-12 {margin-bottom: 0;}
		
		/* Pref/Suf Styles */
		.container-12 .rt-prefix-1,
		.container-12 .rt-prefix-2,
		.container-12 .rt-prefix-3,
		.container-12 .rt-prefix-4,
		.container-12 .rt-prefix-5,
		.container-12 .rt-prefix-6,
		.container-12 .rt-prefix-7,
		.container-12 .rt-prefix-8,
		.container-12 .rt-prefix-9,
		.container-12 .rt-prefix-10,
		.container-12 .rt-prefix-11{padding-left:0px;}
		
		.container-12 .rt-suffix-1,
		.container-12 .rt-suffix-2,
		.container-12 .rt-suffix-3,
		.container-12 .rt-suffix-4,
		.container-12 .rt-suffix-5,
		.container-12 .rt-suffix-6,
		.container-12 .rt-suffix-7,
		.container-12 .rt-suffix-8,
		.container-12 .rt-suffix-9,
		.container-12 .rt-suffix-10,
		.container-12 .rt-suffix-11{padding-right:0px;}

		.grid-views-2 .views-row,
		.grid-views-3 .views-row,
		.grid-views-4 .views-row
		{ margin-left: 0px; margin-right: 0px; }

		.container-12 .grid-views-2 .views-row,
		.container-12 .grid-views-3 .views-row,
		.container-12 .grid-views-4 .views-row			{ width: 300px; margin-bottom: 60px; }

			.container-12 .grid-views-3 .views-row.views-row-last			{ margin-bottom: 0px; }

		.grid-views-2,
		.grid-views-3,
		.grid-views-4 > h2 {
			margin-left: 0px;
			margin-right: 0px;
		}

		.page-portfolio #page-title,
		.page-portfolio-3-cols #page-title,
		.page-portfolio-2-cols #page-title ,
		.page-portfolio-1-col #page-title
		 {
			margin-left: 0px;
			margin-right: 0px;
		}

		.page-portfolio .portfolio-grid .views-row,
		.page-portfolio-3-cols .portfolio-grid .views-row,
		.page-portfolio-2-cols .portfolio-grid .views-row,
		.page-portfolio-1-col .portfolio-grid .views-row {
			width: 300px;
			margin-left: 0;
			margin-right: 0;
		}


		.sidebar.grid-right {
			float: none;
		}


		.grid-last {margin-bottom: 0 !important;}
    }


/* #Mobile (Landscape)
================================================== */

    /* Note: Design for a width of 480px */

    @media only screen and (min-width: 480px) and (max-width: 767px) {
        .container-12 { width: 420px; }
        .grid-1,
		.grid-2,
		.grid-3,
		.grid-4,
		.grid-5,
		.grid-6,
		.grid-7,
		.grid-8,
		.grid-9,
		.grid-10,
		.grid-11,
		.grid-12{margin: 0;}


        .container-12 .grid-1,
        .container-12 .grid-2,
        .container-12 .grid-3,
        .container-12 .grid-4,
        .container-12 .grid-5,
        .container-12 .grid-6,
        .container-12 .grid-7,
        .container-12 .grid-8,
        .container-12 .grid-9,
        .container-12 .grid-10,
        .container-12 .grid-11,
        .container-12 .grid-12{width: 420px;}
        
        .container-12 .grid-12 {margin-bottom: 0;}
		
		/* Pref/Suf Styles */
		.container-12 .rt-prefix-1,
		.container-12 .rt-prefix-2,
		.container-12 .rt-prefix-3,
		.container-12 .rt-prefix-4,
		.container-12 .rt-prefix-5,
		.container-12 .rt-prefix-6,
		.container-12 .rt-prefix-7,
		.container-12 .rt-prefix-8,
		.container-12 .rt-prefix-9,
		.container-12 .rt-prefix-10,
		.container-12 .rt-prefix-11{padding-left:0px;}
		
		.container-12 .rt-suffix-1,
		.container-12 .rt-suffix-2,
		.container-12 .rt-suffix-3,
		.container-12 .rt-suffix-4,
		.container-12 .rt-suffix-5,
		.container-12 .rt-suffix-6,
		.container-12 .rt-suffix-7,
		.container-12 .rt-suffix-8,
		.container-12 .rt-suffix-9,
		.container-12 .rt-suffix-10,
		.container-12 .rt-suffix-11{padding-right:0px;}


		.grid-views-3 .views-row
		{ margin-left: 0px; margin-right: 0px; }

		.container-12 .grid-views-2 .views-row,
		.container-12 .grid-views-3 .views-row,
		.container-12 .grid-views-4 .views-row		{ width: 420px; }

			.container-12 .grid-views-3 .views-row.views-row-last			{ margin-bottom: 0px; }

		.page-portfolio .portfolio-grid .views-row,
		.page-portfolio-3-cols .portfolio-grid .views-row,
		.page-portfolio-2-cols .portfolio-grid .views-row {
			width: 200px;
		}
			.page-portfolio .portfolio-grid .views-row.views-row-odd,
			.page-portfolio-3-cols .portfolio-grid .views-row.views-row-odd,
			.page-portfolio-2-cols .portfolio-grid .views-row.views-row-odd {
				margin-right: 10px;
			}
			.page-portfolio .portfolio-grid .views-row.views-row-even,
			.page-portfolio-3-cols .portfolio-grid .views-row.views-row-even,
			.page-portfolio-2-cols .portfolio-grid .views-row.views-row-even  {
				margin-left: 10px;
			}

		.page-portfolio-1-col .portfolio-grid .views-row {
			width: 420px;
			margin-left: 0;
			margin-right: 0;
		}
    }


/* #Clearing
================================================== */

    /* Self Clearing Goodness */
    .container-12:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }

    /* Use clearfix class on parent to clear nested columns,
    or wrap each row of columns in a <div class="row"> */
    .clearfix:before,
    .clearfix:after,
    .row:before,
    .row:after {
      content: '\0020';
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0; }
    .row:after,
    .clearfix:after {
      clear: both; }
    .row,
    .clearfix {
      zoom: 1; }

    /* You can also use a <br class="clear" /> to clear columns */
    .clear {
      clear: both;
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0;
    }