/*
	Arcas | Responsive HTML5 Template
	Author: AE-Themes
	Contact me: hello@ae-themes.com
*/

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

TABLE OF CONTENTS

	1. GENERAL
	2. HEADER + LOGO
	3. MAIN MENU
	4. SLIDERS
		4.1 GENERAL SLIDER SETTINGS
		4.2 FLEXSLIDER
		4.3 NIVOSLIDER
		4.4 THUMBSLIDER
	5. CONTENT + SIDEBARS
		5.1 SIDEBAR LEFT
		5.2 SIDEBAR RIGHT
		5.3 SERVICES / TEAM-MEMBERS
	6. BLOG
		6.1 TAGS
		6.2 COMMENTS
	7. CONTACTFORM / COMMENTFORM
	8. PORTFOLIO
		8.1 PORTFOLIO FILTER
	9. GALLERY
	10. FOOTER
	11. SHORTCODES
		11.1 BUTTONS
		11.2 HIGHLIGHTS
		11.3 BLOCKS
		11.4 LISTS
		11.5 COLUMNS
	12. MISCELLANOUS
		12.1 BREADCRUMBS
		12.2 SEARCH
		12.3 CLEAR
		12.4 RECENT POSTS WIDGET
		12.5 BOTTOM-BLOCK
		12.6 MARGINS
		12.7 PAGINATION
		12.8 PAGE TITLE
		12.9 STYLESWITCHER + BACK TO TOP
	13. RESPONSIVE SETTINGS

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

/*-------------------------------------
	1.	GENERAL
-------------------------------------*/

body {
	background: #f8f8f8;
	margin: 0;
	padding: 0;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #858484;
	line-height: 18px;
	border-top: 3px solid #78a8d5;
}

ul, ol {
	list-style: none;
}

a {
	text-decoration: none;
	color: #858484;
}

a:hover {
	color: #6896C1;
	outline: none;
	text-decoration: none;
}

img, fieldset {
	border: none;
}

/* -- Headings -- */

h1, h2, h3, 
h4, h5, h6 {
	font-family:"Trebuchet MS", Arial, Helvetica, san-serif; 	
	letter-spacing: 0.4px;
	font-weight: normal;	
	line-height: 100%;
	color: #5d5d5d;
	padding-bottom: 15px;
}

h1 {
	font-size: 30px;	
}
h2{ 
	font-size: 24px;
}
h3 {				
	font-size: 18px;	
}
h4 {				
	font-size: 16px;	
}
h5 {				
	font-size: 14px;
}
h6 {
	font-size: 12px;	
}

blockquote {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 12px;
    font-style: italic;
    line-height: 22px;
    background: url(../images/quote.png) no-repeat left 5px;
    padding: 0px 40px 0 50px;
    margin: 0 0 25px 50px;
    min-height: 40px;
}

.highlight {
	background: #ff5050;
	color: #fff;
	padding: 1px 4px;
}

.dropcap {
	display: block;
	float: left;
	font-size: 40px;
	font-weight: normal;
	line-height: 40px;
	margin: 4px 6px 0 0;
	text-shadow: none;
}

#line {
	background: transparent url(../images/sp.png) repeat-x bottom; 
	padding: .2em 0 0.8em 0;
	margin-bottom: 1em;
}

#lines {
	background: transparent url(../images/lines.png) repeat-x bottom; 
	padding: .2em 0 0.8em 0;
	margin-bottom: 1em;
}

/*-------------------------------------
	2.	HEADER + LOGO
-------------------------------------*/

#header-wrapper {
	width: 100%;
	height: 85px;
	background: #f4f4f4;
	border-bottom: 1px solid #e8e7e7;
/*	border-bottom: 5px solid #f4f4f4;*/
/*	border-bottom: 5px solid #e8e7e7;*/
}

#header {
	width: 980px;
	margin: 0 auto;
}

#header_pages {
	width: 100%;
	height: 85px;
	background: #f4f4f4;
	border-bottom: 2px solid #e8e7e7;
}

.logoheader {
	color: #fff;
	margin: 0 0 0 0 !important;
}

a#logo {
	float: left;
	width: 170px; height: 55px;
	margin: 13px 0 0 10px;
	display: block;
	background: url(../images/logo.png) no-repeat;
}

/*-------------------------------------
	3.	MAIN MENU
-------------------------------------*/

#navigation {
	padding: 12px 0 10px 15px;
	float: right;
	margin-top: 0px;
}

.dropmenu {
	list-style: none;
	position: relative;
	width: 100%;
}

.dropmenu li {
	list-style: none;
	position: relative;
	line-height: 20px;
	float: left;
}

.dropmenu li a {
	display: inline-block;
	line-height: 37px;
	font-size: 11px;
	text-transform: uppercase;
	text-decoration: none;
	padding: 0 25px;
	color: #888; 
	zoom: 1;
	*display: inline;
}

span.menuPlus {
	margin: 0 0 0 10px;
}

.dropmenu li:hover {
	background: #333;
}

.dropmenu li a:hover {
	text-decoration: none;
	color: #fff;
}

.dropmenu ul.sub-menu {
	list-style: none; 
	display: none; 
	position: absolute; 
	width: 200px; 
	z-index: 300; 
	top: 37px; 
	left: 0; 
	background: #333;
	padding: 15px 0;
	-webkit-box-shadow: 5px 5px 3px rgba(0,0,0,.1);
	-moz-box-shadow: 5px 5px 3px rgba(0,0,0,.1);
	box-shadow: 5px 5px 3px rgba(0,0,0,.1);
}

.dropmenu ul.sub-menu li {
	position: relative;
	width: 200px;
}

.dropmenu ul.sub-menu li a {
	line-height: 15px; 
	display: block; 
	padding: 10px 25px;
}

span.menuArrow {
	display: block;
	float: right;
}

.dropmenu ul.sub-menu li:hover {
	background: #444;
}

.dropmenu ul.sub-menu ul.sub-menu {
	position: absolute;
	top: -15px;
	left: 200px;
	z-index: 299;
}

.dropmenu li:hover ul ul, 
.dropmenu li:hover ul ul ul, 
.dropmenu li:hover ul ul ul ul {
	display:none;
}
.dropmenu li:hover ul, 
.dropmenu li li:hover ul, 
.dropmenu li li li:hover ul, 
.dropmenu li li li li:hover ul {
	display:block;
}

.dropmenu li.current-menu-item > a,
.dropmenu li.current-menu-ancestor > a {
	background: #333;
	color: #fff;
}

.dropmenu li.action {
	float: right; 
	margin-left: 10px;
}

.dropmenu li.action > a {
	color: #fff;
}

.dropmenu ul.sub-menu li.info a {
	color: #555; 
	font-style: italic;
}

.dropmenu ul.sub-menu li.info a:hover {
	cursor: help;
}

.dropmenu ul.sub-menu li.info:hover {
	background: none;
}

span.menuArrow {
	display: block;
	float: right;
}

.tinynav { display: none }

/*-------------------------------------
	4.	SLIDERS
-------------------------------------*/

/*-------------------------------------
	4.1	GENERAL SLIDER SETTINGS
-------------------------------------*/

#slider_background {
	width: 100%;
	height: 370px;
/*	background: url(../images/bg.png) #ededed;*/
	background: url(../images/bg.png) #fafafa;
/*#f2f9ff;*/
border-bottom: 1px solid #e8e7e7;
/*	border-bottom: 2px solid #e8e7e7;*/
}

#slider_holder {
	width: 980px;
	height: 350px;
	margin: 0 auto;
}

.static-image {
	margin-top: 15px;
}

#slider-container {
	width: 980px;
	height: auto;
	position: relative;
	clear: both;
	float: left;
	margin-top: 22px;
}

#slider {
	height: 380px;
	position: relative;
	overflow: hidden;
}

#ss-left {
    width: 55px;
    height: 162px;
    background: url(../images/shadow-left.png) top left no-repeat;
    position: absolute;
    left: -55px;
    top: 188px;
}

#ss-right {
	width: 55px;
	height: 162px;
	background: url(../images/shadow-right.png) top left no-repeat;
	position: absolute;
	top: 188px;
	right: -55px;
}

/*-------------------------------------
	4.2 FLEX SLIDER
-------------------------------------*/

/* -- sliders Styling -- */

/* -- Browser Resets (Don't Edit) -- */

.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}

.slides,
.flex-control-nav,
.flex-direction-nav {
	margin: 0; 
	padding: 0; 
	list-style: none;
}

/* FlexSlider Necessary Styles (Don't Edit)
---------------------------------*/

.flexslider {
	margin: 0; 
	padding: 0;
}
	
.flexslider .slides > li {
	display: none; 
	-webkit-backface-visibility: hidden;
} /* Hide the slides before the JS is loaded. Avoids image jumping */

.flexslider .slides img {
	max-width: 100%; 
	display: block;
}
	
.flex-pauseplay span {
	text-transform: capitalize;
	display: none;
}

/* Clearfix for the .slides element */
.slides:after {
	content: "."; 
	display: block; 
	clear: both; 
	visibility: hidden; 
	line-height: 0; 
	height: 0;
}
	
html[xmlns] .slides {display: block;}

* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}

/* FlexSlider Default Theme (Don't Edit)
---------------------------------*/
.flexslider {
 	position: relative; 
 	zoom: 1;
}
	
.flexslider .slides { zoom: 1; }

.flexslider .slides > li { position: relative; }

.flex-container {
	zoom: 1; 
	position: relative;
}

.flexslider  ul.slides{
	background: black;
}
	
.sliders { position: relative; }

/* sliders Loader */

ul.slides.loading, 
.slidersloader {
	color:#000;
	background: url(assets/images/loader2.gif) 50% 50% no-repeat ;
	position: relative; 
	width: 100%; 
	height: 300px;
	line-height: 50px;
	text-align: center;
	}

