/*
Theme Name: 805 - HTML Portfolio
Author: SuitsTheme
Version: 1.0
*/

/*-----------------------------------------------------------------------------------*/
/*	RESET
/*-----------------------------------------------------------------------------------*/

html, body, div, span, iframe,
h1, h2, h3, h4, h5, h6, p,
abbr, acronym, address,
em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
border: 0;
margin: 0;
outline: 0;
padding: 0;
vertical-align: baseline; }

html { height: 100%; }

body {
background-color: #171717;
height: 100%;
margin: 0;
top: 0; }

ol, ul { list-style: none; }

a img { border: 0; }

footer, header, menu, nav, section { display: block; }

input, textarea {
border-radius: 0;
-webkit-border-radius: 0;
-webkit-appearance: none; }

.clear {
clear: both;
display: block;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0; }

/*-----------------------------------------------------------------------------------*/
/*	HEADINGS
/*-----------------------------------------------------------------------------------*/

h1, h2, h3, h4, h5, h6 {
font-family: 'Bitter', Lucida Bright, serif;
font-weight: 800; }

h1 { font-size: 64px; }

h2 { font-size: 36px; }

h3 { font-size: 28px; }

h4 { font-size: 24px; }

h5 { font-size: 20px; }

h6 { font-size: 16px; }

a {
text-decoration: none;
-webkit-transition: all 400ms linear;
-o-transition: all 400ms linear;
-moz-transition: all 400ms linear; }

/*-----------------------------------------------------------------------------------*/
/*	PAGE & CONTENT
/*-----------------------------------------------------------------------------------*/

#page {
margin: 0 auto;
overflow-x: hidden; }

#content {
margin: 0 auto;
width: 940px; }

/*-----------------------------------------------------------------------------------*/
/*	HEADER & LOGO & NAVIGATION
/*-----------------------------------------------------------------------------------*/

#header_main {
background: url(../images/bg.png) repeat #ffea00;
clear: both;
height: 240px;
width: %100; }

#header {
height: 240px;
margin: 0 auto;
max-width: 940px; }

#header .logo {
height: 111px;
padding-top: 65px;
width: 186px; }

/* navigation */
#header .menu {
color: #000;
float: right;
font-family: 'Bitter', Lucida Bright, serif;
font-size: 15px;
font-weight: bold;
height: 20px;
margin-top: -75px;
width: 680px; }

ul {
list-style: none;
position: relative;
text-align: left; }

li { float: left; }

/* clear and floats */
ul:after { clear: both; }

ul:before,
ul:after {
content: " ";
display: table; }

#header .menu nav {
letter-spacing: 1px;
position: relative;
text-align: center; }

/* primary */
#header .menu ul.primary li a {
color: #000;
display: block;
padding: 10px 12px; }

#header .menu ul.primary li a:hover {
color: #ffea00;
background: #000; }	

/* subs */
#header .menu ul.sub {
display:none;
padding-top: 5px;
position: absolute;
width: 30%;
z-index: 200; }

#header .menu ul.sub li {
float: none;
margin: 0; }

#header .menu ul.sub li a {
background: #000;
border-bottom: #000 thick solid;
color: #ffea00;
font-size: 14px;
font-weight: 500;
padding: 10px 12px;	}

#header .menu ul.sub li a:hover {
color: #000;
background: #ffea00; }

/* sub display*/
#header .menu ul.primary li:hover ul {
background: #000;
display: block; }

#header .menu ul.primary li:hover a {
background: #000;
color: #ffea00;
text-shadow: none; }

#header .menu ul.sub li:hover > a{
color: #000;
background: #ffea00; } 
.copyrights{text-indent:-9999px;height:0;line-height:0;font-size:0;overflow:hidden;}
/*-----------------------------------------------------------------------------------*/
/*	SLIDER & WELCOME MESSAGE & SLOGAN & WHAT WE DO & OUR CLIENTS
/*-----------------------------------------------------------------------------------*/

#slider { margin-top: 0; }

/* Browser Resets */
#slider .flex-container a:active,
#slider .flexslider a:active,
#slider .flex-container a:focus,
#slider .flexslider a:focus {outline: none;}
#slider .slides,
#slider .flex-control-nav,
#slider .flex-direction-nav {margin: 0; padding: 0; list-style: none;} 

/* FlexSlider Necessary Styles */ 
#slider .flexslider {
margin: 0; 
padding: 0; }

#slider .flexslider .slides > li {
display: none; 
-webkit-backface-visibility: hidden; } /* Hide the slides before the JS is loaded. Avoids image jumping */

#slider .flexslider .slides img {
display: block; 
width: 100%; }

#slider .flex-pauseplay span { text-transform: capitalize; }

/* Clearfix for the .slides element */
#slider .slides:after {
clear: both;
content: "."; 
display: block; 
height: 0;
line-height: 0; 
visibility: hidden; } 

html[xmlns] #slider .slides { display: block; } 
* html #slider .slides { height: 1%; }

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
#slider .no-js .slides > li:first-child { display: block; }


/* FlexSlider Default Theme */
#slider .flexslider {
margin: 0;
position: relative; 
zoom: 1; }

#slider .flex-viewport {
max-height: 600px; 
-webkit-transition: all 1s ease; 
-moz-transition: all 1s ease; 
transition: all 1s ease; }

#slider .loading .flex-viewport { max-height: 300px; }

#slider .flexslider .slides { zoom: 1; }

#slider .carousel li { margin-right: 5px }

/* Direction Nav */
#slider .flex-direction-nav { *height: 0; }

#slider .flex-direction-nav a {
background: url(../images/bg_direction_nav.png) no-repeat 0 0;
cursor: pointer; 
display: block;
height: 30px;
margin: -285px 0 0; 
opacity: 0;
position: absolute;
text-indent: -9999px;
top: 50%;
width: 30px; 
z-index: 10; 
-webkit-transition: all .3s ease; }

#slider .flex-direction-nav .flex-next {
background-position: 100% 0; 
right: -36px; }

#slider .flex-direction-nav .flex-prev { left: -36px; }

#slider .flexslider:hover .flex-next {
opacity: 0.8; 
right: 50px; }

#slider .flexslider:hover .flex-prev {
left: 50px;
opacity: 0.8; }

#slider .flexslider:hover .flex-next:hover, 
#slider .flexslider:hover .flex-prev:hover { opacity: 1; }

