/* Minification failed. Returning unminified contents.
(64,1): run-time error CSS1019: Unexpected token, found '@charset'
(64,10): run-time error CSS1019: Unexpected token, found '"utf-8"'
(64,17): run-time error CSS1019: Unexpected token, found ';'
(71,1): run-time error CSS1019: Unexpected token, found '@import'
(71,9): run-time error CSS1019: Unexpected token, found 'url('reset.css')'
(71,25): run-time error CSS1019: Unexpected token, found ';'
 */
/*** ESSENTIAL STYLES ***/

.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			9em; /* left offset of submenus need to match (see below) */

}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			2.5em; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}









@charset "utf-8";
/* ********************************************** */
/* CSS Document for Emergency.BNA.com web site        */
/* Written by Dhrumin Jariwala, Corporate Marketing    */
/* February 2013                                    */
/* ********************************************** */

@import url('reset.css');

/* Vars ----------------------------------------------------*//* Mixins ----------------------------------------------------*//* IMPORT ------------------------------------------------------------*/
/* aditional */
/* Fonts ----------------------------------------------------*//* Here you go ie */
@font-face {
  font-family:Arial, Helvetica, sans-serif;
  font-style: normal;
  font-weight: normal;
}
/* For real web browsers */
@font-face {
  font-family:Arial, Helvetica, sans-serif;
  font-style: normal;
  font-weight: normal;
}
/* GENERAL ------------------------------------------------------------*/

#Glyph a[href]:after {content: ">>"}

#Glyph { font-weight:bold;}

.Glyph a[href]:after {content: ">>"}

#onecol{
  padding:0 20px 10px 10px;
  width:98%;
  margin:0 auto;
  background-color:#fff;
  clear:both;
}



.cf:after,
.cf:before {
  content: "";
  display: table;
}
.cf:after {
  clear: both;
}
.cf {
  zoom: 1;
}
.wrapper {
  margin: 0 auto;
  width: 980px;
  position: relative;
  background:#FFF;
}
body {
  font-family:Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 1.5em;
  background:#FFF;
  color: #1e1e1e;
  width:99%;
}
body a {
  text-decoration: none;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
body p {
  margin-bottom: 5px;
}
#main h1,
#main h2,
#main h3,
#main h4,
 {
  font-family:Arial, Helvetica, sans-serif;
  line-height: 1.3em;
}
h1 {
  font-size: 48px;
}
h2 {
  font-size: 36px;
}
h3 {
  font-size: 30px;
}
h4 {
  font-size: 24px;
  margin-bottom:10px;
  margin-top:2px;
}


h5{
  color:#1e1e1e;
  font-size:16px;
  font-weight:bold;
  padding:0 0 5px 0 ;
  margin:0 0 20px 0;
  border-bottom:1px solid #CCC;
  text-transform:uppercase;
}

h6{
  color:#1e1e1e;
  font-size:18px;
  font-weight:bold;
  padding:0 0 0 0 ;
  margin:10px 20px 10px 0;
  text-transform:capitalize;
}

h7{
  color:#1e1e1e;
  font-size:16px;
  font-weight:bold;
  padding:0 0 5px 0 ;
  margin:10px 20px 20px 0;
  border-bottom:0 dashed #ced2d4;
  text-transform:uppercase;
}

#main .headline {
  font-family:Arial, Helvetica, sans-serif;
  line-height: 1.3em;
  font-size: 18px;
  color: #4d4d4d;
  text-align: center;
  margin-bottom: 20px;
  margin-right: 20px;
  margin-left: 20px;
}
/* HEADER ----------------------------------------------------*/header #logo {
  margin-top: 20px;
  margin-bottom: 20px;
}
header #logo:hover {
  /*opacity: 0.8;*/
}
header #logo img {
  display: block;
  margin: 0 auto;
}
/* NAVIGATION ------------------------------------------------------------*/
nav {
  padding-top: 0;
  padding-bottom: 0;
  margin-top: 110px;
  margin-bottom: 10px;
  float: left;
  width: 100%;
  margin-top: 0px;
  position: relative;
 /* background: url(../img/bg_navbar.jpg);*/
  border-bottom:0;
}

