/* Reset Styles */
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,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}body{line-height:1;}ol,ul{list-style:none;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:none;}table{border-collapse:collapse;border-spacing:0;}

/* Importing important stylesheets */
@import url("css/skeleton.css");

@font-face {
    font-family: 'BebasNeueRegular';
    src: url('files/fonts/bebas/BebasNeue-webfont.eot');
    src: url('files/fonts/bebas/BebasNeue-webfont.eot@#iefix') format('embedded-opentype'),
         url('files/fonts/bebas/BebasNeue-webfont.woff') format('woff'),
         url('files/fonts/bebas/BebasNeue-webfont.ttf') format('truetype'),
         url('files/fonts/bebas/BebasNeue-webfont.svg#BebasNeueRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}


/* General Styles */
body {
background: #fff;
color: #888;
font: 13px/18px 'Droid Sans', Arial, Tahoma, 'Sans Serif';
-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
-webkit-text-size-adjust: 100%;
}

#wrapper {overflow:hidden;}

p, ul, ol, dl, dd, blockquote, q, table, fieldset, form { margin-bottom: 15px; }
hr { border: solid #ddd; border-width: 1px 0 0; clear: both; margin: 25px 0 30px 0; height: 0; }

img {}
.float_left {float:left;margin:20px 20px 20px 0;}
.float_right {float:right;margin:20px 0 20px 20px;}
img.scale-with-grid {
max-width: 100%;
height: auto;
}

.subheading, blockquote cite {
font-family: Georgia, 'Times New Roman', serif;
font-style: italic;
display: block;
color: #888;
}

a.subheading {
color:#f8552f;
}

.alignleft, img.aligneft { float: left; margin: 0 15px 5px 0; }
.alignright, img.alignright { float: right; margin: 0 0 5px 15px; }
div.aligncenter, img.aligncenter {display: block; margin: 0 auto 5px auto; }
div.alignnone, img.alignnone { display: block; margin-bottom: 5px; }
.centeralign, div.centeralign { display:table; margin: 0 auto 5px auto; }

h1, h2, h3, h4, h5, h6, #top_nav, #top_social{
color: #1d1d1d;
font-family: 'BebasNeueRegular', Georgia, 'Times New Roman', serif;
font-weight: normal;
}

h1 { font-size: 40px; line-height: 50px; margin-bottom: 31px;}
h2 { font-size: 35px; line-height: 40px; margin-bottom: 14px; }
h3 { font-size: 26px; line-height: 34px; margin-bottom: 12px;}
h4 { font-size: 20px; line-height: 30px; margin-bottom: 6px; }
h5 { font-size: 17px; line-height: 24px; }
h6 { font-size: 14px; line-height: 21px; }

em { font-style: italic; }
strong { font-weight: bold; color: #777; }
small { font-size: 80%; }
.gap_ruler{ height:1px; border:0;}


/* Blockquotes */
blockquote, blockquote p { font-family:Georgia, serif; font-size: 15px; line-height: 21px; color: #f8552f; font-style:italic; }
blockquote cite a, blockquote cite a:visited, blockquote cite a:visited {  }

blockquote p:first-letter { margin-left: 30px;}
blockquote p{ 
padding-right:22px;
background:url(images/blockquote-start.png) left top no-repeat;
}

blockquote{
overflow:hidden;
background:url(images/blockquote-end.png) right bottom no-repeat;
}

/* Links */
a {
transition: color 0.4s;
-moz-transition: color 0.4s;
-webkit-transition: color 0.4s;
-o-transition: color 0.4s;
}
a, a:visited { color: #f8552f; outline: 0; text-decoration: none; }
a:hover, a:focus { color: #000; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a:visited, h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited {
font-weight: inherit;
color: #1d1d1d;
}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover {
color: #f8552f;
}
p a, p a:visited { line-height: inherit; }





/* Lists */
ul, ol { margin-bottom: 20px; }
ul { list-style: none outside; }
ol { list-style: decimal; }
ol, ul.square, ul.circle, ul.disc { margin-left: 30px; }
ul.square { list-style: square outside; }
ul.circle { list-style: circle outside; }
ul.disc { list-style: disc outside; }
ul ul, ul ol,
ol ol, ol ul { margin: 4px 0 5px 70px; font-size: 90%;  }
ul ul li, ul ol li,
ol ol li, ol ul li { margin-bottom: 6px; }
li { margin-bottom: 12px; }


/* Forms */
form {
margin-bottom: 20px;
}
fieldset {
margin-bottom: 20px;
}

input[type="text"],
input[type="password"],
input[type="email"],
textarea,
select {
border: 1px solid #fff;
padding: 8px 6px;
outline: none;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
margin: 0;
width: 80%;
max-width: 100%;
display: block;
margin-bottom: 10px;
background: #f9f9f9;
font: 12px Georgia, 'Times New Roman', serif;
font-style: italic;
color: #555;
-webkit-box-shadow: inset 0px 1px 1px 1px rgba(0, 0, 0, 0.2);
-moz-box-shadow: inset 0px 1px 1px 1px rgba(0, 0, 0, 0.2);
box-shadow: inset 0px 1px 1px 1px rgba(0, 0, 0, 0.2);
}

select {
padding: 0;
}

input:focus,
textarea:focus {
border: 1px solid #ccc;
color: #444;
-moz-box-shadow: 0px 0px 3px 0px rgba(248, 85, 47, 1);
-webkit-box-shadow: 0px 0px 3px 0px rgba(248, 85, 47, 1);
box-shadow:  0px 0px 3px 0px rgba(248, 85, 47, 1);
}

textarea {
min-height: 60px;
}

label,
legend {
display: block;
font-weight: bold;
font-size: 13px;
}

select {
width: 220px;
}

input[type="checkbox"] {
display: inline;
}

label span,
legend span {
font-weight: normal;
font-size: 13px;
}



/* Buttons */
.button,
a.button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
background: #f8552f;
padding: 4px 12px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 12px;
font-weight: bold;
text-decoration: none;
cursor: pointer;
margin-bottom: 10px;
line-height: normal;
padding: 10px 20px;
border:0;
font-family: Georgia, 'Times New Roman', serif;
}
  
.button:hover,
a.button:hover,
button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover {
color: #fff;
background: #777;
}

.button.full-width,
button.full-width,
input[type="submit"].full-width,
input[type="reset"].full-width,
input[type="button"].full-width {
width: 100%;
padding-left: 0 !important;
padding-right: 0 !important;
text-align: center;
}

/* Fix for odd Mozilla border & padding issues */
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}

	
/* Header */
#header  {
background: #1d1d1d;
position:relative;
height: 174px;
border-bottom: 1px solid #222;
}

.header_wrapper {
width: 90%;
max-width: 940px;
margin: 0 auto;
padding: 0 10px;

}

#logo, #top_nav, #top_social  {
position:relative;
z-index:1;
margin-top: 40px;
}

#logo {
position:absolute;
z-index: 2;
}

