/*  
Theme Name: Architectos
Theme URI: http://www.wpbakery.com/
Version: 3.2
Description: Designed in <a href="http://www.wpbakery.com">WPBakery</a>.
Author: WPBakery
Author URI: http://www.wpbakery.com
Tags: wpbakery
*/

/* 

WARNING! DO NOT EDIT THIS FILE!

To make it easy to update your theme, you should not edit the styles in this file. Instead use 
the custom.css file to add your styles. You can copy a style from this file and paste it in 
custom.css and it will override the style in this file. You have been warned! :)

*/

/* Reset
---------------------------------------------------------- */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}


@font-face {
    font-family: 'ColaborateThinRegular';
    src: url('fonts/ColabThi-webfont.eot');
    src: url('fonts/ColabThi-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/ColabThi-webfont.woff') format('woff'),
         url('fonts/ColabThi-webfont.ttf') format('truetype'),
         url('fonts/ColabThi-webfont.svg#ColaborateThinRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'LaneNarrow';
    src: url('fonts/LANENAR-webfont.eot');
    src: url('fonts/LANENAR-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/LANENAR-webfont.woff') format('woff'),
         url('fonts/LANENAR-webfont.ttf') format('truetype'),
         url('fonts/LANENAR-webfont.svg#LaneNarrow') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
	font-family: 'Lato';
	src: url('fonts/lato-reg-webfont.eot');
	src: url('fonts/lato-reg-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/lato-reg-webfont.woff') format('woff'),
         url('fonts/lato-reg-webfont.ttf') format('truetype'),
         url('fonts/lato-reg-webfont.svg#Lato') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Lato';
	src: url('fonts/lato-regita-webfont.eot');
	src: url('fonts/lato-regita-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/lato-regita-webfont.woff') format('woff'),
         url('fonts/lato-regita-webfont.ttf') format('truetype'),
         url('fonts/lato-regita-webfont.svg#Lato') format('svg');
	font-weight: normal;
	font-style: italic;
}
@font-face {
	font-family: 'Lato';
	src: url('fonts/lato-bol-webfont.eot');
	src: url('fonts/lato-bol-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/lato-bol-webfont.woff') format('woff'),
         url('fonts/lato-bol-webfont.ttf') format('truetype'),
         url('fonts/lato-bol-webfont.svg#Lato') format('svg');
	font-weight: bold;
	font-style: normal;
}
@font-face {
	font-family: 'Lato';
	src: url('fonts/lato-bolita-webfont.eot');
	src: url('fonts/lato-bolita-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/lato-bolita-webfont.woff') format('woff'),
         url('fonts/lato-bolita-webfont.ttf') format('truetype'),
         url('fonts/lato-bolita-webfont#Lato.svg') format('svg');
	font-weight: bold;
	font-style: italic;
}

@font-face {
	font-family: 'Lato';
	src: url('fonts/lato-lig-webfont.eot');
	src: url('fonts/lato-lig-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/lato-lig-webfont.woff') format('woff'),
         url('fonts/lato-lig-webfont.ttf') format('truetype'),
         url('fonts/lato-lig-webfont.svg#Lato') format('svg');
	font-weight: light;
	font-style: normal;
}

@font-face {
	font-family: 'Lato';
	src: url('fonts/lato-ligita-webfont.eot');
	src: url('fonts/lato-ligita-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/lato-ligita-webfont.woff') format('woff'),
         url('fonts/lato-ligita-webfont.ttf') format('truetype'),
         url('fonts/lato-ligita-webfont#Lato'.svg) format('svg');
	font-weight: light;
	font-style: italic;
}

/* Transitions
---------------------------------------------------------- */
a,
h4.wpb_toggle {
	transition: color 0.2s linear;
    -moz-transition: color 0.2s linear;
    -webkit-transition: color 0.2s linear;
    -o-transition: color 0.2s linear;
}

.h_portfolio_controls a,
.wpb_carousel .prev,
.wpb_carousel .next,
.p_controls a,
#prevslide,
#nextslide,
#play-button,
#tray-button,
#slideshow-exit,
#start_slideshow,
#next_post_link,
#prev_post_link,
.header_menu a,
.float_blocks_container .masonry_blocks .float_block,
.wp-pagenavi a,
.home_slide .more_button {
	transition: background-color 0.2s linear;
    -moz-transition: background-color 0.2s linear;
    -webkit-transition: background-color 0.2s linear;
    -o-transition: background-color 0.2s linear;
}

.masonry_blocks h2 {
    font-weight: normal;
}

.masonry-brick {
    border: 1px solid #fff;
}

.wpb_sort {
    display:none;
}
.post-meta li{
    list-style:none;
    margin: 0px;
    padding: 0px;
}
.post-meta-key {
    text-transform: uppercase;
    font-weight:bold;
    display: none;
}

#details {
    display:none;
    margin-bottom: 20px;b
}

.project_details {
    cursor:pointer;
    margin: 20px 0px;
}

.home_slide .titleblock { text-align:right; font-family: 'Century Gothic', sans-serif; margin-bottom:50px; padding:35px; xfont-weight: 100; }

.page_content {
    padding: 0px 15px 0px 15px;
    overflow:hidden;
}

.page_content p, .page_content ul li{
  font: 12px 'Open Sans', sans-serif;
  line-height: 170%;
}

h1, .page_content h1, .page_content h1, .page_content h1 {
    font-weight: bold;
}

*, *:before, *:after {
  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
 }

hr { border: 0;
    border-bottom: 1px dotted #333;
    background: #fff;}
    
.single-wpb_portfolio .portfolio > ul{
    display: block !important;
    opacity: 1 !important;
}


/* Common classes
---------------------------------------------------------- */
body,
textarea, input, #author, #email, #url, textarea#comment {
	font: 12px/1em 'Open Sans', sans-serif;
}
body {	
	background: #222222;
	color: #333;
	letter-spacing: 1px;
	line-height: 170%;
}


br.dirtyLittleTrick { clear:both; display:block; height:1px; margin:-1px 0 0 0 } /* Use this br class to clear your floated columns */
.wpb_clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }
.clear-both {clear:both; }

.alignnone {
    /*margin: 5px 15px 15px 0;*/
    margin: 0;
}
.aligncenter, div.aligncenter {
    display:block;
    margin: 5px auto 5px auto;
}
.alignright {
    float:right;
    margin: 5px 0 15px 15px;
}
.alignleft {
    float:left;
    margin: 5px 15px 15px 0;
}
.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

a img.alignright {
    float:right;
    margin: 5px 0 15px 15px;
}
a img.alignnone {
    margin: 5px 15px 0px 0;
}
a img.alignleft {
    float:left;
    margin: 5px 15px 15px 0;
}
a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}
.wp-caption {
    background: #ccc;
    border: 1px solid #666666;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin:0;
    max-width: 98.5%;
    padding:0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size:11px;
    line-height:17px;
    margin:0;
    padding:0 4px 5px;
}