nav.cf {
 /*  background: url(../img/bg_navbar.png) repeat-x;*/
  position:relative;

}
#nav {
  clear: left;
  display: block;
  float: right;
  position: relative;
  right: 50%;
  text-align: center;
  width:100%;
}
#nav > li {
  display: block;
  float: left;
  position: relative;
  left: 50%;
  font-family:Arial, Helvetica, sans-serif;
  font-size: 100%;
  margin-right: 0px;
  -moz-transition: none;
  -webkit-transition: none;
  -o-transition: color 0 ease-in;
  transition: none;
  margin-left: 0;
}
#nav > li span {
  padding-right: 15px;
  padding-right: 13px\9;
  color:#1e1e1e;
  font-weight:bold;
  text-transform:none;
}
#nav > li:hover,
#nav > li.current-menu-item,
#nav > li.current_page_item {
  /* background: url(../img/bg_navbar_hover.jpg);*/
  max-height:28px;
  text-decoration:underline;
}

#nav > li:active,
#nav > li.current-menu-item,
#nav > li.current_page_item {
 /* background: url(../img/bg_navbar_active.jpg);*/
  max-height:28px;
}


#nav > li:hover span,
#nav > li.current-menu-item span,
#nav > li.current_page_item span {
  display: block;

}
#nav > li:hover a,
#nav > li.current-menu-item a,
#nav > li.current_page_item a {
  color: #fff;
  text-decoration:none;
}
#nav > li a {
  display: block;
  line-height: 30px;
  color: #444444;
  -moz-transition: none;
  -webkit-transition: none;
  -o-transition: color 0 ease-in;
  transition: none;
  border-right:1px #d7d2dc solid;
  margin-top:5px;
}
#nav > li ul {
  font-size: 14px;
  font-family:Arial, Helvetica, sans-serif;
  text-align: left;
  margin-top: 19px;
  background: url(../img/subnav.png) no-repeat top left;
  padding-top: 26px;
}
#nav > li ul li {
  border-top: 0 solid #ed805f;
  border-bottom: 0 solid #d96c4b;
}
#nav > li ul li a {
  height: auto;
  padding: 8px 16px;
  background: #e37655;
  color: #fff;
}
#nav > li ul li a:hover {
  background: #ff9776;
}
#nav > li ul li:last-child {
  border-bottom: none;
}
#nav > li ul li > ul {
  background: none;
  padding-top: 0px;
}
/* COMBO NAVIGATION ------------------------------------------------------------*/
#comboNav {
  width: 100%;
  margin-top: 20px;
  margin-bottom: 30px;
  float: left;
  margin-top:4px;
}
/* PAGE CONTENT ------------------------------------------------------------*/
.page-content {
  position: relative;
  margin-left: 20px;
  margin-right: 20px;
  margin-bottom: 80px;
}
/* ENTRY CONTENT ------------------------------------------------------------*/
.entry-content {
}
.entry-content a {
  color: #e37655;
}
.entry-content strong {
  font-weight: bold;
}
.entry-content ul,
.entry-content ol {
  margin-left: 20px;
}
.entry-content ul {
  list-style: disc;
}
.entry-content ol {
  list-style: decimal;
}
.entry-content .heading {
  margin-bottom: 20px;
}
/* FEATURED & WORK LIST ------------------------------------------------------------*/
.nav-categories {
  display: block;
  margin-left: 20px;
  margin-right: 20px;
  margin-bottom: 20px;
  padding-bottom: 7px;
  border-bottom: 0 dashed #ccc;
}
.nav-categories li {
  display: block;
  float: left;
  margin-right: 20px;
}
.nav-categories li a {
  font-size: 12px;
  line-height: 1.5em;
  color: #888888;
}
.nav-categories li a:hover {
  color: #e37655;
}
.nav-categories li.current a {
  color: #e37655;
  font-weight: bold;
}
.feature,
.work-list {
  display: block;
  margin-bottom: 20px;
}
.feature li,
.work-list li {
  display: block;
  float: left;
  width: 300px;
  margin-left: 20px;
  margin-bottom: 40px;
}
.feature li .thumb,
.work-list li .thumb {
  display: block;
  line-height: 0em;
  position: relative;
  color: #ece9d6;
  margin-bottom: 50px;
  background: #000;
}
.feature li .thumb:hover .img-overlay,
.work-list li .thumb:hover .img-overlay {
  display: block;
}
.feature li .thumb:hover img,
.work-list li .thumb:hover img {
  opacity: 0.5;
}
.feature li .thumb img,
.work-list li .thumb img {
  max-width: 100%;
  box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.22);
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.feature li .thumb .date,
.work-list li .thumb .date {
  position: absolute;
  bottom: -35px;
  left: 115px;
  background: #e37655;
  width: 70px;
  height: 70px;
  -moz-border-radius: 40px 40px 40px 40px;
  -webkit-border-radius: 40px 40px 40px 40px;
  border-radius: 40px 40px 40px 40px;
  box-shadow: 3px 3px 0 0 rgba(0, 0, 0, 0.1);
  font-family:Arial, Helvetica, sans-serif;
  font-size: 24px;
  line-height: 1.0em;
  text-align: center;
}
.feature li .thumb .date span,
.work-list li .thumb .date span {
  display: block;
  margin-top: 12px;
}
.feature li .thumb .date .d,
.work-list li .thumb .date .d {
  margin-top: 0px;
}
.feature li .thumb .img-overlay,
.work-list li .thumb .img-overlay {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -20px;
  margin-top: -20px;
  color: #fff;
  font-size: 36px;
  display: none;
}
.feature li .excerpt,
.work-list li .excerpt {
  display: block;
  font-size: 16px;
  color: #4d4d4d;
  text-align: center;
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 0 solid #888888;
}
.feature li .categories,
.work-list li .categories {
  font-size: 12px;
  text-align: center;
}
.feature li .categories a,
.work-list li .categories a {
  color: #888888;
}
.feature li .categories a:hover,
.work-list li .categories a:hover {
  text-decoration: underline;
}
.feature {
  background: url(../img/feature-line.png) top center no-repeat;
  padding-top: 40px;
}
.work-list li {
  margin-bottom: 45px;
}
.work-list li .thumb {
  display: block;
  line-height: 0em;
  position: relative;
  color: #ece9d6;
  margin-bottom: 25px;
  background: #000;
}
/* PROJECT ------------------------------------------------------------*/
#project-title {
  margin-left: 20px;
  font-size: 48px;
  line-height: 1.2em;
  font-family:Arial, Helvetica, sans-serif;
  margin-bottom: 20px;
}
#project-gallery {
  width: 620px;
  float: left;
  margin-left: 20px;
  margin-bottom: 40px;
}
#project-gallery .thumb {
  box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.22);
  line-height: 0em;
  margin-bottom: 20px;
}
#project-gallery .thumb img {
  max-width: 100%;
}
#project-info {
  width: 290px;
  float: left;
  margin-left: 20px;
  margin-bottom: 40px;
}
#project-info #project-sheet {
  background: url(../img/project-sheet.png) repeat-x top left;
  padding-top: 20px;
  margin-top: 10px;
  font-size: 14px;
}
#project-info #project-sheet strong {
  font-weight: bold;
}
/* RELATED PROJECTS ------------------------------------------------------------*/
.related-projects {
  margin-bottom: 80px;
  margin-top: 40px;
}
.related-projects .related-heading {
  margin-bottom: 10px;
  margin-left: 20px;
}
.related-projects a {
  color: #444444;
}
.related-projects .related-list li {
  float: left;
  width: 300px;
  text-align: center;
  margin-left: 20px;
}
.related-projects .related-list li .thumb {
  box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.22);
  display: block;
  line-height: 0em;
  margin-bottom: 18px;
}
.related-projects .related-list li .thumb img {
  max-width: 100%;
}
/* BLOG ------------------------------------------------------------*/
#posts-list {
  position: relative;
  width: 580px;
  margin-left: 20px;
  margin-bottom: 40px;
  float: left;
}
#posts-list article {
  position: relative;
  margin-bottom: 60px;
}
#posts-list article .feature-image {
  line-height: 0em;
  margin-bottom: 20px;
}
#posts-list article .feature-image img {
  max-width: 100%;
  box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.22);
}
#posts-list article .entry-left-data {
  width: 80px;
  float: left;
}
#posts-list article .entry-right-data {
  width: 483px;
  float: left;
  margin-left: 17px;
}
#posts-list article .entry-right-data .post-heading {
  display: block;
  font-family:Arial, Helvetica, sans-serif;
  color: #444444;
  font-size: 36px;
  line-height: 1.3em;
  border-bottom: 0 solid #444444;
}
#posts-list article .entry-right-data .meta {
  font-size: 12px;
  color: #888888;
  margin-bottom: 20px;
}
#posts-list article .entry-right-data .meta a {
  color: #888888;
}
#posts-list article .entry-right-data .excerpt {
  margin-bottom: 20px;
}
#posts-list article .entry-date {
  margin: 0 auto 10px auto;
  background: #e37655;
  color: #fff;
  width: 70px;
  height: 70px;
  -moz-border-radius: 40px 40px 40px 40px;
  -webkit-border-radius: 40px 40px 40px 40px;
  border-radius: 40px 40px 40px 40px;
  box-shadow: 3px 3px 0 0 rgba(0, 0, 0, 0.1);
  font-family:Arial, Helvetica, sans-serif;
  font-size: 24px;
  line-height: 1.0em;
  text-align: center;
}
#posts-list article .entry-date span {
  display: block;
  padding-top: 12px;
}
#posts-list article .entry-date .d {
  padding-top: 0px;
}
#posts-list article .comments {
  display: block;
  text-decoration: none;
  margin: 0 auto;
  width: 37px;
  height: 33px;
  background: url(../img/comments.png) no-repeat;
  color: #dddddd;
  font-size: 12px;
  text-align: center;
}
/* SIDEBAR ------------------------------------------------------------*/
#sidebar {
  position: relative;
  width: 320px;
  margin-right: 20px;
  margin-bottom: 40px;
  float: right;
  font-size: 14px;
  color: #444444;
}
#sidebar .block .sidebar-content {
  background: url(../img/sidebar.png) repeat-y;
  width: 300px;
  padding-left: 10px;
  padding-right: 10px;
  margin-bottom: 0px;
  padding-bottom: 10px;
}
#sidebar .block .sidebar-top {
  background: url(../img/sidebar-top.png) no-repeat;
  width: 100%;
  height: 38px;
}
#sidebar .block .sidebar-bottom {
  background: url(../img/sidebar-bottom.png) no-repeat;
  width: 100%;
  height: 38px;
}
#sidebar .heading {
  border-bottom: 0 solid #888;
  margin-bottom: 20px;
  text-align: center;
}
#sidebar li {
  display: block;
}
#sidebar a {
  color: #e37655;
}
/* PAGE NAVIGATION ------------------------------------------------------------*/
#main .page-navigation {
  position: relative;
  left: 50%;
  display: block;
  margin-bottom: 100px;
  float: left;
}
#main .page-navigation div {
  position: relative;
  right: 50%;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  box-shadow: 3px 3px 0 0 rgba(0, 0, 0, 0.1);
}
#main .page-navigation div span {
  margin-bottom: 15px;
  display: inline-block;
}
#main .page-navigation div:hover {
  -webkit-transform: translate(0, 2px);
  -moz-transform: translate(0, 2px);
  -o-transform: translate(0, 2px);
  transform: translate(0, 2px);
}
#main .page-navigation a {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  color: #e37655;
  display: block;
  padding: 10px 15px;
}
#main .page-navigation .nav-next {
  float: left;
  margin-right: 20px;
  background: #f1f1f1 url(../img/arrow-left.png) no-repeat left 12px;
  padding-left: 20px;
}
#main .page-navigation .nav-previous {
  float: right;
  background: #f1f1f1 url(../img/arrow-right.png) no-repeat right 12px;
  padding-right: 20px;
}

