/*
Stimulus - Responsive HTML5 / CSS3 Template

Copyright Modx Templates
http://modxtemplates.com.au
 */
 
 /* Contents
   Fonts
   Top Drop Panel
   Header
   Naigation
   Slider
   Slogan
   Gallery
   Videos
   Page Headings
   Next Previous Buttons
   Blog Layout
   Comments
   Portfolio
   Sidebar
   Pagination
   Blockquotes
   Forms
   Contact Form
   Buttons
   Tabs
   Responsive Grid Demo
   Tables
   Social Media
   Footer
   Misc Headers
   Utility Classes
   Transitions
 */



body{
	-webkit-font-smoothing: antialiased;
	background: url(../images/bg-body.jpg) top center repeat #222222;
	font: 13px/20px "Ubuntu", Helvetica, Arial, sans-serif;
}
#wrapper{
	background:none;
}
.content{
	position:relative;
	z-index:10;
	margin-top:.6em;
	margin-bottom:4em;
	overflow:hidden; 
}



/*================================================
Fonts - Lists
==================================================*/

.content h1,
.content h2,
.content h3,
.content h4{
	color:#fff;
}
.content h2,
.content h3,
.content h4,
.content h5{
	margin: 24px 0 6px 0;
}

h5, h6{
	text-transform:uppercase;
	color:#777;
}

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

a:hover, a:focus { color: #555555; }

strong { color:inherit; }

::selection {background: #dc5e1c;}
::-moz-selection {background: #dc5e1c;}

.content ol,.content ul{
	margin:0 0px 10px 0px; 
	padding:0px 0px 0px 26px;
}
.content ol{
	list-style:decimal outside none;
}
.content ol li{
	margin: 0 0 8px 0; 
	line-height: 140%;
	list-style-type: decimal;
}
.content ul{
	list-style-image: url(../images/lists/list-circle.png);
}
.content ul li{
	margin: 0 0 8px 0; 
	line-height: 140%;
	list-style-type: disc;
}
.content ol ol{
	list-style:lower-alpha;
}
ul.listArrowLeft{  list-style-image: url(../images/lists/list-arrow-left.png);}
ul.listArrowRight{ list-style-image: url(../images/lists/list-arrow-right.png);}
ul.listCircle{     list-style-image: url(../images/lists/list-circle.png);}
ul.listCross{      list-style-image: url(../images/lists/list-cross.png);}
ul.listCross2{     list-style-image: url(../images/lists/list-cross2.png);}
ul.listPlus{       list-style-image: url(../images/lists/list-plus.png);}
ul.listSquare{     list-style-image: url(../images/lists/list-square.png);}
ul.listStar{       list-style-image: url(../images/lists/list-star.png);}
ul.listTick{       list-style-image: url(../images/lists/list-tick.png);}
ul.listTilda{      list-style-image: url(../images/lists/list-tilda.png);}


/*================================================
Top Drop Panel
==================================================*/

.topDropPanel{
	background:#dc5e1c;
	display:none;
	color:#efefef;	
	padding:1em 0;	
	font-size:1em;
	position:relative;
}
.topDropPanel .container{
	display:block;
}
.topDropPanel h1,
.topDropPanel h2,
.topDropPanel h3,
.topDropPanel h4,
.topDropPanel h5{
	color:#efefef;
	margin:.8em 0;
	line-height:1em;
	text-transform:uppercase;
}
.topBorder{
	background-color: #dc5e1c;
	border-bottom:3px solid #c8c8c8;
	height: 10px;
}
.topDrop{
	position: relative;
}
.topDrop a{
	text-decoration:none;
	margin-left:10px;
}
.topDropPanel p{
	margin-bottom:10px;
}
.topDropPanel a{
	color: #333333;
}
.topDropPanel a:hover{
	color: #fff;
}
#topDropBut{
	background: url(../images/pull-tab.png) top left no-repeat;
	margin: -5px auto 0 auto;
	width: 70px;
	height: 31px;
	display: block;
	z-index: 10;
}



/*================================================
Header
==================================================*/

#header{
	position:relative;
	z-index:20;
}
#header #header-inner{
	padding-bottom:1em;
	margin-bottom:1.5em;
}
#branding{
	margin-top:3%;
	font-size:100%;
	height: 50px;
}

#logo {
	height: 50px;
}
#logo a{
	font-weight:normal;
	color:#fff;
	text-decoration:none;
	font-size: 56px;
	font-weight: bold;
}
#logo a span{
	color:#dc5e1c;
}




/*================================================
Navigation
==================================================*/

#navMain{
	font-size:100%;
	position:relative;
	bottom:0px;
	margin: 30px 0 0 0;
}


/* All Levels */
#navMain ul{
	margin:0px;
	padding:0px;
	display:block;
}
#navMain ul li a{
	text-decoration:none;
	color:#fff;
	white-space: nowrap;
	font-size:14px;
	padding: 0 16px 6px 16px;
}