.textaligncenter { text-align: center; }
.textalignleft { text-align: left; }
.textalignright { text-align: right; }

img.alignleft {
	margin:5px 20px 5px 0;
}
img.alignright {
	margin:5px 0 5px 20px;
}


img.th_icon {
	float:left;
	margin:0 20px 10px 0;
	margin-right:20px !important;
}

.last { margin-right: 0 !important; }
.no_bottom_padding { padding-bottom: 0 !important; }
.no_bottom_margin { margin-bottom: 0 !important; }
.overflow_hidden { overflow: hidden; }

.prettyPhoto {}

#backarrow { position:absolute;
            top:5px;
            left:5px;
            z-index:11000;
            }
#backarrow img {
    margin:0px;
}
            
.cat_list {
    display:none;
    position:absolute;
    top:0px;
    left:0px;
    background-color: white;
    padding:10px;
    }
    
.cat_list ul, .cat_list li, .cat_list p{ 
    list-style: none;
    }
    
.cat_list ul, .cat_list li, .cat_list p{ 
    margin:0px;
    padding:0px;
    }
            
/*-------------------------------------------------------------------- tooltip-----------*/
	
		.tooltip{
   			display: inline;
    		position: relative;
		}
		
		.tooltip:hover:after{
    		xbackground: #333;
    		xbackground: rgba(0,0,0,.8);
    		xborder-radius: 5px;
    		xbottom: 26px;
    		color: #fff;
    		content: attr(title);
    		left: 20%;
    		padding: 5px 15px;
    		position: absolute;
    		z-index: 98;
    		xwidth: 220px;
		}
		
		
	
	

.prettyPhoto img {
	border: 3px solid #444444;
	margin-right: 5px;
}
	.prettyPhoto img:hover {
		border-color: #ffffff;
	}
.gallery img {
	border: 3px solid #444444 !important;
}


h1{
	text-transform: uppercase;
	font-size: 1.2em;
}

h2{
	text-transform: uppercase;
	font-size: 1em;
}

h3, h4, h5, h6 {
	text-transform: uppercase;
	font-weight: normal;
	font-size: 1em;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	text-decoration:none;
	color: inherit;
}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
}

h1 a:link, h2 a:link, h3 a:link, h4 a:link, h5 a:link, h6 a:link {
    text-decoration: none;
}

h1 {
	margin-bottom: 10px;
}

	h1.title {
		font-size: 1.5em;
		background-color: #ffffff;
		font-weight: normal;
		font-family: 'Century Gothic', sans-serif;
		line-height: 1em;
		padding: 15px 0px 15px 15px;
		width: 100%;
		max-width: 717px;
		
		xtext-shadow: rgb(0,0,0) 1px 1px 0px;
		xtext-shadow: rgba(0,0,0, 0.75) 1px 1px 0px;
	}

.main_content h2, h2,
h3#reply-title {
	font-family: inherit;
	font-style: inherit;
	font-size: inherit;
	xfont-weight: bold;
	margin-bottom:10px;
}

.main_content h3, h3 {
	margin-bottom: 10px;
}

.main_content h4, h4 {
	margin-bottom: 10px;
}

.main_content h5, h5 {
	margin-bottom: 10px;
}
.main_content h6, h6 {
	margin-bottom: 10px;
}

h4.toggle,
h4.wpb_toggle {
	margin-bottom:5px;
	text-transform: none;
	background-position: left -1px;
	font-weight: normal;
	color: inherit;
}

h1 img, h2 img, h3 img, h4 img, h5 img, h6 img,
h1 img.alignnone, h2 img.alignnone, h3 img.alignnone, h4 img.alignnone, h5 img.alignnone, h6 img.alignnone {
	margin: 0 10px 0 0;
}

.p_caption,
.main_content .p_caption {}

a {
	text-decoration:underline;
	color: #999999;
}
	a:hover,
	.post_teaser .read_more:hover,
	#footer .footer_menu a:hover,
	h4.wpb_toggle:hover,
	h4.wpb_toggle_title_active,
	#footer .copyright_message a:hover,
	.small_tour_menu li a:hover {
		color: #666666;
	}
p {
	margin-bottom: 15px;
}

ul,
ol,
.main_content ul,
.main_content ol {
	margin:0 0 15px 0;
}

ul li,
ol li {
	margin-left: 20px;
	margin:0 0 0px 4%;
	list-style-position: inside;
}
ul li {
	list-style-image: url(images/res/arrow_r.gif);
}

.single_post .tags {
	background: url("images/tag.png") no-repeat 0 0;
	padding: 2px 30px 0 25px;
	min-height: 16px;
	
	font-family: Georgia,"Times New Roman",Times, serif;
	font-style: italic;
	font-size: 0.95em;
}
	.single_post .tags a {
		margin-right: 10px;
		border-bottom: 1px dotted #333333;
	}
		.single_post .tags a:hover {
			color: inherit;
		}

blockquote {
	background: url(images/res/block_quote_sml.png) no-repeat top left;
	padding:0px 30px 0px 30px;
	margin-left: 30px;
	margin:0 0 15px 8%;
	
}

blockquote h4{
   font-style:italic;
   font-weight: bolder;
   color:#333333;
}

address {
	margin-bottom: 12px;
}

pre {
	background: #333333 url(images/patterns/2.png);
	padding: 10px 20px;
	margin-bottom: 15px;
	line-height: 20px;
	
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset;
}

.wp-pagenavi {
	margin: 0 0 30px 0;
}
.wp-pagenavi span,
.wp-pagenavi a {
	display: inline-block;
	padding: 5px 10px;
	color: #999999;
	font-size: 0.9em;
	background: #000000;
	margin-right: 1px;
}
	.wp-pagenavi a:hover {
		background: #ffffff;
	}


/* Column layout
---------------------------------------------------------- */
.one-fourth,
.one-third,
.one-half,
.two-third,
.three-fourth,
.full-width { padding:0 15px 15px 0px;}
.small_tour_slides { margin-left: 15; }

.wpb_carousel li { margin-right: 15px; }

.masonry_blocks .one-fourth,
.masonry_blocks .one-third,
.masonry_blocks .one-half,
.masonry_blocks .two-third,
.masonry_blocks .three-fourth,
.masonry_blocks .full-width { padding:0px;}

.masonry_blocks .one-third {max-width: 229px; min-width: 229px;}



/* Column sizes - for width: 713; gap: 15; prefix:  
---------------------------------------------------------- */
.one-fourth { width: 25%; }
.one-third { width: 33.3%; }
.one-half { width: 50%; }
.two-third { width: 66.6%; }
.three-fourth { width: 75%; }
.full-width { width: 100%; }