.loaded { background: none; }

/* -- Slider -- */

.vendeirinho-slider ul.slides.loading {
 	height: 380px;
 }

.with-sidebar .vendeirinho-slider ul.slides.loading {
	height: 300px ;
}

.vendeirinho-slider {	
	zoom: 1;
	/* Don't remove these */
	width: 100%; 
	margin: 0 auto 20px auto;
	padding: 0;
	float: left;
}
	
.vendeirinho-slider .slides { zoom: 1; }
.vendeirinho-slider .slides > li {
	display: none; /* Hide the slides before the JS is loaded. Avoids image jumping  (important)*/
	position: relative;
}
		
.vendeirinho-slider .slides img {
	max-width: 100%;
	display: block;
	margin: 0 auto;
	background: transparent;
}

/* Navigation Links */

.vendeirinho-slider .flex-control-nav {
    bottom: 18px;
    display: block !important;
    left: 0 !important;
    outline: 0 none;
    overflow: hidden;
    position: absolute;
    width: 100%;
    z-index: 99;
}

.vendeirinho-slider .flex-control-nav li {
    display: block;
    float: left;
    width: 15%;
    z-index: 99;
}

.vendeirinho-slider .flex-control-nav li a {
    background-color: #EAECEF;
    cursor: pointer;
    float: left;
    height: 9px;
    outline: 0 none;
    overflow: hidden;
    text-indent: -9999px;
    width: 100%;
}

.vendeirinho-slider .flex-control-nav li a:hover, .vendeirinho-slider .flex-control-nav li a.active {
    background-color: #78a8d5;
}

 /* Directional Control */
.vendeirinho-slider .flex-direction-nav li {
 	float:left;
 	margin:0px 1px;
 	list-style:none;
 	padding: 0;
 }
 
.vendeirinho-slider .flex-direction-nav li a {
	 width: 28px;
	 height: 28px;
	 margin: 0;
	 display: block;
	 position: absolute;
	 bottom: 50%;
	 cursor: pointer;
	 text-indent: -9999px;
}
 	
.vendeirinho-slider .flex-direction-nav .prev, .vendeirinho-slider .flex-direction-nav .next {
    background: url("../images/slider-nav.png") no-repeat scroll 0 0 transparent;
    border: medium none;
    display: block;
    height: 38px;
    opacity: 0;
    text-indent: -9999em;
    width: 38px;
    z-index: 99;
}

.vendeirinho-slider .flex-direction-nav .prev {
    left: -9px;
}

.vendeirinho-slider .flex-direction-nav .next {
    background-position: -36px 0;
    right: -7px;
}

.vendeirinho-slider .flex-direction-nav .next:hover, .vendeirinho-slider .flex-direction-nav .prev:hover {
    opacity: 1;
}

.vendeirinho-slider.no-nav.no-pagi {
    padding: 0;
}

/* -- Pause & Play -- */

.vendeirinho-slider .flex-pauseplay { 
	position: absolute; 
	left: 475px;
	z-index: 99;
	display: none;
}
	
.vendeirinho-slider .flex-pauseplay span {
	background-image: url(assets/images/home-slider-btn.png);
	background-repeat: no-repeat;
	opacity: 0; 
	filter: alpha(opacity=0); 
	display: block; 
	width: 40px; 
	height: 39px;
	text-indent: -9999em; 
	background-position: -60px 0;
	cursor: pointer; 
}

.vendeirinho-slider .flex-pauseplay span:hover {
	background-position: -60px 100%;
}

.vendeirinho-slider .flex-pauseplay span.pause { 
	background-position: -100px 0;
}

.vendeirinho-slider .flex-pauseplay span.pause:hover { 
	background-position: -100px 100%;
}

.vendeirinho-slider .flex-pauseplay { top: 50%; }

/* -- Slider Text Content -- */

.vendeirinho-slider .slider-desc {
    background: #222;
    font-style: italic;
    position: absolute;
    text-align: center;
    left: 2.5%;
    bottom: 10px;
    max-width: 60%;
    color: #eeeeee;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.98);
    background: rgb(98,101,109); /* Old browsers */
    border: 1px solid #000;
    padding: 7px 30px;
    opacity: 0.8;
}
	
.vendeirinho-slider .slider-desc span,
.vendeirinho-slider .slider-desc em { color: #fff; }
 
.vendeirinho-slider .slide-content-container .slide-content {
	background: url(../slide_desc_bg.png);
	position: absolute;
	bottom: 60px;
	left: 0px;
	width: 30%;
	height: 22%;
	padding: 3px;
	color: #8f949d;
	z-index: 100;
}
	
.vendeirinho-slider article {
	border: none;
	color: #8f949d;
	position: relative;
}

.vendeirinho-slider article header {
	padding: 25px;
	height: auto;
 }

.vendeirinho-slider article header h1,
.vendeirinho-slider article header h2,
.vendeirinho-slider article header h3,
.vendeirinho-slider article header h4{
	color: #E6E8EB;
	line-height: 26px;
	font-size: 18px;
	margin-bottom: 20px;
	margin-top: 2px;
}

.vendeirinho-slider article .entry {
	line-height: 12px;
	font-size: 13px;
}

.vendeirinho-slider article .entry a { color: #B7B9BC; }
.vendeirinho-slider article .entry a:hover { color: #FFF; }
.vendeirinho-slider article .entry a:active { color: #78a8d5; }

/*-------------------------------------
	4.3 NIVO SLIDER
-------------------------------------*/

/* -- Open file nivo-slider.css file for Nivo Slider settings -- */

/*-------------------------------------
	4.4 THUMB SLIDER
-------------------------------------*/

.sliderbox2 {
	z-index:1;
	position:relative;
	height: 320px;
	background-repeat: no-repeat;
	background-position: left bottom;
	margin-top: 50px;
}

.lof_featured {
	position:absolute;
	top:0;
	right:0;
	z-index:9999;
	width:68px;
	height:68px;
	background-repeat: no-repeat;
	background-position: right top;
}

.lof-slidecontent{
	position:relative;
	overflow:hidden;
	width: 980px;
	height:320px;
}
.lof-slidecontent .preload{
	height:100%;
	width:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:100000;
	text-align:center
}
.lof-slidecontent .preload div{
	height:100%;
	width:100%;
}

.lof-main-outer{
	position:relative;
	height:100%;
	width:690px;
	z-index:3;
	overflow:hidden;
}

.lof-main-item-desc{
	z-index:100;
}

.lof-main-date {
	font-size:18px;
	position:absolute;
	top:170px;
	right:0;
	text-align:right;
	display:block;
	padding:10px 15px;
}

.lof-main-title {
	cursor:pointer;
	display:block;
	font-size:24px;
	position:absolute;
	width:680px;
	top:256px;
	right:0;
	text-align:right;
	display:block;
	padding:8px 55px;
	background-repeat: no-repeat;
	background-position: right top;
	text-decoration:none;
}

.lof-main-title:hover {
	cursor:pointer;
	background-repeat: no-repeat;
	background-position: right top;
}

ul.lof-main-wapper{
	overflow:hidden;
	padding:0px;
	margin:0;
	height:340px;
	width:980px;
	position:absolute;
	overflow:hidden;
}

ul.lof-main-wapper li{
	overflow:hidden;
	padding:0px;
	margin:0px;
	margin-top: 1px;
	height:100%;
	width:710px;
	float:left;
}
.lof-opacity  li{
	position:absolute;
	top:0;
	left:0;
	float:inherit;
}

/* item navigator */

ul.lof-navigator{
	top:0;
	padding:0;
	margin:0;
	position:absolute;
	width:100%;
}
ul.lof-navigator li{
	cursor:hand; 
	cursor:pointer;
	list-style:none;
	width:100%;
	padding:0;
	margin:0;
	overflow:hidden;
}
.lof-navigator-outer{
	position:absolute;
	right:0;
	top:0;
	z-index:100;
	height:340px;
	width:275px;
	overflow:hidden;
}

ul.lof-navigator li.active{
	background-attachment: scroll;
}

ul.lof-navigator li div{
	position:relative;
	width:275px;
	height:100%;
	position:relative;
	padding-left:15px;
}

ul.lof-navigator li.active div{
	position:relative;
	padding-left:15px;
	background-repeat: repeat-x;
	background-position: top;
}

.lof-navigator li img{
	height:65px;
	width:110px;
	margin:12px 15px 0 0px;
	float:left;
}

.lof-navigator .lof-categ {
	position:absolute;
	top:15px;
	left:105px;
	padding-left:17px;
	display:block;
	background-repeat: no-repeat;
	background-position: left center;
}

.lof-navigator .lof-comm {
	font-size:10px;
	width:21px;
	height:19px;
	position:absolute;
	top:15px;
	left:260px;
	display:block;
	text-align:center;
	padding:2px 2px 0 0;
	background-repeat: no-repeat;
	background-position: left center;	
	}
	
.lof-navigator p {
	width:135px;
	padding:0px;
	margin:0px;
	font-size:11px;
	position:absolute;
	line-height:15px;	
	top:15px;
	left:145px;
	display:block;
	}

.lof-snleft  .lof-main-outer{
	float:right;
	}
	

.lof-snleft .lof-navigator-outer{
	left:0;
	top:0;
	right:inherit;
	}
	
ul.lof-main-wapper li {
	position:relative;	
	}
	
	
.lof-snleft .lof-navigator li div{
	margin-left:inherit;
	margin-right:18px;
	}
	
.lof-snleft .lof-navigator li.active div{
	margin-left:inherit;
	margin-right:18px;
	}

/* -- Item navigator -- */

.lof-navigator-outer{
	color:#FFF
}

ul.lof-navigator li div{
	background-color:#c6c6c6;
	color:#FFF;
	border-top:1px solid #e6e6e6;
}

ul.lof-navigator li.active div{
	border-top: 1px solid #e6e6e6;
	background-color:#1c1c1c;
	color:#FFF;
	background-image: url(../images/lof_activebg.gif);
}

.lof-navigator li img{
	border:#dedede solid 4px;
}
.lof-navigator li.active img{
	border:#bcbcbc solid 4px;
}

.lof-navigator .lof-categ {
	color:#999999;
	background-image: url(../images/sl2_categicon.gif);
}

.lof-navigator .lof-comm {
	color:#141414;
	background-image: url(../images/slider_com_icon2.gif);
	}
	
.lof-navigator p {
	color:#666666;
}

.lof-snleft .lof-navigator .active{
	background:url(../images/arrow-bg.png) center right no-repeat;
}

.lof-snleft .lof-navigator li.active div{
	background-color:#dedede;
}

/*-------------------------------------
	MIDCAPTION
-------------------------------------*/

#midcaption {
    float: left;
	width: 700px;
}

#midcaption p {
    font-family: 'TitilliumText22LLight', sans-serif;
	font-size: 18px !important;
    color: #929292;
    margin: 0px 0 0 15px;
    width: 650px;
    line-height: 24px;
    -webkit-font-smoothing: antialiased;
}

.mid {
	padding: 0 25px 0 0;
	float: right;
}

#midcaption img {
    float: left;
}

#midcaption a {
    float: right;
    position: relative;
    top:7px;
}