/* BOTTOM ------------------------------------------------------------*/
#bottom {
  background: #4d4d4d;
  position: relative;
  min-height: 20px;
  border-top: 1px solid #656565;
  width:99%;
  margin:0 auto;
}
#bottom #widget-trigger-holder {
  position: relative;
  left: 50%;
  text-align: center;
  float: left;
  margin-top: -15px;
}
#bottom #widget-trigger-holder #widget-trigger {

  display: block;
  position: relative;
  float: left;
  right: 50%;
  width: 35px;
  height: 36px;
  background: url(../img/widget-trigger.png) no-repeat 0px 0px;
  -moz-transition: none;
  -webkit-transition: none;
  -o-transition: color 0 ease-in;
  transition: none;
}
#bottom #widget-trigger-holder #widget-trigger.tab-closed {
  background-position: 0px -36px;
}
#bottom #content {
  padding-top: 20px;
  padding-bottom: 20px;
  text-align: center;
  color: #f1f1f1;
  font-size: 14px;
  line-height: 1.5em;
  clear: both;
}
#bottom #content a {
  color: #fdd600;
}
#bottom #content a:hover {
  text-decoration: underline;
}

.copyright{
  padding:20px 5px 20px 5px;
  line-height:175%;
  color:#FFFFFF;
  font-size:90%;
}

