/*--------------------------
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, 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, 
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary, 
time, mark, audio, video{margin:0; padding:0}
article, aside, details, figcaption, figure, footer, 
header, hgroup, menu, nav, section{display:block}

table{border-collapse:collapse; border-spacing:0}
fieldset, img{border:0}
address, caption, cite, dfn, th, var{font-style:normal; font-weight:normal}
caption, th{text-align:left}
h1, h2, h3, h4, h5, h6{font-size:100%; font-weight:normal}
q:before, q:after{content:''}
abbr, acronym{border:0}


/*--------------------------
GLOBAL
---------------------------*/
::selection {background: rgb(000,000,000); color:#fafafa;}
::-moz-selection {background: rgb(000,000,000); color:#fafafa;}
img::selection {background: transparent;}
img::-moz-selection	{background: transparent;}
ul, ol, p, h1, h2, h3, h4, h5, h6, .gallery, figure { /*padding:0.6em 0;*/ margin-bottom:20px;  }
ul, ol {
	margin-left: 20px;
}
ul ul, ol ol {
	margin-bottom: 0;
}
a{ color:#74b61a; text-decoration:none; }
a:hover { color:#000; text-decoration:none; }
a:active{/*background-color:#e53b2c; color:#fff; */outline: none; }

a, #submit, .testimony .bubble { -webkit-transition-property:background color; -webkit-transition-duration:0.12s; -webkit-transition-timing-function:ease-out; -moz-transition-property:background color; -moz-transition-duration:0.12s; -moz-transition-timing-function:ease-out; -o-transition-property:background color; -o-transition-duration:0.12s; -o-transition-timing-function:ease-out}

.al {
	text-align: left;
}
.ar {
	text-align: right;
}
.ac {
	text-align: center;
}
.fl {
	float: left;
}
.fr {
	float: right;
}
strong{
	font-weight: bold!important;
}
.content-seperation {
	background: url('images/solid_line.gif') repeat-x left bottom;
	display: inline-block;
	width: 100%;
	height: 2px;
	margin-bottom: 30px;
}

.clearfix:after { 
	visibility: hidden; 
	display: block; 
	font-size: 0; 
	content: " "; 
	clear: both; 
	height: 0; 
}
img, video, figure {
	max-width: 100%;
}
.gmap img {
  max-width: none;
}
#content-inner blockquote,
.fullwidth blockquote {
	padding-left: 20px;
	border-left: 4px solid #f0f0f0;
/*	font-style: italic;
	line-height: 1.3;*/
}
#content-inner blockquote p,
#.fullwidth blockquote p {
	/*font-size: 1.2em;*/
	color: #555!important;		
}


small { font-size: 11px; }

del { text-decoration: line-through; }

ins { text-decoration: underline; }

code,
pre { line-height: 18px; }

var,
kbd,
samp,
code,
pre {
	font: 12px/18px Consolas, "Andale Mono", Courier, "Courier New", monospace;
	background: #eee;
	color: #43474c;
	border-left: 3px solid #333;
	clear: both;
	display: block;
}

kbd { font-weight: bold; }

samp,
var { font-style: italic; }

pre {
	white-space: pre;
	overflow: auto;
	padding: 10px;
	
	clear: both;
	margin: 30px 0;
	/*background: #eee;*/
	word-wrap: break-word;
}

code { padding: 3px; }

/*--------------------------
LAYOUT
---------------------------*/
body {
	background:#fff;
	line-height: 1.6;
	font-family: "Arial", sans-serif;
	font-size: 13px;
	width: 100%;
	color: #707070;
	word-wrap: break-word;
}
#page-wrap {
	width: 100%;
	max-width: 1078px;	
	margin: 0 auto;
}
.inner-bg {
	background: #fff;
	width: 100%;
	padding-top: 20px;
	position: relative;
	
}
.inner-wrap, .masthead {
	max-width: 978px;
	margin: 0 auto;
}
.fullwidth {
	float: left;
	width: 100%;
	margin-bottom: 20px;
}
#header {
  padding-bottom: 20px;
  margin-bottom: 20px;
  float:left;
  width: 100%;
  background: url('images/solid_line.gif') repeat-x left bottom;
}
#header.is_homepage {
	background: url('images/double_solid_line.gif') repeat-x left bottom!important;
}
#header .top-bar {
	padding-bottom: 30px;
}
#header .top-bar strong{
	color: #000;
}
#header .top-bar a {
	font-weight: bold;
}

#header .main-bar {
	width: 1078px;
	float: left;
	background: #fff;
	position: relative;
	z-index: 99;
	margin-left: -50px;
}


#header .sticky .main-bar {
  border-top: 3px solid #74b61a;
  -webkit-box-shadow: 0px 0px 4px 0px rgba(0,0,0,.1); 
  -moz-box-shadow: 0px 0px 4px 0px rgba(0,0,0,.1); 
  box-shadow: 0px 0px 4px 0px rgba(0,0,0,.1);
  
  padding:6px 0 7px 0;
  /*background: #fff;*/
  background: transparent url('images/mainbar-bg.png') repeat;
  width: 100%;
  position: absolute;
  z-index: 99;
  left: 0;
  margin-left: 0px!important;
}
#header .sticky {
	position: relative;
}
#header .sticky .main-bar #logo {
	margin-top: 10px;
}


#logo {
  width: 36.28%; 
  float: left;
  margin-top: 10px;
  clear: right;
}
#logo a {
	color: #000;
}
#logo a:hover {
	color: #595959;
}
#logo a, #logo a:active {
	text-decoration: none;
	background: none;
}
#logo h1{
	padding: 0;
	margin-bottom: 0;;
	font-weight: bold;
	margin-right: 10px;
	float: left;
}
#logo .slogan {
	position: relative;
	top: 15px;
	font-size: 13px;
	color: #a4a4a4;
}


#main-nav{  
  float: right; 
  position: relative; 
  width: 60.64%;
  margin-top: 26px;
 }

#main-nav ul{ 
  float: right;
  margin:0; 
  padding:0 0 22px 0; 
/*  background:url(images/nav_bg.gif) repeat-x bottom left; */
  
}
#main-nav ul li { 
  list-style:none; 
  display:inline;
  font-family: "Arial", sans-serif;  
  position:relative; 
  font-weight: bold;
  letter-spacing: 1px;
  margin-right: 20px;
}
#main-nav ul li:last-child{
  margin-right: 0;
}
#main-nav li a {
	color:#7f7f7f; 
}
#main-nav ul li a {  
  padding: 7px 0 15px 0; 
  position:relative;    
}
#main-nav ul li a.emphasis {
  color: #74b61a;
}
#main-nav ul li a:hover { 
  color:#545454; 
  text-decoration:none; 
  background: url("images/hover_line.gif") no-repeat top left;
}

#main-nav ul ul { 
  border-bottom: 1px solid #e3e3e3;
	border-left: 1px solid #e3e3e3;
	border-right: 1px solid #e3e3e3;
	border-top: 2px solid #333;
  background: #fff; 
  position: absolute; 
  z-index:99999999; 
  text-align:left; 
}

#main-nav ul li ul li a { 
	padding: 7px 0;
}

#main-nav ul li ul li a:last-child {
}
#main-nav ul li ul li a:hover, #main-nav ul li.active ul li a:hover { 
  color: #545454!important;
  background: none;
}

#main-nav ul li.active a,
#main-nav ul li.current-active a{
	color: #000!important;
	background: url("images/hover_line.gif") no-repeat top left;	
}


#main-nav ul li.active ul li a{
	color:#7f7f7f!important; 
}
#main-nav ul li ul li.active a {
	background: none!important;
}