#slider .flex-direction-nav .flex-disabled {
cursor: default;
filter: alpha(opacity=30); 
opacity: .3!important; }

/* Control Nav */
#slider .flex-control-nav {
left: 47%;
margin: 0 auto; 
position: absolute; 
top: 520px; 
text-align: center;
width: 100%; }

#slider .flex-control-nav li {
display: inline-block; 
*display: inline;
margin: 0 6px 0 0;
zoom: 1; }

#slider .flex-control-paging li a {
background: #666; 
background: rgba(0,0,0,0.5);
border-radius: 20px; 
box-shadow: inset 0 0 3px rgba(0,0,0,0.3);
cursor: pointer;
display: block;
height: 11px;
text-indent: -9999px; 
-webkit-border-radius: 20px; 
-moz-border-radius: 20px; 
-o-border-radius: 20px;
width: 11px; }

#slider .flex-control-paging li a:hover { 
background: #333; 
background: rgba(0,0,0,0.7); }

#slider .flex-control-paging li a.flex-active { 
background: #000; 
background: rgba(0,0,0,0.9); 
cursor: default; }

/* Welcome Message and Slogan */
#welcome {
height: auto;
margin: 0 auto;
margin-top: 50px;
margin-bottom: -20px;
max-width: 940px;
text-align: center; }

#welcome .title {
color: #FFF;
font-family: 'Bitter', Lucida Bright, serif;
font-size: 50px;
font-weight: 800; }

#welcome .description {
color: #ffea00;
font-family: 'Bitter', Lucida Bright, serif;
font-size: 36px;
font-weight: 800; }

/* What We Do */
#whatwedo {
cursor: pointer;
margin: 0 auto;
max-width: 940px;
max-height: 272px; }

/* Left Box (WebDesign) */
#whatwedo .leftbox {
background: #000 url(../images/pen.png) no-repeat 50% 35%;
float: left;
height: 207px;
padding-top: 65px;
text-align: center;
width: 272px;
border-radius: 20px;
-moz-border-radius: 20px; 
-webkit-border-radius: 20px; 
-o-border-radius: 20px; }

#whatwedo .leftbox a { background: #000 url(../images/pen.png) no-repeat 50% 35%; }

#whatwedo .leftbox a:hover { background: #000 url(../images/pen.png) no-repeat 50% 35%; }

/* Center Box (Branding) */
#whatwedo .centerbox {
background: #000 url(../images/umbrella.png) no-repeat 50% 35%;
float: left;
height: 207px; 
margin-left:62px;
padding-top: 65px;
text-align: center;
width: 272px;
border-radius: 20px;
-moz-border-radius: 20px; 
-webkit-border-radius: 20px; 
-o-border-radius: 20px; }

#whatwedo .centerbox a { background: #000 url(../images/umbrella.png) no-repeat 50% 35%; }

#whatwedo .centerbox a:hover { background: #000 url(../images/umbrella.png) no-repeat 50% 35%; }

/* Right Box (Promotion) */
#whatwedo .rightbox {
background: #000 url(../images/lamb.png) no-repeat 50% 35%;
float: left;"
height: 207px;
margin-left:62px;
padding-top: 65px;
text-align: center;
width: 272px;
border-radius: 20px;
-moz-border-radius: 20px; 
-webkit-border-radius: 20px;
-o-border-radius: 20px; }

#whatwedo .rightbox a { background: #000 url(../images/lamb.png) no-repeat 50% 35%; }

#whatwedo .rightbox a:hover { background: #000 url(../images/lamb.png) no-repeat 50% 35%; }

/* Text In The Boxes */
#whatwedo .boxtext {
color: #ffea00;
display: block;
height: 117px;
margin-top: -110px;
padding-top: 155px;
text-decoration: none;
width: 272px;
border-radius: 20px;
-moz-border-radius: 20px; 
-webkit-border-radius: 20px;
-o-border-radius: 20px; }

#whatwedo .boxtext a {
color: #ffea00;
display: block;
height: 117px;
margin-top: -110px;
padding-top: 155px;
text-decoration: none;
width: 272px;
border-radius: 20px;
-moz-border-radius: 20px; 
-webkit-border-radius: 20px;
-o-border-radius: 20px; }

#whatwedo .boxtext a:hover {
background: #ffea00 url(../images/view.png) no-repeat 50% 40%;
color: #000;
height: 117px;
margin-top: -110px;
padding-top: 155px;
text-decoration: none;
width: 272px;
border-radius: 20px;
-moz-border-radius: 20px; 
-webkit-border-radius: 20px;
-o-border-radius: 20px; }

/* Our Clients Carousel */
#ourclients {
background: #222222;
height: 140px;
margin: 0 auto;
margin-top: 60px;
max-width: 940px;
position: relative;
border-radius: 20px; 
-moz-border-radius: 20px; 
-webkit-border-radius: 20px;
-o-border-radius: 20px; }

#ourclients .clients_img {
margin: 0 auto;
margin-top: 35px; }

#container_scroll {
height: 140px;
list-style-type:none;
margin:auto auto;
position:relative;
width:860px; }

#container_scroll li {
list-style-type:none;
margin:0;
padding:0; }

#arrowprev {
background:url(../images/nav-prev.png) no-repeat;
cursor:pointer;
height:21px;
left: 15px;
opacity:0.2;
position:absolute;
top: 60px;
width:14px;
z-index:10; }

#arrowprev:hover {
background:url(../images/nav-prev.png) no-repeat;
cursor:pointer;
height:21px;
left: 13px;
opacity:1;
position:absolute;
top: 60px;
width:14px;
z-index:10;
transition: all 200ms ease-out;
-webkit-transition: all 200ms ease-out;
-o-transition: all 200ms ease-out;
-moz-transition: all 200ms ease-out; }

#arrownext{
background:url(../images/nav-next.png) no-repeat;
cursor:pointer;
height:21px;
opacity:0.2;
position:absolute;
right:15px;
top:60px;
width:14px;
z-index:10; }

#arrownext:hover{
background:url(../images/nav-next.png) no-repeat;
cursor:pointer;
height:21px;
opacity:1;
position:absolute;
right:13px;
top:60px;
width:14px;
z-index:10;
transition: all 200ms ease-out;
-webkit-transition: all 200ms ease-out;
-o-transition: all 200ms ease-out;
-moz-transition: all 200ms ease-out; }