.header_bg {
float: left;
background: url(images/header.png) no-repeat;
height: 174px;
width:70%;
position:absolute;
left: 45%;
z-index:0;
}


/* Top Menu */
#select_nav {
  display: none;
}

#select_nav{
border: 1px solid #ccc;
background: transparent;
font: 13px/18px 'Droid Sans', Arial, Tahoma, 'Sans Serif';
width: 150px;
color: #999;
}

#top_nav {
float: left;
width: 75px;
margin-left: 240px;
}

#top_nav li {
font-size: 16px;
line-height: 21px;
margin: 0;
}

#top_nav li a {
color: #888;
display: block;
}

#top_nav li.selected a{
background: url(images/menu-arrows.png) no-repeat right 5px;
color: #fff;
}

#top_nav li.selected li a{color:#888;background:none;}

#top_nav li a:hover, #top_nav li.selected li a:hover {
color: #f8552f;
text-decoration:none;
background: url(images/menu-arrows.png) no-repeat right -42px;
}
#top_nav li.selected li a:hover{color:#fff;}

#top_nav ul li a.submenu {background: url(images/menu-arrows.png) no-repeat right -42px;}

#top_nav ul{
width: 200px;
position:absolute;
top:0;
margin:0;
margin-left:1px;
visibility:hidden;
background:#292929;
border:1px solid #393939;
}
#top_nav ul li,#top_nav li{
position: relative;
z-index:11111;
}