#content .entry-title{
	padding: 0;
	margin-bottom: 30px;
	padding-bottom: 25px;
	background: url('images/double_solid_line.gif') repeat-x left bottom;
	color: #000;
	font-weight: bold;
	clear: none!important;
}
#content .entry-title span {
	font-size: 13px;
	color: #a4a4a4;
	font-style: italic;
	font-family: "Georgia", serif;
	margin-left: 7px;
	position: relative;
	top: -3px;
	font-weight: normal;
}


#main{
  clear: both;
  padding-bottom: 20px;
  background: #fff;
}


#content #content-inner {
	width:74.23%;
	padding-bottom: 20px;
}

#content #sidebar {
	width:22.69%;
	padding-bottom: 20px;
}

/* Intro */
.intro {
  position: relative;
  background: #f5f5f5;
	float: left;
	width: 95.8%;
  padding: 16px 2.1%;
  margin-bottom: 50px;
  -webkit-border-radius: 4px; 
  -moz-border-radius: 4px; 
  -o-border-radius: 4px; 
  border-radius: 4px; 
  margin-top: 10px;
}
.intro h2 {
	font-family: "Georgia", serif;
	font-size: 24px;
	float: left;
	width: 70%;
}
.intro .btn-wrap {
	margin-top: 2px;
	float: right;
	width: 25%;
	text-align: right;
}
.intro h2, .intro p {
	margin: 0;
	padding: 0;
}

.dropcaps {
	 float: left; color: #000; font-size: 40px; line-height: 35px; padding-top: 3px; padding-right: 8px; padding-left: 3px; font-weight: bold;
}
.dropcaps.italic {
	font-style: italic;
	padding-right: 10px;
}


/*--------------------------
HEADINGS
---------------------------*/	
h1, h2, h3, h4, h5, h6 {
	/*color: #5b5b5b;*/
	color: #000;
	clear: both;
}
h1 {
	font-size: 26px;
}
h2 {
	font-size: 22px;
}
h3 {
	font-size: 18px;
}
h4 {
	font-size: 15px;
}
h5 {
	font-size: 12px;
}
h6 {
	font-size: 12px;
}

/*--------------------------
COLUMNS
---------------------------*/
.columns{ width:100%;  float:left; margin-bottom:1.35em; clear: both; position: relative; }
.one-half{width:48.5%}
.one-third{width:31.3%;}
.two-third{width:65.64%;}
.one-fourth{width:22.69%;}
.three-fourth{width:74.23%;}
.one-fifth{width:16.8%;}
.one-sixth{width:14%;}
.two-fifth{width:37.6%;}
.three-fifth{width:58.4%;}
.four-fifth{width:67.2%;}
.five-sixth{width:82.67%;}
.one-half, .one-third, .two-third, .three-fourth, .one-fourth, .one-fifth, .two-fifth, .three-fifth, .four-fifth, .one-sixth, .five-sixth{position:relative; margin-right:2%; float:left; margin-bottom:1em}
.last{margin-right:0 !important; clear:right;}


.col3-with-icons .icon {
	float: left;
	margin-top: 10px;
}
.col3-with-icons .content-info {
	width: 82%;
}
.col3-with-icons h3 {
	padding: 0.2em 0;
	margin-bottom: 0;
}


.four-columns {
	position: relative;
}

#searchform {
	margin-bottom: 20px;
}
.overlap-dotted-border {
	background: url('images/solid_line.gif') repeat-x left center;
	margin-bottom: 20px;
	font-size: 11px;
	text-transform: uppercase;
	font-weight: bold;
	position: relative;
}
.overlap-dotted-border span {
	background: #fff;
	padding: 20px 10px 20px 0;
	position: relative;
}

/* BLOG / RECENT POSTS */
.recent-blog-post h3 {
	margin-bottom: 0;
}
.recent-blog-post .post-meta {
	margin-bottom: 20px;
	text-transform: uppercase;
	font-size: 11px;
}
.recent-posts h3 {
	font-size: 16px;
	padding-bottom: 0;
}
.post-meta {
	color: #bbb;
}
#blog, #comments-container {
	width:74.23%;
	float: left;
}
#comments-container {
	width: 100%;
}

#blog .post-nav {
	clear: both;
	font-size: 16px;
	float: right;
	width: 80%;
	margin-bottom: 50px;
	border-top: 2px solid #f3f3f3;
	padding-top: 20px;
}
#blog .post-nav a, #blog .post-nav span{
	padding: 2px 10px;
	background: #f3f3f3;
	border-radius: 2px;
	margin-right: 10px;
	float: left;
}
#blog .post-nav span {
	background: #000;
	color: #fefefe;
}
#blog .post-nav a:hover {
	background: #74b61a;
	color: #fefefe;
}

#blog .post {
	margin-bottom: 50px;
	/*padding-bottom: 30px;*/
	float: left;
	width: 100%;
}
#blog .post .content-entry h2.title {
	font-size: 22px;
	/*line-height: 30px;*/
	font-weight: bold;
}
#blog .post .content-entry h2.title a {
	color: #000;	
}
#blog .post .content-entry h2.title a:hover {
	color: #74b61a;	
}


#blog .post .post_side, #comments-container .post_side {
	float: left;
	width: 20%;
	text-align: left;
	position: relative;
}
#blog .post .post_side .post_date,
#comments-container .post_side .comment_number {
	position: relative;
	background: #000;
	width: 66px;
	height: 65px;
	-moz-border-radius: 33px;
	-webkit-border-radius: 33px;
	border-radius: 33px;
	text-align: center;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
	filter: alpha(opacity=90);
	opacity: .9;	
	float: left;
}
#comments-container .post_side .comment_number .no {
	display: block;
	position: relative;
	color: #fefefe;
	text-transform: uppercase;
	font-size: 40px;
	text-align: center;
}
#blog .post .post_side .post_date span {
	display: block;
	color: #fefefe;
	text-transform: uppercase;
	position: relative;
}
#blog .post .post_side .post_date .d {
	font-size: 20px;
	top: 8px;
}
#blog .post .post_side .post_date .m {
	font-size: 13px;
}
#blog .post .post_side .format_icon, 
#comments-container .post_side .comment_icon {
	background: #74b61a;
	position: relative;
	left: -7px;
	top: 8px;
	width: 46px;
	height: 46px;
	text-align: center;
	-moz-border-radius: 28px;
	-webkit-border-radius: 28px;
	border-radius: 28px;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
	filter: alpha(opacity=90);
	opacity: .9;
	float: left;
}

#blog .post .post_side .format_icon img {
	position: relative;
	top: 6px;
}
#comments-container .post_side .comment_icon img {
	position: relative;
	top: 12px;
	left: 1px;
}
#blog .format-link .post_side .format_icon img,
#blog .format-quote .post_side .format_icon img{
	top: 12px;
	left: 0px;
}
#blog .format-status .post_side .format_icon img {
	top: 9px;
	left: -2px;
}