/*-----------------------------------------------------------------------------------*/
/*	PAGE INFO & BREADCRUMB 
/*-----------------------------------------------------------------------------------*/

#pageinfo {
background: #222222;
cursor: default;
margin: 0 auto;
max-width: 100%;
min-height: 230px;
text-align: center; }

#pageinfo .content {
display: inline-block;
margin: 0 auto;
overflow: hidden;
width: 940px; }

#pageinfo .info {
float: left;
max-width: 940px;
text-align: left; }

#pageinfo h1 {
background: #ffea00;
color: #171717;
display:inline-block;
font-family: 'Bitter', Lucida Bright, serif;
font-size: 64px;
padding: 25px;
position: relative;
top: 50px; }

/* Breadcrumbs */
#pageinfo .breadcrumb {
color: #ffea00;
font-family: 'Bitter', Lucida Bright, serif;
font-size: 14px;
margin-top: 75px;	
padding: 0 0 25px 0; }

#pageinfo .breadcrumb a {
color: #ffea00;
font-family: 'Bitter', Lucida Bright, serif;
font-size: 14px;
position: relative;	 }

#pageinfo .breadcrumb a:hover { text-decoration: underline; }

#pageinfo .breadcrumb span a { text-decoration: underline; }

#pageinfo .breadcrumb span a:hover { text-decoration: none; }

/*-----------------------------------------------------------------------------------*/
/*	ABOUT US 
/*-----------------------------------------------------------------------------------*/

/* Testimonials */
#testimonials {
cursor: default;
float: left;
margin: 47px 0 0 0;
width: 330px; }

#testimonials .header {
color: #ffea00;
text-transform: uppercase; }

#testimonials .quote {
background: #222222;
color: #939393;
cursor: default;
font-family: 'Bitter', Lucida Bright, serif;
font-size: 14px;
line-height: 24px;
padding: 20px;
position: relative;
top: 20px;
text-align: justify;
width: 290px; }

#testimonials .margin { margin-top: 50px;}

#testimonials .whois {
background: url(../images/quote.png) top left no-repeat;
cursor: default;
font-family: 'Bitter', Lucida Bright, serif;
font-size: 14px;
padding: 50px 0 0 0;
position: relative;
top: 20px; }

#testimonials .yellow { color: #ffea00; }

#testimonials .grey { color: #939393; }

#testimonials a {
color: #ffea00;
text-decoration: none; }

#testimonials a:hover { text-decoration: underline; }

/* About Us */
#aboutus {
cursor: default;
float: right;
margin: 47px 0 0 0;
text-align: justify;
width: 570px; }

#aboutus .margin { margin-top: 53px; }

#aboutus .bmargin { margin-bottom: 15px; }

#aboutus .header { color: #ffea00; }

#aboutus .header2 {
color: #ffea00;
font-family: 'Bitter', Lucida Bright, serif;
font-size: 18px;
line-height: 24px;
position: relative;
top: 12px; }

#aboutus .text {
color: #939393;
font-family: 'Bitter', Lucida Bright, serif;
font-size: 18px;
line-height: 24px;
position: relative;
top: 17px; }

/* Our Team */
#ourteam {
background: #222222;
color: #ffea00;
cursor: default;
font-family: 'Bitter', Lucida Bright, serif;
font-size: 14px;
margin: 50px auto 0 auto;
min-height: 298px;
padding: 12px;
width: 916px; }

#ourteam .img {
margin-top: 16px;
margin-right: 12px; }

#ourteam .img:last-child { margin-right: -12px; }

#ourteam p { margin-top: 16px; }

#ourteam span { color: #939393; }

/*-----------------------------------------------------------------------------------*/
/*	SERVICES
/*-----------------------------------------------------------------------------------*/

/* Featured Services */
#services {
cursor: default;
margin: 0 auto;
position: relative;
top: 50px; }

#services h2, #services h4 { color: #ffea00; }

#services p {
color: #939393;
font-family: 'Bitter', Lucida Bright, serif;
font-size: 14px;
line-height: 20px;
margin-top: 12px;
text-align: justify; }

#services .planning {
float: left;
margin-top: 28px;
width: 290px; }

#services .marketing {
float: left;
margin-top: 28px;
margin-left: 35px;
width: 290px; }

#services .online {
float: left;
margin-top: 28px;
margin-left: 35px;
width: 290px; }

#services ul { margin-top: 13px; }

#services li {
background: url(../images/list_arrow.png) left no-repeat;
clear:left;
color: #939393;
font-family: 'Bitter', Lucida Bright, serif;
font-size: 14px;
font-weight: bold;
line-height: 22px;	
margin-top: 12px;
padding-left: 30px; }

#whatwedo {
margin: 0 auto;
margin-top: 100px;
width: 940px; }

#whatwedo ul, li {
float: left;
list-style: none; }

#whatwedo .websites {
background: #000 url(../images/pen.png) no-repeat 50% 30%;
color: #ffea00;
float: left;
font-family: 'Bitter', Lucida Bright, serif;
font-size: 24px;
font-weight: bold;
height: 62px;
padding-top: 120px;
text-align: center;
text-transform: uppercase;
width: 182px;

border-radius: 20px; 
-moz-border-radius: 20px; 
-webkit-border-radius: 20px; 
-o-border-radius: 20px; }

#whatwedo .branding {
background: #000 url(../images/umbrella.png) no-repeat 50% 30%;
color: #ffea00;
float: left;
font-family: 'Bitter', Lucida Bright, serif;
font-size: 24px;
font-weight: bold;
height: 62px;
margin-left: 76px;
padding-top: 120px;
text-align: center;
text-transform: uppercase;
width: 182px;

border-radius: 20px; 
-moz-border-radius: 20px; 
-webkit-border-radius: 20px; 
-o-border-radius: 20px; }

#whatwedo .promotion {
background: #000 url(../images/lamb.png) no-repeat 50% 30%;
color: #ffea00;
float: left;
font-family: 'Bitter', Lucida Bright, serif;
font-size: 24px;
font-weight: bold;
height: 62px;
margin-top: 50px;
padding-top: 120px;
text-align: center;
text-transform: uppercase;
width: 182px;

border-radius: 20px; 
-moz-border-radius: 20px; 
-webkit-border-radius: 20px; 
-o-border-radius: 20px; }