/* Top Level */
#navMain > ul{
	float:right;
	
}
#navMain > ul > li{
	float: left;
	position:relative;
}
#navMain ul li:hover{
	z-index:30;
}

#navMain > ul > li:hover > a,
#navMain > ul > li > a:hover{
	color:#dc5e1c;
	-webkit-transition: all .25s ease-in-out;
	   -moz-transition: all .25s ease-in-out;
	     -o-transition: all .25s ease-in-out;
	        transition: all .25s ease-in-out;
}
#navMain > ul > li.active > a{
	border-bottom: 3px solid #DC5E1C;
}



/* Second Level */
#navMain > ul li#wf5 ul,
#navMain > ul li#wf10 ul{
	display:none;
}
#navMain > ul li ul{
	top:24px;
	left:0;
	position:absolute;
	display:block;
	height:0px;
	overflow:hidden;
	opacity:0;	
	width:160px;
	border-top: 3px solid #DC5E1C;
	background-color:#333;
	background-color:rgba(51,51,51,.9);
	-webkit-transition: all .25s ease-in-out;
	   -moz-transition: all .25s ease-in-out;
	     -o-transition: all .25s ease-in-out;
	        transition: all .25s ease-in-out;
	
}
#navMain > ul > li:hover > ul{
	height:auto;
	opacity:1;
	overflow:visible;
	display:block;
}
#navMain ul ul li{
	position:relative;
	margin:0;
	padding:0;
	border-bottom:1px solid #5e5e5e;
}
#navMain ul ul li a{
	padding:8px 10px;
	display:block;
	font-size: 12px;
}
#navMain li {
	list-style: none;
}

#navMain ul ul li a:hover{
	background-color:#dc5f1d;
}

/* 3rd + Levels */
#navMain ul ul li ul{
	position:absolute;
	top:-3px;
	left:100%;
	font-size:100%;
}
#navMain ul ul li:hover ul{	
	height:auto;
	opacity:1;
}

/* Mobile */
.nav-close{
	display:none;
	font-size:8px;
	text-transform:uppercase;
	padding:1px 8px;
	background:#dedede;
	text-decoration:none;
	position:absolute;
	z-index:50;
}

a.mobile-menu-button{
	display:none;
}




/*================================================
Slider
==================================================*/

#wrapper .flexslider {
	background: transparent; 
	border: none; 
	position: relative; 
	zoom:1; 
	-webkit-border-radius: 0px; 
	-moz-border-radius: 0px; 
	-o-border-radius: 0px; 
	border-radius: 0px;
	margin-bottom: 30px; 
}
#wrapper ul.slides{
	list-style: none;
	margin: 0;
	padding: 0;
}
#wrapper .flex-caption {
	background:none; 
	-ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000); 
	zoom: 1;
}
#wrapper .sliderShadow {
	height: 50px;
	display:block;
	overflow:hidden;
	margin-top: -30px;
}
#wrapper .flex-container .flex-caption {
	width: 96.3%; 
	padding: 2%; 
	position: absolute; 
	left: 0; 
	bottom: 0; 
	background: rgba(0,0,0,.3); 
	color: #fff; 
	text-shadow: 0 -1px 0 rgba(0,0,0,.3);
	margin-bottom: 0px; 
}
#wrapper .flex-container .flex-caption.flex-caption-top{
	top:0;
	bottom:auto;
}
#wrapper .flex-container h5,
#wrapper .content .flex-container h5{
	color:#fff;
	font-weight:bold;
	margin-bottom:0px;
}
#wrapper .flex-container .flexslider .flex-caption p{
	color:#f9f9f9;
	font-size:1em;
	font-style:italic;
	margin-bottom:0;
}
#wrapper .flex-container .flexslider .flex-caption p em{
	font-style:normal;
}
#wrapper .flex-container li{
	margin-bottom:0;
	overflow:hidden;
}

/* Direction Nav */
#wrapper .flex-direction-nav{
	display:none;
	position:absolute;
	width:100%;
	top:50%;
	margin-top:-25px;
	display:block\9; /*IE needs this */
}
#wrapper .flex-direction-nav li a {
	margin: 0 ; 
	display:block;
	background: url(../images/slider_arrows.png) no-repeat 0 0;
	position: absolute; 
	top:0;
	cursor: pointer; 
	text-indent: -9999px;
	background-color:#222;
	background-color:rgba(0,0,0,.1);
	color:#fff;
	width:20px;
	height:20px;
	font-size:20px;
	padding:15px;
	border-radius:50px;
	-moz-border-radius:50px;
	-webkit-border-radius:50px;
	-o-border-radius:50px;
	text-decoration:none;
	text-align:center;
	font-weight:normal;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
	
}
#wrapper .flex-direction-nav li a:hover{
	background-color:#222;
	background-color:rgba(0,0,0,.3);
	
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
#wrapper .flex-direction-nav li a.next {background-position: -50px 0; right: 20px; /*-21px;*/ }
#wrapper .flex-direction-nav li a.prev {background-position: 0 0; left: 20px; /* -20px;*/ }
#wrapper .flex-direction-nav li a.disabled {opacity: .3; filter:alpha(opacity=30); cursor: default;}