#midcaption p span {
	font-family: 'TitilliumText22LRegular', sans-serif;
    color: #363636;
	-webkit-font-smoothing: antialiased;
}

/*-------------------------------------
	5.	CONTENT
-------------------------------------*/

#container {
	width: 100%;
	height: auto;
	overflow: hidden;
}

.dotted_line {
	background: transparent url(../images/sp.png) repeat-x bottom; 
	padding: .4em 0 0.8em 0;
	margin-bottom: 1em;
}

.pages {
	margin: 0 auto;
	width: 980px;
}

#mid_caption {
	width: 100%;
	height: 90px;
	background: #f0f0f0;
	border-bottom: 2px solid #e8e7e7;
}

#content_wrapper {
	width: 980px;
	overflow: hidden;
	padding: 20px 0 20px 0;
	margin: 0 auto;
	min-height: 200px;
}

/*-------------------------------------
	5.	CONTENT + SIDEBARS
-------------------------------------*/

#content {
	width: 680px;
	overflow: hidden;
	padding: 0 0 20px 0;
	position: relative;
	float: left;
}

#content_fullwidth {
	width: 100%;
	overflow: hidden;
	padding: 0 0 20px 0;
	position: relative;
}

#main_column_fullwidth {
	margin: 0 15px 0 15px;
}

#main_column {
	margin: 0 0 0 15px;
}

#main_column_left {
	margin: 0 15px 0 0;
}

/*-------------------------------------
	5.1	SIDEBAR LEFT
-------------------------------------*/

#sidebar-left {
	float: left;
	width: 265px;
	margin: 0 0 0 15px;
	padding: 0 0 20px 0;
}

.left-sidebar-block {
	padding: 0 26px 20px 0;
	height: 100%;
	overflow: hidden;
}

/*-------------------------------------
	5.2	SIDEBAR RIGHT
-------------------------------------*/

#sidebar-right {
	float: right;
	width: 265px;
	margin: 0 15px 0 0;
	padding: 0 0 20px 0;
}

.right-sidebar-block {
	padding: 0 0 20px 26px;
	position: relative;
	height: 100%;
	overflow: hidden;
}

/*-------------------------------------
	5.3	SERVICES/TEAM-MEMBERS
-------------------------------------*/

.services {
	margin-top: 40px;
	margin-bottom: 10px;
}

.services img { 
	float: left;
	margin: 15px 20px 20px 0;
	padding: 9px;
	background: #fff;
	border-top: 1px solid #f4f4f4;
	border-left: 1px solid #f4f4f4;
	border-right: 1px solid #dbdbdb;
	border-bottom: 1px solid #dbdbdb;
	box-shadow: .08em 1px 2px #dadada;
	-moz-box-shadow: .08em 1px 2px #dadada;
	-webkit-box-shadow: .08em 1px 2px #dadada;
	position: relative;
}

.services h4 { 
	font-size: 18px;
	padding: 10px 0 15px 0;
	margin: 0;
}
	
.services span {
	border-bottom: 1px dotted #ccc; 
	width: auto; 
	margin-bottom: 10px; 
	padding-bottom: 10px; 
	display: block; 
	overflow: hidden;
}
	
.services p { 
	overflow: hidden;
	margin-top: 10px;
}

/*-------------------------------------
	6.	BLOG
-------------------------------------*/							
								
.post {
	padding: 0 0 40px 0;
}
.post ul, .post ol {
	margin: 20px 40px 20px 40px;
}

.alignleft {
	float: left;
	margin: 10px 10px 10px 0;
}

.alignright {
	float: right; 
	margin: 10px 0 10px 10px;
}

.alignnone {
	margin: 10px 0;
}

.aligncenter, .center {
	text-align: center; 
	margin: 0 auto; 
	display: block;
}

#post-featured-image {
	height: 220px; 
	margin: 0 0 10px 0; 
	padding: 0 0 40px 0;
}

.byline {
	color: #666; 
	border-bottom: 1px solid #eee;
	border-top: 1px solid #eee;
	padding: 6px 0; 
	margin: 0 0 20px 0; 
	font-size: 12px; 
	font-family: verdana;
}

.byline a {
	text-decoration: none;
}

.byline span {
	color: #999;
}

.image-grid-border {
	background: #efefef;
	padding: 5px;
	border: 1px solid #ddd;
}

.post_title {
	font-size: 20px;
	font-weight: normal;
	color: #8d8b8b;
	padding-bottom: 0px;
}

.post_title a {
	color: #8d8b8b;
}

.post_title a:hover {
	color: #666666;
}

/*-------------------------------------
   6.1 TAGS
-------------------------------------*/

.tags {
	border-bottom: 3px solid #78a8d5;
}

.cattags ul.catItemTags li a:hover, 
.tags ul.itemTags li a:hover {
	background-color: #78A8D5;
}

.cattags, .tags {
	padding: 8px 0; 
	min-height: 22px;
	line-height: 22px;
	margin-bottom: 2px;
	font-weight: 600;
	font-size: 10px;
	text-transform: uppercase;
	border-top: 1px solid #eee;
}

.cattags ul.catItemTags, .tags ul.itemTags {
	list-style :none;
	padding: 0;
	margin: 0;
	display: inline;
}

.cattags ul.catItemTags li,
.tags ul.itemTags li {
	display: inline;
	list-style: none;
	line-height: 2;
	margin: 0 0 0 6px;
	text-align: center;
}

.cattags ul.catItemTags li a,
.tags ul.itemTags li a {
	padding: 2px 6px;
	border-radius: 2px;
}

.cattags ul.catItemTags li a:hover,
.tags ul.itemTags li a:hover {
	background: #78A8D5;
	color: #fff;
}

.cattags, .tags {
	padding: 8px 0; 
	min-height: 22px;
	line-height: 22px;
	margin-bottom: 2px;
	font-weight: 600;
	font-size: 10px;
	text-transform: uppercase;
	border-top: 1px solid #eee;
}

.cattags ul.catItemTags,
.tags ul.itemTags {
	list-style: none;
	padding: 0;
	margin: 0;
	display: inline;
}

.cattags ul.catItemTags li,
.tags ul.itemTags li {
	display: inline;
	list-style: none;
	line-height: 2;
	margin: 0 0 0 6px;
	text-align:center;
}

.cattags ul.catItemTags li a,
.tags ul.itemTags li a {
	padding: 2px 6px;
	border-radius: 2px;
}

.cattags ul.catItemTags li a:hover,
.tags ul.itemTags li a:hover {
	background: #78A8D5;
	color: #fff;
}

/*-------------------------------------
	6.2	COMMENTS
-------------------------------------*/

.comment {
	margin-top: 20px;
	position: relative;
	overflow: hidden
}

.comm-text-wrap {
	margin-left: 15px
}

.comm-text {
	background: transparent;
	margin-left: 62px;
}

.bubble {
	width: 85%;
	position: relative;
	margin-top: 10px;
	border: 1px #e8e8e8 solid;
	padding: 14px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.bubble-bg {
	position: absolute;
	left: -11px;
	width: 11px;
	height: 40px;
	background: url(../../images/bubble-bg.png) no-repeat
}

.bubble a {
	font-size: 11px;
	display: block;
	width: 60px;
	height: 35px;
	line-height: 35px
}

.bubble a,.bubble a:hover,.bubble a:visited {
	color: #6896C1;
}

.bubble a img {
	margin-left: 3px
}

.avatar {
	position: absolute;
	top: 0;
	left: 0;
	width: 50px;
	height: 50px
}

/*-------------------------------------
	7. CONTACTFORM / COMMENTFORM
-------------------------------------*/

ol #commentform {
	width: 100%;
}

#commentform input {
	margin-right: 10px;
	padding: 5px;
}

.width {
	width: 45%;
}

#commentform textarea {
	width: 95%;
	max-width: 95%;
	height: 150px;
}

#commentform small span,
.contactform small span { 
	color: #F00;
	
}

#commentform small span.grey,
.contactform small span.grey{
	color: #999;
	font-family: "Droid Serif", Georgia, Times, serif;
	font-style: italic;
}

input,
textarea {
	background: #fff;
	border: 1px solid #dad9d5;
}

input,
textarea {
	padding: 7px;
}

input:focus,
textarea:focus {
	background: #fff;
	border-color: #c8c6c2;
	color: #444444;
}

.message-sent { 
	padding: 20px;
	margin: 40px 0;
	background: #f1f1f1;
	border: 1px solid #d8d8d8;
}

.message-sent span { 
	font-weight: bold;
}