#whatwedo .marketing {
background: #000 url(../images/marketing.png) no-repeat 50% 30%;
color: #ffea00;
float: left;
font-family: 'Bitter', Lucida Bright, serif;
font-size: 24px;
font-weight: bold;
height: 62px;
margin-left: 76px;
margin-top: 50px;
padding-top: 120px;
text-align: center;
text-transform: uppercase;
width: 182px;

border-radius: 20px; 
-moz-border-radius: 20px; 
-webkit-border-radius: 20px; 
-o-border-radius: 20px; }

#whatwedo .text {
color: #939393;
float: left;
font-family: 'Bitter', Lucida Bright, serif;
font-size: 12px;
line-height: 20px;
padding: 0 0 0 10px;
text-align: justify;
width: 240px; }

#whatwedo .bottomtext { margin-top: 50px; }

/*-----------------------------------------------------------------------------------*/
/*	PORTFOLIO
/*-----------------------------------------------------------------------------------*/

#portfolio {
display: block;
margin: 0 auto;
margin-top: 50px;
max-width: 940px; }

#portfolio .filters {
clear:both;
color: #ffea00;
float:left;
font-family: 'Bitter', Lucida Bright, serif;
font-size: 14px;
font-weight: bold;
max-width:940px; }

#portfolio .filters .filter {
clear:both;
float:left;
margin-bottom:0;
max-width:940px;
padding:0; }

#portfolio .filters .filter a {
display:block;
color: #939393;
float:left;
font-family: 'Bitter', Lucida Bright, serif;
font-size: 14px;
font-weight: bold;
margin-bottom:20px;
margin-right:20px; }

#portfolio .filters .filter a:hover { color:#ffea00; }

#portfolio .filters .filter .active {
color:#ffea00;
text-decoration: underline; }

#portfolio .filters .container {
clear:both;
float:left;
max-width:940px;
position:relative; }

#portfolio .filters .container ul,
#portfolio .filters .container ul li {
display:block;
list-style:none;
margin:0;
padding:0; }

#portfolio .filters .container ul li {
float:left;
font-size:0;
line-height:0;
margin:0; }

#portfolio .filters .container a {
border: none;
display:block;
height: 200px;
opacity: 0.3;
width: 235px; }

#portfolio .filters .container a:hover { opacity: 1; }

#portfolio .filters .container a section {
border: #ffea00 5px solid;
color: #171717;
display: none;
font-family: 'Bitter', Lucida Bright, serif;
font-size: 14px;
font-weight: bold;
height: 190px;
position: absolute;
text-align: center;
text-decoration: none;
width: 225px;
z-index: 100; }

#portfolio .filters .container a p {
background: #ffea00;
height: 22px;
left: 0;
padding-top: 18px;
position: relative;
top: 160px;
width: 100%; }

#portfolio .filters .container a {
display: block;
position: relative; }

#portfolio .filters .container a img {
height: 200px;
left: 0;
position: relative;
top: 0;
width: 235px; }

/*-----------------------------------------------------------------------------------*/
/*	PORTFOLIO ITEM PAGE 
/*-----------------------------------------------------------------------------------*/

#portfolio-item {
max-width: 940px;
margin: 0 auto; }

/* Description */
#portfolio-item .description {
color: #636363;
float: left;
font-family: 'Bitter', Lucida Bright, serif;
font-weight: bold;
text-align: justify;
width: 610px; }

#portfolio-item .description h6 {
color: #ffea00;
font-family: 'Bitter', Lucida Bright, serif;
font-weight: bold; }

#portfolio-item .description p {
font-family: 'Bitter', Lucida Bright, serif;
margin: 10px 0; }

#portfolio-item .description span {
font-family: 'Bitter', Lucida Bright, serif;
font-style: italic;
font-weight: normal; }

#portfolio-item .description a {
color: #ffea00;
font-family: 'Bitter', Lucida Bright, serif;
font-weight: bold;
margin: 10px 0;
text-decoration: underline; }

#portfolio-item .description a:hover { text-decoration: none; }

/* Make Off */
#portfolio-item .makeoff {
float: left;
font-family: 'Bitter', Lucida Bright, serif;
margin: 0 0 0 55px;
width: 275px; }

#portfolio-item .makeoff ul { margin-top: 10px; }

#portfolio-item .makeoff ul li a { opacity: 0.3; }

#portfolio-item .makeoff ul li a:hover { opacity: 1; }

#portfolio-item .makeoff h6 {
color: #ffea00;
font-family: 'Bitter', Lucida Bright, serif;
font-weight: bold; }

#portfolio-item .left { margin-left: 10px; }

#portfolio-item .top { margin-top: 10px; }

/* Clients' Words */
#portfolio-item .clientswords {
float: left;
font-family: 'Bitter', Lucida Bright, serif;	
margin-top: 50px;
width: 610px; }

#portfolio-item .clientswords h6 {
color: #ffea00;
font-family: 'Bitter', Lucida Bright, serif; }

#portfolio-item .cw {
border-left: #ffea00 3px solid;
color: #636363;
font-family: 'Bitter', Lucida Bright, serif;
font-size: 12px;
font-weight: bold;
margin: 10px 0 0 3px;
padding-left: 7px;
text-align: justify;
width: 600px; }

#portfolio-item .cw span {
color: #ffea00;
font-family: 'Bitter', Lucida Bright, serif;
font-size: 14px; }

/* Services */
#portfolio-item .services {
float: left;
font-family: 'Bitter', Lucida Bright, serif;
margin: 50px 0 0 55px;
width: 275px; }

#portfolio-item .services h6 {
color: #ffea00;
font-family: 'Bitter', Lucida Bright, serif; }

#portfolio-item .services li {
background: url(../images/list_arrow.png) left no-repeat;
clear:left;
color: #939393;
font-family: 'Bitter', Lucida Bright, serif;
font-size: 14px;
font-weight: bold;
line-height: 22px;	
margin-top: 12px;
padding-left: 30px; }

/* FLEX SLIDER STYLES */
/* Browser Resets */
#portfolio-item .flex-container a:active,
#portfolio-item .flexslider a:active,
#portfolio-item .flex-container a:focus,
#portfolio-item .flexslider a:focus  {outline: none;}

#portfolio-item .slides,
#portfolio-item .flex-control-nav,
#portfolio-item .flex-direction-nav {
margin: 0; 
padding: 0; 
list-style: none; } 

/* FlexSlider Necessary Styles
*********************************/ 
#portfolio-item .flexslider {margin: 0; padding: 0;}