/* Control Nav */
#wrapper .flex-control-nav { 
	display:none; 
	width: 100%; 
	position: absolute; 
	bottom: 20px; 
	text-align: center;
}
#wrapper .flex-video-slider .flex-control-nav{
	display:none !important; /* Hide in video slider, otherwise it blocks the controls */
}
#wrapper .flex-control-nav li {
	margin: 0 0 0 5px; 
	display: inline-block; 
	zoom: 1; 
	*display: inline;
}
#wrapper .flex-control-nav li:first-child {margin: 0;}
#wrapper .flex-control-nav li a {
	width: 13px; height: 13px; display: block;
	background-image:none;
	background-color:#444;
	background-color:rgba(0,0,0,.1); 
	cursor: pointer; text-indent: -9999px;
	border-radius:6px;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
}
#wrapper .flex-control-nav li a:hover {
	background-position: 0 -13px;
	background-color:#000;
	background-color:rgba(0,0,0,.6);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
#wrapper .flex-control-nav li a.active {
	background-position: 0 -26px; cursor: default;
	background-color:#000;
	background-color:rgba(0,0,0,.4);
}

/* Only show on hover */
#wrapper .flex-container:hover .flex-direction-nav,
#wrapper .flex-container:hover .flex-control-nav{
	display:block;
}

/* Pause / Play */
.flex-pauseplay{
	position: absolute;
	top: 0px;
	right: 0px;
	opacity:.3;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
}
.flex-container:hover .flex-pauseplay{
	opacity:1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.flex-pauseplay span{
	margin:5px 5px 0 0;
	width:22px;
	height:22px;
	font-size:8px;
	text-transform:uppercase;
	font-weight:bold;
	line-height:24px;
	display:block;
	background-color:#222;
	background-color: rgba(250,250,250,.2);
	background-position:5px 5px;
	background-repeat:no-repeat;
	color:#dedede;
	text-indent:-999em;
	cursor:pointer;
}
.flex-pauseplay .play{
	background-image: url(../images/icons/play.png);
}
.flex-pauseplay .pause{
	background-image: url(../images/icons/pause.png);
}

.flexslider iframe{ max-width: 100%; max-height:100%; }



/*================================================
Slogan
==================================================*/

.slogan{
	font-size:30px;
	margin:0 0 50px 0;
	text-align:center;
	letter-spacing:0px;
	line-height:1.2em;
	clear:both;
	color: #dc5e1c;
	font-weight: 300;
}



/*================================================
Gallery
==================================================*/

.galThumb .active img,
.galThumb .active h2{
	opacity: 0.3;
}
.galThumb h2{
	font-size: 12px;
	font-weight: bold;
	height: 26px;
	line-height: 1em;
	padding-bottom: 4px;
	border-bottom: 1px dotted #555;
	overflow: hidden;
	margin: 0;
}
.galThumb{
	margin-bottom: 20px;
}


/*================================================
Videos
==================================================*/

video {
	max-width: 100%;
	height: auto;
}
.videoContainer {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
	margin-bottom: 30px;
}
.videoContainer iframe,  
.videoContainer object,  
.videoContainer embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* Necessary Styles because IE8 doesn't support media queries */
.ie8 .videoContainer {
	position: relative;
	padding-bottom: 56.25%;
}

.ie8 .videoContainer iframe,  
.ie8 .videoContainer object,  
.ie8 .videoContainerr embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.ie8 .video-wrapper {
	max-width: 100%;
}

/* We're not going to do this on mobile devices, because it breaks certain iOS5 versions */
	@media only screen and (min-width: 481px) {
		.video-container {
			position: relative;
			padding-bottom: 56.25%;
			/*padding-top: 30px;
			height: 0;
			overflow: hidden;*/
		}
		
		.video-container iframe,  
		.video-container object,  
		.video-container embed {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
		}
		
		.video-wrapper {
			max-width: 100%;
		}
	}




/*================================================
Page Headings
==================================================*/

h1.pageTitle,
h2.pageTitle{
	margin-bottom:1em; /*.9em; /*1.5em;*/
	text-transform:uppercase;
	border-top: 1px dotted #555;
	border-bottom: 1px dotted #555;
	padding: 13px 70px 13px 0;
	line-height: 1em;
}
h2.pageTitle{
	margin-bottom:.9em;
}



/*================================================
Next previous Buttons
==================================================*/

.content .siblingNav{
	position: absolute;
	right: 10px;
	top: 16px;
}
.content .siblingNav li{
	display: inline;
	font-size: 40px;
	list-style: none;
	color: #333;
	line-height: 18px;
}



/*================================================
Blog Layout
==================================================*/

#wrapper .container .blogWrap{
	width: 660px;
}