#top_nav ul li a{
display: block;
overflow: auto;
text-decoration: none;
}

#top_nav ul li {padding:6px 13px; border-top:1px solid #333;}
#top_nav ul li:first-child{border:0;}
#top_nav ul li ul{
position: absolute;
width: 100px; /*Sub Menu Items width */
top: 5px;
margin-left:14px;
visibility: hidden;
}
#top_nav ul li a:hover{color:white;}



/* Top Social */
#top_social {
float: right;
color: #ccc;
font-size: 16px;
position:relative;
height:173px;
}

#top_social_icons {
float:right;
}

#top_social_icons ul, #top_social_icons span {float: left;}
#top_social_icons ul {margin-left: 	15px;}

#top_social_icons li {
display: inline;
display: inline-block;
text-indent: -9999px;
width:16px;height:16px;
background: url(images/social/twitter.png) no-repeat;
margin-left: 8px;
}
#top_social_icons li:first-child {margin-left: 0;}
#top_social_icons li.top_facebook { background-image: url(images/social/facebook.png); }
#top_social_icons li.top_linkedin { background-image: url(images/social/linkedin.png); }
#top_social_icons li.top_flickr { background-image: url(images/social/flickr.png); }

#top_social_icons a {
display:block;
}




/* Sub Header */
#sub_header  {
background: #030303 url(images/slider-bg.jpg) no-repeat center center;
padding: 45px 0 35px 0;
margin-bottom: 45px;
}

#content .testimonials {
margin-bottom: 50px;
}

#sub_header .container {
margin-top:50px;
}

.headline h2 {
font-size: 20px;
line-height: 21px;
text-align: center;
width: 90%;
max-width: 800px;
margin: 0 auto;
margin-bottom: 35px;
color: #888;
}

.headline h2 a {
color: #f8552f;
}
.headline h2 a:hover {color: #000;}

h1.heading{text-align:right; color:#f8552f;}
#sub_header h4.subheading{color:#888888; line-height:21px;}



/* Newsletter */
#content .newsletter {margin-bottom: 50px;}
.newsletter p {
margin-bottom: 20px;
}

.newsletter input[type="text"] {
width: 202px;
margin-right: 10px;
}

.newsletter input[type="text"], .newsletter input[type="submit"] {
display: inline;
float: left;
margin-bottom: 15px;
}

.newsletter input[type="submit"]{padding:8px 10px;}

.extra_note {
color: #ccc;
font-size: 12px;
}





/* Content */
#content {
overflow:hidden;
margin-bottom: 10px;
}





/* Sub Content */
#sub_content {
height: 253px;
overflow:hidden;
position:relative;
}

.sub_content_bg {
float: left;
background: url(images/footer-bg.png) no-repeat;
height: 253px;
width: 55%;
position:absolute;
top:0;
left: 50%;
z-index:0;
}