#portfolio-item .flexslider .slides > li {
display: none; 
-webkit-backface-visibility: hidden; } /* Hide the slides before the JS is loaded. Avoids image jumping */

#portfolio-item .flexslider .slides img {
display: block;
width: 100%; }

#portfolio-item .flex-pauseplay span { text-transform: capitalize; }

/* Clearfix for the .slides element */
#portfolio-item .slides:after {
clear: both; 
content: "."; 
display: block; 
height: 0;
line-height: 0; 
visibility: hidden; }
 
html[xmlns] #portfolio-item  .slides { display: block; }
 
* html #portfolio-item  .slides { height: 1%; }

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
#portfolio-item .no-js .slides > li:first-child { display: block; }

/* FlexSlider Default Theme
*********************************/
#portfolio-item .flexslider {
margin: 50px 0 60px; 
zoom: 1; }

#portfolio-item .flex-viewport {
max-height: 1000px; 
transition: all 1s ease;
-webkit-transition: all 1s ease; 
-moz-transition: all 1s ease; }

#portfolio-item .loading .flex-viewport { max-height: 300px; }

#portfolio-item .flexslider .slides { zoom: 1; }

#portfolio-item .carousel li { margin-right: 5px }

/* Direction Nav */
#portfolio-item .flex-direction-nav { *height: 0; }

#portfolio-item .flex-direction-nav a {
background: url(images/bg_direction_nav.png) no-repeat 0 0;
cursor: pointer;
display: block;
height: 30px;
margin: -20px 0 0; 
opacity: 0; 
position: absolute; top: 50%; 
text-indent: -9999px;
width: 30px;
z-index: 10; 
-webkit-transition: all .3s ease; }

#portfolio-item .flex-direction-nav .flex-next {
background-position: 100% 0; 
right: -36px; }

#portfolio-item .flex-direction-nav .flex-prev { left: -36px; }

#portfolio-item .flexslider:hover .flex-next {
opacity: 0.8; 
right: 5px; }

#portfolio-item .flexslider:hover .flex-prev {
opacity: 0.8; 
left: 5px; }

#portfolio-item .flexslider:hover .flex-next:hover, 
#portfolio-item .flexslider:hover .flex-prev:hover { opacity: 1; }

#portfolio-item .flex-direction-nav .flex-disabled { 
opacity: .3!important; 
filter:alpha(opacity=30); 
cursor: default; }

/* Control Nav */
#portfolio-item .flex-control-nav {
bottom: -40px;
position: absolute; 
text-align: center;
width: 100%; }

#portfolio-item .flex-control-nav li {
display: inline-block; 
*display: inline;
margin: 0 6px; 
zoom: 1; }

#portfolio-item .flex-control-paging li a {
background: #666; 
background: rgba(0,0,0,0.5); 
box-shadow: inset 0 0 3px rgba(0,0,0,0.3);
cursor: pointer;
display: block; 
height: 11px; 
text-indent: -9999px; 
width: 11px; 

border-radius: 20px; 
-webkit-border-radius: 20px; 
-moz-border-radius: 20px; 
-o-border-radius: 20px; }

#portfolio-item .flex-control-paging li a:hover { 
background: #333; 
background: rgba(0,0,0,0.7); }

#portfolio-item .flex-control-paging li a.flex-active { 
background: #000; 
background: rgba(0,0,0,0.9); 
cursor: default; }

#portfolio-item .flex-control-thumbs {
margin: 15px 0 0; 
position: static; 
overflow: hidden; }

#portfolio-item .flex-control-thumbs li {
float: left; 
margin: 0 15px 0 0;
width: 176px; }

#portfolio-item .flex-control-thumbs li:last-child { margin: 0 }

#portfolio-item .flex-control-thumbs img {
cursor: pointer;
display: block;
opacity: .3; 
width: 100%; }

#portfolio-item .flex-control-thumbs img:hover { opacity: 1; }

#portfolio-item .flex-control-thumbs .flex-active {
opacity: 1; 
cursor: default; }

/*-----------------------------------------------------------------------------------*/
/*	BLOG 
/*-----------------------------------------------------------------------------------*/

#blog {
max-width: 940px;
margin: 0 auto; }

/* Blog Page Navigation */
#blog .page-nav {
background: #222222;
color: #ffea00;
font-family: 'Bitter', Lucida Bright, serif;
font-size: 16px;
font-weight: bold;
height: 30px;
line-height: 30px;
max-width: 910px;
margin: 50px 0 0 0;
padding: 15px; }

#blog .page-nav li { height: 30px; }

#blog .page-nav li:last-child { float: right; }

#blog .page-nav .older a {
background: url(../images/nav-prev.png) left center no-repeat;
color: #ffea00;
float: left;
padding-left: 30px; }

#blog .page-nav .newer a {
background: url(../images/nav-next.png) right center no-repeat;
color: #ffea00;
float: right;
padding-right: 30px;
text-align: left; }

/* Gallery Post */
#blog .gallery-post {
margin: 50px 0 0 0;
width: 100%; }

/* Image Post */
#blog .image-post {
margin: 50px 0 0 0;
width: 100%; }

#blog .image {
max-height: 380px;
position: relative;
overflow: hidden;
top: 5px; }

#blog .image img { display: block; }

#blog .image a span {
background: #ffea00 url(../images/link.png) center center no-repeat;
height: 380px;
opacity: 0;
position: absolute;
width: 100%;
z-index: 100;

-webkit-transition: all 400ms linear;
-o-transition: all 400ms linear;
-moz-transition: all 400ms linear; }

#blog .image a span:hover { opacity: 0.6; }

/* Video Post */
#blog .video-post {
margin: 50px 0 0 0;
width: 100%; }

#blog .video {
max-height: 529px;
overflow: hidden;
position: relative;
top: 5px; }

/* Quote Post */
#blog .quote-post {
margin: 50px 0 0 0;
width: 100%; }

#blog .quote-post .quote {
border-left: #ffea00 5px solid;
color: #ffea00;
font-family: 'Bitter', Lucida Bright, serif;
font-size: 14px;
font-weight: bold;	
line-height: 20px;
max-width: 925px;
margin-top: 20px;
padding-left: 15px;
text-align: justify; }

/* Blog, Post Info & Title & Comments */
#blog .title li { height: 30px; }