.copyright,.copyright a:link,.copyright a:visited,.cartcopyright a:link,.cartcopyright a:visited{
  color:#fff;
  text-decoration:none;
}

.copyright a:hover,.cartcopyright a:hover{
  text-decoration:underline;
}

#bannerarea {
  font-size:13px;
  color:#d52b1e;
  border:#1e1e1e 0px solid;
  width:100%;
  display: block;
  margin: 0 auto;
}

#bannerarea a:link {
}

#bannerareaa:before {
}

#bannerareaa:after {
}

a:link,a:visited{
  text-decoration:none;
  color:#0046ad;
}

a:hover{
  text-decoration:underline;
}



#toparea {
	width:99%;
}

#dotted {
	  border-bottom:1px dotted #1e1e1e;
	  margin-bottom:20px;
	  margin-top:20px;
}

/*Bread Crumb styles*/
.Breadcrumb 
{
       font-size: 11px;
       width: 97%;
       color: #1e1e1e;
       font-weight: normal;
	   line-height:130%;
       padding: 10px 0 0 0;
       margin: 0px 10px 0 15px;
       border-top: 0px solid #d1cdca;
}

.Breadcrumb a:link, .Breadcrumb a:visited 
{
       color: #0046ad;
       text-decoration: none;
}

.Breadcrumb a:hover 
{
       text-decoration: underline;
}
/*END Bread Crumb styles*/