p.error {
	display: none; 
	padding: 0 0 0px 0; 
	color: #FF3300;
}

p#submit {
	text-align: right;
}

p#success {
	display: none; 
	padding: 0 0 0 0px; 
	font-size: 16px; 
	text-align: left; 
	margin-bottom: 20px;
}

/*-------------------------------------
	7.1	MAPS
-------------------------------------*/

#map {
	border-bottom: 1px solid #c5c3c0;
	border-top: 1px solid #c5c3c0;
	height: 310px;
	margin: 0 0 0 0;
	position: relative;
	width: 100%;
}

#map:before, #map:after {
	content: '';
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}

#map:after {
	bottom: 20px;
	top: auto;
}

/*-------------------------------------
	8.	PORTFOLIO
-------------------------------------*//

.portfolio {
	width: 950px;
}

.portfolio li {
	float: left;
	width: 220px;
	height: 140px;
	position: relative;
	overflow: hidden;
}

#portfolio_box {
	float: left; 
	margin-left: -40px;
}

#portfolio_box ul {
	float: left; 
	list-style: none; 
	margin: 0 0 0 -15px; 
	width: 1000px;
}

#portfolio_box ul li {
	float: left;
	font-size: 11px;
	width: 220px;
	margin-top: 20px;
	margin-right: 9px;
	margin-bottom: 20px;
	margin-left: 15px;
}

#portfolio_box ul img {
	display: block;
}

#portfolio_box .image {
	width: 220px;
	height: 140px;
}

#portfolio_box .image:hover {
	background-image: url(../images/plus.png);
	background-repeat: no-repeat;
	background-position: center center;
	width: 220px;
	height: 140px;
}

#portfolio_box .project_info {
	background-color: #fff;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.17);
	-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.17);
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.17);
	padding-top: 25px;
	padding-right: 25px;
	padding-bottom: 10px;
	padding-left: 25px;
	width: 170px;
	color: #666666;
}

#portfolio_box .project_info:hover {
	background-color: #fefefe;
}

#portfolio_box .project_info a {
	width: 100%;
	font-size: 16px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	display: block;
	float: left;
}

#portfolio_box .project_info h2 {
	font-size: 14px;
	color: #444;
	text-align: center;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}

#portfolio_box .project_info h2 a {
	font-size: 14px;
	text-align: center;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}

#portfolio_box .project_info h2 a:hover {
	font-size: 14px;
	color: #78a8d5;
	text-align: center;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}

#portfolio_box .project_info h3 {
	font-size: 12px;
	color: #999;
	text-align: center;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}

/*-------------------------------------
	8.1	PORTFOLIO FILTER
-------------------------------------*/

#portfolio-filter {
	padding-top: 10px;
	margin-bottom: 30px;
	margin-left: 100px;
}

#portfolio-filter ul {
	display: inline-block;
	*display: inline;
	margin-bottom: 0;
	margin-left: 0;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	*zoom: 1;
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}

#portfolio-filter li {
	display: inline;
}

#portfolio-filter li a {
	float: left;
	padding: 0 14px;
	line-height: 34px;
	text-decoration: none;
	border: 1px solid #ddd;
	border-left-width: 0;
}

#portfolio-filter li:first-child a {
	border-left-width: 1px;
	-webkit-border-radius: 3px 0 0 3px;
	-moz-border-radius: 3px 0 0 3px;
	border-radius: 3px 0 0 3px;
}

#portfolio-filter li:last-child a {
	-webkit-border-radius: 0 3px 3px 0;
	-moz-border-radius: 0 3px 3px 0;
	border-radius: 0 3px 3px 0;
}

#portfolio-filter li a.current, #portfolio-filter li a:hover {
	text-decoration: none;
	background-color: #f5f5f5;
}

/*-------------------------------------
	9. GALLERY
-------------------------------------*/

#gallery {
	margin: 0 auto;
	padding-bottom: 10px;
	margin-left: 15px !important;
}

.ad-gallery, .ad-gallery * {
	margin: 0;
	padding: 0;
}

.ad-gallery {
	width: 950px;
	padding: 0;
}

.ad-gallery .ad-image-wrapper {
	width: 950px;
	height: 350px;
	margin: 0 auto;
	padding-bottom: 15px;
}

.ad-gallery .ad-image-wrapper .ad-next {
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
	height: 350px;
	cursor: pointer;
	display: block;
	z-index: 29;
}

.ad-gallery .ad-image-wrapper .ad-prev {
	position: absolute;
	left: 0;
	top: 0;
	width: 0%;
	height: 100%;
	cursor: pointer;
	display: block;
	z-index: 29;
	opacity: 1;
}

.ad-gallery .ad-image-wrapper .ad-prev, 
.ad-gallery .ad-image-wrapper .ad-next {
	background: url(non-existing.jpg)\9
}

.ad-gallery .ad-image-wrapper .ad-prev .ad-prev-image,
.ad-gallery .ad-image-wrapper .ad-next .ad-next-image {
	width: 30px;
	height: 30px;
	display: none;
	position: absolute;
	top: 190px;
	left: 0;
	z-index: 101;
}

.ad-gallery .ad-image-wrapper .ad-next .ad-next-image {
	width: 30px;
	height: 30px;
	right: 0;
	left: auto;
}

.ad-gallery .ad-image-wrapper .ad-image {
	position: absolute;
	overflow: hidden;
	z-index: 9;
}

.ad-gallery .ad-image-wrapper .ad-image .ad-image-description {
	display: none;
}

.ad-gallery .ad-image-wrapper .ad-image .ad-image-description .ad-description-title {
	display: block;
}
.ad-description-title {
	display: none;
	overflow: hidden;
	text-indent: -4000px;
}
.ad-gallery .ad-controls {
	height: 20px;
	top: 28px;
	display: none;
}

.ad-gallery .ad-slideshow-controls {
	float: right;
}

.ad-gallery .ad-slideshow-controls .ad-slideshow-start,
.ad-gallery .ad-slideshow-controls .ad-slideshow-stop {
	padding-left: 5px;
	cursor: pointer;
}

.ad-gallery .ad-slideshow-controls .ad-slideshow-countdown {
	padding-left: 5px;
	font-size: 0.9em;
}

.ad-gallery .ad-slideshow-running .ad-slideshow-start {
	cursor: default;
	font-style: italic;
}

.ad-gallery .ad-nav {
	width: 950px;
	position: relative;
}

.ad-gallery .ad-forward,
.ad-gallery .ad-back {
	visibility: hidden;
}

.ad-gallery .ad-forward,
.ad-gallery .ad-back {
	position: absolute;
	top: 0px;
	height: 50px;
	z-index: 10;
	width: 30px;	
}

.ad-gallery .ad-back {
	cursor: pointer;
	left: -30px;
	display: block;
}

.ad-gallery .ad-forward {
	cursor: pointer;
	display: block;
	right: -30px;
}

.ad-gallery .few .ad-forward,
.ad-gallery .few .ad-back {
	display: none;
}

.ad-gallery .ad-thumbs .ad-thumb-list {
	width: 350px !important;
	list-style: none;
	padding-right: 1px;
	padding-bottom: 3px;
	margin-top: 15px;
	margin-left: 15px;
	margin-bottom: 6px;
	min-height: 84px;
}

.ad-gallery .ad-thumbs li {
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
	border: 4px solid #efefef;
}

.ad-gallery .ad-thumbs li a {
	display: block;
}

.ad-gallery .ad-thumbs li a img {
	display: block;
	background-color: #fff;
	width: 57px;
	height: 29px;
}

.ad-gallery .ad-thumbs li a.ad-active img {
	background-color: #7f7f7f;
}

.ad-preloads {
	position: absolute;
	left: -9000px;
	top: -9000px;
}

.ad-gallery .ad-image-wrapper .ad-loader-container {
	position: absolute;
	z-index: 10;
	width: 29px;
	height: 29px;
	overflow: hidden;
	top: 46%;
	left: 48.5%;
	background: url(images/rup_preloader.png) no-repeat 0 -696px;
}

/*-------------------------------------
	10.	FOOTER
-------------------------------------*/

#footer {
	min-height: 160px;
	overflow: hidden;
	background: #fff url(../images/bg-footer.gif) repeat-x left top;
}

#footer .fcontent {
	overflow: hidden;
	position: relative;
	z-index: 112;
	width: 980px;
	margin: 0 auto;
	padding: 36px 0 0;
}

#footer .fcontent-margin {
	width: 960px !important;
	padding: 5px 15px 0px 15px;
}

#footer .fcontent #social {
	float: left;
	width: 255px;
	margin-top: -8px;
}

#footer .fcontent #social ul {
	overflow: hidden;
	width: 255px;
}

#footer .fcontent #social ul {
	overflow: hidden;
}

#footer .fcontent #social ul li {
	float: left;
	padding: 0 5px 0 0;
}

#footer .fcontent #social ul li a {
	float: left;
	overflow: hidden;
	display: block;
	width: 38px;
	height: 0;
	padding: 38px 0 0;
	background: url(../images/icons/social.gif) no-repeat left top;
}

#footer .fcontent #social ul li a#facebook {
	background-position: left top;
}

#footer .fcontent #social ul li a#twitter {
	background-position: left -50px;
}

#footer .fcontent #social ul li a#tumblr {
	background-position: left -100px;
}

#footer .fcontent #social ul li a#linkedin {
	background-position: left -150px;
}

#footer .fcontent #social ul li a#rss {
	background-position: left -200px;
}

#footer .fcontent #social ul li a#facebook:hover {
	background-position: -50px top;
}

#footer .fcontent #social ul li a#twitter:hover {
	background-position: -50px -50px;
}

#footer .fcontent #social ul li a#tumblr:hover {
	background-position: -50px -100px;
}

#footer .fcontent #social ul li a#linkedin:hover {
	background-position: -50px -150px;
}