.recent_post_pics {
position:relative;
z-index:2;
}
.recent_post_pics li {
float: left;
}
.recent_post_pics li img {
display: block;
width: 100%;
margin-bottom: 15px;
}
.recent_post_pics a { color: #1d1d1d; }
.recent_post_pics a:hover { color: #f8552f; }

.twitter_update {
margin-top: 35px;
position:relative;
z-index:1;
color: #777;
line-height: 21px;
}

.twitter_bird {
position:absolute;
right:0;
bottom: 55px;
background: url(images/twitter-bird.png) no-repeat;
width: 67px;
height:49px;
}

.twitter_update a:hover, .twitter_update .subheading a:hover{ color: #eee; }
.twitter_update .subheading a { color: #999; }

.twitter_update h4 {
color: #fff;
}


.thumb_post_link a img{margin-bottom:0;}

.thumb_post_link {
position:relative;
overflow:hidden;
margin-bottom:18px;
display: inline;
display: inline-block;
}

.thumb_post_link_inner {
position:absolute;
display:block;
bottom:4px;
right:-1px;
width: 27px;
height: 22px;
background: url(images/orange/arrows.png) no-repeat -27px -22px;
}

.thumb_post_link_inner:hover{
position:absolute;
display:block;
bottom:3px;
right:-2px;
width: 27px;
height: 22px;
background: url(images/orange/arrows-hover.png) no-repeat;
}

.recent_post_pics .thumb_post_link {margin-bottom:10px;}
.recent_post_pics .thumb_post_link_inner {bottom:-1px;right:-1px;}
.recent_post_pics .thumb_post_link_inner:hover {background:url(images/orange/arrows-hover.png) no-repeat;bottom:-2px;right:-2px;}

.es-carousel .thumb_post_link {margin-bottom:10px;}
.es-carousel .thumb_post_link a img {margin-bottom:0px;}
.es-carousel .thumb_post_link_inner{bottom:-1px;right:-1px;}
.es-carousel .thumb_post_link_inner:hover{background:url(images/orange/arrows-hover.png) no-repeat;bottom:-2px;right:-2px;}


/* Footer */
#footer {
background: #1d1d1d;
padding: 50px 0;
}

#footer a:hover { color: #fff; }

#footer h4 {
color: #fff;
margin-bottom: 15px;
}

.foot_col li {
background: url(images/li-pattern.png) repeat-x 0 bottom;
margin:0;
}

.foot_col li a  {
color: #888;
display: block;
padding: 12px 0;
transition: all 0.4s;
-moz-transition: all 0.4s;
-webkit-transition: all 0.4s;
-o-transition: all 0.4s;
}

.foot_col li a:hover {
background: url(images/orange/footer-arrow.png) no-repeat 0 center;
padding-left: 25px;

}



/* Sub Footer */
#sub_footer {
background: #000;
padding: 50px 0 40px;
}

#sub_footer a {
color: #fff;
}

#sub_footer a:hover {
color: #f8552f;
}

#right_sub_footer {
float: right;
text-align: right;
}


/* Inner Content */
#inner_content {margin-bottom:50px;}


/* Portfolio */
ul.ourHolder li {
margin-bottom:50px;
}

ul.ourHolder {
margin-top:0px;
}

#top_social ul.filterOptions{
float:right;
margin-top:60px;
margin-bottom:0;
}

ul.filterOptions li {
display:inline;
padding:0 10px 0  10px;
border-left:1px solid #e2e2e2;
}

