#scrollable-dropdown-menu .tt-dropdown-menu {
  max-height: 150px;
  overflow-y: auto;
  width: 400px;
}

.tt-menu {
	background-color: rgb(255,255,255);
	border: 1px solid #CCC;
	margin-top: -10px;
}
.tt-suggestion {
	border-bottom: 1px solid #CCC;
	cursor: pointer;
}
.typeahead {
	width: 360px;
}

.nav-tabs, .nav-pills {
	cursor: pointer;
}

/* GLOBAL   
----------------------------------------------------------*/

/* Body */
html, body { width:100%; height:100%; }
body { font-size: 13px; line-height: 1.429; text-align: left;}

/* Headings */
h1 { font-size: 32px; }
h2 { font-size: 24px; }
h3 { font-size: 16px; }	
h4 { font-size: 14px; }	
h5 { font-size: 12px; }	
h6 { font-size: 11px }		
h1, h2, h3, h4, h5, h6 { font-weight: 300; line-height: 150%; margin-bottom: 10px; }

/* Anchors */
a { outline: 0; }
a img { border: 0px; text-decoration: none; }
a:link, a:visited {  }
a:hover, a:active { text-decoration:none; }
strong, b { font-weight:800; }
p b, p strong { font-weight:600; }
p { margin-bottom:20px; line-height:22px; }
.alert strong { font-weight:700; }
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { text-decoration:none; }

/* FONTS */
.btn, .alert, input, textarea, label, select, p, body, .post .category { font-family: 'Open Sans', sans-serif; }
i, blockquote p, .comment-meta a, .comment-reply-link, blockquote small, .post .info, .post .tags { font-family: Georgia, "Times New Roman", Times, serif; }
.media-box .mask .title, .post { font-family: 'Open Sans Condensed', sans-serif; }
.post-title {font-family: 'Open Sans', sans-serif;, cursive; font-size:24px !important; }