/* BLOG LATEST - Home Template */
.intro h1{
	font-size: 28px;
}
.intro h3{
	font-size: 20px;
}
.intro p{
	font-size: 16px;
	font-style: italic;
	color: #fff;
}
.blogHome, .portfolioHome {	
	margin-bottom: 40px;
}
.blogHome h2 a, .portfolioHome h2 a{	
	color: #fff;
}
.blogHome h2{
	background:url(../images/icons/blog-post-icon-small.png) top left no-repeat;
	padding: 0 0 0 40px;
	line-height: 16px;
	font-size: 16px;
	font-weight: bold;
	min-height: 20px;
	margin: 5px 0;
}
.postMeta {
	color: #777777;
}
.portfolioHome h2, .portfolioList h2{
	background:url(../images/icons/portfolio-icon-small.png) top left no-repeat;
	padding: 0 0 0 40px;
	line-height: 16px;
	font-size: 16px;
	font-weight: bold;
	margin: 5px 0;
}

/* BLOG LAYOUT - Standard Layout */
.blogLayout .post{
	border-bottom: 1px dotted #555;
	clear: both;
	color:#fff;
	display: block;
	margin: 0 0 15px 0;
	overflow: auto;
}
.blogLayout .postDateCont{
	background:url(../images/icons/blog-date-box.png) top left no-repeat transparent;
	height: 40px;
	padding: 10px 10px 16px 15px;
	margin-bottom: 10px;
}
.blogLayout .postDate{
	font-size: 2.2em;
	float: left;
	padding-top: 5px;
	color: #fff;
}
.blogLayout .postMonth{
	font-size: 12px;
	margin-bottom: 0;
	text-transform: uppercase;
	line-height: 13px;
	float: left;
	text-align: left;
	padding:  2px 0 0 5px;
	color: #e9996f;
}
.blogLayout .postAuthor{
	background:url(../images/icons/user.png) left 3px no-repeat transparent;
	padding: 0 0 0 20px;
	margin: 10px 0 0 0;
}
.blogLayout .postAuthor h5{
	margin: 0;
}
.blogLayout .postTags{
	background:url(../images/icons/reply.png) left 3px no-repeat transparent;
	padding: 0 0 0 20px;
	margin: 10px 0 0 0;
}
.blogLayout .postTags h5{
	margin: 0;
}
.blogLayout .postComments{
	background:url(../images/icons/comments.png) left 4px no-repeat transparent;
	padding: 0 0 0 20px;
	margin: 10px 0 0 0;
}
.blogLayout .postComments h5{
	margin: 0;
}
.blogLayout article{
	clear:both;
	padding-top:1em;
	margin-bottom:2em;
	padding-bottom:2em;
	position:relative;
	font-size:.9em;
}
.blogLayout article.post.first{
	padding-top:1.2em;
}
.blogLayout .latest-indicator{
	font-size:.7em;
	color:#999;
	text-transform:uppercase;	
	position:absolute;
	bottom:100%;
	right:0;
	letter-spacing:1px;
}
.blogLayout h2{
	font-size:1.6em;
	line-height:1.6em;
	font-weight:normal;
	margin-bottom:0;
	color:#444;
}
.blogLayout h2 a{
	color:#fff;
	text-decoration:none;
	font-size: 28px;
	line-height: 24px;
	margin-bottom: 10px;
}
.blogLayout h2 a:hover{
	color:#dc5e1c;
}
.blogLayout .blogImage{
	margin: 10px 0;
}
.blogLayout .img-wrapper{
	margin-bottom:1em;
}

.blogLayout .postSummary p{
	margin-bottom:.7em;
}
.readMore{
	text-transform:uppercase;
	font-size:.8em;
	text-decoration:none;
	border-bottom:1px dotted #555;
}
.blogLayout .readMore{
	border-bottom:none;
}


/*================================================
Comments
==================================================*/

#comments{
	font-size:1em;
}
.quip a { text-decoration: none; }
.quip a:hover { text-decoration: underline; }