ul.filterOptions li:first-child{ border-left:0;}
ul.filterOptions li.active a{ color: #000;}
ul.filterOptions li a{ color: #d7d7d7;}
ul.filterOptions li a:hover{ color: #f5562f;}

.folio_project{position:relative;display:block;}

.folio_project div.content_slides {
float:left;
}

.folio_project .content_slides .slides_container div {display:block;}
.folio_project .content_slides img {min-height:auto;}

.folio_project .folio_info {}

.folio_project .content_slides .pagination {margin-left:45%;margin-bottom:20px;}
#portfolio li.one-third.column {margin-bottom:50px;}


/* Blog */
#blog_posts {
margin-right:40px;
}

#blog_posts .post_heading {float:left;width:80%;}

.post_meta {
font-style:italic;
font-size: 12px;
}

.post_meta a{color:#888;} .post_meta a:hover{color:#262626;}

.post_meta li { display:inline-block;display:block; float:left;margin-right:30px;}
.meta_date {
background:url(images/meta-date.png) no-repeat;
padding-left: 20px;
}

.meta_author {
background:url(images/meta-author.png) no-repeat;
padding-left: 22px;
}

.meta_tags {
background:url(images/meta-tags.png) no-repeat;
padding-left: 22px;
height:22px;
}

.featured_posts { margin-bottom:65px; }
.featured_posts h3 {float:left;}

a.comments{ 
font-size:13px;
float:right;
margin-top:3px;
color:#262626;
background:url(images/comments.png) no-repeat 0 center; 
padding-left:25px;
}

#posts li{
display:inline;
}

#posts li.omega {}

ul.nested{margin:0;}
ul.nested li {padding-left:70px; border-left:4px solid #e9e9e9;}

.comment_body { position:relative; margin-bottom:25px;}

.comment_body img.avatar{
position:absolute;
top:0; left:0;
}

.comment_body div.comment_info{
margin-left:70px;
top:0;
}

.comment_info span {display:block;}
.comment_info .tdate {font-family:Georgia,serif; font-style:italic; font-size:13px; color:#ccc; margin-bottom:15px;}
.comment_body {
font-size:13px;
}

.comment_form textarea {
}

.featured_posts .featured_image_header {
display:block;width:100%;height:4px;
background: #f8552f; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: -moz-linear-gradient(left, #f8552f 0%, #f8552f 50%, #e1e1e1 50%, #e1e1e1 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#f8552f), color-stop(50%,#f8552f), color-stop(50%,#e1e1e1), color-stop(100%,#e1e1e1)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, #f8552f 0%,#f8552f 50%,#e1e1e1 50%,#e1e1e1 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, #f8552f 0%,#f8552f 50%,#e1e1e1 50%,#e1e1e1 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left, #f8552f 0%,#f8552f 50%,#e1e1e1 50%,#e1e1e1 100%); /* IE10+ */
background: linear-gradient(left, #f8552f 0%,#f8552f 50%,#e1e1e1 50%,#e1e1e1 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8552f', endColorstr='#e1e1e1',GradientType=1 ); /* IE6-8 */
}

#comment_form input:focus{
-webkit-box-shadow: 0px 0px 3px 0px #f8552f;
box-shadow: 0px 0px 3px 0px #f8552f;
}

/* Sidebar */

.widget {
margin-bottom:50px;
}

.search_box input[type="text"]{
margin:0;
display:inline;
margin-right:2px;
border-radius:0;
width:218px;
height:37px;
padding-bottom:0;
padding-top:0;
float:left;
background:#F9F9F9;
color:#999;
}
.search_box input.search_btn {
background:#ccc;
border-radius:0;
margin-top:1px;
height:37px;
font-family:"BebasNeueRegular";
font-size:18px;
line-height:14px;
padding:5px 10px;
width:auto;
}

.search_box input.search_btn:hover{
background:#262626;
}

/* Tabs */

.tabs {
padding-bottom:7px;
border-bottom:1px solid #e9e9e9;
}

.tabs li {
font-family:'BebasNeueRegular', Arial, sans-serif;
font-size:18px;
display:inline;
padding-right:15px;
margin-left:15px;
border-right:1px solid #e9e9e9;
}

.tabs li.alpha {margin-left:0;} .tabs li.omega {margin-right:0; border:0;}

.tabs li a {color:#888;} .tabs li a:hover{color:#272727;}

.tabs li.active a{ color:#272727; }
.tabbed_content {font-size:12px; position:relative;}
.tabbed_content ul li img { float:left; margin-right:10px; }
.tabbed_content li a{}
.tabbed_content li {padding-bottom:15px;border-bottom:1px solid #e9e9e9; margin-bottom:20px; position:relative;}
.tabbed_content li p.info {font-size:11px; color:#888;}
.tabbed_content li p { padding-left:60px;margin-bottom:0}

#comment p span{ color:#1d1d1d;}

.list_thumbnail {
position: absolute;
left:0;
top:0;
}

.list_content {
margin-left: 60px;
color:#272727;
}


/* Accordion */
.accordion li {
margin-bottom:0;
padding:10px 0 10px 0;
border-top:1px solid #e9e9e9;
}

.accordion li div {
margin-top:10px;
color:#adadad;
}

.accordion li a.head{
color:#282828;
padding-left:30px;
display:block;
background:url(images/orange/accordion.png) top left no-repeat;
}

.accordion li a.head:hover {
color:#888;
}

.accordion li.active a.head{ background:url(images/orange/accordion.png) bottom left no-repeat;}

.accordion li.omega {
border-bottom:1px solid #e9e9e9;
}


/* Testimonial font-family:Georgia, serif; font-size: 15px; line-height: 21px; color: #f8552f; font-style:italic;*/



blockquote.testimonial, blockquote.testimonial p { font-family:'Droid Sans'; font-style:normal;font-size: 13px; line-height: 21px; color: #777; }
blockquote.testimonial cite a, blockquote.testimonial cite a:visited, blockquote.testimonial cite a:visited {  }

blockquote.testimonial {
background: url(images/testimonial-end.png) no-repeat right 0;
padding-right: 16px;
}

blockquote.testimonial p {
background: url(images/orange/testimonial.png) no-repeat;
padding: 5px 0 0 50px;
height: 110px;
margin: 0;
}

blockquote.testimonial p:first-letter { margin-left:0px;}


/* Share */

.share {
padding-left:20px;
border-left:1px solid #e9e9e9;
height: 21px;
margin:45px 0;
}

.share li {
display: inline-block;
text-indent: -9999px;
width:21px;height:21px;
background: url(images/social/twitter-2.png) no-repeat;
margin-left: 8px;
}
.share li:first-child {margin-left: 0;}
.share li.share_facebook { background-image: url(images/social/facebook-2.png); }
.share li.share_dribbble{ background-image: url(images/social/dribble.png); }

.share a {
display:block;
}


/* Roundabout Slider */
.carousel-container {
  position: relative; width: 940px; margin: 0 auto; padding: 0;
}
#home_carousel {
  width:940px;
  height:450px;
  position:relative;
  margin-bottom:40px;
  font-family: 'Droid Sans';
}
.carousel-image {
  display:block;
}
.carousel-feature {
  position:absolute;
  top:-1000px;
  left:-1000px;
  cursor:pointer;
  background:white;
}

.carousel-feature {
padding:10px;
/*-webkit-box-shadow: 0px 0px 20px #000000;
box-shadow: 0px 0px 20px #000000; */
}

.carousel-feature .carousel-caption {
  position:absolute;
  bottom:10px;
  left:10px;
  width:620px;
  background-color:#000;
}
.carousel-feature .carousel-caption p {
  margin:0;
  padding:20px 10px 20px 10px ;
  font-size:14px;
  line-height:20px;
  color:white;
}
.tracker-summation-container {
  display:none;
}
.tracker-individual-container {
  position:absolute;
  color:white;
  margin:auto;
  left:400px;
  bottom:-45px;
  padding:0;
  margin:0;
}
.tracker-individual-container li {
  list-style:none;
  text-indent:-9999px;
  display:block-inline;  
  background:url(images/orange/home-slider.png) no-repeat -17px 0;
  width: 15px;
  height:14px;
  margin-left:10px;
}
.tracker-individual-container .tracker-individual-blip {
}
.tracker-individual-container .tracker-individual-blip-selected {
  color:white;
  font-weight:bold;
  background-color:#000;
  background:url(images/orange/home-slider.png) no-repeat;
}


/* Slides */


.slides_container {
width:580px;
height:400px;
position:relative;
margin:0 40px 20px 0;
}
.slides_container div {
width:580px;
display:block;
}

.twitter_slider {width:280px;height:auto;}
.twitter_slider div {width:280px;}

#twitter_bird {background:url(files/twitter-bird.png) no-repeat; width:67px; height:49px; margin-bottom:20px;}

.pagination {
margin:15px 0 0 0;
}

.pagination  li{
list-style:none;
display:inline-block;
margin:0px 2px 0 0;
padding:0;
text-indent:-9999px;
}

.pagination li a {
display:block;
width:9px;
height:10px;
background:url(images/orange/slider.png) no-repeat -9px 0px;
}

.pagination .current a {
width:9px;
height:10px;
background:url(images/orange/slider.png) no-repeat;
display:block;
}

div.omega {
margin-right:0;
}


/* PAGE PAGINATION */
ul#page_pagination{
width:100%;
overflow:hidden;
padding-top:20px;
height:32px;
}

#page_pagination li{
display:inline;
}

#page_pagination li a{
color:#888;
padding:8px 12px;
margin:2px 2px;
border:1px solid #eee;
}

#page_pagination li a:hover{
background:#F8552F;
color:white;
}

#page_pagination li.selected a{
background:black;
color:white;
}

#page_pagination li:first-child a{
margin-left:0;
}


/*    CONTACT PAGE     */
form#contact_form p { margin:0 20px 0 0; width:44%; display:inline-block;}

form#contact_form input, form#contact_form textarea {float: left;}
form#contact_form input{width:100%;float:left;}

form#contact_form textarea {
width:92%;
}

#email_error, #name_error, #message_error, #subject_error {
position: relative;
}