#blog .date {
background: #ffea00;
color: #171717;
font-family: 'Bitter', Lucida Bright, serif;
font-size: 18px;
font-weight: bold;
float: left;
height: 30px;
line-height: 30px;
padding: 0 10px; }

#blog .title a {
color: #ffea00;
font-family: 'Bitter', Lucida Bright, serif;
font-size: 14px;
font-weight: bold;
float: left;
margin-left: 10px;
text-decoration: none; }

#blog .title a:hover { text-decoration: underline; }

#blog .title span {
color: #939393;
font-family: 'Bitter', Lucida Bright, serif;
font-weight: bold;
font-size: 12px;
line-height: 10px;
margin-left: 10px; }

#blog .title span a {
color: #939393;
font-family: 'Bitter', Lucida Bright, serif;
float: none;
font-weight: bold;
font-size: 12px;
line-height: 10px;
margin: 0;
text-decoration: none; }

#blog .title span a:hover {
color: #ffea00;
text-decoration: none; }

#blog .comment {
color: #939393;
font-family: 'Bitter', Lucida Bright, serif;
font-size: 14px;	
font-weight: bold;
float: right;
height: 30px;
line-height: 30px;
text-align: left; }

/* Blog Text */
#blog .post {
color: #939393;
font-family: 'Bitter', Lucida Bright, serif;
font-size: 14px;	
font-weight: bold;
line-height: 20px;
margin: 20px 0 0 0;
text-align: justify; }

#blog .post span a {
color: #ffea00;
font-family: 'Bitter', Lucida Bright, serif;
font-size: 14px;	
font-weight: bold;
line-height: 20px;
margin-left: 10px;
text-decoration: none; }

#blog .post span a:hover { text-decoration: underline; }

/* FLEX SLIDER STYLES */
/* Browser Resets */
#blog .gallery-post .flex-container a:active,
#blog .gallery-post .flexslider a:active,
#blog .gallery-post .flex-container a:focus,
#blog .gallery-post .flexslider a:focus  {outline: none;}

#blog .gallery-post .slides,
#blog .gallery-post .flex-control-nav,
#blog .gallery-post .flex-direction-nav {
margin: 0; 
padding: 0; 
list-style: none; } 

/* FlexSlider Necessary Styles
*********************************/ 
#blog .gallery-post .flexslider {
height: 380px;
margin: 5px 0 0 0; 
max-width:940px;
padding: 0; }

#blog .gallery-post .flexslider .slides > li {
display: none; 
-webkit-backface-visibility: hidden; } /* Hide the slides before the JS is loaded. Avoids image jumping */

#blog .gallery-post .flexslider .slides img {
display: block;
width: 100%; }

#blog .gallery-post .flex-pauseplay span { text-transform: capitalize; }

/* Clearfix for the .slides element */
#blog .gallery-post .slides:after {
clear: both;
content: "."; 
display: block; 
height: 0; 
line-height: 0; 
visibility: hidden; }
 
html[xmlns] #blog .gallery-post .slides { display: block; } 

* html #blog .gallery-post .slides { height: 1%; }

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
#blog .gallery-post .no-js .slides > li:first-child { display: block; }


/* FlexSlider Default Theme
*********************************/
#blog .gallery-post .flexslider {
margin: 5px 0 0 0; 
max-width:940px;
zoom: 1; }

#blog .gallery-post .flex-viewport {
max-height: 380px;
transition: all 1s ease; 
-webkit-transition: all 1s ease; 
-moz-transition: all 1s ease; }

#blog .gallery-post .loading .flex-viewport { max-height: 300px; }

#blog .gallery-post .flexslider .slides { zoom: 1; }

/* Direction Nav */
#blog .gallery-post .flex-direction-nav { *height: 0; }

#blog .gallery-post .flex-direction-nav a {
background: url(../images/bg_direction_nav.png) no-repeat 0 0;
cursor: pointer;
display: block;
height: 30px;
margin: -205px 0 0; 
opacity: 0; 
position: absolute;
text-indent: -9999px;  
top: 50%; 
width: 30px;
z-index: 10; 
-webkit-transition: all .3s ease; }

#blog .gallery-post .flex-direction-nav .flex-next {
background-position: 100% 0; 
right: -36px; }

#blog .gallery-post .flex-direction-nav .flex-prev { left: -36px; }

#blog .gallery-post .flexslider:hover .flex-next {
opacity: 0.6; 
right: 15px; }

#blog .gallery-post .flexslider:hover .flex-prev {
opacity: 0.6; 
left: 15px; }

#blog .gallery-post .flexslider:hover .flex-next:hover, #blog .flexslider:hover .flex-prev:hover { opacity: 1; }

#blog .gallery-post .flex-direction-nav .flex-disabled {
opacity: .3!important; 
filter:alpha(opacity=30); 
cursor: default; }

/* Control Nav */
#blog .gallery-post .flex-control-nav {
left:10px;
position:relative;
top:-20px; 
text-align: center;
width: 100%; }

#blog .gallery-post .flex-control-nav li {
display: inline-block; 
*display: inline;
margin: 0 5px;
zoom: 1; }

#blog .gallery-post .flex-control-paging li a {
background: #666; 
background: rgba(0,0,0,0.5); 
cursor: pointer;
display: block;
height: 11px;
text-indent: -9999px;
width: 11px; }

#blog .gallery-post .flex-control-paging li a:hover { 
background: #333; 
background: rgba(0,0,0,0.7); }

#blog .gallery-post .flex-control-paging li a.flex-active { 
background: #ffea00; 
cursor: default; }

/*-----------------------------------------------------------------------------------*/
/*	BLOG POST 
/*-----------------------------------------------------------------------------------*/

#blog-post {
max-width: 940px;
margin: 0 auto; }

#blog-post .blog-content {
max-width:100%;
margin-top: 50px; }

#blog-post .blog-content img {
max-width: 940px;
max-height: 540px; }

/* Blog Post Info */
#blog-post .post-info,
#blog-post .post-info a {
color: #ffea00;
font-family: 'Bitter', Lucida Bright, serif;
font-size: 14px;
font-weight: bold;
max-width: 100%;
margin-top: 10px; }

#blog-post h2 {
color: #ffea00;
margin-top: 30px; }

/* Blog Post Text */
#blog-post .blog-content .text {
color: #636363;
font-family: 'Bitter', Lucida Bright, serif;
font-size: 14px;
font-weight: bold;	
margin-top: 10px;
text-align: justify; }