.quip-comment form, .quip-comment p { padding: 0; margin: 0;}
div.quip-comment {
    padding: 4px;
}
li.quip-comment {
    background: transparent;
    list-style: none;
    padding: 0;
    margin: 0;
}
ol.quip-comment-list {
    list-style: none;
    margin: 0;
    padding: 0;
	
}
ol.quip-comment-list li ol {
    margin-bottom: 0;
    padding-left: 20px;
}
ol.quip-comment-list li {
    list-style-type: none;
    position: relative;
	margin: 5px 0;
	background: rgb(200, 200, 200);
	background: rgba(200, 200, 200, 0.1);
	border-radius: 6px;
}
ol.quip-children {
    margin: 0;
}
.quip-comment-alt {
    background: rgb(200, 200, 200);
	background: rgba(200, 200, 200, 0.1);
	border-radius: 6px;
}
.quip-comment-body {
    padding: 5px 7px;
}
.quip-comment-text p {
    padding-top: 1em;
}
.quip-unapproved, .quip-unapproved a {
    color: #a4a4a4;
}
.quip-comment-createdon {
    font-style: italic;
    font-size: small;
}
.quip-comment-createdon, .quip-comment-createdon a { color: #777; }
.quip-comment-author, .quip-comment-author a { color: #fff; font-weight: bold; }
.quip-comment-author strong { color: #333; }

.quip-reply-link {
    font-size: 11px;
    float: left;
}
.quip-break { clear: left; }

.quip-error {
    color: red;
    font-size: .9em;
}
.quip-success {
    color: green;
}
.quip-clear {
    clear: both;
}
.quip-comment-right {
    float: left;
}
.quip-comment-options {
    clear: right;
    margin-top: 2px;
    text-align: right;
    font-size: 11px;
}
.quip-comment-options a {
    color: #777;
}
.quip-avatar {
    float: left;
    margin: 4px 12px 6px 0;
	border-radius: 3px;
}

/* add comment */
.quip-add-comment p {
    color: #888;
    margin-bottom: .2em;
}
span.quip-allowed-tags {
    font-weight: normal;
    font-size: 11px;
    font-style: normal;
    float: right;
}
.quip-add-comment .textarea {
    width:auto;
}
.quip-add-comment textarea {
    width: 100%;
    padding:0;
}
.quip-add-comment input[type=text] {
    width: 66%;
    float: right;
    padding: 8px;
	border: none;
}
.quip-add-comment label {
    width: 28%;
    float: left;
	margin:.5em .1em .5em 0;
	text-align: right;
}
.quip-fld br { clear: both; }

div.quip-comment input[type=submit] {
    cursor: pointer;
}
.quip-preview {
    padding: 7px 7px;
	list-style-type: none;
    position: relative;
	margin: 5px 0;
	background: rgb(200, 200, 200);
	background: rgba(200, 200, 200, 0.1);
	border-radius: 6px;
}


/*================================================
Portfolio
==================================================*/

.portfolioImageWrap{
	position: relative;
}
.portfolioImage{
	margin-bottom: 30px;
}
.photoCredit{
	text-align: right;
	font-size: .9em;
}
.portfolioDetails{
	text-align: right;
	position: relative;
}

.content .portfolioDetails ul{
	padding-left: 0;
}
.content .portfolioDetails li{
	border-bottom:1px dotted #555;
	list-style: none;
	margin: 0;
	padding: 5px 0;
	list-style: none;
}
.portfolioList {
	height: 218px;
}
.portfolioText{
	-webkit-column-count: 2;
	   -moz-column-count: 2;
	        column-count: 2;
	-webkit-column-gap: 20px;
	 -moz-column-count: 20px;
	      column-count: 20px;
}
.portfolioSummaryText{
	border-bottom:1px dotted #555;
	padding: 10px 10px 0;
	background: #333;
	margin-top: -8px;
	border-radius: 0 0 6px 6px;
	height: 68px;
}
.portfolioSummaryText p{
	color: #858585;
}
#options ul{
	padding: 0;
	list-style: none;
}
#options li{
	float: left;
	margin-right: 10px;
	list-style: none;
}
#options li a{
	padding: 3px 6px;
	border-radius: 6px;
}
#options li a:hover{
	background: #fff;
	color: #333;
}
#options li a.selected{
	border-radius: 6px;
	background: #dc5e1c;
	color: #fff;
}

/* Isotope Filtering */

.isotope-item {
  z-index: 2;
  overflow: hidden;
  margin-top: 10px;
  margin-bottom: 10px;
}
.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;
}




/*================================================
Sidebar
==================================================*/