/* Header
---------------------------------------------------------- */
#header {
	position: fixed;
	top: 0;
	left: 0;
	
	height: 100%;
	width: 247px;
	z-index: 10;
}

.content_holder {
	opacity: 0;
	margin-left: 222px;
	margin-top: 128px;
}

.blog_teasers {
	margin-bottom: 0;
}

.black_bg,
.blog_container,
.float_blocks_container .masonry_blocks .float_block { /*.single-wpb_portfolio .content_holder,*/
	background: #ffffff;
	position: relative;
	z-index:1000;
}

.portfolio_content {
    background-color: #fff;
    padding-top: 15px;
}
.float_blocks_container .masonry_blocks .teaser_img_link {
	display: block;
}
.masonry_blocks .teaser_content {
	margin: 15px 15px 0 15px;
}

	.float_blocks_container .masonry_blocks .float_block:hover {
		background: #ffffff;
	}
		.float_blocks_container .masonry_blocks .float_block:hover h2 {
			color: #000000;
		}
		.float_blocks_container .masonry_blocks .float_block:hover a {
			color: inherit;
		}

.page .black_bg,
.password_form .black_bg,
.single-wpb_portfolio .black_bg,
.blog_container { /*.single-wpb_portfolio .content_holder,*/
	max-width: 747px;
	height: 100%;
	padding: 15px 15px;
	border: 1px solid #ffffff;
}
.single-wpb_portfolio .content_holder .black_bg {
	padding-top: 0;
}
.pasword_protected_page .content_holder .black_bg {
	padding-top: 15px;
}

.page .content_holder {
}



/* Menu
---------------------------------------------------------- */
.header_menu > li {
	left: -300px;
}
	.header_menu li li {
		left: 0;
	}

#social_icons {
	position: absolute;
	bottom: 6px;
	margin-left: 15px;
	width: 224px;
}
	#social_icons a {
		margin-right: 6px;
	}

.menu_holder .li_logo {
	margin: 35px;
	display: block;
}

.menu_details {
    cursor:pointer;
    display:none;
    width:100%;
    padding: 0px 0px 20px 0px;
    text-align: center;
    font-size: 1.2em;
    color: #ffffff;
    border-bottom: 1px solid #fff;
}
			
	.li_logo img {
		xbackground: #000000;
		xpadding: 0px 15px;
		display: block;
	}
	
.menu_holder {
	padding: 0;
	
	position: relative;
}
.header_menu {
/*	font-size: 1.167em;*/
}

.menu-parent-item{
    background:url(images/plus.png) no-repeat 0 2px;
    text-indent:15px;
}

.menu-parent-item:hover {
    background:url(images/minus.png) no-repeat 0 2px;
}
.header_menu li.home_icon {
	margin-left: 10px;
	position: relative;
	top: 2px;
}
.header_menu li {
	list-style:none;
	margin: 0 35px 0px 35px;
	position:relative;
	float: left;
	clear: both;
}
.header_menu a {
	color:#ffffff;
	xbackground: #000000;
	padding: 5px 5px;
	display: inline-block;
	text-transform: uppercase;
	xfont-weight: 100;
	text-decoration: none !important;
}

.header_menu li .sub-menu {
	xdisplay:none;
	xposition:absolute;
	xbackground: #ffffff;
	list-style: none;
	
	padding: 0px 0px 0px 10px;
	
	top: 0;
	
	z-index:50;
	
	text-transform:none;
	font-weight: 200;
	
	min-width: 100px;
	max-width: 350px;
}
	
	.header_menu li .sub-menu li {
		margin: 0;
		float: none;
		display: block;
		border-bottom: none;
		padding: 5px 0px;
		background-image: none;
		list-style-image: none;
		margin-left: 0;
		list-style: none;
	}
		
		.header_menu li .sub-menu .sub-menu li {
			display: none;
		}
		
		.header_menu li .sub-menu .current-menu-item > a, .header_menu li .sub-menu .current-menu-ancestor a {
			background: url(images/white_bg_50.png) repeat top left;
		}
		
	
	.header_menu .hover a,
	.header_menu a:hover,
	.header_menu li.hover ul a:hover {}
	
	.current-menu-item {}
	
	.menu-parent-item{cursor:default;}
	
	.header_menu .current-menu-item a,
	.header_menu .current-menu-item .current-menu-item a,
	.header_menu li .sub-menu li .current-menu-item,
	.header_menu li.hover .current-menu-item a{
		color: #ffffff;
		background: url(images/white_bg_50.png) repeat top left;
	}
	.header_menu li.hover ul a {
		xcolor: #555555;
	}
	
.current_page_parent ul, .current-menu-ancestor ul, .current-menu-parent ul, .current_page_parent ul, .current_page_ancestor ul {display:block !important; opacity: 1 !important;}

.current_page_parent, .current-menu-ancestor, .current-menu-parent, .current_page_parent, .current_page_ancestor {background:url(images/minus.png) no-repeat 0 2px !important;}




.header_menu li .sub-menu .sub-menu {
	position: inherit;
	display: inherit;
	padding: 0 0 0 10px;
	margin: 3px 0 2px 0;
	left: 0;
	
	-o-box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}
	.header_menu li .sub-menu .sub-menu li {
		font-size: 0.9em;
		margin-bottom: 0px;
	}
		.header_menu li .sub-menu .sub-menu li a {
			
			line-height: 1.3em;
		}
		.header_menu li .sub-menu li a {
			
			padding: 0px;
		}
.header_menu li div.sub-menu ul {
	margin-bottom:0;
}

/* Homepage slider
---------------------------------------------------------- */
.home_slides .home_slide {
	display: none;
	margin-top: 235px;
	width: 900px;
}
	.home_slide h2 {
		font-size: 65px;
		color: #ffffff;
		xfont-weight: 100;
		font-family: 'Century Gothic', sans-serif;
		line-height: 1em;
		
		text-shadow: rgb(0,0,0) 1px 1px 0px;
		text-shadow: rgba(0,0,0, 0.75) 1px 1px 0px;
		margin-bottom: 50px;
	}
	
	.home_slide .more_button {
		background: #000000;
		color: #ffffff;
		padding: 8px 15px;
	}
		.home_slide .more_button:hover {
			background: #ffffff;
			color: #000000;
		}


/* Portfolio grid
---------------------------------------------------------- */
/* Sortable portfolio
---------------------------------------------------------- */
.wpb_sort {
	margin: 0 0 20px 0;
	position: relative;
	top: -5px;
}
	.wpb_sort li {
		list-style-image: none;
		display: inline;
		margin: 0 15px 0 0;
	}
	
	.wpb_sort li a.wpb_sortable_current {
		border-bottom: 1px dotted;
	}
	
	.wpb_sort li.wpb_all_cats span {
		color: #AAAAAA;
		margin-right: 10px;
	}