#footer .fcontent #social ul li a#rss:hover {
	background-position: -50px -200px;
}

#footer .fcontent #outer {
	float: left;
	width: 275px;
	min-height: 30px;
	padding: 0 0 5px 100px;
	overflow: hidden;
}

#footer .fcontent #outer p {
	padding: 2px 0 0;
	font-size: 13px;
	line-height: 16px;
	color: #858484;
}

#footer .fcontent #outer p strong {
	color: #858484;
}

#footer .fcontent #bottom {
	float: left;
	clear: both;
	width: 100%;
	margin: 10px 0 0;
	padding: 15px 0 15px 0;
	border-top: 1px dotted #e5e5e5;
}

#footer .fcontent #bottom #copyright {
	float: left;
	font-size: 13px;
	color: #858484;
}

#footer .fcontent #bottom #menu-footer {
	float: right;
	margin-top: -11px;
}

#footer .fcontent #bottom #menu-footer ul {
	overflow: hidden;
}

#footer .fcontent #bottom #menu-footer ul li {
	float: left;
	padding: 0 0 0 12px;
}

#footer .fcontent #bottom #menu-footer ul li a {
	float: left;
	font-size: 13px;
	color: #858484;
	text-decoration: none;
}

#footer .fcontent #bottom #menu-footer ul li a:hover {
	color: #6896C1;
}

.footer_3cols {
	width: 286px;
	margin-right: 45px;
}

.footer_3cols_last {
	width: 286px;
	margin-right: 10px;
}

.footer_4cols {
	width: 206px !important;
	margin-right: 45px !important;
}

.footer_4cols_last {
	width: 206px !important;
	margin-right: 10px !important;
}

/*-------------------------------------
	11.	SHORTCODES
-------------------------------------*/

/*-------------------------------------
	11.1	BUTTONS
-------------------------------------*/

.button{
    display: inline-block;
    text-decoration: none;
    font: bold 12px/12px HelveticaNeue, Arial;
    padding: 8px 11px;
    color: #555;
    border: 1px solid #dedede;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.button.white{
    background: #f5f5f5;
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#f0f0f0'); /*  IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#f0f0f0)); /*  WebKit */
    background: -moz-linear-gradient(top,  #f9f9f9, #f0f0f0);
    border-color: #dedede #d8d8d8 #d3d3d3;
    color: #555;
    text-shadow: 0 1px 0 #fff;
    -webkit-box-shadow: 0 1px 1px #eaeaea, inset 0 1px 0 #fbfbfb;
    -moz-box-shadow: 0 1px 1px #eaeaea, inset 0 1px 0 #fbfbfb;
    box-shadow: 0 1px 1px #eaeaea, inset 0 1px 0 #fbfbfb;
}
.button.white:hover, .button.white.selected{
    background: #f4f4f4;
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#efefef', endColorstr='#f8f8f8'); /*  IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#efefef), to(#f8f8f8)); /*  WebKit */
    background: -moz-linear-gradient(top,  #efefef, #f8f8f8);
    border-color: #c7c7c7 #c3c3c3 #bebebe;
    text-shadow: 0 1px 0 #fdfdfd;
    -webkit-box-shadow: 0 1px 1px #ebebeb, inset 0 1px 0 #f3f3f3;
    -moz-box-shadow: 0 1px 1px #ebebeb, inset 0 1px 0 #f3f3f3;
    box-shadow: 0 1px 1px #ebebeb, inset 0 1px 0 #f3f3f3;
}

/*-------------------------------------
	11.2	HIGHLIGHTS
-------------------------------------*/

.highlight1,
.highlight2,
.highlight3,
.highlight4 {
	padding: 1px 5px;
	transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
	text-shadow: none;
	cursor: default;
}

.highlight1 {
	background: #ffd;
}

.Highlight2 { 
	background: #eee;
}

.highlight3 {
	background: #78a8d5;
	color:#fff;
}

.highlight4 {
	background: #333;
	color: #fff;
}

.highlight1:hover {
	background: #fff;
}

.highlight2:hover {
	background: #333;
	color: #fff;
}

.highlight3:hover {
	background: #fff;
	color: #000;
}

.highlight4:hover {
	background: #fff;
	color: #000;
}

/*-------------------------------------
	11.3	BLOCKS
-------------------------------------*/

.block-1,
.block-2,
.block-3 {
	margin: 10px 0;
	padding: 6px 12px;
}

.block-1 {
	border: 2px dotted #ddd;
}

.block-2 {
	border: 1px solid #afcfed;
	background: #f8fcff;
}

.block-3 {
	border: 2px dotted #AFCFED;
}

/*-------------------------------------
	11.4	LISTS
-------------------------------------*/

.navigation li { 
	display: block; 
	width: 120%;
	margin-left: -30px;
	background: url(../images/hr.gif) 0 100% repeat-x; 
	font-size: 12px; 
	font-family: verdana;
}

.navigation li a { 
	display: block; 
	color: #6f6d6d; 
	padding: 11px 0 10px 30px; 
	background: url(../images/star.png) no-repeat 8px 15px; 
}

.navigation li.active a, .navigation li a:hover { 
	color: #333; 
	background: #f9f9f9 url(../images/star_dark.png) no-repeat 8px 15px; 
	padding: 11px 0 10px 30px; 
}

/* -- Categories list -- */

.tout.news_categories ul {
	margin-bottom: 5px;
	margin-left: -25px;
}

.tout.news_categories ul li {
	border-bottom: 1px solid #f2f2f2;
}

.tout.news_categories ul li a {
	display: block;
	padding: 9px 0;
	text-decoration: none;
}

.tout.news_categories ul li a:hover {
	color: #78a8d5;
}

.tout.news_categories ul li a:hover .post_count {
	color: #8c8c8c;
}

.tout.news_categories ul li a .post_count {
	float: right;
	color: #8c8c8c;
	margin-right: 10px;
}

.tout.news_categories ul li.current a {
	color: #ec1a6d;
}

/*-------------------------------------
	11.5	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:13.33%; }
.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:4%; float:left; }
.last { margin-right:0 !important; clear:right; }

/*-------------------------------------
	12.	MISCELLANOUS
-------------------------------------*/

/*-------------------------------------
	12.1	BREADCRUMBS
-------------------------------------*/

.breadcrumbs {
	width: auto;
	float: left;
	font-size: 11px;
	color: #333;
	padding-top: 10px;
}

.breadcrumbs li.separator {
	display: block;
	float: left; 
	width: 10px;
	margin: 0 15px;
	background: url('../images/icons/star.png') no-repeat center center;
	text-indent: -99999em;
}

.breadcrumbs > ul {
	margin-left: 0;
	height: 24px;
	line-height: 24px;
	padding: 0;
}

.breadcrumbs > ul > li {
	float: left;
	font-size: 12px;
	width: auto;
	clear: none;
	height: 24px;
	line-height: 24px;
}

.breadcrumbs > ul > li a {
	color: #848484;
}

.breadcrumbs > ul > li a:hover {
	color: #6896C1;
}

.breadcrumbs > ul > li:first-child {
	padding-right: 5px;
	background: transparent url('../images/breadcrumb_arrow.png') no-repeat right center;
	margin-right: 25px;
}

.breadcrumbs > ul > li:first-child > span {
	padding: 0 10px;
	padding-bottom: 3px;
	background: #78a8d5;
	line-height: 24px;
	font-size: 10px;
	text-transform: uppercase;
	height: 20px;
	display: block;
	color: #fff;
	font-weight: bold;
}

/*-------------------------------------
	12.2	SEARCH
-------------------------------------*/

#search button { 
	background: #78a8d5;
	border: 1px solid #75a3cf;
	color: #fff;
	cursor: pointer;
	display: block;
	padding: 5px 10px;
	position: relative;
	text-decoration: none;
	text-shadow: 0 1px 1px #666;
	-moz-box-shadow: 0 1px 0 #333;
	-webkit-box-shadow: 0 1px 0 #333;
	box-shadow: 0px 1px 0px #333;
}

#search {
	float: left;
	margin-top: 0px;
}

#search button {
	float:left;
	height:30px;
	-moz-box-shadow:0 0 #fff;
	-webkit-box-shadow:0 0 #fff;
	box-shadow:none;
	padding-top:2px;
	width:70px;}

#search input {
	background: #fff;
	border: 1px solid #ededed;
	color: #333;
	border-width: 1px 0 1px 1px;
	float: left;
	height: 18px;
	padding: 5px 10px;
	width: 160px;
}

#search button:hover {
	background: #73a3d1;
}

/*-------------------------------------
	12.3	CLEAR
-------------------------------------*/

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

/*-------------------------------------
	12.4	RECENT POSTS WIDGET
-------------------------------------*/

ul.latest_blog {
	margin-top: 20px;
	padding: 0;
	list-style-type: none;
}

ul.latest_blog li {
	margin: 0; 
	padding: 8px 0px 8px 0px !important; 
	list-style-type: none; 
	min-height: 73px; 
	list-style-type: none; 
	list-style-image: none;
	border: 0 !important;
}

.sidebarbox ul.latest_blog li {
	background: url(../images/line.gif) scroll left bottom repeat-x;
}

ul.latest_blog li h6.box_blog_title {
	margin: 0px 0px 2px; 
	padding: 3px 0px 0px;
}

ul.latest_blog li span.box_blog_meta_small {
	display: inline-block; 
	margin: 0px 0px 0px; 
	padding: 0px 0px 0px 0px;  
	font-size: 9px; 
	color: #888;
	height: 27px;
	line-height: 27px; 
	text-transform: uppercase;
}

.footbarbox ul.latest_blog li span.box_blog_meta_small {
	background: none;
	padding: 0px 0px 0px 0px;
	color: #e1e1e1;
	line-height: 130%;
	height: auto;
}