form#contact_form input#send_message {
width:auto;
}

#contact_form_holder .error {
    display: none;
    color: #a00;
	font-style: italic;
}
#contact_form_holder #mail_fail {
	top: 15px;
}
#contact_form_holder .success {
	display: none;
	border: 1px solid #bd9;
	color: #573;
	padding: 10px 20px;
	padding-left: 30px;
	-moz-border-radius: 3px; /* Firefox */
	-webkit-border-radius: 3px; /* Safari, Chrome */
	border-radius: 3px; /* CSS3 */
	position: relative;
	left: 100px;
	top: 15px;
}
#contact_form_holder .error img { vertical-align:top; }
#contact_form_holder span.clear { display: block; clear: both; }

.info_email {background:url(files/email.png) no-repeat left center; padding-left:40px;}
.info_phone {background:url(files/phone.png) no-repeat left center; padding-left:40px;}
.info_website {background:url(files/website.png) no-repeat left center; padding-left:40px;}

.copyrights{text-indent:-9999px;height:0;line-height:0;font-size:0;overflow:hidden;}

/* Image Hover Effect */
.zitem {
    width:280px;
    height:200px;   
    /* required to hide the image after resized */
    overflow:hidden;
    /* for child absolute position */
    position:relative;
}

 
.zitem .zoom_icon {
    width:280px;
    height:200px;
    background:#000 url(images/zoom.png) no-repeat center center;
    color:#fff;
    /* fix it at the bottom */
    position:absolute;
    bottom:0; /* fix IE issue */
    left:0;
	/* hide it by default */
    display:none;
	/* opacity setting */
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70);    /* ie  */
    -moz-opacity:0.7;    /* old mozilla browser like netscape  */
    -khtml-opacity: 0.7;    /* for really really old safari */ 
    opacity: 0.7;    /* css standard, currently it works in most modern browsers like firefox,  */
 
}
.zitem .zoom_icon a {display:block;text-indent:-9999px; width:280px; height:200px;}