div.no_images_and_video {
	padding-top: 15px;
}
.single_portfolio_th .teaser_content,
.title_thumbnail_text .teaser_content {
	margin-top: 10px;
}

.thumbnail_title.posts_grid .teaser_grid,
.thumbnail_title .teaser_grid,
.single_portfolio_th {
	overflow: hidden;
}


/* Single portfolio view
---------------------------------------------------------- */
/* Image captions */
.attached_attached_images .img_caption,
.wpb_gallery_slides .img_caption {
	position: absolute;
	bottom: 30px;
	left: 15px;
	font-size: 11px;
}
.wpb_gallery_slides .img_caption {
	bottom: 10px;
}

.portfolio_categories {
	font-size: 0.95em;
	font-family: Georgia,"Times New Roman",Times,serif;
	font-style: italic;
	margin-top: 10px;
}
	.portfolio_categories a {
		display: inline-block;
		margin-right: 5px;
	}

.attached_carousel,
.attached_attached_images,
.single-wpb_portfolio .p_video {
	position: relative;
	left: -15px;
	max-width: 743px;
	height:495px !important;
	width: 100%;
	height: 100%;
	xborder: 1px solid #ffffff;
}

	.portfolio_images img {
		display: block;
		margin-bottom: 15px;
	}
	.portfolio_images a.prettyPhoto img {
		border: none;
	}
	
	
.attached_thumbnail_gallery {
	position: inherit;
	margin-bottom: 5px;
}
	.attached_carousel .wpb_gallery_slides a {
		width: 743px !important;
	}
	.attached_carousel img {
		margin: 0 auto;
	}
	
	.attached_thumbnail_gallery a.prettyPhoto {
		float: left;
	}
		.attached_thumbnail_gallery img {
			margin: 0 15px 15px 0;
		}
	
	.attached_attached_images a {
		display: block;
		width: 100%;
		text-align: center;
		border-bottom: 1px dotted #333333;
		margin-bottom: 18px;
	}
	.attached_attached_images a.prettyPhoto {
		position: relative;
	}
	.attached_attached_images a.prettyPhoto img {
		margin-right: 0;
		margin-bottom: 15px;
		display: inline;
	}
	
		.attached_attached_images a.last_attached_image {
			margin-bottom: 0;
			border: none;
		}
			
	.thumbnail_gallery_holder,
	.password_protected .page_content,
	.blog_container {
		padding-top: 15px;
	}
	
	.password_protected .page_content {
		padding-bottom: 1px;
	}

.bottom_portfolio_selection,
.comments_wrapper {
	border-top: 1px dotted #333333;
	padding-top: 15px;
	margin-bottom: 0;
}
	.thumbnail_title h3.teaser_title {
		margin-bottom: 0;
	}

/* Widgets
---------------------------------------------------------- */
.sidebar .widget_title {
	xborder-bottom: 1px dotted #333333;
	padding-bottom: 5px;
	margin-bottom: 15px;
}
	.sidebar .widget_featured_box .widget_title {
		margin-bottom: 0;
		border: none;
	}

.widget {
	margin-bottom: 20px;
}
.widget li {
	list-style: none;
	margin: 0 0 1px 0;
}
	.widget li ul {
		margin-bottom: 0;
	}
	.widget li li {
		margin-left: 10px;
	}

/* Search
---------------------------------------------------------- */
#searchform label { display: none; }
.sidebar #searchform #s {
	width: 140px;
	margin-right: 6px;
}

#header #searchform {
	position: absolute;
	bottom: 30px;
	display: none;
	background: #000000;
	width: 187px;
	padding: 5px;
	text-align: center;
	z-index: 100000;
}
	#header #searchform #s {
		width: 115px;
	}
	#header #searchform #searchsubmit {
		margin-top: 2px;
	}
	#search_ico {
		position: absolute;
		bottom: 0;
		left: 0;
	}

/* Calendar
---------------------------------------------------------- */
#wp-calendar {
	margin-bottom: 0;
}
	#wp-calendar caption {
		margin-bottom: 12px;
	}

#wp-calendar {
	text-align: left;
	margin: 0;
	border-collapse: collapse; 
	width:100%;
}
#wp-calendar tr th,
#wp-calendar thead th {
	xfont-weight: bold;
	line-height: 1.385em;
	padding: 2px 2px;
}
#wp-calendar tr td {
	padding: 2px 2px;
}
	#wp-calendar thead th,
	#wp-calendar tbody td {
		text-align: center;
	}
	
	#wp-calendar tfoot td {
		padding-top: 10px;
	}



/* Recent comment
---------------------------------------------------------- */
.sidebar .widget_recent_comments li {
	background: url(images/comment_left.gif) no-repeat left 2px;
	padding-left: 18px;
}

/* Tag cloud
---------------------------------------------------------- */
.widget_tag_cloud a {
	font-size: 0.95em !important;
	font-family: Georgia,"Times New Roman",Times,serif;
	font-style: italic;
	border-bottom: 1px dotted #333333;
	display: inline-block;
	margin-right: 5px;
	margin-bottom: 5px;
}
	.widget_tag_cloud a:hover {
		color: inherit;
	}
	
	.sidebar .widget_tag_cloud .widget_title,
	.sidebar .widget_search .widget_title {
		margin-bottom: 14px;
	}

.post_edit {
	margin: 20px 0;
}

/* Blog layout
---------------------------------------------------------- */
.float_blocks .float_block {
	float: left;
}
.float_blocks_container {
	overflow: hidden;
	position: relative;
	max-width: 735px;
	xborder: 1px dashed red;
}
	.float_blocks_container .float_blocks {
	}
	
	.float_blocks_container .masonry_blocks {
		margin: 0 auto;
	}
		.float_blocks_container .masonry_blocks .float_block {
			margin: 0 15px 15px 0px;
		}
		

a.no_images_and_video {
	display: none !important;
}
#float_controls {
    display: none;
	position: fixed;
	top: 244px;
	left: 990px;
	z-index: 20;
}
#start_slideshow,
#prev_post_link,
#next_post_link {
	height: 30px;
	width: 30px;
	display: block;
	margin: 0 0 1px 0;
	background: url(images/start-slideshow.png) center center no-repeat;
	background-color: #ffffff;
}
	#prev_post_link a,
	#next_post_link a {
		display: block;
		width: 30px;
		height: 30px;
	}
	
	#next_post_link,
	#nextslide {
		background-image: url(images/arr_grid_r.png);
		float:right;
	}
	#prev_post_link,
	#prevslide {
		background-image: url(images/arr_grid_l.png);
		float:left;
	}
	
	#prevslide:hover,
	#nextslide:hover,
	#play-button:hover,
	#tray-button:hover,
	#slideshow-exit:hover,
	#start_slideshow:hover,
	#prev_post_link:hover,
	#next_post_link:hover {
		background-color: #ffffff;
	}