#date { font-weight:bold;}

img {
    border:0;
    }

/*	Less Framework 4
	http://lessframework.com
	License: http://opensource.org/licenses/mit-license.php	*/
/*	
/* ********************************************** */
/* CSS Document for BNA.com web site        */
/* Written by Dhrumin Jariwala, Corporate Marketing    */
/* February 2013                                    */
/* ********************************************** */
/*		Default Layout: 992px. 
		Gutters: 24px.
		Outer margins: 48px.
		Leftover space for scrollbars @1024px: 32px.
-------------------------------------------------------------------------------
cols    1     2      3      4      5      6      7      8      9      10
px      68    160    252    344    436    528    620    712    804    896    */
/* Vars ----------------------------------------------------*//* Mixins ----------------------------------------------------*//* Default General  ----------------------------------------------------*//* Defaul tNav   ----------------------------------------------------*/

#search {
	margin-top:3%;
	margin-left:1%;
	color:#0046ad;
	float:right;
	font-size:100%;
}



#comboNav {
  display: none;
}
#nav {
  display: block;
}

#nav > li span{
	margin-left:15px;
	margin-right:5px;
	margin-left:1px/9;
	margin-right:1px/9;

}

#one {
	width: 38%;
	float: left;
	margin:0; 
	color:#1e1e1e; 
	text-decoration:none;
	padding:10px;
}

#two {
	width: 25%;
	float: left;
	margin:0; 
	color:#1e1e1e; 
	text-decoration:none;
	padding:10px;
}

#three {
	width: 30%;
	float: left;
	margin:0; 
	color:#1e1e1e; 
	text-decoration:none;
	padding:10px;
}

#inner {
	width: 64%;
	float: left;
	margin:0; 
	color:#1e1e1e; 
	text-decoration:none;
	padding:10px;
}

/*		Tablet Layout: 768px.
		Gutters: 24px.
		Outer margins: 28px.
		Inherits styles from: Default Layout.
-----------------------------------------------------------------
cols    1     2      3      4      5      6      7      8
px      68    160    252    344    436    528    620    712    */
@media only screen and (min-width: 768px) and (max-width: 991px) {
  /* TABLET GENERAL  ----------------------------------------------------*/

#search {
	margin-top:3%;
	margin-left:1%;
	color:#0046ad;
	float:right;
	font-size:100%;
}




#nav > li span{
	margin-left:6px;
	margin-right:6px;
}

#one {
	width: 99%;
	float: left;
	margin:0; 
	color:#1e1e1e; 
	text-decoration:none;
	padding:10px;
	display:inline;
}

#two {
	width: 99%;
	float: left;
	margin:0; 
	color:#1e1e1e; 
	text-decoration:none;
	padding:10px;
	display:inline;
}