.sidebar h3{
	text-transform:uppercase;
	font-size: 16px;
	border-bottom: 1px dotted #555;
	padding-bottom: 5px;
}
.sidebar h4{
	font-size:1.0em;
	line-height:1.2em;
	margin-bottom:1.6em;
	font-weight:bold;
	color:#888;
}
.sidebar aside{
	padding-bottom:7px;
	margin-bottom:30px;
	font-size:12px;
	color:#777;
	clear: both;
	display: block;
	overflow:auto;
}
.sidebar aside p{
	color:#777;
}
.sidebar aside ul {
	margin-bottom: 0;
	padding: 0;
}
.sidebar aside li {
	list-style: none;
	margin-bottom: 5px;
}
.sidebar aside li a{
	text-decoration:none;
	color:#dc5e1c;	
}
.sidebar aside li a:hover{
	color:#fff;
}
.sidebar aside .tl-tag {
	background-color: #555;
	padding: 2px 5px;
	border-radius: 3px 0 0 3px;
	float:left;
}
.sidebar aside .tagCount {
	background-color: #dc5e1c;
	padding: 2px 5px;
	border-radius: 0 3px 3px 0;
	margin: 0 8px 0 0;
	float: left;
}
.sidebar aside .tagCount p{
	color: #fff;
}
.tagWrap {
	float: left;
	margin-bottom: 8px
}
.tagWrap p{
	margin-bottom: 0;
	line-height: 1.5em;
}
.tagWrap p a{
	margin-bottom: 0;
	line-height: 1.5em;
	color: #fff;
}
.tagWrap p a:hover{
	color: #000;
}
.latestPosts{
	border-bottom: 1px dotted #555;
	margin: 0 0 10px 0;
}
.latestPostsImage{
	float: left;
	margin: 0 10px 5px 0;
}
.latestPostsTitle{
	margin: 0;
}
.latestComment{
	margin-bottom: 10px;
	border-bottom: 1px dotted #555;
	padding-bottom: 10px;
}
.latestComment p{
	margin-bottom: 0px;
}
.sidebar aside li.arc-row {
	border-bottom: 1px dotted #555;
	padding-bottom: 7px;
}
.tweet{
	margin-bottom: 10px;
	border-bottom: 1px dotted #555;
}



/*================================================
Pagination
==================================================*/

ul.pageList{
	padding: 0;
}
ul.pageList li{
	list-style: none;
}
ul.pageList li a{
	background-color: #dc5e1c;
	padding: 4px 8px;
	border-radius: 3px;
	margin: 0 8px 0 0;
	float: left;
	color: #fff;
	text-decoration: none;
}
ul.pageList li a:hover{
	color: #000;
}
ul.pageList li a.active{
	color: #000;
	background-color: #555;
}



/*================================================
Blockquotes
==================================================*/

body blockquote{
	position:relative;
	padding:20px 40px 20px 50px;
	border-left:none;
	display:block;
	letter-spacing:0px;
}
blockquote:before,
blockquote:after{
	content: '“';
	font-size:80px;
	position:absolute;
	top:0px;
	left:0px;
	line-height:1em;
	font-family:"Ubuntu", sans-serif;
	font-style:italic;
	color:#ddd;
}
blockquote:after{
	content: '”';
	position:relative;
	float:right;
	margin-right:-30px;
}



/*================================================
Forms
==================================================*/

label{
	margin:5px 0 2px 0;
}
label.item-label{
	text-transform:none;
	font-weight:normal;
	margin:.3em 0;
}
input[type="text"],
input[type="password"],
input[type="email"],
textarea{
	padding: 8px 8px;
	font-size: 12px;
	width: 282px;
	margin: 0 0 6px 0;
}
legend {
	font-size: 12px;  
	text-transform:uppercase;
}
select {
	width: 300px; 
	display: block; 
	max-width: 100%;
	margin-bottom: 20px;
	padding: 4px 8px;
}
.sidebar input[type="text"],
.sidebar input[type="password"],
.sidebar input[type="email"],
.sidebar textarea{
	width: 202px;
}



/*================================================
Contact Form
==================================================*/

.form .formSegWrap{
    width:310px;
    overflow:auto;
	padding:0px 5px 5px 0px;
	float: left;
}
.form .formSegWrap_uploadOne{
	float: none;
}
.form textarea.required, .form input[type="text"].required, .form input[type="password"].required{
    /* installed by default as an example, replace with whatever */
    background-image:url('../components/formitbuilder/images/field_required.png'); 
    background-repeat:no-repeat;
    background-position:right 2px;
}
.form textarea.valid, .form input[type="text"].valid, .form input[type="password"].valid{
    /* installed by default as an example, replace with whatever */
    background-image:url('../components/formitbuilder/images/field_valid.png'); 
    background-repeat:no-repeat;
    background-position:right 2px;
}
.form textarea.error, .form input[type="text"].error, .form input[type="password"].error{
    background-color:#ffe8e8;
    border:1px solid #c04242;
    color:#c04242;
}
.form .formSegWrap_submit, .form .formSegWrap_reset{
    float:left;
    width:auto;
    margin:10px 10px 10px 0px;
}
.form label.mainLabelError{
    font-weight:bold;
    color:#990000;
}
.form .errorContainer{
    display:block; /* for Non jQuery Validate form errors with multiple warnings */
}
.form .errorContainer label{
    font-size:11px;
    display:block;
    color:#FF0000;
    clear:both;
}
.form .errorContainer label span{
    display:block;
}
.form hr.formSpltter{
    border-top:1px dotted #555;
    border-bottom:none;
    height:1px;
    margin:5px 0px 10px 0px;
	clear: both;
}
.form .process_errors_wrap{
    color:#FF0000;
}
.form .formSegWrap_staff_performance .radioGroupWrap{
    float:left;
}
.form .radioWrap{
    clear:both;
}
.form .radioWrap label{
    display:inline-block;
    padding:2px;
}
.form .radioWrap .radioEl{
    float:left;
    clear:both;
}
.gmaptv {
	width: 640px;
	height: 640px;
}
#tvgmap24 {
	width: 640px !important;
	height: 640px;
}