.zitem .zoom_icon img {visibility:hidden;}

 
.zitem img {
    border:0;
    /* allow javascript moves the img position*/
    position:absolute;
}

.zitem .thumb_post_link_inner {
bottom:-1px;
}

.zitem .thumb_post_link_inner:hover{
bottom:-2px;
}

.featured_posts .zitem.featured_image_zoom ,
.featured_posts img.featured_image {
width:100%;height:300px;
}
.featured_posts .zitem.featured_image_zoom .zoom_icon, 
.featured_posts .zitem.featured_image_zoom .zoom_icon a 
{width:100%;height:300px;}


/* Some Extra Styles */
#folio_1_link, #folio_2_link {background:#f9f9f9; overflow:hidden;}
#folio_1_link  a, #folio_2_link a{font-size:2em;font-family:'BebasNeueRegular';height:100px; line-height:100px;padding:0 23%;color:#ddd;display:block;}
#folio_1_link  a:hover, #folio_2_link a:hover {color:#c9c9c9;}
#folio_1_link, #folio_2_link{
-webkit-box-shadow: inset 0 0 10px #cccccc;
-moz-box-shadow: inset 0 0 10px #cccccc;
box-shadow: inset 0 0 10px #cccccc;
}

/* styles for desktop */
.tinynav { display: none; }

/* IE styling */
html.ie8 #blog_posts .featured_image_header{
display:none;
}

html.ie8 input[type="text"],html.ie8 textarea{
height:auto;
border:1px solid #ccc;
padding-top:10px;
padding-bottom:10px;
margin-top:1px;
color:#999;
}