#three {
	width: 99%;
	float: left;
	margin:0; 
	color:#1e1e1e; 
	text-decoration:none;
	padding:10px;
	display:inline;
}

#inner {
	width: 99%;
	float: left;
	margin:0; 
	color:#1e1e1e; 
	text-decoration:none;
	padding:10px;
	display:inline;
}

 .wrapper {
    width: 100%;
  }
  /* TABLET NAV  ----------------------------------------------------*/
  #nav {
    display: block;
  }
  #comboNav {
    display: none;
  }
  #nav li {
    margin-left: 0px;
    margin-right: 0px;
    font-size: 100%;

  }
  /* TABLET SLIDER ----------------------------------------------------*/.theme-halftone .nivoSlider {
    margin-left: -10px;
    width: 100%;
    margin-left: 0px;
  }
  .theme-halftone .slider-right,
  .theme-halftone .slider-left {
    display: none;
  }
  #main .headline {
    font-size: 36px;
  }
  /* TABLET FEATURED----------------------------------------------------*/.feature li,
  .work-list li {
    width: 210px;
  }
  .feature li .thumb .date,
  .work-list li .thumb .date {
    left: 70px;
  }
  /* TABLET BLOG ----------------------------------------------------*/#posts-list {
    position: relative;
    width: 672px;
    margin-left: 20px;
    margin-bottom: 40px;
    float: left;
  }
  #posts-list article {
    position: relative;
    margin-bottom: 60px;
  }
  #posts-list article .entry-right-data {
    width: 573px;
  }
  /* TABLET SIDEBAR ----------------------------------------------------*/#sidebar {
    clear: both;
    float: none;
    margin: 0 auto 40px auto;
  }
  /* TABLET PROJECT ------------------------------------------------------------*/
  #project-title {
    font-size: 48px;
  }
  #project-gallery {
    width: 362px;
  }
  #project-info {
    width: 290px;
  }
  /* TABLET RELATED PROJECTS ------------------------------------------------------------*/
  .related-projects {
    margin-bottom: 80px;
  }
  .related-projects .related-heading {
    margin-bottom: 10px;
    margin-left: 20px;
  }
  .related-projects .related-list li {
    float: left;
    width: 210px;
  }
  /* TABLET WIDGETS  ----------------------------------------------------*/.widget-cols > li {
    width: 153px;
    margin-left: 20px;
  }
}
/*		Mobile Layout: 320px.
		Gutters: 24px.
		Outer margins: 34px.
		Inherits styles from: Default Layout.
---------------------------------------------
cols    1     2      3
px      68    160    252    */
@media only screen and (max-width: 767px) {

#search {
	display:none;
}


#one {
	width: 99%;
	float: left;
	margin:0; 
	color:#1e1e1e; 
	text-decoration:none;
	padding:10px;
	display:inline;
}

#two {
	width: 99%;
	float: left;
	margin:0; 
	color:#1e1e1e; 
	text-decoration:none;
	padding:10px;
	display:inline;
}

#three {
	width: 99%;
	float: left;
	margin:0; 
	color:#1e1e1e; 
	text-decoration:none;
	padding:10px;
	display:inline;
}

#inner {
	width: 99%;
	float: left;
	margin:0; 
	color:#1e1e1e; 
	text-decoration:none;
	padding:10px;
	display:inline;
}