#blog .format-gallery .post_side .format_icon img,
#blog .format-chat .post_side .format_icon img,
#blog .format-image .post_side .format_icon img {
	top: 12px;	
}
#blog .format-standard .post_side .format_icon img,
#blog .format-aside .post_side .format_icon img {
	top: 10px;
	left: 1px;
}
#blog .post .post-format-icon .date {
	font-size: 12px;
	color: #878787;
	text-transform: uppercase;
}
#blog .post .content-entry, #comments-container .content-entry {
	float: right;
	width: 80%;
	position: relative;
	/*margin-bottom: 40px;*/
}
#blog .post .content-entry .content-box {
	background: #fff;
	border: 1px solid #d3d3d3;
	padding: 10px;
	-webkit-box-shadow: 1px 2px 0px 0px rgba(213, 213, 213, .4);
	-moz-box-shadow: 1px 2px 0px 0px rgba(213, 213, 213, .4);
	box-shadow: 1px 2px 0px 0px rgba(213, 213, 213, .4);
	position: relative;
	margin-bottom: 20px;
}
#blog .post .content-entry .content-box .content-box-inner {
	position: relative;
}
#blog .post .content-entry .content-box .post-title {
	padding: 4px 0;
}
#blog .post .content-entry .content-box .video {
	margin-bottom: 10px;
}

#blog .post .content-entry .content-box .post-title h2 {
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 0!important;
	padding-bottom: 0!important;
	text-align: center;
}

#blog .post .content-entry .post-meta {
	position: relative;
	font-size: 11px;
}
#blog .post .content-entry .post-meta a, .post-meta a  {
	color: #777;
}
#blog .post .content-entry .post-meta a:hover, .post-meta a:hover {
	color: #74b61a;
}
#blog .post .content-entry .post-meta .post-meta-1 {
	float: left;
} 
#blog .post .content-entry .post-meta .post-meta-2 {
	float: right;
}

/*.blog-single {
	padding-top: 0px!important;
}*/

#blog-sidebar{
	width:22.69%;
	float: right;
}

#blog-sidebar .sidebox, #sidebar .sidebox {
	float: left;
	width: 100%;
	/*border-bottom: 3px solid #eee;*/
	padding-bottom: 10px;
	margin-bottom: 10px;
}

#blog-sidebar .sidebox h3,
#sidebar .sidebox h3 {
	font-size: 13px;
	font-weight: bold;
	margin-bottom: 10px;
	background: url("images/hover_line.gif") no-repeat top left;
	padding-top: 7px;
}

.video_desc {
	margin-top: 10px;
	margin-bottom: 0;
}




/* Comments ------------------------------------------------ */
#respond {
	margin-bottom: 50px;
}
#comments { 
    clear: both;
    position: relative; 
}

#comments .comments-title,
#reply-title {
    background: transparent url(images/bg-content.gif) 0 100% no-repeat;
    font-size: 20px;
    font-weight: bold;
    font-weight: bold;
}

.pings-title {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 30px;
    text-align: center;
}

#comments .entry-icon { 
    background-position: -36px -272px; 
    top: 32px;
}

.layout-2cr #comments .entry-icon { background-position: 0 -272px; }

.respond { 
    margin-top: 75px;
    position: relative; 
}

#comments .respond .entry-icon {
    background-position: -36px -307px;
    height: 36px;
}

.layout-2cr #comments .respond .entry-icon { background-position: 0 -307px; }

.comment .respond { margin-top: 10px; }

.comment #respond h3,
.comment .respond .entry-icon { 
    background: none;
    margin: 10px 0;
    padding: 0;
    text-align: left;
}

.commentlist {
	margin: 20px 0 40px 0;
	list-style-type: none;
}

.pinglist {
	margin: 20px 0 40px 30px;
	list-style-type: decimal;
}

.comment { margin-top: 30px; }

.comment > div { 
    border-bottom: 2px solid #f0f0f0;
    margin-left: 66px;
    padding-bottom: 5px;
    position: relative; 
}

.children { 
    list-style-type: none; 
    margin-left: 50px;
}

.comment span.avatar {
    background: #f1f1f1;
    -webkit-border-radius: 24px;
    -moz-border-radius: 24px;
    border-radius: 24px;
    float: left;
    margin: 0 10px 0 0;
    padding: 4px;
    position: absolute;
    top: 0;
    left: -66px;
}

.comment img.avatar {
    vertical-align: bottom;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}

.bypostauthor span.avatar { background: #74b61a; }

.comment-meta { 
    color: #777;
    font-size: 12px;
    line-height: 18px;
    margin-bottom: 15px; 
}

.comment-meta a {
    border-bottom: none;
    color: #777;
}

.comment-meta a:hover { color: #74b61a; }


.comment-author cite { 
    font-weight: bold; 
    font-size: 14px;
    font-style: normal;
}

.nocomments {
	text-align: center;
	padding: 20px;
}

.comment-body ul { list-style-type: disc; }

.comment-body ol { list-style-type: decimal; }

#commentform { margin-top: 20px; }

#commentform input { 
    float: left;
    margin-right: 10px; 
}

#commentform textarea {
    max-width: 90%;
    width: 90%;
}

#commentform label,
#commentform span {
    font-size: 12px;
    line-height: 18px;
    position: relative;
    top: 6px;
}

#commentform p { 
    margin-bottom: 15px; 
    overflow: hidden;
}

#commentform .comment-form-comment { margin-bottom: 10px;  }
#commentform .comment-form-comment label {
	padding-bottom: 10px;
	float: left;
	width: 100%;
}


/* Form */
input,
textarea,
#primary #s,
input[type="text"], 
input[type="url"], 
input[type="email"], 
input[type="tel"], 
input[type="number"], 
input[type="password"],
textarea {
	color: #43474c;
	background: #fff;
	border: 1px solid #c8c9c9;
	-webkit-border-radius: 2px;
	   -moz-border-radius: 2px;
	        border-radius: 2px;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.10);
       -moz-box-shadow: 0 1px 2px rgba(0,0,0,.10);
         -o-box-shadow: 0 1px 2px rgba(0,0,0,.10);
            box-shadow: 0 1px 2px rgba(0,0,0,.10);
	font: 13px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
	padding: 5px 5px 5px 5px;
	width: 220px;
}