.single-wpb_portfolio .p_video,
.single .p_video,
.post_teaser .p_video {
	margin-bottom: 15px;
}
	.masonry_blocks .float_block .p_video { margin-bottom: 0; }
	.p_video iframe {
		display: block;
	}


.blog_container .post_teaser {
	margin-bottom: 40px;
}
.post_teaser .teaser_content,
.post_info,
.wpb_portfolio .teaser_content h2 {
	xborder-bottom: 1px dotted #333333;
	xmargin-bottom: 15px;
	xpadding-bottom: 3px;
	position:relative;
}

.post_content img {
    max-width: 100% !important;
    height: auto !important;
}
	.post_info {
		xpadding-bottom: 5px;
	}
	
	.wpb_portfolio .teaser_content {
		margin-bottom: 0;
		border: none;
	}
		.wpb_portfolio .teaser_content h2 {
			padding-bottom: 10px;
		}

.float_block .post_title,
.post_teaser .post_title,
.single_post .post_title,
.gallery_content h2 {
	margin-bottom: 3px;
	text-align: center;
	font-size: 0.9em;
}

.post_teaser .post_teaser_img,
.single_post .post_teaser_img,
.single_post  .post_img {
	display: block;
	border: none;
}
	.blog_container .post_teaser .post_teaser_img,
	.blog_container .single_post .post_teaser_img,
	.blog_container .post_img {
		margin-bottom: 15px;
	}
/*.shadow_block img,*/

.post_info {
	font-family: Georgia,"Times New Roman",Times, serif;
	font-style: italic;
	line-height: 1.3em;
	xtext-align: center;

	margin: 0 0 15px 0; /*25*/
}
	
.post_teaser .teaser_meta {
	position: relative;
	padding: 0 15px 15px 15px;
	
	font-family: Georgia,"Times New Roman",Times, serif;
	font-style: italic;
}
	.blog_container .post_teaser .teaser_meta {
		padding: 0;
	}
.post_teaser .read_more {
	margin-right: 15px;
	display: inline-block;
}
	.post_teaser .teaser_meta span a {
		color: #aaaaaa;
	}
		.post_teaser .teaser_meta span a:hover {
			color: inherit;
		}
	
	.post_teaser .teaser_meta span.comment_balloon {
		background: url(images/comment_left.gif) no-repeat left 2px;
		padding-left: 18px;
	}

.read_more,
.teaser_readmore,
.twitter_follow_button,
.start_ss {
	background: url(images/res/arrow_r.gif) no-repeat left 8px;
	padding-left: 16px;
}
	.twitter_follow_button {
		background-position: left 4px;
	}
	.start_ss {
		display: inline-block;
		margin-top: 10px;
	}

.read_more,
.teaser_readmore {
	background: url(images/read_more.gif) no-repeat left 6px;
	padding-left: 13px;
}


/* Comments
---------------------------------------------------------- */
.comments_wrapper {
	margin-top: 15px;
}
a#comments {
	position: relative;
	top: -100px;
}
error {
	border:1px solid #FF0000 !important;
}

.comments_holder {
	clear:both;
}
#commentform {
	overflow: inherit;
	margin-bottom: 15px;
}
#commentform .w350 {
	position:relative;
}

ul.commentlist li {
	list-style:none;
	list-style-image:none;
}

textarea#comment {
	height:59px;
}

#comment_wrap ul {
	margin-bottom:0;
}
#comment_wrap ul li {
	margin:0;
	list-style:none;
	clear:both;
	overflow:hidden;
	display:block;
}
#comment_wrap ul.children {
	margin-left:15px;
	margin-top:0px;
	margin-bottom:5px;
	/*border-left:1px solid #EAEAEA;*/
	padding-left:15px;
}
#comment_wrap ul.children li {
	margin-bottom:0;
	font-size: inherit;
}
#comment_wrap ul.children p {
	margin-bottom: 10px;
}
#comment_wrap img.avatar {
	float:left;
	margin:0 20px 10px 0px;
}
#comment_wrap ul.children img.avatar {
	width:40px;
	height:40px;
	float: right;
	margin: 0 0 10px 20px;
}

#comment_wrap, #comment_wrap ul {
	overflow:hidden;
	margin-left:0;
}
#comment_wrap .s {
	overflow:hidden;
	position:relative;
	display:block;
	padding:0;
	margin-bottom:15px;
	
	border: none;
}
#comment_wrap ul.children .s {
	border:none;
	padding: 15px 15px;
	margin-bottom: 10px;
			
	background: #222222;
}
#comment_wrap ul.children .s p.comment_details {
	top: 0;
}

#comment_wrap p.comment_details {
	font-size:11px;
	font-style:normal;
	position:absolute;
	top:14px;
	right:10px;
	margin:0;
}

#comment_wrap .comment_author_date,
.logged-in-as,
.reply {
	display:block;
	margin-bottom:10px;
	color: inherit;
	
	font-family: Georgia,"Times New Roman",Times, serif;
	font-style: italic;
}
	.reply  {
		margin-bottom: 0;
	}

#comment_wrap .comment_author_date a {
	color: inherit;
}

.comment_author {
	font-size:14px;
	text-transform:uppercase;
	font-family:"AllerRegular";
	line-height:1.1;
	
	margin-bottom:15px;
	display:block;
}
.comment_date {
	color:#B2B1B1;
}

#commentform textarea {
	width: 98%;
}
#commentform input {
	width:45%;
}

#reply-title {
	margin-bottom: 15px;
	text-align: left;
}

.form-submit {
	margin-bottom: 0;
}


.one-fourth input,
.one-fourth textarea {
	width: 156px;
}
.one-third input,
.one-third textarea {
	width: 217px;
}


p textarea,
p input {
	margin-top: 3px;
}

input {
	width: 50%;
}
textarea {
	width: 98%;
}
#password_field {
	width: 703px;
	margin: 15px 0 10px 0;
}
textarea, input, #author, #email, #url,
textarea#comment {
	border: none;
	background: #333333 url("images/patterns/2.png");
	color: #999999;
	
	margin:0;
	padding:7px 5px;
	
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset;
}
textarea:focus, input:focus {
	border: none !important;
	background: #444444 url("images/patterns/2.png");
}

input.submit:hover,
#submit:hover,
.wpcf7-submit:hover,
input[type=submit]:hover {
	cursor:pointer;
}