ul.latest_blog li span.box_blog_meta_small span {
	margin: 0px;
	padding: 0px 0px 0px 0px;
	display: inline-block;
	height: 27px;
	line-height: 27px;
	font-size: 9px;
}

.footbarbox ul.latest_blog li span.box_blog_meta_small span {
	background: none;
	padding: 0;
	line-height: 130%;
	height: auto;
}

.small_list_blog {
	margin: 0; 
	padding: 0px 0px 0px 90px; 
	position: relative;
}

.small_list_blog .small_list_blog_thumbnail {
	position: absolute; 
	top: 0; 
	left: 0; 
	width: 70px; 
	height: 70px; 
	margin: 0px; 
	padding: 0px;
	border: 1px solid #efefef;
}

.small_list_blog .small_list_blog_thumbnail {
	height: 70px;
}

.small_list_blog .small_list_blog_thumbnail img {
	float: left; 
	margin: 0px; 
	padding: 5px; 
	width: 60px; 
	height: 60px;
}

ul.latest_blog li a {
	background: none; 
	padding: 0 !important; 
	margin: 0 !important;
}

ul.latest_blog li span.box_blog_meta_small a {
	display: inline;
}

/*-------------------------------------
	12.5	BOTTOM-BLOCK
-------------------------------------*/

.bottom-block {
	border-top: 1px solid #e5e5e5;
	background: url(../images/gradient.png) repeat-x;
	height: 48px;
}

.desc_bar {
	overflow: hidden;
	width: 100%;
	border-bottom: 1px solid #e5e5e5;
	height: 83px;
	background: url(../images/desc_bar.png);
}

/*-------------------------------------
	12.6	MARGINS
-------------------------------------*/

.margin10 {
	margin-top: 10px;
}

.margin20 {
	margin-top: 20px;
}

.margin30 {
	margin-top: 30px;
}					

/*-------------------------------------
	12.7	PAGINATION
-------------------------------------*/

.pagination{
    margin-bottom: 30px;
    padding-top: 30px;
}
#page .pagination{
    margin-bottom: 0;
}
#page.da-thumbs .pagination{
    margin-top: 30px;
}

.pagination {
	height: 36px;
	margin: 18px 0;
}

.pagination ul {
	display: inline-block;
	*display: inline;
	margin-bottom: 0;
	margin-left: 0;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	*zoom: 1;
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}

.pagination li {
	display: inline;
}

.pagination a {
	float: left;
	padding: 0 14px;
	line-height: 34px;
	text-decoration: none;
	border: 1px solid #ddd;
	border-left-width: 0;
}

.pagination a:hover,
.pagination .active a {
	background-color: #f5f5f5;
}

.pagination .active a {
	color: #999999;
	cursor: default;
}

.pagination .disabled span,
.pagination .disabled a,
.pagination .disabled a:hover {
	color: #999999;
	cursor: default;
	background-color: transparent;
}

.pagination li:first-child a {
	border-left-width: 1px;
	-webkit-border-radius: 3px 0 0 3px;
	-moz-border-radius: 3px 0 0 3px;
	border-radius: 3px 0 0 3px;
}

.pagination li:last-child a {
	-webkit-border-radius: 0 3px 3px 0;
	-moz-border-radius: 0 3px 3px 0;
	border-radius: 0 3px 3px 0;
}

.pagination-centered {
	text-align: center;
}

.pagination-right {
	text-align: right;
}

/*-------------------------------------
	12.8	PAGE TITLE
-------------------------------------*/

#page-title {
	border-bottom: 1px solid #dedede;
	display: block;
	margin: -20px 0 25px 0;
}

#page-title h2 {
	font-weight: normal;
	padding: 25px 0 0px 0;
	margin-top: 20px;
	color: #929191;
}

#page-title span {
	color: #aaa;
}

#bolded-line {
	text-indent: -9999px;
	height: 3px;
	width: 100px;
	display: block;
	background: #78a8d5;
	margin-bottom: -2px;
}

.separator40 {
    margin-bottom: 20px;
	margin-top: 25px;
    height: 6px;
    width: 100%;
    background: url(../images/separator.jpg) repeat-x;
}

/*-------------------------------------
	12.9	STYLESWITCHER + BACK TO TOP
-------------------------------------*/

#style_switcher {
	position: fixed;
	left: 0px;
	top: 125px;
	padding: 10px;
	width: 28px;
	border: 1px solid #ced2d8;
	background-color: #fff;
	font-size: 11px;
	z-index: 10000;
}

#style_switcher span {
	font-size: 10px;
}

#switcher_btn {
	width: 33px;
	height: 29px;
	position: absolute;
	right: -33px;
	top: 30px;
	background-image: url(../images/switcher_button.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	border-width: 0px;
	background-color: transparent;
	border-left: 1px solid #ced2d8;
}

#switcher_btn a {
	outline:none;
}

.closed {
	background-position: 0px 29px;
}

.color, .pattern {
	width: 20px;
	height: 20px;
	display: block;
	float: left;
	margin-right: 2px;
	margin-left: 2px;
	margin-bottom: 6px;	
	border: 1px solid #ccc;
}

.blue {
	background: #78a8d5;
}

.red {
	background: #cc5533;
}

.green {
	background: #91A84A;
}

.orange {
	background: #f7941f;
}

#styleSwitcher1 hr {
	margin-bottom: 10px;
	margin-top: -2px;
}

#picker{
	margin-bottom: 10px;
}

/*
|--------------------------------------------------------------------------
| UItoTop jQuery Plugin 1.1
| http://www.mattvarone.com/web-design/uitotop-jquery-plugin/
|--------------------------------------------------------------------------
*/

#toTop {
	display: none;
	text-decoration: none;
	position: fixed;
	bottom: 30px;
	right: 15px;
	overflow: hidden;
	width: 50px;
	height: 50px;
	border: none;
	text-indent: -999px;
	background: url(../images/top.png) no-repeat left top;
	z-index: 1000;
}

#toTophover{
	background: url(../images/top.png) no-repeat left -51px;
	width: 50px;
	height: 50px;
	display: block;
	overflow: hidden;
	float: left;
	opacity: 0;
	-moz-opacity: 0;
	filter:alpha(opacity=0);
}

#toTop:active, #toTop:focus {
	outline: none;
}

/*-------------------------------------
	RESPONSIVE SETTINGS
-------------------------------------*/

/* Smaller than standard 960 (devices and browsers) */

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

.pages {
	margin: 0 auto;
	width: 728px;
}

#header, #slider_holder, #content_wrapper {
	width: 728px;
}

#header {
	width: 798px !important;
	margin: 0 auto !important;
}

#content_wrapper {
	padding: 0 20px 0 20px;
}

#slider_holder {
	width: 728px !important;
	height: 200px !important;
	margin-left: 20px;
}

#post-featured-image {
	max-width: 440px;
	height: 100%;
	margin: 0 -20px 10px 0; 
	padding: 0 0 20px 0;
	margin-left: 0px !important;
}

/*-------------------------------------
	MAPS
-------------------------------------*/

#map {
	border-bottom: 1px solid #c5c3c0;
	border-top: 1px solid #c5c3c0;
	height: 310px;
	margin: 0 0 0 0;
	position: relative;
	width: 800px;
}

.logoheader {
	color: #fff;
	float: left;
}

a#logo {
	float: left;
	width: 170px; height: 55px;
	display: block;
	margin-left: 0 !important;
	background: url(../images/logo.png) no-repeat;
}

#slider_background {
	width: 100%;
	height: 260px !important;
	background: url(../images/bg.png) #ededed;
	border-bottom: 2px solid #e8e7e7;
}

#slider-container {
	width: 748px;
	margin-top: 10px;
}

/*-------------------------------------
	THUMB SLIDER
-------------------------------------*/

.sliderbox2 {
	z-index: 1;
	position: relative;
	height: 320px;
	background-repeat: no-repeat;
	background-position: left bottom;
	margin-top: 50px;
}

.lof_featured {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 9999;
	width: 68px;
	height: 68px;
	background-repeat: no-repeat;
	background-position: right top;
}

.lof-slidecontent {
	position: relative;
	overflow: hidden;
	width: 750px;
	height: 320px;
}

.lof-main-outer {
	position: relative;
	height: 100%;
	width: 610px;
	z-index: 3;
	overflow: hidden;
}

ul.lof-main-wapper {
	overflow: hidden;
	padding: 0px;
	margin: 0;
	height: 340px;
	width: 980px;
	position: absolute;
	overflow: hidden;
}

ul.lof-main-wapper li {
	overflow: hidden;
	padding: 0px;
	margin: 0px;
	margin-top: 1px;
	height: 100%;
	width: 710px;
	float: left;
}

/* -- Item navigator -- */

ul.lof-navigator {
	top: 0;
	padding: 0;
	margin: 0;
	position: absolute;
	width: 100%;
}

.lof-navigator-outer {
	position: absolute;
	right: 0;
	top: 0;
	z-index: 100;
	height: 340px;
	width: 135px;
	overflow: hidden;
}

ul.lof-navigator li div {
	position: relative;
	width: 135px;
	height: 100%;
	position: relative;
	padding-left: 15px;
}

.lof-navigator li img{
	height: 65px;
	width: 110px;
	margin: 12px 15px 0 0px;
	float: left;
}

.lof-navigator p {
	display: none;
}

#content {
	width: 448px;
	overflow: hidden;
	padding: 0 0 20px 0;
	position: relative;
	float: left;
}

/* Sidebar right */

#sidebar-right {
	float: right;
	width: 265px;
	margin: 0 15px 0 0;
	padding: 0 0 20px 0;
}

.right-sidebar-block {
	padding: 0 0 20px 26px;
	position: relative;
	height: 100%;
	overflow: hidden;
}

/* Sidebar left */

#sidebar-left {
	float: left;
	width: 265px;
	margin: 0 0 0 15px;
	padding: 0 0 20px 0;
}