input:focus,
textarea:focus,
input[type="text"]:focus, 
input[type="url"]:focus, 
input[type="email"]:focus, 
input[type="tel"]:focus, 
input[type="number"]:focus, 
input[type="password"]:focus,
textarea:focus { border-color: #a2a2a2; outline: none; }

input[type="checkbox"] { width: auto; }

select {
    background: #fff;
    border: 1px solid #efefef;
    width: 250px;
}

/* STATUS FORMAT */
.format-status p:first-child,
.format-aside p:first-child {
	margin-top: 15px;
	position: relative;
	font-weight: normal;
	color: #707070;
}
.format-status .content-meta {
	float: left;
	width: 100%;
}
.format-status .content-meta .permalink {
	float: right;
}
.format-status .content-meta .comment {
	font-size: 11px;
}

/* QUOTE FORMAT & CLIENT TESTIMONY */
.format-quote blockquote {
	font-family: "Vollkorn", "Georgia", serif;
	text-align: center;
	font-size: 20px;
	text-transform: uppercase;
	color: #000;
}
.format-quote blockquote,
.format-quote .author {
/*	padding-left: 20px;*/
}
.format-quote .author{
	color: #a7a7a7;	
	font-size: 16px;
	float: right;
	margin-bottom: 30px!important;
}

.format-quote blockquote p {
	/*font-style: italic;*/
	/*text-indent: -12px;*/
}



/* CHAT FORMAT */
.format-chat p {
	/*font-style: italic;*/
	/*text-indent: -12px;*/
	background: #f9f9f9;
	margin-bottom: 0;
	padding: 2%;
	float: left;
	width: 96%;
}
.format-chat p strong {
	color: #333;
	float: left;
	width: 15%;
}
.format-chat p em {
	float: right;
	width: 85%;
	font-style: normal;
}
.format-chat p.last_paragraph{
	margin-bottom: 0px!important;
}

/* AUDIO FORMAT */
.format-audio .jp-jplayer {
	position: relative;
}

.format-link .post-title h2 {
	font-size: 20px!important;
	position: relative;
}
.format-link .post-title h2 span {
	position: absolute;
	right: 10px;
	color: #ccc;
}

/* STANDARD FORMAT */
.format-standard .content-box {
	margin-bottom: 20px!important;
}
.format-standard .content-box img {
	float: left;
}


/* PROJECT */
.project_details .project_info h5 {
	color: #333;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	padding-bottom: 0;
	margin-bottom: 5px;
}
.project_details .project_info p {
	margin-bottom: 20px;
}
.project_info .project_more_info {
	padding-bottom: 10px;
	margin: 0 0 20px 0;
}
.project_info .project_more_info.border_bottom {
	border-bottom: 1px solid #e2e2e2;
}
	

.project_info .project_more_info li {
	list-style: none;
	margin-bottom: 10px;
}
.project_info .project_more_info li h5 {
	margin-bottom: 0;
}

/* SINGLE PAGE NAV */
.posts-nav {
	float: right;
	
}


/* TESTIMONY BUBBLE */

.client-testimonies {
	margin-bottom: 20px;
}
.testimony blockquote{
	position:relative;
	color: #535353;
	padding-left: 0!important;
	border-left: none!important;
}
.testimony blockquote p{
	font-style: italic;
	font-family: "Georgia", serif;
	/*text-shadow: 0 1px 0 rgba(255,255,255,1);*/
	text-shadow:0px 1px 0px #fff;
	
}
.testimony blockquote p:last-child {
	margin-bottom: 0;
}
.testimony blockquote p.author {
  position:relative;
  margin-top: 20px;
  margin-left: 0px;
  margin-bototm:20px!important;
  color: #000;
  font-family: "Arial", sans-serif;
}
.testimony blockquote p.author cite span {
	color: #e1e1e1;
	position: relative;
	top: -1px;
	padding: 0 4px;
}
.testimony .bubble { 
  padding: 20px;
  position: relative;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
  margin-bottom:20px;
  background: #eee; 
  border-color: #eee;
}
.testimony .bubble:hover, .testimony .bubble:active {
	background: #f7f7f7;
	border-color: #f7f7f7;
}
.testimony .bubble:after {
	content: "";
  position: absolute;
  top: 100%;
  left: 20px;
  border-top: 10px solid blue;
  border-top-color: inherit; 
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;   
}


/* FEATURED SERVICE */
.featured_service {
	text-align: left;
}
.featured_service br {
	display: none!important;
}
.featured_service .icon-wrap {
	float: left;
}
.featured_service .title-wrap {
	float: left;
	width: 70%;
}
.featured_service .icon {
	vertical-align: top;
	margin-right: 10px;
	
}
.featured_service h3 {
	margin-bottom: 10px;
	vertical-align: top;
	display: inline-block;
	font-size: 16px;
	float: left;
}
.featured_service p {
	clear: both;
}

/* ISOTOPE */

#filters{ padding:0; margin:0 0 20px -10px;}
#filters li{ list-style:none; display:inline; padding:0 10px 0 0; color:#999; font-weight: bold; }
#filters li a{ padding:0 0 0 10px; text-decoration:none; color: #888;}
#filters li a:hover{ color: #707070; }
#filters li a.selected{ color:#000; text-decoration:none; }
#works-container{ margin-left:-15px; width:104%; float:left; padding-bottom: 30px;}
#works-container .element {
  margin: 15px!important;
  margin: 1.23%;
  float: left;
  overflow: hidden;
  position: relative;
  width:222px;
  height: 176px!important;
}
#works-container .element-two-col {
	height: 370px!important;
	width: 474px;
}
#works-container .element-three-col {
	height: 242px!important;
	width:306px;
}
/* Start: Recommended Isotope styles */

/**** Isotope Filtering ****/

.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

/**** Isotope CSS3 transitions ****/

.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
       -o-transition-property:         top, left, opacity;
          transition-property:         transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}

/* End: Recommended Isotope styles */



/* disable CSS transitions for containers with infinite scrolling*/
.isotope.infinite-scrolling {
  -webkit-transition: none;
     -moz-transition: none;
       -o-transition: none;
          transition: none;
}


/*
PORTFOLIO NAVIGATION
*/
.portfolio-navigation {
	float: right;
}
.portfolio-navigation .prev,
.portfolio-navigation .prev_disabled {
	margin-right: 2px;
}
.portfolio-navigation .prev,
.portfolio-navigation .next,
.portfolio-navigation .prev_disabled,
.portfolio-navigation .next_disabled {
	display: inline-block;
	text-indent: -9999999px;
	vertical-align: top;
	cursor: pointer;
}
.portfolio-navigation .prev_disabled,
.portfolio-navigation .next_disabled {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
	filter: alpha(opacity=20);
	opacity: .2;	
}
.portfolio-navigation .prev a {
	background: url('images/prev_next_nav.png') no-repeat left top;
	display: block;
}
.portfolio-navigation .next a {
	background: url('images/prev_next_nav.png') no-repeat right top;
	display: block;	
}
.portfolio-navigation .prev a,
.portfolio-navigation .next a  {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
	opacity: .5;	
}
.portfolio-navigation .prev a:hover,
.portfolio-navigation .next a:hover {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: alpha(opacity=80);
	opacity: .8;
}
.portfolio-navigation .prev a:active,
.portfolio-navigation .next a:active {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	filter: alpha(opacity=30);
	opacity: .3;
}
.portfolio-navigation .prev,
.portfolio-navigation .next,
.portfolio-navigation .prev_disabled,
.portfolio-navigation .next_disabled,
.portfolio-navigation .prev a,
.portfolio-navigation .next a{
	height: 33px;	
	width: 33px;	
}

.portfolio-navigation .prev_disabled {
	background: url('images/prev_next_nav.png') no-repeat left top;
}
.portfolio-navigation .next_disabled {
	background: url('images/prev_next_nav.png') no-repeat right top;
}



/* PORTFOLIO SINGLE IMAGE LIST */
.single-portfolio-image-list {
	margin: 0;
	padding: 0;
}
.single-portfolio-image-list li{
	list-style: none;
}
.single-portfolio-image-list li .thumb-preview {
	margin-bottom: 4px;
}


.image-with-info {
	position: relative;
}
.image-with-info img {
	/*border-top-left-radius: 2px;
	border-top-right-radius: 2px;*/
}
.image-with-info a {
	color: #9c9c9c;
/*	font-family: "Georgia", serif;
	font-style: italic;*/
}
.image-with-info a:hover {
	text-decoration: none;
	color: #000;
}
.image-with-info figcaption {
	margin-top:-6px;
	padding: 10px 0 10px 0;
	position: relative;
/*	background: #f8f8f8;
	border-bottom: 1px solid #e7e7e7;*/
}
.image-with-info a:hover figcaption {
	/*border-bottom: 1px solid #cfcfcf;*/
}
.h_details {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: url(images/details.png) no-repeat center center;
	width: 44px;
	height: 44px;
}

/* Audio/Video jPlayer Skin ---------------------------------------------*/

.jp-jplayer { 
    /*background-color: #292a2b;*/
    width: 100%;
    position: relative;
}

.jp-video-container,
.jp-audio-container {
    width: 100%;
    bottom: 67px;
    margin: 0 auto;
}

.jp-interface {
	position: relative;
	width: 100%;
	height: 40px;
	/*background: transparent url(images/media-player-gray.png) no-repeat;*/
	background: #e7e7e7;
	z-index: 80;
	border: 1px solid #b9b9b9;
}