input.submit,
#submit,
.wpcf7-submit,
input[type=submit] {
	width:auto !important;	
	margin: 0;
	
	padding:6px 10px 5px 10px;
	box-shadow: none;
	
	position: relative;
	top: -2px;
	
	line-height:1.3;
	text-decoration: none;
	vertical-align: middle;
	display:inline-block;
	max-width: 250px;

	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.wpcf7 p {
	margin-bottom: 7px;
}
div.wpcf7-validation-errors {
	border-width: 1px;
	border-style: dotted;
	padding: 10px 15px;
}
span.wpcf7-not-valid-tip {
	padding: 5px 10px;
	width: 225px;
	background: #000000;
}


span.dropcap {
	background: #F1F1F1;
	color: #ffffff;
	float: left;
	position: relative;
	top: 4px;
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	margin: 0 10px 0px 0;
}

/* Visual composer elements styling
---------------------------------------------------------- */
.vc_text_separator {
	border-bottom: 1px dotted #333333;
	top: -10px;
	margin: 5px 0 22px 0;
}
.vc_text_separator div {
	background: #333333 url("images/patterns/2.png");
	font-size: 0.9em;
	padding: 2px 17px 2px 17px;
	top: 10px;
}


.small_tour_menu {
	border: none;
}
	.small_tour_menu_ul li {
		background: #1c1c1c;
	}
	.small_tour_menu_ul li.odd {
		background: #090909;
	}

.tourPrevSlide {
	background: url(images/res/arrow_l.gif) no-repeat left center;
	padding-left: 15px;
}
.tourNextSlide {
	background: url(images/res/arrow_r.gif) no-repeat right center;
	padding-right: 15px;
}

.wpb_slider_fading div.description {
	left: 0;
	color: #666666;
}
.wpb_carousel .prev,
.wpb_carousel .next {
	background: #000000;
	top:40px;
	
	width: 30px;
	height: 30px;
	font-size: 1px;
	text-indent: 9999px;
	overflow: hidden;
	border: none;
	padding: 0;
}
.wpb_carousel .prev {
	background-image: url(images/arr_grid_l.png);
	background-repeat: no-repeat;
	background-position: center center;
	left: -45px;
}
.wpb_carousel .next {
	background-image: url(images/arr_grid_r.png);
	background-repeat: no-repeat;
	background-position: center center;
	
	right: -45px;
}
.wpb_carousel .prev:hover,
.wpb_carousel .next:hover {
	background-color: #ffffff;
}

.wpb_separator {
	/*margin: 19px 0 0 0;*/
	border-bottom: 1px dotted #333333;
	top: -10px;
	margin: 5px 0 22px 0;
}

h4.wpb_toggle:hover {
	cursor: pointer;
}


.wpb_tabs_nav a {
	border:1px solid #444444;
	background: #333333 url("images/patterns/2.png");
	background-position: 1px 0;
	margin-right: 1px;
	padding: 7px 15px 5px 15px;
	font-size: 1em;
	border: none;
}
	.wpb_tabs_nav .activeSlide {
		border: none;
		padding: 7px 15px 5px 15px;
	}
	
.wpb_tabs {
	border: none;
	background: #333333 url("images/patterns/2.png");
	padding-bottom: 5px;
}
	.wpb_tabs .tab {
		margin: 12px 15px 0 15px;
		width: inherit !important;
	}
	
	
.wpb_button,
.wpb_vc_button {
	border: none;
	box-shadow: none;
	margin-bottom: 20px;
	margin-right: 12px;
}

.wpb_vc_messagebox {
	margin-bottom: 20px;
	background-position: 15px 50%;
}
	.wpb_vc_messagebox .messagebox_text {
		margin-left: 45px;
	}

.sidebar .wpb_slider_fading img {
	/*background: #FFFFFF;
	padding: 5px;*/
}
.wpb_twitter_widget .tweets li {
	border-bottom: 1px dotted #333333;
	margin-bottom: 15px;
	padding-bottom: 15px;
	list-style: none;
	list-style-image: none;
	margin-left: 0;
}
	.wpb_twitter_widget .tweets .tweet_time {
		font-size: 0.9em;
		display: block;
		background: url("images/calendar_day.gif") no-repeat left 3px;
		padding-left: 18px;
		margin-top: 5px;
	}
	.wpb_twitter_widget .tweets {
		margin-bottom: 10px;
	}

.wpb_call_to_action {
	background: #333333 url("images/patterns/2.png");
	margin: 10px 0 20px;
	padding: 20px 25px;
}
.wpb_call_to_action .wpb_call_text {
	font-family: Georgia,"Times New Roman",Times, serif;
	font-style: italic;
	font-size: 1.3em;
	line-height: 1.2em;
	font-weight: normal;
}
.cta_align_left .wpb_button,
.cta_align_right .wpb_button {
	margin-top: 0px;
}
.cta_align_left .wpb_call_text,
.cta_align_right .wpb_call_text {
	width: 67%;
}
.cta_align_right .wpb_button {
	margin-left: 25px;
}
.cta_align_left .wpb_button {
	margin-right: 25px;
}
/*
	.cta_align_right .wpb_button {
		margin-right: 20px;
	}
	.cta_align_left .wpb_button {
		margin-left: 20px;
	}
*/
/* Teasers grid
---------------------------------------------------------- */

.title_thumbnail_text_full-width {
	margin-bottom: 0;
}

	.title_thumbnail_text_full-width .teaser_grid,
	.columns_count_1_thumbnail_title_text .teaser_grid,
	.columns_count_1_thumbnail_text .teaser_grid,
	.columns_count_1_thumbnail_title .teaser_grid,
	.columns_count_1_thumbnail .teaser_grid,
	.columns_count_1_title_text .teaser_grid {
		margin-bottom: 20px;
		position: relative;
	}
	
	.link_image {
		overflow: hidden;
		display: block;
	}
	.posts_grid .link_image {
		overflow: hidden;
		display: block;
	}
	
.columns_count_2_thumbnail_title_text .teaser_title,
.columns_count_3_thumbnail_title_text .teaser_title,
.columns_count_4_thumbnail_title_text .teaser_title,

.columns_count_2_thumbnail_text .teaser_content,
.columns_count_3_thumbnail_text .teaser_content,
.columns_count_4_thumbnail_text .teaser_content,
.single_portfolio_th .teaser_title,
.thumbnail_title .teaser_grid .teaser_title {
	margin-top: 10px;
}


/* Stupid IE
---------------------------------------------------------- */


/* Tooltip
---------------------------------------------------------- */
.img-tooltip {
	padding: 5px !important;
}
	.img-tooltip img {
		display: block;
	}
	
#tooltip {
	position: absolute;
	z-index: 3000;
	background-color: #111111;
	padding: 6px 12px;
}
#tooltip h3,
#tooltip div {
	margin: 0;
	font-weight: normal;
	font-size: 0.95em;
	color: #A7A7A7;
}