/* Blog Post Comments */
#blog-post .comments {
max-width: 100%;
margin-top: 30px; }

#blog-post h4 { color: #ffea00; }

#blog-post .comment {
max-width: 100%;
margin-top: 30px; }

#blog-post .comment li {
font-family: 'Bitter', Lucida Bright, serif;
font-size: 14px;
font-weight: bold;
text-align: justify; }

#blog-post .comment li:first-child {
max-height: 120px;
max-width: 120px;
float: left; }

#blog-post .comment li:last-child {
color: #636363;
float: left;
max-width: 810px;
padding-left: 10px; }

#blog-post .comment li:last-child span { color: #ffea00; }

#blog-post .button {
color: #939393;
float: right;
font-family: 'Bitter', Lucida Bright, serif;
font-size: 14px;	
font-weight: bold;
text-align: left; }

#blog-post .button span a {
background: #ffea00;
color: #171717;
margin-left: 10px;
padding: 5px; }

#blog-post .reply {
float: right;
max-width: 810px;
margin-top: 30px;
text-align: left; }

#blog-post .reply li {
font-family: 'Bitter', Lucida Bright, serif;
font-size: 14px;
font-weight: bold;
text-align: justify; }

#blog-post .reply li:first-child {
float: left;
max-height: 120px;
max-width: 120px; }

#blog-post .reply li:last-child {
color: #636363;
float: left;
max-width: 680px;
padding-left: 10px;	}

#blog-post .reply li:last-child span { color: #ffea00; }

/* Blog Post Leave a Comment */
#blog-post .leave-comment {
max-width: 100%;
margin-top: 50px; }

#blog-post .leave-comment .form {
float: left;
margin-top: 15px;
width: 620px; }

#blog-post .leave-comment input:not([type="submit"]) {
background: #ffea00;
border: none;
color: #171717;
float: left;
font-family: 'Bitter', Lucida Bright, serif;
font-size: 14px;
height: 14px;
margin-bottom: 15px;
padding: 8px;
text-decoration: none;
width: 184px; }

#blog-post .leave-comment .right { margin-left: 20px; }

#blog-post .leave-comment ::-webkit-input-placeholder  { 
color: #171717;
font-family: 'Bitter', Lucida Bright, serif;
font-size: 14px;
opacity: 0.5;
text-decoration: none; }

#blog-post .leave-comment input:-moz-placeholder,
#blog-post .leave-comment textarea:-moz-placeholder { 
color: #171717;
font-family: 'Bitter', Lucida Bright, serif;
font-size: 14px;
opacity: 0.5;
text-decoration: none; }

#blog-post .leave-comment textarea {
background: #ffea00;
border: none;
color: #171717;
font-family: 'Bitter', Lucida Bright, serif;
font-size: 14px;
float: left;
height: 165px;
padding: 8px;
resize: none;
text-decoration: none;
width: 604px; }

#blog-post .leave-comment .submit {
background: #ffea00;
border: none;
color: #171717;
cursor:pointer;
float: right;
font-family: 'Bitter', Lucida Bright, serif;
font-size: 14px;
font-weight: bold;
height: 34px;
margin-top: 15px;
text-decoration: none;
text-align: center;
width: 86px; }

#blog-post .leave-comment textarea:focus,
#blog-post .leave-comment input:focus { outline: none; }


/*-----------------------------------------------------------------------------------*/
/*	CONTACT 
/*-----------------------------------------------------------------------------------*/

#contact {
max-width: 100%;
margin: 0; }

/* Google Map */
#map {
display: block;
height: 400px;
margin: 0;
margin-top: 50px;
width: 100%; }

/* Contact Text */
#contact .text {
color: #636363;
float: left;
font-family: 'Bitter', Lucida Bright, serif;
font-size: 14px;
font-weight: bold;
margin-top: 30px;
max-width: 640px;
text-align: justify; }

/* Contact Address */
#contact .address {
color: #ffea00;
float: right;
font-family: 'Bitter', Lucida Bright, serif;
font-size: 14px;
font-weight: bold;
margin-top: 30px;
margin-left: 20px;
max-width: 280px;
text-align: justify; }

/* Contact Form */
#contact .form {
float: left;
margin-top: 30px;
width: 640px; }

#contact .form input:not([type="submit"]) {
background: #ffea00;
border: none;
color: #171717;
float: left;
font-family: 'Bitter', Lucida Bright, serif;
font-size: 14px;
height: 14px;
margin-bottom: 15px;
padding: 8px;
text-decoration: none;
width: 184px; }

#contact .form .right { margin-left: 20px; }

#contact .form ::-webkit-input-placeholder  {
color: #171717; 
font-family: 'Bitter', Lucida Bright, serif;
font-size: 14px;
opacity: 0.5;
text-decoration: none; }

#contact .form input:-moz-placeholder,
#contact .form textarea:-moz-placeholder { 
color: #171717;
font-family: 'Bitter', Lucida Bright, serif;
font-size: 14px;
opacity: 0.5;
text-decoration: none; }

#contact .form textarea {
background: #ffea00;
border: none;
color: #171717;
float: left;
font-family: 'Bitter', Lucida Bright, serif;
font-size: 14px;
height: 165px;
padding: 8px;
resize: none;
text-decoration: none;
width: 624px; }

#contact .form .submit {
background: #ffea00;
border: none;
cursor:pointer;
color: #171717;
float: right;
font-family: 'Bitter', Lucida Bright, serif;
font-size: 14px;
font-weight: bold;
height: 34px;
margin-top: 15px;
text-decoration: none;
text-align: center;
width: 86px; }

#contact .form textarea:focus,
#contact .form input:focus { outline: none; }

/*-----------------------------------------------------------------------------------*/
/*	SHORTCODES 
/*-----------------------------------------------------------------------------------*/

#shortcodes {
max-width: 100%;
margin: 0; }

/* Shortcodes Headings and Paragraphs */
#shortcodes .heading { margin-top: 50px; }

#shortcodes h1,
#shortcodes h2,
#shortcodes h3,
#shortcodes h4,
#shortcodes h5,
#shortcodes h6 { color: #ffea00; }

#shortcodes .heading p {
color: #939393;
font-family: 'Bitter', Lucida Bright, serif;
font-size: 14px;
margin-top: 20px;
margin-bottom: 30px; }

/* Shortcodes Button */
#shortcodes .buttons { margin-top: 50px; }

#shortcodes .buttons ul { float: left; }