.jp-controls {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

.jp-controls li { display: inline; }

.jp-controls a {
  border-bottom: none;
	position: absolute;
	overflow: hidden;
	text-indent: -9999px;
}

.jp-controls a:hover { background-color: transparent; }

a.jp-play,
a.jp-pause {
	width: 33px;
	height: 40px;
	z-index: 1;
	outline: none;
	top: 0;
	left: 0;
}

a.jp-play { background: url(images/media-player-gray.png) 0 -80px no-repeat; }

a.jp-play:hover { background-position: 0 -40px; }

a.jp-pause { 
    background: url(images/media-player-gray.png) -40px -80px no-repeat; 
    display: none;
}

a.jp-pause:hover { background-position: -40px -40px; }

.jp-progress-container {
	padding: 15px 10px;
	position: absolute;
	left: 40px;
	left: 6%;
	top: 0;
	height: 10px;
  width: 67%;
}

.jp-progress { 
	background: url(images/media-player-gray.png) 0 -137px repeat-x ;
  position: absolute; 
	/*width: 295px;*/
	width: 100%;
	height: 10px;
	padding: 1px;
/*	border: 1px solid #333;*/
	
}

.jp-seek-bar {
	width: 0px;
	height: 8px;
	cursor: pointer;
	background: url(images/media-player-gray.png) 0 -129px repeat-x;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;
}

.jp-play-bar {
	width: 0px;
	height: 7px;
	background: url(images/media-player-gray.png) 0 -120px repeat-x ;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;
}

.jp-volume-bar-container {
	position: absolute;
	top: 0;
	right: 30px;
	width: 52px;
	height: 10px;
	padding: 15px 0;
	
}

.jp-volume-bar {
	position: relative;
	overflow: hidden;
	background: url(images/media-player-gray.png) 0 -137px repeat-x;
	width: 50px;
	height: 9px;
	cursor: pointer;
	top: 0;
	left: 18px;
	
}

.jp-volume-bar-value {
	width: 0px;
	height: 8px;
	margin: 1px;
	background: url(images/media-player-gray.png) 0 -120px repeat-x;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;
}

a.jp-mute,
a.jp-unmute {
	width: 40px;
	/*width: 7%;*/
	height: 40px;
	z-index: 1;
	outline: none;
	top: 0;
	right: 65px;

}

a.jp-mute { background: transparent url(images/media-player-gray.png) -120px -80px no-repeat; }

a.jp-mute:hover { background-position: -120px -40px; }

a.jp-unmute { background: url(images/media-player-gray.png) -80px -80px no-repeat; }

a.jp-unmute:hover { background-position: -80px -40px; }

    
/*--------------------------
WIDGETS STYLES
---------------------------*/

/* Contact Info Widget */
.contact-info-widget {
	margin-left: 0;
}
.contact-info-widget li {
	padding-left: 30px;
	margin-bottom: 20px;
	list-style: none;
}
.contact-info-widget .location {
	background: url(images/contact-info-location.png) no-repeat left .3em;
}
.contact-info-widget .location span {
	display: block;
}
.contact-info-widget .tel { 
	background: url(images/contact-info-tel.png) no-repeat left .3em;
}
.contact-info-widget .my-email { 
	background: url(images/contact-info-email.png) no-repeat left .3em;
}


/* Search */
#searchform #s {
	width: 185px;
	width: 85%;
	background: transparent url(images/magnify_icon.png) no-repeat .4em .3em;
	padding-left: 25px;
	color: #777;
}

.image_404 {
	text-align: center;
	margin: 0 auto;
}
.page404 .widget {
	
}

/* Categories / Pages Widget */
.widget_categories select {
	width: 100%;
	padding: 4px 0;
	margin-bottom: 0;
}
.widget_categories, .widget_pages {
	margin-bottom: 20px;
}
.widget_categories ul, 
.widget_pages ul, 
.side-page-menu, 
.widget_links ul  {
	margin-left: 0;
}

.widget_categories ul li, 
.widget_pages ul li, 
.side-page-menu li,
.widget_links ul li {
	list-style: none;
	display: block;
	position: relative;
	border-bottom: 1px solid #eee;
}
.widget_pages ul li .children li {
	border-top: 1px solid #eee;
}
.side-page-menu li.current_page_item > a {
	color: #000;
}

.side-page-menu li .children {
	margin-left: 0;
}
.side-page-menu li .children li:first-child {
	border-top: 1px solid #eee;
}
.side-page-menu li .children li:last-child {
	border-bottom: none;
}
.side-page-menu li .children li a {
	padding-left: 1.5em;
}
.widget_pages ul li .children li a, {
	padding-left: 20px;
}
.widget_categories ul li:last-child, .widget_pages ul li:last-child {
	margin-bottom: 0;
}
.widget_categories ul li a, 
.widget_pages ul li a, 
.side-page-menu li a,
.widget_links ul li a {
	padding: 5px 0 5px 0px;
	display: block;
}
.widget_categories ul li .post-count {
	position: absolute;
	right: 0;
	top: 5px;
	font-style: italic;
	color: #999;
}

/* Twitter Widget */
.twitter { line-height:20px; margin:0 0 20px 0; padding:0;	}
.twitter li { /*background: url(images/twitter.png) left .3em no-repeat; padding-left:25px;*/ list-style:none; margin-bottom:20px; font-family: "Georgia", serif; font-style:italic; font-size:13px; }
	
/* Flickr Widget */
#flickr_badge_wrapper {
	margin-bottom: 20px;
}
#flickr_badge_wrapper .flickr_badge_image { list-style:none; display:inline;  }
#flickr_badge_wrapper .flickr_badge_image a { float:left; padding:4px; background:#fafafa; margin:0 7px 10px 0; border-bottom:1px solid #ccc;}
#flickr_badge_wrapper .flickr_badge_image a:hover { background:#eeeeee; }
#flickr_badge_wrapper .flickr_badge_image img { width:40px; height:40px; float:left; }

.recent-work .one-fourth, .recent-work .one-third {
	margin-bottom: 0;
}
.recent-work {
	margin-bottom: 20px;
	float: left;
}
.recent-work .thumb-details {
	margin-bottom: 30px!important;
}
.recent-work-sidebar {
	margin-left: 0;
	margin-bottom: 20px;
	float: left;
	width: 100%;
}
.recent-work-sidebar li {
	list-style: none;
	display: inline;
	margin-right: 10px;
	float: left;
}
.recent-work-sidebar li .thumb-details {
	margin-bottom: 14px;
}
.recent-work-sidebar li a{
	float:left; padding:0px; background:; margin:0 0px 0px 0; /*border-bottom:1px solid #ccc;*/
}
.recent-work-sidebar li img {
	float: left;
	width: 95px;
	height: 95px;
}


/* tab-recent-posts */
.tab-recent-posts, .tab-popular-posts  {
	margin-bottom: 0;
	position: relative;
	float: left;
	margin: 0!important;
}
.tab-recent-posts .post-format,
.tab-popular-posts .post-format {
	font-size: 10px;
	text-transform: uppercase;
}
.tab-recent-posts h3,
.tab-popular-posts h3 {
	margin-bottom: 0!important;
	line-height: 1.3;
	text-transform: none!important;
	font-size: 13px!important;
	background: none!important;
	padding-top: 0!important;
}