/* Supersized
---------------------------------------------------------- */
#bg_pattern {
	background: url(images/patterns/2.png);
	
	position: fixed;
	width: 100%;
	height: 100%;
	
	top: 0;
	left: 0;
	z-index: -998;
}


#supersized-loader { display: none; }

#slideshow-exit,
#prevslide,
#nextslide,
#slidecounter,
#play-button,
#tray-button {
	background-color: #000000;
	width: 30px;
	height: 30px;
	display: block;
	left: auto;
	right: auto;
	margin: 0 0 1px 0;
	opacity: 1;
	position: relative;
}

.fullscreen_slideshow .content_holder {
	background: none;
}
.fullscreen_slideshow #float_controls {
	left: auto;
	right: 0px;
	width: 30px;
}


.content_holder, #supersized { opacity: 0; }

#slideshow-exit {
	background-image: url(images/slideshow-exit.png);
}
#float_next:active,
#nextslide:active,
#prevslide:active,
#nextslide:active {
	margin-top: inherit;
}
.fullscreen_slideshow #header,
.fullscreen_slideshow #footer {
	display: none;
}
	.fullscreen_slideshow #footer {
		position: fixed;
		bottom: 0;
		width: 100%;
		z-index: 10;
	}
	
#slidecaption {
	display: none;
	text-shadow: none;
	float: none;
	font: inherit;
	margin: 0;
	color: inherit;
	
	position: absolute;
	bottom: 0px;
	left: 0px;
	
	background: #000000;
	padding: 5px 15px;
}

#controls {
	overflow: visible;
}
#controls-wrapper {
	background: none;
	bottom: 0px;
}
#supersized li {
	margin: 0;
	background: #222222;
}

#progress-bar,
#progress-back {
	height: 3px;
	top: 0;
}
#progress-bar {
	background: #333333 url("images/patterns/2.png");
}

#controls-wrapper { z-index: 2; }
#thumb-back,
#thumb-forward {
	bottom: 2px;
	height: 100px;
	
}
	#thumb-back:hover,
	#thumb-forward:hover {
		background-color: #111111;
		background-color: rgba(17, 17, 17, 0.4);
		border: none;
	}

#thumb-tray {
	height: 104px;
}

#tray-button {
	float: none;
	border: none;
	background-image: none;
	
	position: absolute;
	top: auto;
	bottom: 0px;
	right: 0;
	margin: 0;
}

#slidecounter {
	background-image: none;
	float: none;
	text-shadow: none;
	text-align: center;
	font-family: sans-serif, "Arial";
	font-size: 0.85em;
	line-height: 33px;
}
#play-button {
	border-right: none;
	float: none;
	background-image: none;
}

#thumb-tray {
	background: #000000;
	
	-o-box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}

ul#slide-list {
	padding: 25px 0;
}
	ul#slide-list li {
		margin: 0 1px 0 0;
	}
ul#thumb-list  {
	margin-top: 2px;
}
	ul#thumb-list li {
		height: 100px;
		width: auto;
		margin-right: 2px;
	}
		ul#thumb-list li img {
			width: auto;
		}
		
.pp_social {display: none;}

/* ------------------------------------------------------------------------------------------------ FROM CUSTOM CSS------ */

#bg_pattern { display: none; }

.home .header_menu { display: none; }

.header_menu a {
   display: block;
   xtext-align: right;
   width: 150px;
}
.header_menu li .sub-menu li a { text-align: left; }