::-moz-selection { background: #000; color: #fff; text-shadow:none; }
::selection { background: #000; color: #fff; text-shadow:none; }

/* Helpers */
.clear { clear:both; }
.center { text-align:center; margin:30px auto;}
img.center { margin: 10px 0 20px 100px !important; }
.left { float:left; }
.right { float:right; }
img.right, figure.right { float: right; margin: 0 0 2em 2em; }
img.left, figure.left { float: right; margin: 0 0 2em 2em; }
.align-left { float:left; margin-right:20px; margin-bottom:10px; }
.align-right { float:right; margin-left:20px; margin-bottom:10px; }
.align-center { text-align:center; }
.no-display { display:none; }
.no-border { border:none !important; }
.no-bg { background:none !important ; }
.text-justify { text-align:justify; }
.no-margin { margin:0 !important; }
.visible { display:block; }
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: block; }
* html .clearfix { height: 1%; }
.easing,.clients .client, .featured-posts .item a, #nav li ul li a, .social li a, #flickr_badge_wrapper img, .main-slider-narrow, .flex-direction-nav li a, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, .pagination a, .category a, ul.categories li a, .archives .list a, .tags a, .post .info a, input, textarea { -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }


/* HEADER   
----------------------------------------------------------*/
.header-wrap { padding-bottom:10px; }
.header .menu { display:none; margin-bottom:22px; margin-top:10px; height:auto; width:100%;  padding: 5px 10px; font-weight:800; text-transform:uppercase; outline:0; -webkit-appearance: none; -moz-appearance: none; background-image: url(../img/background/select-bg.png); background-position: right center; background-repeat: no-repeat; }

/* LOGO */
#logo { padding:40px 0 20px 0; }
#logo h1 { margin-bottom:0; margin-top:15px; line-height:100%; }
#logo p { margin:1px 0 7px 0; }
#logo img { max-height:70px; float:left; margin-right:16px; }
#logo a:hover { text-decoration:none; background:none; }

/* NAV MENU */
#nav { margin-top:0px; float:right; } 
#nav li { position:relative; display:inline-block; margin:0 4px; } 
#nav > li:last-child { margin-right:0px; }  
#nav li a { position:relative; display:block; padding:17px; min-width:40px; line-height: 18px; text-align:center; font-size:14px; z-index:300; }
#nav li a:hover, #nav li a.selected:hover, #nav li a.current { text-decoration:none;}

/* menu level 2 */
#nav ul { display:none; position:relative; width:160px; z-index:310; margin:0; position:absolute; top:35px; left:0; padding: 10px 0 0 0; background-image:url(../img/background/nav-dropdown.png); background-position:18px 4px; background-repeat:no-repeat; }
#nav ul li { display:block; padding:0; margin:0; text-align:center; }
#nav ul li a { text-align:left; padding:10px 18px; font-size:12px; }
#nav ul li:first-child a { border-top:none; }
#nav ul li:last-child a { border-bottom:none; }

/* menu level 3 */
#nav ul ul { top:0; left:auto; right:160px; padding:0 8px 0 0; background:url(../img/background/nav-dropdown-left.png) 160px 16px no-repeat; }

/* social links */
.social { clear:right; float:right; list-style:none; margin:34px 0 10px 0; }
.footer .social { float:none; }
.footer .social li a { margin:0 5px 8px 0; }
.social li { display:inline-block; text-indent:-999em; }
.social li a { display:block; width:32px; height:32px; margin-left:5px; background-image:url(../img/background/social.png); background-repeat:no-repeat; 
}
.social li:first-child a { margin-left:0; } 
.social li a:hover { border-top-left-radius:16px; border-bottom-right-radius:16px; border-top-right-radius:16px; border-bottom-left-radius:16px; background-image:url(../img/background/social2.png);}
.social li a.facebook:hover { background-color:#3c5fac;}
.social li a.twitter { background-position:-32px 0; }
.social li a.twitter:hover { background-color:#5ec3df; }
.social li a.flickr { background-position:-64px 0; }
.social li a.flickr:hover { background-color:#FF0084;}
.social li a.rss { background-position:-96px 0; }
.social li a.rss:hover { background-color:#ff9900;}
.social li a.dribble { background-position:-128px 0; }
.social li a.dribble:hover { background-color:#EA4C89;}
.social li a.lastfm { background-position:-160px 0; }
.social li a.lastfm:hover { background-color:#D51007;}
.social li a.linkedin { background-position:-192px 0; }
.social li a.linkedin:hover { background-color:#2089b5;}
.social li a.vimeo { background-position:-224px 0; }
.social li a.vimeo:hover { background-color:#0dadd6;}
.social li a.google { background-position:-256px 0; }
.social li a.google:hover { background-color:#c63d2d;}
.social li a.forrst { background-position:-288px 0; }
.social li a.forrst:hover{ background-color:#5b9a68;}
.social li a.skype { background-position:-320px 0; }
.social li a.skype:hover { background-color:#00aff0;}
.social li a.picassa { background-position:-352px 0; }
.social li a.picassa:hover { background-color:#ffd34e;}
.social li a.youtube { background-position:-384px 0; }
.social li a.youtube:hover { background-color:#c8312b;}
.social li a.pinterest { background-position:-416px 0; }
.social li a.pinterest:hover { background-color:#cb2027; }


/* FOOTER   
----------------------------------------------------------*/
.footer {color:#39393A; padding-top:20px; padding-bottom:20px; margin-left: auto; margin-right: auto; }
.footer h3, .blog-part h3 { clear:left; margin-bottom:10px; font-size:14px; text-transform:uppercase; }
.footer .widget { min-height:1px; }
.text-widget .logo { width:56px; float:left; margin:0 15px 10px 0; }
.footer a { font-style:italic; }
.copy-text p { padding-top:10px; margin-bottom:0; text-align:right; font-size:11px; }

/* FLICKR WIDGET */
#flickr_badge_wrapper img { float: left; width: 40px; height: 40px; margin: 0 14px 14px 0; }

/* - Twitter Widget - */
#twitter-widget .tweet_avatar {display: none;}
#twitter-widget ul.tweet_list {margin:0;}
	
#twitter-widget .tweet_list li {margin-bottom:30px;list-style:none; margin-right:10px; padding:17px 10px 15px 28px; background:#E7E7E7 url(../img/background/twitter.png) left 15px no-repeat;}
#twitter-widget .tweet-list li .tweet_time{display: inline-block;}
.tweet_time a, .tweet_text a { color:#666;text-decoration:underline;-webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}
.tweet_time a:hover, .tweet_text a:hover {color:#000; text-decoration:none;-webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}

/* MIDDLE   
----------------------------------------------------------*/
.middle { padding-bottom:60px; }
.main-slider, .aside { margin-top:20px; }
.content .main-slider { margin-top:4px; }

/* SLIDER   
----------------------------------------------------------*/
.main-slider { margin-bottom:50px !important; }
.main-slider-narrow .flex-direction-nav li a { top:auto; bottom:6%; width:32px; height:32px; opacity:0; background-image: url(../img/background/slider-arrows.png); background-position: 0 0; background-repeat: no-repeat; }
.main-slider-narrow:hover .flex-direction-nav li a { opacity:1; }
.main-slider-narrow .flex-direction-nav li .next { left:72px; background-position:-32px -32px; }
.main-slider-narrow:hover .flex-direction-nav li .next { left:52px; }
.main-slider-narrow .flex-direction-nav li .next:hover { background-position:0 -32px; } 
.main-slider-narrow .flex-direction-nav li .prev { right:auto; left:0px; background-position:0 0; }
.main-slider-narrow:hover .flex-direction-nav li .prev { left:20px; }
.main-slider-narrow .flex-direction-nav li .prev:hover { background-position:-32px 0; }


/* MAINPAGE BOXES   
----------------------------------------------------------*/
/* media boxes */
.media-box { position:relative; }
.media-box img { display:block; }
.media-box .mask { display:none; position:absolute; top:0; left:0; width:100%; height:100%; }
.media-box .mask .ico { position:absolute; top:0; left:0; display:block; width:100%; height:100%; background-position: 90% 10%; background-repeat:no-repeat; }
.media-box .mask .ico.image { background-image:url(../img/background/media-box-image.png); }
.media-box .mask .ico.video { background-image:url(../img/background/media-box-video.png); }
.media-box .mask .ico.link { background-image:url(../img/background/media-box-link.png); }
.media-box .mask .title { width:40%; margin-left:5%; margin-top:5%; font-size:20px; font-weight:800; line-height:100%; }

/* aside */
.aside h2 { margin-bottom:10px; font-size:24px; color:#333333 !important; font-weight:normal; line-height:32px; font-family: 'Open Sans',Helvetica,Arial,sans-serif; }
.aside p { font-size:13px; word-spacing:0px; color:#666666; font-weight:normal; line-height:24px; font-family: 'Open Sans',Helvetica,Arial,sans-serif; }

/* homepage parts */
.blog-part, .blog-post, .service { padding-top:14px; margin-bottom:10px; }
.blog-part div { padding: 0 20px 0 0px; }
.blog-post h3, .service h3 { font-size:15px; font-weight:400; margin-top:16px; margin-bottom:0px; }
.blog-post h3 { margin-bottom:8px; }
.blog-part h3 { font-weight:800; padding-bottom:10px; margin-bottom:8px; }
.blog-part div p:last-child { margin-bottom:10px; }

/* latest portfolio items */
.latest-portfolio { margin-top:34px; margin-bottom:0px; }
.latest-portfolio .service { margin-top:0; padding-top:0; margin-bottom:40px; }
.latest-portfolio .service h3 { float:left; line-height:100%; }
.latest-portfolio .service span { margin-top:10px; margin-left:6px; font-size:11px; font-weight:600; text-transform:uppercase; }
/* services */
.services { clear:left; text-align:center; margin-top:1px; margin-bottom:1px; }
.services .item { margin-top:1px; margin-bottom:1px; }
.services img { float:left; display:block; margin:5px auto; width:50px; height:50px; }
.services h3 { font-size:24px; font-weight:normal; line-height:32px; font-family: 'Open Sans',Helvetica,Arial,sans-serif; }
.services .item h3 {float:left; font-size:12px; font-weight:bold; padding-top:20px;}
.services p { float:left; text-align:justify; font-size:13px; word-spacing:0px; color:#666666; font-weight:normal; line-height:24px; font-family: 'Open Sans',Helvetica,Arial,sans-serif; }
.service-title { text-align:left; padding-top:0px !important; margin-bottom:0 !important; }
.service-title span { float: right; font-size: 14px; }


/* CONTENT TYPOGRAPHY STYLES  
----------------------------------------------------------*/
.content h2, .content h3, .content h4, .content h5, .content h6 { clear:left; font-weight:400; }
.content h2 { padding-top:10px; padding-bottom:4px; margin-bottom:20px; }
.content h3 { font-weight:600; padding-top:8px; margin-bottom:12px; }
.content h6 { font-weight:600; }

/* page header */
.page-header { margin-bottom:30px !important; margin-top:18px !important; }
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { margin-left:12px; margin-top:6px; }
h1 small { font-size:15px; font-style: italic; font-family:Georgia, "Times New Roman", Times, serif; }

/* inline labels */
.label { font-size: 12px; text-transform:none; text-shadow:0 1px 0 rgba(0,0,0,.5); }

/* list styles */
.content ul.list, .content ol.list { margin-bottom:20px; padding-left:8px; }
.content ul.list li, .content ol.list li { line-height:140%; margin:0 0 6px 0; }
ul.arrow li { list-style-image:url(../img/background/list-arrow.png); }
ul.check li { list-style-image:url(../img/background/list-check.png); }
ul.plus li { list-style-image:url(../img/background/list-plus.png); }
ul.cube li { list-style-image:url(../img/background/list-cube.png); }

/* table */
.table th { font-weight:600; }

/* featured text + button */
.featured { padding:20px 0; margin-bottom:30px; }
.featured h3 { margin:10px 20px 0 26px; font-weight:400; }
.featured .featured-btn { text-align:right; } 
.featured .featured-btn .btn { margin-right:30px; }

/* blockquotes */
blockquote { margin:20px 30px 20px 0; margin-left:0 !important; font-style:italic; padding-left:70px; padding-top:20px; border:0; background:url(../img/background/quotes.png) left top no-repeat; }
blockquote.well { padding-left:70px; padding-top:20px; background-position:10px 10px; }
blockquote p { margin-bottom:12px; line-height:140%; }


/* tabs */
.nav-tabs > li > a { padding-top: 15px; padding-bottom: 15px; }
.nav-tabs > li > a, .nav-pills > li > a { padding-right: 15px; padding-left: 20px; margin-right: 6px; }
.tabs-left .nav-tabs > li > a, .tabs-right .nav-tabs > li > a { margin-bottom: 5px; }
.nav-tabs > li { margin-bottom:0; }
.nav-tabs > li > a { border:0; }
.nav-tabs > .active > a, .nav-tabs > .active > a:hover { border:0; font-weight:800; }
.tab-content > .tab-pane, .pill-content > .pill-pane { padding:10px 20px; background-color:#F4F4F4; }
.tabs-left .nav-tabs > li:last-child > a, .tabs-right .nav-tabs > li:last-child > a { margin-bottom: 0; }
.tabs-left .nav-tabs > li > a { margin-right: 0px; }

/* accordion */
.accordion-group { border:0; }
.accordion-heading .accordion-toggle { padding:12px 15px; font-size:13px; font-weight:400; cursor:pointer; }
.accordion-heading .accordion-toggle:hover { text-decoration:none; }
.accordion-group .accordion-heading .accordion-toggle { font-weight:600; border-radius:4px; }
.accordion-group.active .accordion-heading .accordion-toggle { font-weight:800; }
.accordion-body { display:none; padding:0; margin:0; background-color:#F4F4F4; }
.accordion-body .accordion-inner { margin:0; padding:20px; line-height:160%; }
.accordion-body p { margin-bottom:0; }

/* toggles */
.toggle.accordion { margin-bottom:0; }
.accordion-group .accordion-heading .accordion-toggle i { margin-right:10px; }
.accordion-group .accordion-heading .accordion-toggle i.icon-active { display:none; }
.accordion-group.active .accordion-heading .accordion-toggle i.icon-active { display:inline-block; }
.accordion-group.active .accordion-heading .accordion-toggle i.icon-passive { display:none; }

/* lightbox titles */
div.pp_default .pp_description { margin-top:8px !important; font-size:14px !important; font-weight:600 !important; }


/* CONTACT PAGE 
----------------------------------------------------------*/
.map { margin:30px 0; }
.contact-form { margin-top:30px; margin-bottom:30px; }
.contact-form label { display:block; }
.contact-form .text { width:94%; padding:10px; margin-bottom:20px; }
.contact-form textarea.text { min-height:100px; }
.contact-form .btn { margin-top:10px; padding:10px 60px; font-size:18px; font-weight:700; }
.contact-info { margin-top:28px; }
.contact-info p { line-height:100%; margin-bottom:10px; }
.contact-info b { min-width:60px; display:inline-block; }
.contact-info i { margin-right:10px; margin-top:3px; }
.contact-alert { margin-top:30px; }
.submit-area.loading { background-image:url(../img/background/loading.gif); background-position:right bottom; background-repeat:no-repeat; }

/* validation */
label.error { display:none !important; } 
input, textarea { outline:3px solid #fff; }

/* SIDEBAR 
----------------------------------------------------------*/
.sidebar { padding-bottom: 30px; }
.sidebar .widget { margin-top:50px; margin-bottom:20px; }
.sidebar .widget p:last-child { margin-bottom:0; }
.sidebar .featured-posts p:last-child { margin-bottom:8px; }
.sidebar h3 { padding-top:0px; margin-bottom:12px !important; font-size:14px; }
.sidebar .search-widget { height: 74px;  margin-bottom: 20px; }
.search-widget input { padding:6px !important; height:auto !important; width:80%; max-width:220px; background-image:url(../img/background/search_bg.png); background-position:right bottom; background-repeat:no-repeat; }
.search-widget .send { display:none; }
.search-widget .input-append { padding-top:22px; }
.input-append .add-on, .input-append .send { margin-left: -1px;
-webkit-border-radius: 0 3px 3px 0;
-moz-border-radius: 0 3px 3px 0;
border-radius: 0 3px 3px 0; }
.sidebar .search-widget, .sidebar .widget { margin-left:30px; }

/* sidebar list */
.sidebar ul.list { margin-left:10px; }
.sidebar ul.categories li { width:40%; margin-right:5%; float:left; }

/* featured posts */
.featured-posts h3 { margin-bottom:16px !important; }
.featured-posts .item { position:relative; min-height:60px; margin-top:5px; margin-bottom:12px; }
.featured-posts .item:last-child { border-bottom:0; }
.featured-posts .item a.image-box:hover { opacity:.6; }
.featured-posts img { position:absolute; top:0; left:0; width:70px; }
.featured-posts .info { margin-left:88px; } 
.featured-posts .info * { clear:none; padding:0; margin:0; }
.featured-posts .info h4 { line-height:100%; margin-bottom:6px; }
.featured-posts .info p { margin-bottom:10px !important; font-size:12px; line-height:120%; }


/* BLOG   
----------------------------------------------------------*/
.post-list { padding:30px 0; }
.post { margin-bottom:76px; }
.post .post-title { padding-top:0; margin-top:-4px; margin-bottom:6px; font-size:21px; text-shadow: 0.5px 0.5px 0px #ddd, 1px 1px 0px #999; }
.post .info, .post .tags { padding-bottom:10px; font-size:13px; margin-bottom:12px; font-style:italic; }
.post .category { float:right; font-size:12px; text-transform:uppercase; font-weight:600; text-shadow: 0px 0px 0px #ddd, 0px 0px 0px #999;}
.post .category:hover { background:none; }
.post .tags { padding-top:6px; margin-top:10px; }
.post .media-box  { margin-bottom:20px; }
.post-single .media-box  { padding-top:10px; padding-bottom:30px; }
.post-single .info, .post .tags { padding-bottom:0; margin-bottom:0; }
.post-single .info .category { font-style:normal; }
.post-single { padding-top:22px; }
.post-single .info { padding-bottom:6px; }
.post-single .tags { margin-top:50px; }
.pagination { font-style:italic;}
.post-info { margin-bottom:6px; text-align:right; }
.post-content { padding-top:14px; }

/* Comment Form */
.respond { margin-top:60px;  margin-bottom:30px; }
.respond-wrap { padding-top:20px; }
.respond-wrap .title, .respond-wrap p { padding-left:30px; padding-right:30px; }
.respond .title { font-size:24px; text-transform:uppercase; font-weight:800; }
.respond .input {  height:30px; }
.respond textarea.input { height:160px; }

/* Comments */
h3.comments-title { font-size:28px; margin-top:50px; margin-bottom:20px; text-transform:uppercase; border-bottom:0; }
ol.commentlist{	list-style-type: none; margin: 0 0 15px; }
ol.commentlist ul, ol.commentlist ol { list-style:none; }
.comment-author.vcard { font-size:18px; }
.comment-meta a{ font-style:italic; }
.commentlist .comment-body .avatar { left: 20px; position: absolute; right: auto; top: 20px; width:60px; }
.commentlist .comment-body { margin-bottom: 16px; min-height: 80px; overflow: hidden; position: relative; min-height: 90px; padding: 20px 20px 4px 96px; }
.commentlist .comment-body p { margin-top:10px; }
.comment-reply-link { position:absolute; top:20px; right:20px; font-style:italic; }
.commentlist .children > li { padding-bottom: 10px; padding-left: 30px; margin-bottom: 10px; }
.commentlist .children li > .comment-body { margin-bottom: 10px;  background:none; }
.commentlist .highlighted > .comment-body { border: medium none; padding: 1px !important;}


/* PORTFOLIO   
----------------------------------------------------------*/
#portfolio { margin-left:-30px; margin-right:-8px; }
#portfolio .item { float:left; width:210px; margin-left:30px; margin-bottom:40px; }
#portfolio .item  h3.project-title { margin:13px 0 0 0; text-align:center; font-size:14px; line-height: 126%; font-weight:400;}
.portfolio-items .title { font-size:20px !important; width:60% !important; text-align:center !important; margin:20% 20% !important; }
#portfolio .item  .category { margin-top:3px; margin-bottom:12px; line-height: 134%; font-size:12px; font-family:Georgia, "Times New Roman", Times, serif; text-align:center; }
#portfolio .item img { -moz-box-shadow: 0 0 3px #888;
-webkit-box-shadow: 0 0 3px #888;
box-shadow: 0 0 3px #888; }

/* Portfolio Filters */
#filters { list-style:none; margin:60px 0 40px 0; text-align:center; }
#filters li { display:inline-block; margin:0 10px; }
#filters a { font-size:20px; font-weight:300; }
#filters .current a { font-weight:700; }

/* Isotope Filtering */
.isotope-item { z-index: 2; }
.isotope-hidden.isotope-item { pointer-events: none; z-index: 1; }

/* Isotope CSS3 transitions */
.isotope, .isotope .isotope-item { -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; -ms-transition-duration: 0.8s; -o-transition-duration: 0.8s; transition-duration: 0.8s; }
.isotope { -webkit-transition-property: height, width; -moz-transition-property: height, width; -ms-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; -ms-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; -ms-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; }


/* PORTFOLIO SINGLE  
----------------------------------------------------------*/
.page-header h1 .back { font-size:15px; float:right; margin-top:11px; }
.portfolio-single, .portfolio-sidebar { margin-top:24px; margin-bottom:30px; }
.portfolio-sidebar strong { display:block; }
.portfolio-sidebar p { margin-bottom:18px; }
.portfolio-sidebar p.launch { padding-top:20px; } 

/* portfolio single - gallery */
.post-slider { min-height:100px; }
.post-slider .flex-direction-nav { display:none; }
.post-slider.with-arrow .flex-direction-nav { display:block; }
.post-slider .flex-direction-nav li a { top:36px; bottom:auto; }

/* portfolio single - video */
.video-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; }
.video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


/* GRID PAGE
----------------------------------------------------------*/
.show-grid [class*="span"] { margin-bottom: 20px; text-align: center; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; min-height: 30px; line-height: 40px; }


/* 404 PAGE
----------------------------------------------------------*/
.not-found { text-align:center; }
.not-found h2 { margin-bottom:4px; line-height:110%; font-size:160px }
.not-found h3 small { font-size:17px; font-weight:300; }

/* ARCHIVES PAGE
----------------------------------------------------------*/
.archives { padding-top:20px; }
.archives h3 { font-size:14px; }
.archives ul.list { margin-top:8px; margin-bottom:30px; margin-left:16px; }
.archives ul.list li { margin-bottom:6px; }
.archives ul.list ul li { margin-bottom:4px; }
.archives ul.list li span { margin-left:10px; font-size:12px; }
.archives ul.list li ul { margin-top:6px; margin-bottom:8px; }


/* COLOR SPECIFIC STYLES GROUPED FOR EASY TEMPLATING
----------------------------------------------------------*/
/* text-colors */
body { color:#666; }
#nav li a, .portfolio-sidebar strong { color:#000; }
h1, h2, h3, h4, h5, h6 , h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, #portfolio .item h3.project-title, .table th, .contact-info b, h1 b, h2 b, h3 b, h4 b, h5 b, h6 b, .intro:first-letter, #filters .current a, address strong { color:#333; }
.nav > li > a:hover { color:#FF5D00; }
#logo h1 a, .intro, ul.categories li a, .accordion-group.active .accordion-heading .accordion-toggle, .tagline h3 { color:#555; }
blockquote p, .accordion-group .accordion-heading .accordion-toggle, .post .tags a, .pagination a, .archives .list a { color:#777; }
.nav > li > a, #logo p, .accordion-heading .accordion-toggle, .header .menu, .tagline p, .comment-meta a, .page-header h1 .back, .featured-posts .info p { color:#999; }
#nav ul li a, #portfolio .item  .category, #filters a, .post .info, .post .tags, .post .category a, .latest-portfolio .service span, .service-title span, .post-info, .archives .list li span, .copy-text p { color: #bbb; }
#nav li a:hover, #nav li.active > a, #nav li a.selected:hover, #nav li a.current, #nav li a.selected, #nav li a.current-sub, .media-box .mask .title { color:#FF5D00; }
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover, .category a:hover, ul.categories li a:hover, .archives .list a:hover, .tags a:hover, .post .info a:hover { text-decoration:none; color:#333; background-color:#FFFFA8; }

/* text-shadows */
/*h1 b, h2 b, h3 b, h4 b, h5 b, h6 b, .intro:first-letter { text-shadow: 1px 1px 0px #fff, 2px 2px 0px #ddd, 3px 3px 0px #aaa; }*/
.media-box .mask .title { text-shadow:0 1px 0 rgba(0,0,0,.3); }

/* backgrounds */
body { background:#fff; }
input:focus, textarea:focus, .main-slider-narrow .flex-direction-nav li a, .input-append .send { background-color: #fff; }
.main-slider-narrow .flex-direction-nav li a:hover { background-color:#222; }
.table-striped tbody tr:nth-child(odd) td, .table-striped tbody tr:nth-child(odd) th,   input, textarea, .commentlist .comment-body, #portfolio .item, pre, .well,  { background-color: #fafafa; }

.accordion-group.active .accordion-heading .accordion-toggle, .accordion-group .accordion-heading .accordion-toggle:hover,
.accordion-group .accordion-heading .accordion-toggle, .nav-tabs > .active > a, .nav-tabs >
.active > a:hover { background-color: #CEE1E0; }

#nav ul li { background:#fff; box-shadow: 0 0 4px rgba(0, 0, 0, 0.1); }
#nav ul li a:hover { background:#F5F5F5; }
.media-box .mask { background:#000; background: rgba(0, 0, 0, .7); }
.commentlist .highlighted > .comment-body { background-color: #98BAB1; }
.social li a { background-color:#fff; }
.show-grid [class*="span"] { background-color: #EEE; }
input.error, textarea.error { background-color:#FFF4F4; }

/* border styles */
.featured-posts .item, .search-widget, .blog-part h3 { background:url(../img/background/doubleborder2.png) repeat-x bottom left; }
.post .tags{ background:url(../img/background/doubleborder2.png) repeat-x top left; }
.header-wrap, .content h2, .tagline, .post-single .media-box, .author-info, .commentlist .children > li, #portfolio .item, .header .menu,.service-title h3   { background:url(../img/background/doubleborder.png) repeat-x bottom left; }
.nav-tabs, #flickr_badge_wrapper img, .featured-posts img { border-style:solid;  }

/* border-widths */
.content .post .tags, .author-info{ border-width:1px 0 0 0; }
.header-wrap, .page-header, .content h2, .blog-part h3, .search-widget, .post-single .media-box, .featured-posts .item { border-width:0 0 1px 0; }
.tagline { border-width:0 0 0 0; }
.commentlist .children > li { border-width:0 0 0 1px; }
.content .tagline { border-width:1px 0; }
.header .menu { border-width:1px; }
.nav-tabs { border-width:0 0 5px 0; }
#flickr_badge_wrapper img { border-width:2px; }
.featured-posts img { border-width:2px; }

/* border colors */
.header-wrap, .page-header, .content h2, .tagline, .blog-part h3, .content .tagline, .search-widget, .post .tags, .post-single .media-box { border-color:#ddd; }
.author-info, .author-bio .author-name, #portfolio .item, .header .menu, #flickr_badge_wrapper img, .featured-posts .item { border-color:#ddd; }
.well, pre, .table th, .table td, .commentlist .children > li, input, textarea, .featured-posts img { border-color:#eee; }
.nav-tabs { border-color:#fff; }
#flickr_badge_wrapper img:hover { border-color:#D90632; }
.input-append .send:hover { border-color: #ccc; }
input:focus, textarea:focus { border-color:#ccc; outline-color:#eee; background-color:#fff; }
 

/* MEDIA QUERIES - RESPONSIVE LAYOUT  
----------------------------------------------------------*/
@media (min-width: 1200px) {
	#portfolio { margin-left:-27px; }
	#portfolio .item { margin-left:27px; margin-bottom:50px; }
}
@media (min-width: 768px) and (max-width: 980px) {
	#portfolio { margin-left:-44px; }
	#portfolio .item { margin-left:44px; }
}
@media (max-width: 768px) {
	#nav li a { padding: 17px 14px; }
	.main-slider-narrow, .aside { float: none; clear:left; display: block; width: auto; }
	.main-slider-narrow:hover .flex-direction-nav { display:none; }
	.aside { text-align:center; margin:20px 0; }
	.sidebar ul.categories li { width: 90%; margin-right: 0; float: none; }
}
@media (max-width: 767px) {
	.header { text-align:center; width:100%; }
	#logo img { float:none; }
	#logo h1 { margin-top:6px; }
	#logo p { margin-top:6px; font-size:17px; }
	#nav { float:none; margin-top:26px; }
	.header .social { float:none; margin-top:36px; }
	#nav > li a { font-size:15px; }
	#portfolio .item { ; margin-bottom:40px; }
	#logo { padding:24px 0 12px 0; }
	.aside { padding:12px 0 0 0; }
	.tagline h3 { padding: 0 10px; }
	.sidebar .search-widget, .sidebar .widget { margin-left:0px; }
	.search-widget input { display:block; padding:8px !important; margin:0 auto; width:90%; max-width:90%; }
	.pagination { text-align:center; }
}
@media (max-width: 720px) {
	.services, .clients, .blog-part, .featured { margin-top:26px !important; }
	.latest-portfolio .service { margin-bottom:50px !important; }
	.portfolio-single { margin-bottom:32px !important; }
	.portfolio-single.post-slider { margin-bottom:62px !important; }
	.blog-post h3, .service h3 { margin-top:8px; }
	.portfolio-part { margin-top:0 !important; margin-bottom:30px !important; }
	.post-list { padding-top:0; }
	.featured .featured-btn { text-align: center; }
	.featured .featured-btn .btn { margin-right: 0px; margin-top:14px; }
	.footer .widget { margin-bottom:50px !important; }
	#portfolio { margin:0; margin-right:-20px; }
	#portfolio .item { width:44%; margin-right:16px; margin-left:0px; margin-bottom:20px; }
	#portfolio .item h3 { margin-top:8px; }
	#portfolio .item .category { margin-top:2px; margin-bottom:10px; }
	#filters { list-style:none; margin:20px 0; }
	.search-widget .input-append, .featured h3 { text-align:center; }
	.featured h3 { margin-top:0; margin-right:26px; }
	.input-append input, .input-append .uneditable-input { float:none !important; }
	.page-header h1 .back { display:block;  float:none; margin-top:2px; text-align:right; }
	.contact-info { margin-top:12px; }
}
@media (max-width: 480px) {
	.content p { font-size:15px; line-height:24px; }
	.flexslider { min-height: 100px !important; }
	#logo { padding-top:26px; }
	#nav { display:none; }
	.header .social { margin-top:0; }
	.header .menu { display:inline-block; }
	.commentlist .comment-body { padding-left:20px; }
	.commentlist .comment-body .avatar { position:relative; float:left; left:auto; top:auto; margin-right:20px; }
	.page-header { padding-bottom:2px; }
	.page-header { margin-top:12px !important; }
	.page-header h1 small { font-size:13px; margin-left:0; }
	.reply { margin:10px 0; }
	.comment-reply-link { position:inherit; }
	.service-title span { float:none; margin-left:10px; }
	.media-box .mask .title { font-size:18px !important; width:90%; margin-top:18% !important; }
	.search-widget input { width:100%; max-width:100%; }
	
	#headerSearchText {
		margin-left: -275px;
		width: 275px;
		float: left !important;
	}
	#scrollable-dropdown-menu .tt-dropdown-menu {
	  max-height: 150px;
	  overflow-y: auto;
	  width: 300px;
	}

	.typeahead {
		width: 220px;
	}
	
	.clear-mobile {
		clear: both;
	}
	
	.nav-tabs, .nav-pills {
		margin-left: 40px !important;
	}
	
	
}