#nav > li span{
	margin-left:20px;
	margin-right:20px;
}
  .wrapper {
    width: 100%;
  }
  #main {
    font-size: 14px;
  }
  h1 {
    font-size: 24px;
  }
  h2 {
    font-size: 24px;
  }
  h3 {
    font-size: 24px;
  }
  h4 {
    font-size: 18px;
  }
  h5 {
    font-size: 14px;
  }
  h6 {
    font-size: 14px;
  }
  /* MOBILE NAV  ----------------------------------------------------*/#nav {
    display: none;
  }
  #comboNav {
    display: block;
    width: 95%;
	margin:5px 5px 5px 5px;
	padding:0;
  }
  /* MOBILE Logo ----------------------------------------------------*/
   #logo {
    width: 60%;
	margin:0 99% 0 1%;
  }
  #logo img {
    width: 60%;
	margin:0 99% 0 1%;
	  }
  
  #bannerarea {
    width: 99%;
    margin: 0 auto;
  }
  #bannerarea img {
    width: 99%;
  }
  
  
  /* SLIDER ----------------------------------------------------*/.theme-halftone {
    margin-bottom: 20px;
  }
  .theme-halftone .nivoSlider {
    margin-left: -10px;
    width: 100%;
    margin-left: 0px;
  }
  .theme-halftone .slider-right,
  .theme-halftone .slider-left {
    display: none;
  }
  .theme-halftone .nivo-controlNav {
    display: none;
  }
  .theme-halftone .nivo-directionNav {
    display: block !important;
    /* ALWAYS show the arrows */
  
  }
  .theme-halftone .nivo-directionNav a {
    width: 16px;
    height: 16px;
    background: #e37655 url(../img/arrows-mobile.png) no-repeat;
  }
  .theme-halftone .nivo-directionNav .nivo-prevNav {
    left: 0px;
  }
  .theme-halftone .nivo-directionNav .nivo-nextNav {
    right: 0px;
    background-position: 0px -16px;
  }
  #main .headline {
    font-size: 24px;
  }
  /* MOBILE FEATURE----------------------------------------------------*/.feature,
  .work-list {
    width: 212px;
    margin-left: 20px;
  }
  .feature li,
  .work-list li {
    width: 212px;
    margin-left: 0px;
  }
  .feature li .thumb .date,
  .work-list li .thumb .date {
    left: 71px;
  }
  /* MOBILE COLUMNS ----------------------------------------------------*/.entry-content .one-half,
  .entry-content .one-third,
  .entry-content .one-fourth {
    width: auto;
    margin-right: 0px;
  }
  #main .page-navigation {
    text-indent: -9000px;
  }
  #main .page-navigation div {
    width: 25px;
  }
  /* MOBILE BLOG ----------------------------------------------------*/#posts-list {
    position: relative;
    width: 212px;
    margin-left: 20px;
    margin-bottom: 40px;
    float: left;
  }
  #posts-list article {
    position: relative;
    margin-bottom: 60px;
  }
  #posts-list article .entry-left-data {
    width: 200px;
    height: 20px;
    float: left;
    position: relative;
  }
  #posts-list article .entry-right-data {
    width: 212px;
    margin-left: 0px;
  }
  #posts-list article .entry-right-data .post-heading {
    font-size: 24px;
  }
  #posts-list article .entry-date {
    position: absolute;
    top: -50px;
    left: 76px;
    font-size: 18px;
    width: 60px;
    height: 60px;
  }
  #posts-list article .comments {
    position: absolute;
    top: -60px;
    left: 200px;
    display: none;
  }
  /* MOBILE SIDEBAR ----------------------------------------------------*/#sidebar {
    clear: both;
    float: none;
    margin: 0 auto 40px auto;
    width: 252px;
  }
  #sidebar .block {
    background: #f1f1f1;
    margin-bottom: 20px;
    border: 0 solid #ccc;
  }
  #sidebar .block .sidebar-content {
    background: none;
    width: 232px;
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 0px;
    padding-bottom: 10px;
  }
  #sidebar .block .sidebar-top {
    background: none;
    width: 100%;
    height: 38px;
  }
  #sidebar .block .sidebar-bottom {
    background: none;
    width: 100%;
    height: 38px;
  }
  /* MOBILE PROJECT ------------------------------------------------------------*/
  #project-title {
    font-size: 24px;
  }
  #project-gallery {
    width: 212px;
  }
  #project-info {
    width: 212px;
  }
  /* MOBILE RELATED PROJECTS ------------------------------------------------------------*/
  .related-projects {
    margin-bottom: 80px;
  }
  .related-projects .related-heading {
    margin-bottom: 10px;
    margin-left: 20px;
  }
  .related-projects .related-list li {
    float: left;
    width: 210px;
  }
  /* MOBILE WIDGETS  ----------------------------------------------------*/.widget-cols > li {
    width: 212px;
    float: left;
    margin-left: 20px;
    margin-right: 0px;
    border-bottom: 1px solid #ece9d6;
    padding-bottom: 30px;
    margin-bottom: 30px;
  }
  .widget-cols > li:last-child {
    border-bottom: none;
  }
  /* MOBILE Social ----------------------------------------------------*/footer #social-bar {
    margin: 20px 0px 30px 0px;
    background: none;
    height: 46px;
  }
  footer #social-bar li {
    margin-bottom: 5px;
  }
  footer #social-bar .left-corner,
  footer #social-bar .right-corner {
    display: none;
  }
}
/*		Wide Mobile Layout: 480px.
		Gutters: 24px.
		Outer margins: 22px.
		Inherits styles from: Default Layout, Mobile Layout.
------------------------------------------------------------
cols    1     2      3      4      5
px      68    160    252    344    436    */
@media only screen and (min-width: 480px) and (max-width: 767px) {
  
  .Breadcrumb {display:none;}
    /* WIDE MOBILE Logo ----------------------------------------------------*/

   #logo {
    width: 50%;
	margin:0 98% 0 2%;
  }
  #logo img {
    width: 50%;
	margin:0 98% 0 2%;
	  }
	  
	  