.left-sidebar-block {
	padding: 0 26px 20px 0;
	height: 100%;
	overflow: hidden;
}

#search input {
	width: 100px !important;
}

.nivoSlider {
	position:relative;
	width: 728px !important;
	height: 282px !important;
	margin-left: 10px;
}

.nivoSlider img {
	position:absolute;
	top: 0px;
	left: 0px;
	max-width: none;
	height: 282px !important;
}

.nivo-main-image {
	display: block !important;
	position: relative !important; 
	width: 282px !important;
}
	
#footer .fcontent {
	width: 698px;
}
	
#footer .fcontent #bottom {
	width: 698px;
}

#footer .fcontent-margin {
	width: 698px !important;
	padding: 5px 15px 0px 15px;
}

#footer .fcontent #bottom #menu-footer {
	margin-left: auto; margin-right: auto; text-align: center;
}

#midcaption {
	padding: 0 20px 20px 0;
    margin: 0 auto;
	width: 728px !important;
	height: auto;
	overflow: hidden;
}

#midcaption p {
    font-family: 'TitilliumText22LLight', sans-serif;
	font-size: 18px !important;
    color: #929292;
    margin: 10px 15px 10px 15px;
    width: 698px !important;
    line-height: 24px;
    -webkit-font-smoothing: antialiased;
}

.mid {
	float: left !important;
	margin-top: -10px;
	margin-left: 370px !important;
}

.breadcrumbs {
	width: auto;
	float: left;
	font-size: 11px;
	color: #333;
	padding-top: 10px;
}

#line {
	background: transparent url(../images/sp.png) repeat-x bottom; 
	padding: .2em 0 0.8em 0;
	margin-bottom: 1em;
}

.portfolio li {
	width: 180px;
	height: 120px;
	overflow: hidden;
}

#portfolio_box {
	float: left;
	margin-left: -30px;
}

#portfolio_box ul {
	float: left; 
	list-style: none; 
	margin: 0 0 0 -15px; 
	width: 760px;
}

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

#ss-left
{
    display: none;
}

#ss-right {
	display: none;
}

#navigation {
	padding: 12px 0 10px 20px;
	float: right;
	margin-top: 0px;
	margin-right: 30px !important;
}

.dropmenu {
	list-style: none;
	position: relative;
	width: 100%;
}

.dropmenu li a {
	display: inline-block;
	line-height: 37px;
	font-size: 11px;
	text-transform: uppercase;
	text-decoration: none;
	padding: 0 18px;
	color: #888; 
	zoom: 1;
	*display: inline;
}

.dropmenu ul.sub-menu {
	list-style: none; 
	display: none; 
	position: absolute; 
	width: 200px; 
	z-index: 300; 
	top: 37px; 
	left: 0; 
	background: #333;
	padding: 15px 0;
	-webkit-box-shadow: 5px 5px 3px rgba(0,0,0,.1);
	-moz-box-shadow: 5px 5px 3px rgba(0,0,0,.1);
	box-shadow: 5px 5px 3px rgba(0,0,0,.1);
}

.dropmenu ul.sub-menu li {
	position: relative;
	width: 200px;
}

.dropmenu ul.sub-menu li a {
	line-height: 15px; 
	display: block; 
	padding: 10px 25px;
}

#gallery {
	margin: 0 auto;
	padding-bottom: 10px;
	margin-left: 15px !important;
}

.ad-gallery {
	width: 728px;
	padding: 0;
}

.ad-gallery .ad-image-wrapper {
	width: 728px;
	height: 216px;
	margin: 0 auto;
	padding-bottom: 15px;
}

.ad-gallery .ad-image-wrapper .ad-next {
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
	height: 216px;
	cursor: pointer;
	display: block;
	z-index: 29;
}

.ad-gallery .ad-nav {
	width: 950px;
	position: relative;
}

.ad-gallery .ad-thumbs .ad-thumb-list {
	width: 650px !important;
	list-style: none;
	padding-right: 1px;
	padding-bottom: 3px;
	margin-top: 15px;
	margin-left: 15px;
	margin-bottom: 6px;
	min-height: 84px;
}

.static { position: relative; }
.static img { width: 100%; height: auto; }

}

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

.pages {
	margin: 0 auto;
	width: 420px;
}

#header, #slider_holder, #content_wrapper {
	width: 440px;
}

#header {
	width: 510px !important;
	margin: 0 auto !important;
}

#content_wrapper {
	padding: 0 20px 0 20px;
}

#slider_holder {
	width: 440px !important;
	height: 200px !important;
	margin: 0 auto !important;
}

.logoheader {
	color: #fff;
	float: left;
}

a#logo {
	float: left;
	width: 170px; height: 55px;
	display: block;
	margin-left: -15px !important;
	background: url(../images/logo.png) no-repeat;
}

#slider_background {
	width: 100%;
	height: 100px !important;
	background: url(../images/bg.png) #ededed;
	border-bottom: 2px solid #e8e7e7;
}

#slider-container {
	width: 460px;
}

.nivoSlider {
	position:relative;
	width: 300px !important;
	height: 116px !important;
}

.nivoSlider img {
	position:absolute;
	top: 0px;
	left: 0px;
	max-width: none;
	height: 116px !important;
}

.nivo-main-image {
	display: block !important;
	position: relative !important; 
	width: 300px !important;
}
	
#footer .fcontent {
	width: 410px;
}
	
#footer .fcontent #bottom {
	width: 410px;
}

#footer .fcontent-margin {
	width: 410px !important;
	padding: 5px 15px 0px 15px;
}

#footer .fcontent #bottom #menu-footer {
	margin-left: auto; margin-right: auto; text-align: center;
}

#content, #sidebar-right, .right-sidebar-block, #sidebar-left, .left-sidebar-block {
	width: 100% !important;
	float: left !important;
	padding: 0 !important;
	margin: 0 !important;
}

.tinynav {
	display: block !important;
	width: 220px !important;
	margin-top: 20px !important;
	margin-right: 80px !important;
}

#nav {
	display: none;
}

#midcaption {
	padding: 0 20px 20px 0;
    margin: 0 auto;
	width: 440px !important;
	height: auto;
	overflow: hidden;
}

#midcaption p {
    font-family: 'TitilliumText22LLight', sans-serif;
	font-size: 18px !important;
    color: #929292;
    margin: 10px 15px 10px 15px;
    width: 410px !important;
    line-height: 24px;
    -webkit-font-smoothing: antialiased;
}

.mid {
	float: left !important;
	margin-top: -10px;
	margin-left: 170px !important;
}

.breadcrumbs {
	width: auto;
	float: left;
	font-size: 11px;
	color: #333;
	padding-top: 10px;
}

#line {
	background: transparent url(../images/sp.png) repeat-x bottom; 
	padding: .2em 0 0.8em 0;
	margin-bottom: 1em;
}

.none {
	margin-bottom: 60px;
}

.portfolio {
	width: 500px;
}

#portfolio-filter {
	float: left !important;
	margin-left: -40px !important;
	margin-top: 40px;
	margin-bottom: 40px;
}

.portfolio li {
	width: 140px;
	height: 110px;
	overflow: hidden;
}

#portfolio_box {
	float: left;
	margin-left: -30px;
}

#portfolio_box ul {
	float: left; 
	list-style: none; 
	margin: 0 0 0 -15px; 
	width: 480px;
}

#portfolio_box ul li {
	float: left;
	font-size: 11px;
	width: 140px;
	margin-top: 20px;
	margin-right: 15px;
	margin-bottom: 20px;
	margin-left: 15px;
}

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

#ss-left
{
    display: none;
}

#ss-right {
	display: none;
}

.one_half, .two_third, .one_third, .one_fourth { float: left; position: relative; width: 100%; margin-right: 0; margin-bottom: 25px; }

/*-------------------------------------
	THUMB SLIDER
-------------------------------------*/

.sliderbox2 {
	z-index: 1;
	position: relative;
	height: 220px;
	background-repeat: no-repeat;
	background-position: left bottom;
	margin-top: 50px;
}

.lof-slidecontent{
	position: relative;
	overflow: hidden;
	width: 445px;
	height: 220px;
}

.lof-main-outer{
	position: relative;
	height: 100%;
	width: 350px;
	z-index: 3;
	overflow: hidden;
}

.lof-main-outer img {
	width: 100%;
	height: auto;
	position: relative;
}

.lof-main-title:hover {
	cursor: pointer;
	background-repeat: no-repeat;
	background-position: right top;
}

ul.lof-main-wapper {
	overflow: hidden;
	padding: 0px;
	margin: 0;
	height: 240px;
	width: 700px;
	position: absolute;
	overflow: hidden;
}

ul.lof-main-wapper li{
	overflow: hidden;
	padding: 0px;
	margin: 0px;
	margin-top: 1px;
	height: 100%;
	width: 690px;
	float: left;
}

.lof-navigator-outer {
	position: absolute;
	right: 0;
	top: 0;
	z-index: 100;
	height: 240px;
	width: 80px;
	overflow: hidden;
}

ul.lof-navigator li div{
	position: relative;
	width: 80px;
	height: 100%;
	padding-left: 15px;
}

ul.lof-navigator li.active div{
	position: relative;
	padding-left: 15px;
	background-repeat: repeat-x;
	background-position: top;
}

.lof-navigator li img{
	height: 35px;
	width: 60px;
	margin: 12px 15px 0 0px;
	float: left;
}

.lof-navigator p {
	display: none;
}

/*-------------------------------------
	GALLERY
-------------------------------------*/

#gallery {
	margin: 0 auto;
	padding-bottom: 10px;
	margin-left: 15px !important;
}

.ad-gallery {
	width: 950px;
	padding: 0;
}

.ad-gallery .ad-image-wrapper {
	width: 300px;
	height: 116px;
	margin: 0 auto;
	padding-bottom: 15px;
}