/* tab-comments */
.tab-comments {
	width: 100%;
	position: relative;
	margin: 0!important;
}
.tab-comments li, .tab-recent-posts li, .tab-popular-posts li{
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #eee;
	position: relative;
	list-style: none;
	margin-left: 0!important;
}
.tab-comments li .comment_avatar {
	width: 20%;
	float: left;
}
.tab-comments li .comment_avatar img {
	height: 100%;
	max-width: 100%;
	margin-bottom: 0;
	float: left;
}
.tab-comments li .comment_text {
	width: 80%;
	float: right;
	float: right;
	font-style: italic;
}
.tab-comments li:last-child, .tab-recent-posts li:last-child, .tab-popular-posts li:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: none;
}


/*-----------------------------------------------------------------------------------*/
/*	Tab Styles
/*-----------------------------------------------------------------------------------*/

.jm-tabs.ui-tabs .ui-tabs-hide {
    position: absolute;
    left: -10000px;
	}

.jm-tabs {
	background: none;
	margin: 0 0 2em 0;
	float: left;
	width: 100%;
	position: relative;
	}

.jm-tabs ul.jm-nav {
	list-style: none!important;
	margin: 0!important;
	padding: 0;
	background: none;
	border: 0;
	position: relative;
}
.jm-tabs ul.jm-nav.nav-left {
	left: 0;
}
.jm-tabs ul.jm-nav.nav-right {
	float: right;
}
.jm-tabs ul.jm-nav li {
	position: relative;
	z-index: 10;
	list-style: none!important;
	display: inline;
	float: left;
	margin: 0 2px -1px 0px!important;
}
.jm-tabs ul.jm-nav.nav-right li {
	margin: 0 0px -1px 2px!important;
}	

.jm-tabs ul.jm-nav li a {
	border: 1px solid #dfdfdf!important;
	border-bottom: none!important;
	display: block;
	overflow: hidden;
	padding: 5px 10px 0 10px;
	height: 26px;
	background: #FBFBFB;
	margin: 0!important;
	text-decoration: none;
	color: #373737!important;
	-webkit-border-radius: 3px 3px 0 0;
	   -moz-border-radius: 3px 3px 0 0;
	   		border-radius: 3px 3px 0 0;
	}
	
.jm-tabs ul.jm-nav li a:hover {
	background: #fff!important;
	margin: 0!important;
	}

.jm-tabs ul.jm-nav li.ui-tabs-selected a {
	height: 27px;
	background: #fff;
	}

.jm-tabs .jm-tab {
	background: #fff;
	padding: 15px;
	border: 1px solid #dfdfdf;
	float: left;
	}

	

/* Accordion */
.jm-toggle { margin: 0 0 .3em 0; }

.jm-toggle .jm-toggle-title {
	display: block;
	padding: 10px 10px 10px 15px; 
	background: #FBFBFB;
	border: 1px solid #dfdfdf;
	cursor: pointer;
	outline: none;
	position: relative;
	font-size: 13px;
	margin-bottom: 0;
}
	
.jm-toggle .jm-toggle-title:hover { border: 1px solid #c5c5c5; }

.jm-toggle-inner {
	padding: 15px;
	background: #fff;
	border: 1px solid #dfdfdf;
	border-top: none;
}


.jm-toggle span.ui-icon {
    background: url(images/toggle-closed.png) no-repeat;
    width: 12px;
    height: 12px;
    position: absolute;
    top: 50%;
    right: 10px;
    margin: -6px 0 0 0;
	}

.jm-toggle .ui-state-active .ui-icon { background: url(images/toggle-open.png) no-repeat; }
.jm-toggle .ui-state-active {
	color: #000;
}


/* Allert */
.alert {
	padding: 10px;
	margin-bottom: 20px;
	text-align: left;
	background-image: url(images/transparent_border.png);
	background-repeat: repeat-x;
	background-position-y: top;
	
	-webkit-border-radius: 4px;
		 -moz-border-radius: 4px;
				  border-radius: 4px;
				  
	-webkit-box-shadow: 0px 1px 2px 0px rgba(0,0,0,.1); 
		 -moz-box-shadow: 0px 1px 2px 0px rgba(0,0,0,.1); 
				  box-shadow: 0px 1px 2px 0px rgba(0,0,0,.1);

}
.alert.green {
	background-color: #d8f1c6;
	border: 1px solid #b3cda1;
	color: #749958;
}
.alert.red {
	background-color: #f9d9d9;
	border: 1px solid #e1a1a1;
	color: #b55454;
}
.alert.yellow {
	background-color: #fbf4dd;
	border: 1px solid #d1c9ae;
	color: #978c68;
}
.alert.grey {
	background-color: #f8f8f8;
	border: 1px solid #d1d1d1;
	color: #939393;
}





.error {
	color: red;
}

.wp-smiley {
	max-height: 13px;
	margin: 0 !important;
}

.gallery { margin: auto; }

.gallery-image {
	border: 2px solid #efefef;
	margin-left: 0;
}

.gallery-caption { 
    font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
    margin-left: 0; 
}

.gallery {
	float: left;
	width: 100%;
}

.gallery-item { 
    float: left; 
    margin-left: 0;
    text-align: center;
}

.gallery-item .gallery-caption { 
    margin-bottom: 0 !important;
    padding-right: 12%; 
}

.gallery-item img {
	margin: 0 !important;
	padding:  0 !important;
}

.gallery-item a {
    border: 5px solid #fff !important;
	float: left;
	margin:  0 !important;
	padding: 0 !important;
}


/* Contact --------------------------*/
.contactform {
	margin-bottom: 40px;
	margin-left: 0;
}
.contactform li {
	list-style: none;
	margin-bottom: 20px;
}
.contactform li label {
	float: left;
	width: 15%;
	font-weight: bold;
}
.contactform li textarea{
	max-width: 80%;
	width: 80%;
}
.contact-wrap .error {
	margin-left: 15%;
}
.contactform li > span {
	display: block;	
}
.contactform li input[type="text"] {
	width: 50%;
}


/* Social ---------------------------*/
.social { margin-left: 0; margin-bottom: 0; position: relative; top: -3px; }
.social li { list-style: none; float: left; width: 26px; text-indent: -999999px; margin-left: 3px; }
.social li.social-twitter a,
.social li.social-facebook a,
.social li.social-dribbble a,
.social li.social-pinterest a,
.social li.social-skype a,
.social li.social-dropbox a,
.social li.social-vimeo a,
.social li.social-digg a,
.social li.social-googleplus a,
.social li.social-linkedin a,
.social li.social-tumblr a,
.social li.social-youtube a {
	display: block;
	float: left;
	height: 26px; width: 26px; 
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: alpha(opacity=80);
	opacity: .8;
}
.social li.social-twitter:hover a,
.social li.social-facebook:hover a,
.social li.social-dribbble:hover a,
.social li.social-pinterest:hover a,
.social li.social-skype:hover a,
.social li.social-dropbox:hover a,
.social li.social-vimeo:hover a,
.social li.social-digg:hover a,
.social li.social-googleplus:hover a,
.social li.social-linkedin:hover a,
.social li.social-tumblr:hover a,
.social li.social-youtube:hover a {
	display: block;
	float: left;
	height: 26px; width: 26px; 
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}
.social li.social-twitter a {
	background: transparent url(images/social-twitter.png) no-repeat top left;
}
.social li.social-facebook a {
	background: transparent url(images/social-facebook.png) no-repeat top left;
}
.social li.social-dribbble a {
	background: transparent url(images/social-dribbble.png) no-repeat top left;
}
.social li.social-pinterest a {
	background: transparent url(images/social-pinterest.png) no-repeat top left;
}
.social li.social-skype a {
	background: transparent url(images/social-skype.png) no-repeat top left;
}
.social li.social-dropbox a {
	background: transparent url(images/social-dropbox.png) no-repeat top left;
}
.social li.social-vimeo a {
	background: transparent url(images/social-vimeo.png) no-repeat top left;
}
.social li.social-digg a {
	background: transparent url(images/social-digg.png) no-repeat top left;
}
.social li.social-googleplus a {
	background: transparent url(images/social-googleplus.png) no-repeat top left;
}
.social li.social-linkedin a {
	background: transparent url(images/social-linkedin.png) no-repeat top left;
}
.social li.social-tumblr a {
	background: transparent url(images/social-tumblr.png) no-repeat top left;
}
.social li.social-youtube a {
	background: transparent url(images/social-youtube.png) no-repeat top left;
}


.list_style {
	margin-left: 0;
}
.list_style li {
	list-style: none;
	display: block;
}
.list_style_check li {
	background: transparent url(images/check.png) no-repeat left .1em;
	padding-left: 25px;
}
.list_style_bullet_blue li {
	background: transparent url(images/bullet_blue.png) no-repeat left .1em;
	padding-left: 25px;
}
.list_style_bullet_red li {
	background: transparent url(images/bullet_red.png) no-repeat left .1em;
	padding-left: 25px;
}
.list_style_bullet_green li {
	background: transparent url(images/bullet_green.png) no-repeat left .1em;
	padding-left: 25px;
}

/* Staff */
.staff h2 {
	text-align: center;
	margin-bottom: 0;
}
.staff .position {
	text-align: center;
	display: block;
	color: #;
	font-size: 16px;
}
.staff .button {
	display: none;
	visibility: hidden;
}
.staff-single .social li {
	margin-left: 0!important;
	margin-right: 3px;
}

.gallery_list {
	margin-left: 0;
	margin-bottom: 30px;
	float: left;
	width: 100%;
}
.gallery_list li {
	list-style: none;
	display: inline;
	width: 20%;
	float: left;
}
.gallery_list li figure {
	margin-bottom: 0;
}

/* 404 */
.container_404 {
	padding: 100px 0;
	float: left;
	width: 100%;
}
.page_404 {
	clear: both;
	font-size: 300px;
	text-align: center;
	color: #000;
	font-weight: bold;
	margin-bottom: 0;
	padding-bottom: 0;
	line-height: 300px;
	font-family: "Arial", sans-serif!important;
}
.page_404_label {
	text-align: center;
	font-size: 37px;
	text-transform: uppercase;
	line-height: 45px;
	margin-bottom: 20px;
	font-weight: bold;
	font-family: "Arial", sans-serif!important;
}

/* GMap */
.gmap {
	width: 100%;
	height: 500px;
	border: 1px dashed #888;
	margin-bottom: 20px;
	position: relative;
}

nav select {
  display: none;
}

/* Image Hover Icons */
.thumb-details, 
.thumb-preview,
.thumb-details a img,
.thumb-preview a img{
	float: left;
}
.thumb-details {
	background: transparent url(images/overlay_details.png) no-repeat center center;	
	margin-bottom: 0;
}
.thumb-preview {
	background: transparent url(images/overlay_preview.png) no-repeat center center;	
	margin-bottom: 0;
}


/* video */
.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}
* html .video-container {
  margin-bottom: 30px;
  margin-bot\tom: 0;
}
.video-container iframe,  
.video-container object,  
.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