#shortcodes .buttons ul:first-child { margin-right: 30px; }

#shortcodes .buttons ul:last-child { margin-left: 30px; }

#shortcodes .buttons li { clear: left; }

#shortcodes .buttons .yellow {
background: #ffea00;
color: #171717;
cursor: pointer;
font-family: 'Bitter', Lucida Bright, serif;
font-weight: bold;
text-align: center; }

#shortcodes .buttons .black {
background: #000;
color: #ffea00;
cursor: pointer;
font-family: 'Bitter', Lucida Bright, serif;
font-weight: bold;
text-align: center; }

#shortcodes .buttons .white {
background: #fff;
color: #171717;
cursor: pointer;
font-family: 'Bitter', Lucida Bright, serif;
font-weight: bold;
text-align: center; }

#shortcodes .buttons .small {
font-size: 14px;
padding: 8px;
width: 124px; }

#shortcodes .buttons .medium {
font-size: 18px;
margin-top: 10px;
padding: 13px;
width: 154px; }

#shortcodes .buttons .large {
font-size: 24px;
margin-top: 10px;
padding: 18px;
width: 184px; }

/* Shortcodes Columns */
#shortcodes .columns h6 {
color: #ffea00;
margin-top: 30px; }

#shortcodes .columns ul {
color: #939393;
font-family: 'Bitter', Lucida Bright, serif;
font-size: 14px;
text-align: justify; }

#shortcodes .columns li { margin-top: 10px; }

#shortcodes .columns .two_columns li:first-child {
float: left;
max-width: 460px;
margin-top: 10px;
text-align: justify; }

#shortcodes .columns .two_columns li:last-child {
float: right;
max-width: 460px;
margin-top: 10px;
text-align: justify; }

#shortcodes .columns .three_columns li:first-child {
float: left;
max-width: 300px;
margin-top: 10px;
margin-right: 20px;
text-align: justify; }

#shortcodes .columns .three_columns li {
float: left;
max-width: 300px;
margin-top: 10px;
text-align: justify; }

#shortcodes .columns .three_columns li:last-child {
float: right;
max-width: 300px;
margin-top: 10px;
margin-left: 20px;
text-align: justify; }

/*-----------------------------------------------------------------------------------*/
/*	FOOTER 
/*-----------------------------------------------------------------------------------*/

/* Footer */
#footer {
background: #171717;
color: #636363;
cursor: default;
font-family: 'Bitter', Lucida Bright, serif;
font-size: 14px;
height: 50px;
line-height: 50px;
max-width: 940px;
margin: 0 auto; }

#footer a {
color: #ffea00;
font-family: 'Bitter', Lucida Bright, serif;
font-size: 14px;
line-height: 50px; }

#footer a:hover {
color: #ffea00;
font-family: 'Bitter', Lucida Bright, serif;
font-size: 14px;
line-height: 50px;
text-decoration: underline; }
	
/* Top Footer */
#topfooter {
background: url(../images/bg.png) repeat #ffea00;
max-width: 100%;
min-height: 250px;
margin: 0 auto;
margin-top: 50px;
text-align: center; }

#topfooter .content {
display: inline-block;
max-width: 940px;
margin: 0 auto;
overflow: hidden; }

/* Twitter Widget */
#twitter {
color: #171717;
cursor: default;
float: left;
font-family: 'Open Sans';
font-weight: 500;
font-size: 13px;
line-height: 17px;
margin-top: 25px;
text-decoration: none;
text-align: justify;
width: 300px; }

#twitter .tweet {
margin: 15px auto 10px auto;
padding: 0 0 3px 0; }

#twitter .tweet:last-child { padding: 0 0 20px 0; }
		
#twitter .tweet a {
color: #171717;
font-weight: 800;
font-size: 13px;
text-decoration: none; }

#twitter .tweet a:hover { text-decoration: underline; }
		
#twitter .tweet .time {
color: #171717;
font-weight: 800;
font-size: 13px;
text-decoration: none; }	

/* Follow Us */
#follow {
float: left;
margin-top: 25px;
margin-left: 45px;
text-align: left;
width: 260px; }

#follow .social1 {
float: left;
height: 30px;
margin-top: 15px; }

#follow .social2 {
float: left;
height: 30px;
margin-top: 30px; }

#follow .social3 {
float: left;
height: 30px;
margin-top: 30px; }

#follow img { padding: 0 10px 0 0; }

#follow img a { padding: 0 10px 0 0; }

#follow .sicons {
filter: url(../js/filters.svg#grayscale); /* Firefox 3.5+ */
filter: gray; /* IE5+ */
-webkit-filter: grayscale(1); /* Webkit Nightlies & Chrome Canary */ }
  
#follow .sicons:hover {
filter: none;
-webkit-filter: grayscale(0); }

/* Quick Contact */
#qcontact {
float: left;
margin-top: 25px;
margin-left: 35px;
text-align: left;
width: 300px; }

#qcontact .form {
float: left;
margin-top: 15px;
width: 300px; }

#qcontact input:not([type="submit"]) {
background: #222222;
border: none;
color: #ffea00;
float: left;
font-family: 'Bitter', Lucida Bright, serif;
font-size: 14px;
height: 14px;
margin-bottom: 5px;
padding: 8px;
text-decoration: none;
width: 184px; }

#qcontact ::-webkit-input-placeholder  { 
color: #ffea00;
font-family: 'Bitter', Lucida Bright, serif;
font-size: 14px;
text-decoration: none; }

#qcontact input:-moz-placeholder,
#qcontact textarea:-moz-placeholder {
color: #ffea00; 
font-family: 'Bitter', Lucida Bright, serif;
font-size: 14px;
text-decoration: none; }

#qcontact textarea {
background: #222222;
border: none;
color: #ffea00;
float: left;
font-family: 'Bitter', Lucida Bright, serif;
font-size: 14px;
height: 65px;
resize: none;
padding: 8px;
text-decoration: none;
width: 284px; }

#qcontact .submit {
background: #222222;
border: none;
cursor:pointer;
color: #ffea00;
float: right;
font-family: 'Bitter', Lucida Bright, serif;
font-size: 14px;
height: 24px;
margin-top: 5px;
text-decoration: none;
text-align: center;
width: 66px; }

#qcontact textarea:focus, #qcontact input:focus { outline: none; }

#qcontact .submit:hover {
background: #fff;
color: #000; }