.ad-gallery .ad-image-wrapper .ad-next {
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
	height: 116px;
	cursor: pointer;
	display: block;
	z-index: 29;
}

.ad-gallery .ad-nav {
	width: 950px;
	position: relative;
}

.ad-gallery .ad-forward,
.ad-gallery .ad-back {
	visibility: hidden;
}

.ad-gallery .ad-forward,
.ad-gallery .ad-back {
	position: absolute;
	top: 0px;
	height: 50px;
	z-index: 10;
	width: 30px;	
}

.ad-gallery .ad-back {
	cursor: pointer;
	left: -30px;
	display: block;
}

.ad-gallery .ad-forward {
	cursor: pointer;
	display: block;
	right: -30px;
}

.ad-gallery .few .ad-forward,
.ad-gallery .few .ad-back {
	display: none;
}

.ad-gallery .ad-thumbs .ad-thumb-list {
	width: 350px !important;
	list-style: none;
	padding-right: 1px;
	padding-bottom: 3px;
	margin-top: 15px;
	margin-left: 15px;
	margin-bottom: 6px;
	min-height: 84px;
}

.static { position: relative; }
.static img { width: 100%; height: auto; }

}

@media only screen and (min-width: 320px) and (max-width: 479px) {

#header, #slider_holder, #content_wrapper {
	width: 280px;
}

#header {
	width: 330px !important;
	margin: 0 auto !important;
}

.align-right {
	width: 100%;
	margin-top: 15px;
}

#content_wrapper {
	width: 280px !important;
	padding: 0 20px 0 20px !important;
}

#slider_holder {
	width: 280px !important;
	height: 200px !important;
}

#map {
	border-bottom: 1px solid #c5c3c0;
	border-top: 1px solid #c5c3c0;
	height: 210px;
	width: 250px;
	margin: 0 0 0 0;
	position: relative;
	width: 100%;
}

.logoheader {
	color: #fff;
	float: left;
}

a#logo {
	float: left;
	width: 170px; height: 55px;
	display: block;
	margin-left: -15px !important;
	background: url(../images/logo.png) no-repeat;
}

#slider_background {
	width: 100%;
	height: 100px !important;
	background: url(../images/bg.png) #ededed;
	border-bottom: 2px solid #e8e7e7;
}

#slider-container {
	width: 300px;
	margin-left: -10px;
}

.nivoSlider {
	position:relative;
	width: 300px !important;
	height: 116px !important;
	margin-bottom: 50px;
}

.nivoSlider img {
	position:absolute;
	top: 0px;
	left: 0px;
	max-width: none;
	height: 116px !important;
}

.nivo-main-image {
	display: block !important;
	position: relative !important; 
	width: 300px !important;
}
	
#footer .fcontent {
	width: 250px;
}
	
#footer .fcontent #bottom {
	width: 250px;
}
	
#footer .fcontent-margin {
	width: 250px !important;
	padding: 5px 15px 0px 15px;
}

#footer .fcontent #bottom #menu-footer {
	margin-left: auto; margin-right: auto; text-align: center;
}

#content, #sidebar-right, .right-sidebar-block, #sidebar-left, .left-sidebar-block {
	width: 100% !important;
	float: left !important;
	position: relative;
}

.tinynav {
	display: block !important;
	width: 160px !important;
	margin-top: -45px !important;
	margin-right: 30px !important;
}

#nav {
	display: none;
}

#midcaption {
	padding: 0 20px 20px 0;
    margin: 0 auto;
	width: 280px !important;
	height: auto;
	overflow: hidden;
}

#midcaption p {
    font-family: 'TitilliumText22LLight', sans-serif;
	font-size: 18px !important;
    color: #929292;
    margin: 10px 15px 10px 15px;
    width: 250px !important;
    line-height: 24px;
    -webkit-font-smoothing: antialiased;
}

.mid {
	float: left !important;
	margin-top: -10px;
	margin-left: 95px !important;
}

.pages {
	margin: 0 auto;
	width: 280px;
}

.breadcrumbs {
	width: auto;
	float: left;
	font-size: 11px;
	color: #333;
	padding-top: 10px;
}

#line {
	background: transparent url(../images/sp.png) repeat-x bottom; 
	padding: .2em 0 0.8em 0;
	margin-bottom: 1em;
}

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

#portfolio-filter {
	float: left !important;
	margin-left: -30px !important;
	margin-top: 10px;
	margin-bottom: 10px;
	border: none;
}

#portfolio-filter ul {
	display: inline-block;
	*display: inline;
	margin-bottom: 0;
	margin-left: 0;
	border: none;
}

#portfolio-filter li {
	display: inline;
	border: none;
}

#portfolio-filter li a {
	text-align: center;
	padding: 0 10px;
	line-height: 34px;
	text-decoration: none;
	border: none;
}

#portfolio-filter li:first-child a {
	border: none;
}

#portfolio-filter li:last-child a {
	border: none;
}

.portfolio li {
	width: 260px;
	height: 140px;
	overflow: hidden;
}

#portfolio_box {
	float: left;
	margin-left: -30px;
}

#portfolio_box ul {
	float: left; 
	list-style: none; 
	margin: 0 0 0 -15px; 
	width: 100%;
}

.none {
	margin-bottom: 60px;
}

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

#ss-left
{
    display: none;
}

#ss-right {
	display: none;
}

.one_half, .two_third, .one_third, .one_fourth { float: left; position: relative; width: 100%; margin-right: 0; margin-bottom: 25px; }

/* -- Search -- */

#search button { 
	background: #78a8d5;
	border: 1px solid #75a3cf;
	color: #fff;
	cursor: pointer;
	display: block;
	padding: 5px 10px;
	position: relative;
	text-decoration: none;
	text-shadow: 0 1px 1px #666;
	-moz-box-shadow: 0 1px 0 #333;
	-webkit-box-shadow: 0 1px 0 #333;
	box-shadow: 0px 1px 0px #333;
}

#search {
	float: left;
	margin-top: 0px;
}

#search button {
	float: left;
	height: 30px;
	-moz-box-shadow:0 0 #fff;
	-webkit-box-shadow:0 0 #fff;
	box-shadow:none;
	padding-top: 2px;
	width: 70px;
}

#search input {
	background: #fff;
	border: 1px solid #ededed;
	color: #333;
	border-width: 1px 0 1px 1px;
	float: left;
	height: 18px;
	padding: 5px 10px;
	width: 120px;
}

#search button:hover {
	background: #73a3d1;
}

#gallery {
	margin-top: 20px;
	margin-left: 15px !important;
	padding-bottom: 10px;
}

.ad-gallery {
	width: 300px;
	margin-top: 20px;
	padding: 0;
}

.ad-gallery .ad-image-wrapper {
	width: 300px;
	height: 116px;
	margin: 0 auto;
	padding-bottom: 15px;
	padding-top: 20px;
}

.ad-gallery .ad-image-wrapper .ad-next {
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
	height: 116px;
	cursor: pointer;
	display: block;
	z-index: 29;
}

.ad-gallery .ad-nav {
	width: 300px;
	position: relative;
}

.ad-gallery .ad-forward,
.ad-gallery .ad-back {
	visibility: hidden;
}

.ad-gallery .ad-thumbs .ad-thumb-list {
	width: 300px !important;
	float: left;
	list-style: none;
	padding-right: 1px;
	padding-bottom: 3px;
	margin-top: 20px;
	margin-left: -30px;
	margin-bottom: 6px;
	min-height: 84px;
}

.ad-gallery .ad-thumbs li {
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
	border: 4px solid #efefef;
}

.resp_margin20 {
	margin-top: 20px;
}

.static { position: relative; }
.static img { width: 100%; height: auto; }

/*-------------------------------------
	THUMB SLIDER
-------------------------------------*/

.sliderbox2 {
	z-index: 1;
	position: relative;
	height: 220px;
	background-repeat: no-repeat;
	background-position: left bottom;
	margin-top: 50px;
}

.lof-slidecontent{
	position: relative;
	overflow: hidden;
	width: 445px;
	height: 220px;
}

.lof-main-outer{
	position: relative;
	height: 100%;
	width: 350px;
	z-index: 3;
	overflow: hidden;
}

.lof-main-outer img {
	width: 100%;
	height: auto;
	position: relative;
}

.lof-main-title:hover {
	cursor: pointer;
	background-repeat: no-repeat;
	background-position: right top;
}

ul.lof-main-wapper {
	overflow: hidden;
	padding: 0px;
	margin: 0;
	height: 240px;
	width: 700px;
	position: absolute;
	overflow: hidden;
}

ul.lof-main-wapper li{
	overflow: hidden;
	padding: 0px;
	margin: 0px;
	margin-top: 1px;
	height: 100%;
	width: 690px;
	float: left;
}

.lof-navigator-outer {
	position: absolute;
	right: 0;
	top: 0;
	z-index: 100;
	height: 240px;
	width: 80px;
	overflow: hidden;
}

ul.lof-navigator li div{
	position: relative;
	width: 80px;
	height: 100%;
	padding-left: 15px;
}

ul.lof-navigator li.active div{
	position: relative;
	padding-left: 15px;
	background-repeat: repeat-x;
	background-position: top;
}

.lof-navigator li img{
	height: 35px;
	width: 60px;
	margin: 12px 15px 0 0px;
	float: left;
}

.lof-navigator p {
	display: none;
}

#footer .fcontent #bottom #copyright {
	float: left;
	font-size: 13px;
	color: #aeb2b8;
}

#footer .fcontent #bottom #menu-footer {
	float: left;
	margin-left: -51px;
	margin-top: 10px;
}

#post-featured-image {
	max-width: 260px;
	height: 100%;
	margin: 0 -20px 10px 0; 
	padding: 0 0 20px 0;
	margin-left: 0px !important;
}

}