#search {
	display:none;
}



#one {
	width: 99%;
	float: left;
	margin:0; 
	color:#1e1e1e; 
	text-decoration:none;
	padding:10px;
	display:inline;
}

#two {
	width: 99%;
	float: left;
	margin:0; 
	color:#1e1e1e; 
	text-decoration:none;
	padding:10px;
	display:inline;
}

#three {
	width: 99%;
	float: left;
	margin:0; 
	color:#1e1e1e; 
	text-decoration:none;
	padding:10px;
	display:inline;
}

#inner {
	width: 99%;
	float: left;
	margin:0; 
	color:#1e1e1e; 
	text-decoration:none;
	padding:10px;
	display:inline;
}
  .wrapper {
    width: 100%;
	margin:auto;
	padding:0;
  }

  /* WIDE MOBILE NAV  ----------------------------------------------------*/#nav {
    display: none;
  }
  #comboNav {
    display: block;
    width: 95%;
    margin-left: 20px;
	margin-bottom:10px;
  }
  /* WIDE MOBILE FEATURE ----------------------------------------------------*/.feature,
  .work-list {
    width: 396px;
    margin-left: 20px;
  }
  .feature li,
  .work-list li {
    width: 396px;
    margin-left: 0px;
  }
  .feature li .thumb .date,
  .work-list li .thumb .date {
    left: 163px;
  }
  /* WIDE MOBILE BLOG ------------------------------------------------------------*/
  #posts-list {
    position: relative;
    width: 396px;
    margin-left: 20px;
    margin-bottom: 40px;
    float: left;
  }
  #posts-list article {
    position: relative;
    margin-bottom: 60px;
  }
  #posts-list article .entry-left-data {
    width: 400px;
    height: 20px;
    float: left;
    position: relative;
  }
  #posts-list article .entry-right-data {
    width: 396px;
    margin-left: 0px;
  }
  #posts-list article .entry-date {
    position: absolute;
    top: -50px;
    left: 165px;
  }
  #posts-list article .comments {
    position: absolute;
    top: -60px;
    left: 200px;
    display: none;
  }
  /* WIDE MOBILE SIDEBAR ----------------------------------------------------*/#sidebar {
    position: relative;
    width: 320px;
    margin: 0px auto 40px auto;
    float: none;
  }
  #sidebar .block {
    background: none;
    border: none;
  }
  #sidebar .block .sidebar-content {
    background: url(../img/sidebar.png) repeat-y;
    width: 300px;
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 0px;
    padding-bottom: 10px;
  }
  #sidebar .block .sidebar-top {
    background: url(../img/sidebar-top.png) no-repeat;
    width: 100%;
    height: 38px;
  }
  #sidebar .block .sidebar-bottom {
    background: url(../img/sidebar-bottom.png) no-repeat;
    width: 100%;
    height: 38px;
  }
  #sidebar .heading {
    border-bottom: 1px solid #888;
    margin-bottom: 20px;
    text-align: center;
  }
  #sidebar li {
    display: block;
  }
  #sidebar a {
    color: #e37655;
  }
  /* WIDE MOBILE PROJECT ------------------------------------------------------------*/
  #project-title {
    font-size: 24px;
  }
  #project-gallery {
    width: 396px;
  }
  #project-info {
    width: 396px;
  }
  /* WIDE MOBILE RELATED PROJECTS ------------------------------------------------------------*/
  .related-projects .related-list li {
    width: 396px;
    margin-bottom: 30px;
  }
  /* WIDE MOBILE WIDGETS  ----------------------------------------------------*/.widget-cols > li {
    width: 396px;
  }
}