/** Updated Theme CSS Drew Innes **/
h1.title { xbackground:#666666; xopacity: 0.8; xpadding:15px 0 15px 15px !important; }
.portfolio_archive_title { width:212px; }
h1.title { xwidth:728px !important; }

.float_blocks_container .masonry_paginator { width:712px; text-align:right; }

.page .content_holder { z-index: 1000; position:relative;}
.home_slides .home_slide { 
    
    margin-top:223px; 
    margin-left:-97px !important; 
    background:url(http://beeboconstructions.com/dev/wp-content/uploads/2012/05/transbg.png) repeat; 
    height:247px; padding:0 0 0 97px; 
    position: absolute;
    bottom: 50px;
    right: 150px;
     width: 700px;
  }

.titleblock {background: url(images/white_shim_75.png) repeat top left;}
.titleblock .homeline { font-size:18px; color:#666666; line-height:1.5em; font-style:normal; }
.titleblock .subline { font-size:12px; color:#777777; font-weight:bold; line-height:2em; text-transform: uppercase; padding: 30px 10px 0px 10px;}


ul.wpb_sort { background:#000000; opacity: 0.8; padding:15px 0 15px 15px; width:697px; margin:0 0 12px 0; }

ul.header_menu li { border-bottom:1px solid #fff; }
ul.header_menu li:last-child { border-bottom:0px solid #fff; }

ul.header_menu li a { margin:0; border:none; line-height:16px; }

.ss_nav {
right: -5px;
}

/* ------------------------------------------------------------------------------------------------ @ MEDIA ------ */


/* --------------------------------------------------------- 626 - 960 ------ */

@media (min-width: 626px) and (max-width: 960px) {

.pp_pic_holder {display:none !important;}

.pp_overlay {display:none !important;}

#backarrow {display:none !important;}

.content_holder {
	
	position: relative;
	width: 626px;
	height:100%;
	xoverflow:hidden;
	margin:0px auto 100px auto;
	
	}
	
.home_slides .home_slide {
margin-top: 0px;
margin-left: 0px !important;
height: 0px;
padding: 20px 0 0 0px;
width: 626px;
position:relative;
bottom: 0px;
right: 0px;
}

	
.black_bg {
	
	position: relative;

	width: 626px;
	
	}
	
.titleblock .homeline { font-size:20px; color:#666666; line-height:1.2em; font-style:normal; }
.titleblock .subline { font-size:14px; color:#777777; font-weight:bold; line-height:1.3em; }
	
.prettyPhoto img {
    width:624px;

	height: auto;
}

.portfolio_content {
	xmargin-top: 417px;
	}

.attached_carousel,
.attached_attached_images,
.single-wpb_portfolio .p_video {
	height:417px !important;
}
	
.ss_nav {
right: -5px;
}

#header {
    position:relative;
    width: 626px;
    margin:0px auto;
}

.menu_holder  .li_logo {
    margin: 20px 0px;
}

.header_menu li {
	list-style:none;
	margin: 0;
	position:relative;
	float: none;
	display: inline-block;
	clear: both;
	font-size:0.8em;
}

ul.header_menu li { border-bottom:0px solid #fff;}

ul.header_menu{ border-bottom:1px solid #fff;}

.header_menu a {
    width: auto;
}

.header_menu > li {
	left: -1300px;
}

.one-fourth { width: 100%; }
.one-third { width: 100%; }
.one-half { width: 100%; }
.two-third { width: 100%; }
.three-fourth { width: 100%; }
.full-width { width: 100%; }

.one-fourth { overflow: hidden; }
.one-third { overflow: hidden; }
.one-half { overflow: hidden; }
.two-third { overflow: hidden; }
.three-fourth { overflow: hidden; }
.full-width { xoverflow: hidden; }

.masonry_blocks{
    width: 474px;
    margin: 0px auto;
}

h1.title{
    text-align: center;
    width:474px;
    margin: 15px auto;
    padding: 15px 0px;
}

.float_blocks_container .masonry_blocks .float_block:nth-child(2n+0){
    margin:0px 0px 15px 0px;

}

#header #searchform {
	position: fixed;
	bottom: 30px;
	display: none;
	background: #000000;
	padding: 5px;
	text-align: center;
	z-index: 100000;
}

#social_icons {
	position: fixed;
	bottom: 6px;
	margin-left: 15px;
	width: 224px;
	z-index: 110000;
}

#search_ico {z-index: 110000;}

}


/* --------------------------------------------------------- 480 - 626 ------ */

@media (min-width: 480px) and (max-width: 626px) {

.pp_pic_holder {display:none !important;}

.pp_overlay {display:none !important;}

#backarrow {display:none !important;}
    
.content_holder {
	
	position: relative;
	width: 460px;
	height:100%;
	xoverflow:hidden;
	
	}
	
	.home_slides .home_slide {
margin-top: 0px;
margin-left: 0px !important;
height: 0px;
padding: 20px 0 0 0px;
width: 460px;
position:relative;
bottom: 0px;
right: 0px;
}
	
.black_bg {
	
	position: relative;
	width: 460px;
	
	}
	
.prettyPhoto img {
    width:458px;
	height: auto;
}

.portfolio_content {
	xmargin-top: 199px;
	}
	
.attached_carousel,
.attached_attached_images,
.single-wpb_portfolio .p_video {
	height:306px !important;
}
	
.ss_nav {
right: -5px;
}

.content_holder {
opacity: 0;
width: 460px;
margin:25px auto 100px auto;
}

ul.header_menu{ 
    width: 100px;
    margin: 0px auto 25px auto;
    }
    
.header_menu li {
    margin: 0px;
}

.one-fourth { width: 100%; }
.one-third { width: 100%; }
.one-half { width: 100%; }
.two-third { width: 100%; }
.three-fourth { width: 100%; }
.full-width { width: 100%; }

.one-fourth { overflow: hidden; }
.one-third { overflow: hidden; }
.one-half { overflow: hidden; }
.two-third { overflow: hidden; }
.three-fourth { overflow: hidden; }
.full-width { xoverflow: hidden; }

#header {
    position:relative;
    width: 460px;
    margin:0px auto;
}

.menu_holder  .li_logo {
    margin: 20px 0px;
}

.li_logo img{
    width:460px;
    height: auto;
}

.masonry_blocks{
    width: 229px;
    margin: 0px auto;
}

h1.title{
    text-align: center;
    width:229px;
    margin: 15px auto;
    padding: 15px 0px;
}

.float_blocks_container .masonry_blocks .float_block{
    margin:0px 0px 15px 0px;

}

.menu_details {

    display:block;
}

.header_menu {
    display:none;
    width: 120px;
}

.titleblock .homeline { font-size:17px; color:#666666; line-height:1.2em; font-style:normal; }
.titleblock .subline { font-size:12px; color:#777777; font-weight:bold; line-height:1.3em; }

#header #searchform {
	position: fixed;
	bottom: 30px;
	display: none;
	background: #000000;
	width: 187px;
	padding: 5px;
	text-align: center;
	z-index: 100000;
}

#social_icons {
	position: fixed;
	bottom: 6px;
	margin-left: 15px;
	width: 224px;
	z-index: 110000;
}

#search_ico {z-index: 110000;}
	
}

/* --------------------------------------------------------- 320 - 479 ------ */

@media (min-width: 320px) and (max-width: 479px) {
    
.pp_pic_holder {display:none !important;}

.pp_overlay {display:none !important;}

#backarrow {display:none !important;}
    
.content_holder {
	
	position: relative;
	width: 300px;
	height:100%;
	xoverflow:hidden;
	
	}
	
	.home_slides .home_slide {
margin-top: 0px;
margin-left: 0px !important;
height: 0px;
padding: 20px 0 0 0px;
width: 300px;
position:relative;
bottom: 0px;
right: 0px;
}
	
.black_bg {
	
	position: relative;
	width: 300px;
	
	}
	
.prettyPhoto img {
    width:298px;
	height: auto;
}

.portfolio_content {
	xmargin-top: 199px;
	}
	
.attached_carousel,
.attached_attached_images,
.single-wpb_portfolio .p_video {
	height:199px !important;
}
	
.ss_nav {
right: -5px;
}

.content_holder {
opacity: 0;
width: 300px;
margin:25px auto 100px auto;
}

ul.header_menu{ 
    width: 100px;
    margin: 0px auto 25px auto;
    }
    
.header_menu li {
    margin: 0px;
}

.one-fourth { width: 100%; }
.one-third { width: 100%; }
.one-half { width: 100%; }
.two-third { width: 100%; }
.three-fourth { width: 100%; }
.full-width { width: 100%; }

.one-fourth { overflow: hidden; }
.one-third { overflow: hidden; }
.one-half { overflow: hidden; }
.two-third { overflow: hidden; }
.three-fourth { overflow: hidden; }
.full-width { xoverflow: hidden; }

#header {
    position:relative;
    width: 300px;
    margin:0px auto;
}

.menu_holder  .li_logo {
    margin: 20px 0px;
}

.li_logo img{
    width:300px;
    height: auto;
}

.masonry_blocks{
    width: 229px;
    margin: 0px auto;
}

h1.title{
    text-align: center;
    width:229px;
    margin: 15px auto;
    padding: 15px 0px;
}

.float_blocks_container .masonry_blocks .float_block{
    margin:0px 0px 15px 0px;

}

.menu_details {

    display:block;
}

.header_menu {
    display:none;
    width: 120px;
}

.titleblock .homeline { font-size:17px; color:#666666; line-height:1.2em; font-style:normal; }
.titleblock .subline { font-size:12px; color:#777777; font-weight:bold; line-height:1.3em; }

#header #searchform {
	position: fixed;
	bottom: 30px;
	display: none;
	background: #000000;
	width: 187px;
	padding: 5px;
	text-align: center;
	z-index: 100000;
}

#social_icons {
	position: fixed;
	bottom: 6px;
	margin-left: 15px;
	width: 224px;
	z-index: 110000;
}

#search_ico {z-index: 110000;}

}