/*--------------------------
FOOTER
---------------------------*/	
#footer {
	background: url('images/double_solid_line.gif') repeat-x left top;
	padding-top: 30px;
	clear: both;
}
#footer h4 {
	font-size: 11px;
	text-transform: uppercase;
	font-weight: bold;
	margin-bottom: 20px;
}
#footer ul {
	margin: 0;
}
#footer ul li {
	list-style: none;
}
ul.categories li {
	padding: 0.4em 0;
	border-bottom: 1px solid #ececec;
}
ul.categories li:first-child {
	padding-top: 0;
}
ul.categories li:last-child {
	border-bottom: none;
}
#footer .copyright {
/*	clear: both;*/
	clear: both;
	background: url('images/solid_line.gif') repeat-x left top;
	padding: 20px 0 50px 0;
	color: #707070;
	font-size: 11px!important;
}
#footer .copyright a {
	color: #636363;
	font-weight: bold;
}
#footer .copyright a:hover {
	color: #000;
}


.selectnav { display: none; }



/*--------------------------,
 MEDIA QUERIES 
--------------------------*/

@media screen and (max-width:1078px) { 
	/*body {
		padding: 0 20px;
	}*/
	#page-wrap {
		max-width: 1108px;
	}
	.inner-bg {
		/*background: yellow;*/
	}
	.slogan {
		display: none;
		visibility: hidden;
	}
	.inner-wrap {
		width:92%;
		padding: 0 4%;
	}
	#header .main-bar {
		width: 978px;
		width: 100%;
		float: left;
		background: #fff;
		position: relative;
		z-index: 99;
		margin-left: 0px;
	}
	.slogan {
		top: -20px;
	}
	
}


@media screen and (max-width : 1024px) {
.inner-bg {
	/*background: pink;*/
}
	#logo, #main-nav, #main-nav ul {
		float: none!important;
		display: block;
	}
	#header .sticky .main-bar #main-nav ul {
		margin-left: 30px;
	}
	#main-nav {
		width: 100%;
		margin-top: 0!important;
	}
	#logo {
		width: 100%;
		margin-bottom: 20px;
	}
	#logo h1,	#logo h1 a, #logo h1 a img{
		float: none!important;
		display: block;
	}
	#logo h1, #logo h1 a img{
		text-align: center;
		margin: 0 auto;
		position: relative;
	}
	#header .top-bar {
		padding-bottom: 10px;
	}
}

@media screen and (max-width : 767px) {
	.inner-bg {
		/*background: blue;*/
	}
	
	.gallery_list li {
		list-style: none;
		display: inline;
		width: 33.33%;
		float: left;
	}
	
	.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:0!important; 
		margin-bottom:1.25em;
		width:100%;
	}
	.intro h2 {
		font-size: 20px;
		float: none;
		width: 100%;
		text-align: center;
		line-height: 1.2em;
		margin-bottom: 10px!important;
	}
	.intro .btn-wrap {
		margin-top: 2px;
		float: right;
		width: inherit;
		text-align: center;
	}
	#blog .post .post_side .format_icon, 
	#comments-container .post_side .comment_icon {
		left:50px;
		position:absolute;
	}
	#blog, #blog-sidebar {
		float: none;
		width: 100%;
	}
	.jp-progress-container {
		padding: 15px 10px;
		position: absolute;
		left: 30px;
		top: 0;
		height: 10px;
	  width: 50%;
	}
	
	#blog, #blog-sidebar, #content-inner, #sidebar{
		float: none!important;
		width: 100%!important;
	}
	
	.container_404 {
		padding: 70px 0;
		float: left;
		width: 100%;
	}
	.page_404 {
		clear: both;
		font-size: 100px;
		text-align: center;
		font-weight: bold;
		margin-bottom: 0;
		padding-bottom: 0;
		line-height: 100px;
	}
	.page_404_label {
		text-align: center;
		font-size: 17px;
		text-transform: uppercase;
		line-height: 22px;
		margin-bottom: 20px;
		font-weight: bold;
	}
	
	
}
/* iPads (landscape) ----------- */
@media screen and (min-width : 768px) and (max-width : 1024px) and (orientation : landscape) {

	
	.inner-bg {
		/*background: blue;*/
	}
	#header .top-bar {
		padding-bottom: 10px;
	}
	
	
	#blog .post .content-entry .post-meta .post-meta-2 {
		float: none!important;	
	}
	
	#works-container{ margin-left:-7px; width:104%; float:left; padding-bottom: 30px; }
	#works-container .element {
	  margin: 7px!important;
	  float: left;
	  overflow: hidden;
	  position: relative;
	  width:222px;
	  height: 180px!important;
	}
	
	
}