/*================================================
Buttons
==================================================*/

a.button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
	text-transform:uppercase;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	font-family: "Ubuntu", "Helvetica Neue", Helvetica, Arial, sans-serif; 
	-webkit-transition:all .2s ease-in-out;
	   -moz-transition:all .2s ease-in-out;
         -o-transition:all .2s ease-in-out;
	        transition:all .2s ease-in-out;
}
a.button:hover,
button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover {
	opacity: 1;
}




/*================================================
Responsive grid demo
==================================================*/

.grid .column, .grid .columns {
    background: none repeat scroll 0 0 #DDDDDD;
    border-radius: 3px;
    color: #555555;
    font-size: 12px;
    font-weight: bold;
    height: 25px;
    line-height: 25px;
    margin-bottom: 10px;
    text-align: center;
    text-transform: uppercase;
}
.grid .column:hover, .grid .columns:hover {
    background: none repeat scroll 0 0 #BBBBBB;
    color: #333333;
	cursor: crosshair;
}



/*================================================
Tables
==================================================*/

table{
	width:100%;
	font-size:12px;
	margin:2em 0;
	border:1px solid #aaa;
	border-top:2px solid #444;
	background:#F5F5F5;
}
table th,
table td{
	padding:5px 10px 5px 10px;
}
table th{
	text-transform:uppercase;
	text-align:left;
	
	border-bottom:1px solid #bbb;
	background:#ccc;
	background:rgba(0,0,0, .2); 
	font-weight:bold;
	color:#000;
}



/*================================================
Social Media
==================================================*/
a.socialIcons{
	width: 36px;
	height: 36px;
	float: left;
	opacity: 0.7;
	display: block;
	opacity: 1;
}
a.socialIcons:hover{
	opacity: 0.7;
}
a.instagramIcon{background:transparent url(../images/icons/instagram.png) top left no-repeat;}
a.rssIcon{background:transparent url(../images/icons/rss.png) top left no-repeat;}
a.facebookIcon{background:transparent url(../images/icons/facebook.png) top left no-repeat;}
a.twitterIcon{background:transparent url(../images/icons/twitter.png) top left no-repeat;}
a.linkedinIcon{background:transparent url(../images/icons/linkedin.png) top left no-repeat;}
a.flickrIcon{background:transparent url(../images/icons/flickr.png) top left no-repeat;}
a.youtubeIcon{background:transparent url(../images/icons/you-tube.png) top left no-repeat;}
a.vimeoIcon{background:transparent url(../images/icons/vimeo.png) top left no-repeat;}



/*================================================
The Team
==================================================*/
.teamName{
	text-align: center;
}

.teamName h4{
	color: #DC5E1C;
	margin: 0 0 25px 0;
}
img.roundedImage{
	border-radius: 50%;
	border: 1px solid #DC5E1C;
	margin-top: 10px;
}



/*================================================
Footer
==================================================*/

footer{
	background:#DC5E1C;	
	border-top:3px solid #C8C8C8;
	clear: both;
}
footer .footerTop{
	padding: .5em 0;
	clear: both;
}
footer p,	
footer ul,
footer ol{
	font-size:.9em;
}
footer a:link, footer a:visited{
	color: #ffffff;
}
footer a:hover {
	color: #333;
}
footer p, footer h3 {
	color: #333;
}
footer h3 {
	margin-top: 30px;
}
footer .footerBottom{
	font-size:.8em;
	color:#efefef;
	padding:.8em 0 1em 0;
	font-style:italic;
	letter-spacing:0px;
	clear: both;
	text-align: right;
}
footer .social-media{
	font-size:.8em;
	background:#fff;
}
.footerIcon{padding-left: 17px;}
.footerAddress{background: url(../images/icons/ico-address.png) left  2px no-repeat;}
.footerPhone{background: url(../images/icons/ico-phone.png) left 3px no-repeat;}
.footerEmail{background: url(../images/icons/ico-email.png) left 5px no-repeat;}



/*================================================
Misc Headers
==================================================*/

footer h1,
.topDropPanel h1{
	font-size:1.3em;
	font-weight:bold;
}
footer h2,
.topDropPanel h2{
	font-size:1.1em;
	font-weight:bold;
}
footer h3,
.topDropPanel h3,
footer h4,
.topDropPanel h4{
	font-size:1.2em;
	font-weight:bold;
}


/*================================================
Utility Classes
==================================================*/

.clearfix{
	clear:both;
}



/*================================================
Back To Top Button
==================================================*/