/* styles for mobile */
@media screen and (max-width: 630px) {
    .tinynav { display:block;z-index:33;}
	select.tinynav {position:absolute;top:40px;right:5%;}
    #top_nav { display: none; }
	select.tinynav{
	border: 1px solid #ccc;
	font: 13px/18px 'Droid Sans', Arial, Tahoma, 'Sans Serif';
	width: 150px;
	color: #999;
	cursor:pointer;	
	padding:7px 5px;
	}
}



/* Media Queries */

/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {	
	.slides_container {
		width:420px;
		height:289px;
	}
	
	.slides_container div {
		width:420px;
	}
	
	#page_pagination {
	padding-left:25%;
	}
	#page_pagination li{
		display:none;
	}
	#page_pagination li.prev, #page_pagination li.next {display:inline-block;}
	
}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
	#content .es-carousel .thumb_post_link {
		width: 100%;
		overflow:hidden;
	}
	
	.zitem {
		width:236px;
		height:180px;
	}
	.zitem .zoom_icon {
		width:236px;
		height:180px;
	}
	.featured_posts .zitem.featured_image_zoom , 
	.featured_posts img.featured_image {
		height:240px; 
	}
	.featured_posts .zitem.featured_image_zoom  .zoom_icon, 
	.featured_posts .zitem.featured_image_zoom  .zoom_icon a { 
	height:240px;
	}
	.tabs li {font-size:16px;margin:0 2%;padding-right:3%;}
	.slides_container {
		width:420px;
		height:289px;
	}
	
	.slides_container div {
		width:420px;
	}
	.twitter_slider p{width:230px;}
	.twitter_slider {height:105px;}
	
	
}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {

	#content .es-carousel .thumb_post {
		width: 50px;
		overflow:hidden;
	}

	#sub_content {display:none;}
	#carousel li {}
	
	#sub_footer {text-align:center;}
	#right_sub_footer {text-align: center;}
	.featured_posts .zitem.featured_image_zoom , 
	.featured_posts img.featured_image { 
		height:204px; 
	}
	.featured_posts .zitem.featured_image_zoom  .zoom_icon, 
	.featured_posts .zitem.featured_image_zoom  .zoom_icon a {
		height:204px;
	}
	
	.slides_container {
		width:420px;
		height:289px;
	}
	
	.slides_container div {
		width:420px;
	}
	
}

@media only screen and (max-width: 650px) {
	
	#top_social_icons { display: none; }
	#select_nav { display: inline-block; }
	blockquote{clear:both;display:block;}
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
	#sub_content {display:none;}
	#carousel li {}
	
	#sub_footer {text-align:center;}
	#right_sub_footer {text-align: center;}
	.featured_posts .zitem.featured_image_zoom , 
	.featured_posts img.featured_image {
		height:147px; 
	}
	.featured_posts .zitem.featured_image_zoom  .zoom_icon, 
	.featured_posts .zitem.featured_image_zoom  .zoom_icon a {
		height:147px;
	}
	.slides_container {
		width:300px;
		height:206px;
	}
	
	.slides_container div {
		width:300px;
	}
	
	form#contact_form p{width:100%;}
	form#contact_form textarea{width:100%;}
}

/* For Responsive Carousels */
@media screen and (max-width: 939px) {

	#content #carousel { width: 90%; }
	#content .es-carousel ul li { margin-right: 5%; }
	

}

@media only screen and (min-width: 960px) {
	#main_content {width: 640px;}
}

/* For FilterOptions */
@media screen and (max-width: 525px) {
	ul.filterOptions {display:none;}
	#logo{margin-left:0%;}
}




@media only screen and (max-width: 480px){
	#carousel es.carousel ul li {
		margin-left:0px;
	}
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
	#carousel .es-carousel ul li{
		margin:0 40px;
	}
}

@media only screen and (min-width: 768px) and (max-width: 939px) {
	#carousel .es-carousel ul li{
		margin:0 40px;
	}
	#carousel .es-carousel ul li a.thumb_post_link_inner{right:3px;}
	#carousel .es-carousel ul li a.thumb_post_link_inner:hover{right:2px;}
}