/* iPads (portrait) ----------- */

@media screen and (min-width: 768px) and (max-width : 1024px) and (orientation : portrait) {

	
	.inner-bg {
		/*background: green;*/
	}
	#header .top-bar {
		padding-bottom: 10px;
	}
	#blog .post .content-entry .post-meta .post-meta-2 {
		float: none!important;	
	}
	
	#works-container{ margin-left:-7px; width:104%; float:left; padding-bottom: 30px; }
	#works-container .element {
	  margin: 7px!important;
	  float: left;
	  overflow: hidden;
	  position: relative;
	  width:222px;
	  height: 180px!important;
	}
	
	.one-half, .one-third, .two-third, .three-fourth, .one-fourth, .one-fifth, .two-fifth, .three-fifth, .four-fifth, .one-sixth, .five-sixth {	
		position:relative!important; 
		margin-right:3%!important; 
		margin-bottom:1.25em;
		float: left!important;
	}
	
	.last{margin-right:0 !important; clear:right;}
	
	
	#blog .post .post_side .format_icon, 
	#comments-container .post_side .comment_icon {
		left:50px;
		position:absolute;
	}


	
}

/* iPhones and Smart Phones */
@media screen and (max-width:480px) {
	
	.inner-bg {
		/*background: orange;*/
	}
	
	.gallery_list li {
		list-style: none;
		display: inline;
		width: 50%;
		float: left;
	}
	#header .top-bar {
		padding-bottom: 10px;
	}
	
	#logo {
		width: 100%;
		margin-bottom: 20px;
	}
	#logo h1,	#logo h1 a, #logo h1 a img{
		float: none!important;
		display: block;
	}
	#logo h1, #logo h1 a img{
		text-align: center;
		margin: 0 auto;
		position: relative;
	}
	
	
	#logo, #main-nav, #main-nav ul {
		float: none!important;
		display: block;
	}
	#main-nav {
		width: 100%;
		margin-top: 0!important;
	}
	#main-nav ul { display: none; }
	nav select { display: block; width: 100%; }
	
	.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:0!important; 
		margin-bottom:1.25em;
		width:100%;
	}
	#header .sticky .main-bar {
		position: relative!important;
		background: #fff;
		-webkit-box-shadow: none; 
		-moz-box-shadow: none; 
		box-shadow: none;
	}
	.flex-caption .p_container, .flex-caption h2 {
		padding: 2%;
		display: none;
		visibility: hidden;
	}
	.flex-direction-nav li a { top: 20px;	}
	.flex-direction-nav li a.next { right:7px; }
	.flex-direction-nav li a.prev { right: 42px; }
	
	.intro h2 {
		font-size: 20px;
		float: none;
		width: 100%;
		text-align: center;
		line-height: 1.2em;
		margin-bottom: 10px!important;
	}
	.intro .btn-wrap {
		margin-top: 2px;
		float: right;
		width: inherit;
		text-align: center;
	}
	
/*	#blog, #blog-sidebar, #content-inner, #sidebar {
		width: 100%;
		float: none!important;
	}*/
	#blog .post .post_side, #blog .post .content-entry, #comments-container .content-entry, #blog .post  {
		width: 100%;
		float: none!important;
		clear: both;
	}
	
	#blog .post .post_side, #comments-container .post_side {
		width: 115px;
		margin: 0 auto;
		padding-bottom: 20px;
		height: 60px;
		float: none!important;
	}
	#blog .post .post_side .format_icon, 
	#comments-container .post_side .comment_icon {
		left:-7px;
		position: relative;
	}
	
	#blog .post .content-entry .title {
		float: none!important;
		width: 100%;
		clear: both; 	
		text-align: center;
	}
	#blog .post .content-entry .post-meta {
		margin-bottom: 20px;
		clear: both;
	}
	#blog .post .content-entry .post-meta .post-meta-1, #blog .post .content-entry .post-meta .post-meta-2{
		clear: both;
		width: 100%;
		float: none!important;
	}
	#blog .post .content-entry .post-meta .post-meta-1 span {
		display: none;
		visibility: hidden;
	}
	#blog .post .content-entry .post-meta .post-meta-1 .meta-item {
		visibility: visible;
		display: block!important;
		position: relative;
	}
	#content .entry-title span {
		display: block!important;
	}
	.post-nav {
		width: 100%!important;
		clear: both!important;
	}
	
	.format-chat p strong {
		color: #333;
		float: none;
		width: 100%;
	}
	.format-chat p em {
		float: none;
		width: 100%;
		font-style: normal;
	}
	.format-quote blockquote {
		font-size: 18px!important;
	}
	
	/* Portfolio */
	#filters{ padding:0; margin:0 0 20px -2px; }
	#filters li{ list-style:none; display: inline; padding:0 2px 0 0; color:#999; font-weight: bold; }
	#filters li a{ padding:0 0 0 4px; text-decoration:none; color: #888;}
	#filters li a:hover{ color: #707070; }
	#filters li a.selected{ color:#000; text-decoration:none; }
	
	#works-container{ margin-left:-7px; width:104%; float:left; padding-bottom: 30px; }
	#works-container .element {
	  margin: 7px!important;
	  float: left;
	  overflow: hidden;
	  position: relative;
	  width:130px;
	  height: 98px!important;
	}
	
	#content-inner, #sidebar {
		float: none!important;	
		width: 100%!important;
	}
	
	#blog .post .post_side .format_icon, 
	#comments-container .post_side .comment_icon {
		left:-7px;
		position: relative;
	}
		
		
	.comment > div { 
	    border-bottom: 2px solid #f0f0f0;
	    margin-left: 66px;
	    padding-bottom: 5px;
	    position: relative; 
	}
	
	.children { 
	    list-style-type: none; 
	    margin-left: 20px;
	}
	
	.comment span.avatar {
	    background: #f1f1f1;
	    -webkit-border-radius: 24px;
	    -moz-border-radius: 24px;
	    border-radius: 24px;
	    float: left;
	    margin: 0 10px 0 0;
	    padding: 4px;
	    position: absolute;
	    top: 0;
	    left: -66px;
	}
	
	
	.jp-progress-container {
		padding: 15px 10px;
		position: absolute;
		left: 30px;
		top: 0;
		height: 10px;
	  width: 37%;
	}
	
	.jp-progress { 
		background: url(images/media-player-gray.png) 0 -137px repeat-x ;
	  position: absolute; 
		/*width: 295px;*/
		width: 100%;
		height: 10px;
		padding: 1px;
	}
	a.jp-play,
	a.jp-pause {
		width: 30px;
	}
	a.jp-mute,
	a.jp-unmute {
		width: 30px;
	}
	
	#contactForm label {
		display: block;
		width: 100%;
	}
	#contactForm input[type="text"], textarea {
		width: 96%!important;
		min-width: 96%;
	}
		
}
/* Transitions */
body, img, #logo, .intro h2, .intro p,
.one-half, .one-third, .two-third, .three-fourth, .one-fourth, .one-fifth, .two-fifth, .three-fifth, .four-fifth, .one-sixth, .five-sixth, .format-quote blockquote, #main-nav ul,
.container_404, .page_404, .page_404_label,
.gallery_list li { 
    transition:all .2s linear; 
    -o-transition:all .2s linear; 
    -moz-transition:all .2s linear; 
    -webkit-transition:all .2s linear;
}