#backToTop {
	position: fixed;
	right:0px;
	display:none;
	bottom: 20px;
	margin: 0 20px 0 0;
}

#backToTop a {
	text-decoration:none;
	border:0 none;
	display:block;
	width:45px;
	height:45px;
	background: url(../images/icons/back-to-top-btn.png) no-repeat 50% 50%;
	background-color:#555;
	-webkit-transition: all 0.2s ease-in-out;
    -moz-transition:    all 0.2s ease-in-out;
	-ms-transition:     all 0.2s ease-in-out;
    -o-transition:      all 0.2s ease-in-out;
    transition:         all 0.2s ease-in-out;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

#backToTop a:hover {background-color: #dfdfdf;}


/*================================================
Transitions
==================================================*/	

.column, 
img.scale-with-grid{
	-moz-transition: all .2s ease-in-out;
	-webkit-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}
/* Slider columns should have no-trans */
.column.no-trans{
	-moz-transition: none;
	-webkit-transition: none;
	-o-transition: none;
	transition: none;
} 






/* Skeleton Additions
======================================================= */

.column.alpha.omega, .columns.alpha.omega   { margin-right: 0; margin-left: 0px; }


/* #Media Queries
======================================================= */

	/* Larger than standard 960 (devices and browsers) */
	@media only screen and (min-width: 960px) {
	
		
	}
	
	/* Three-column layout */
	@media only screen and (min-width: 768px) {	
		
		
	}

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {
		
	}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {
		
		#header-inner{
			text-align:center;
		}
		#navMain ul li ul{
			text-align:left;
		}
		.contact-form textarea{
			width:492px;
		}
		.blogLayout .postDateCont{
			background:url(../images/icons/blog-date-box-narrow.png) top left no-repeat transparent;
			height: 72px;
			padding: 10px 10px 16px 10px;
			margin-bottom: 10px;
			position: relative;
		}
		.blogLayout .postMonth{
			text-align: center;
			float:none;
			padding-left: 0;
		}
		.blogLayout .postDate{
			text-align: center;
			float:none;
		}
		.blogLayout .postComments h5{
			font-size: 13px;
		}
		#wrapper .container .blogWrap{
			width: 528px;
		}
		.gmaptv {
			width: 508px !important;
		}
		#tvgmap24 {
			width: 508px !important;
		}
		.sidebar input[type="text"],
		.sidebar input[type="password"],
		.sidebar input[type="email"],
		.sidebar textarea{
			width: 154px;
		}
		.portfolioList {
			height: 187px;
		}
		
	}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
		
		#logo {
			margin-top: 15px;
		}
		a.mobile-menu-button{
			display:inline-block;
			text-decoration:none;
			text-transform:uppercase;
			font-size:.9em;
			font-weight:bold;
			margin:0;
		}
		#header #navMain{
			width:300px;
			position:relative;
		}
		#navMain ul.navMainMenu{
			display:none;
			position:absolute;
			width:292px;
			background:#555;
			margin: 0 4px;
		}
		#navMain ul.navMainMenu.menu-open{
			display:block;
		}
		#navMain ul.navMainMenu > li{
			padding:5px 10px 5px 10px;
			margin:0;
			float:none;
			display:block;
		}
		#navMain ul.navMainMenu li.active > a {
			color: #DC5E1C;
		}
		#navMain ul.navMainMenu li ul{
			background:#949494;
		}
		#navMain ul.navMainMenu li ul li a:before{
			content: '> ';
		}
		#navMain ul ul li ul{
			left:0;
			top:100%;
		}
		.content .single .img-wrapper{
			width:100%;
			padding-right:0;
		}
		.sidebar{
			margin-top:3em;
		}
		.blogLayout .postAuthor{
			margin: 10px 30px 0 0;
			float: left;
		}
		.blogLayout .postTags{
			margin: 10px 30px 0 0;
			float: left;
		}
		.blogLayout .postComments{
			margin: 10px 0 0 0;
			float: left;
		}
		.portfolioText{
			-webkit-column-count: 1;
			   -moz-column-count: 1;
					column-count: 1;
		}
		.teamName{
			text-align: left;
		}
		
	}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
		.sidebar input[type="text"],
		.sidebar input[type="password"],
		.sidebar input[type="email"],
		.sidebar textarea{
			width: 402px;
		}
		.form .formSegWrap {
			width: 420px;
		}
		#wrapper .container .blogWrap {
			width: 420px;
		}	
		#header #navMain{
			width:420px;
		}
		#navMain ul.navMainMenu{
			width:412px;
		}	
		.portfolioList {
			height: 346px;
		}
		
		
	}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
		.sidebar input[type="text"],
		.sidebar input[type="password"],
		.sidebar input[type="email"],
		.sidebar textarea{
			width: 282px;
		}
		#wrapper .container .blogWrap {
			width: 300px;
		}
		.portfolioList {
			height: 269px;
		}
		
	}