/*
Theme Name: Jetfuel Creative
Stylesheet Design for Jetfuel Creative, Inc.
3.6.10 
Updated 6.10.12
Author: Keith Goolsby
*/


@font-face {
	font-family: 'FrutigerBold';
	src: url('fonts/frutigerltstd-bold-webfont.eot');
	src: local('Frutiger LT Std'), local('FrutigerLTStd-Bold'), url('fonts/FrutigerLTStd-Bold.woff') format('woff'), url('fonts/FrutigerLTStd-Bold.otf') format('opentype'), url('fonts/FrutigerLTStd-Bold.svg#FrutigerLTStd-Bold') format('svg');
}

@font-face {
	font-family: 'FrutigerNormal';
	src: url('fonts/FrutigerLTStd-Roman.eot');
	src: local('Frutiger LT Std'), local('FrutigerLTStd-Roman'), url('fonts/FrutigerLTStd-Roman.woff') format('woff'), url('fonts/FrutigerLTStd-Roman.otf') format('opentype'), url('fonts/FrutigerLTStd-Roman.svg#FrutigerLTStd-Roman') format('svg');
}

@font-face {
	font-family: 'PetitaLight';
	src: url('fonts/PetitaLight.eot');
	src: local('PetitaLight'), local('PetitaLight'), url('fonts/PetitaLight.woff') format('woff'), url('fonts/PetitaLight.otf') format('opentype'), url('fonts/PetitaLight.svg#PetitaLight') format('svg');
}

@font-face {
	font-family: 'PetitaMedium';
	src: url('fonts/PetitaMedium.eot');
	src: local('PetitaMedium'), local('PetitaMedium'), url('fonts/PetitaMedium.woff') format('woff'), url('fonts/PetitaMedium.otf') format('opentype'), url('fonts/PetitaMedium.svg#PetitaMedium') format('svg');
}

a:active
{
outline-style: none;
-moz-outline-style: none;
}

a:focus
{
outline-style: none;
-moz-outline-style: none;
}

ul, li {
list-style: none;
-webkit-padding-start: 0px;
z-index: 0;
}

p {font-family: 'open sans', sans-serif; font-size: 15px; color: #415a68}
li {font-family: 'open sans', sans-serif; font-size: 15px; color: #415a68}

body {
	background-repeat: no-repeat;
	background-image: url('images/background.jpg');
	background-position: -900px 0px;
	background-color: #fff;
	text-align:center;
	margin: auto;
}

/* Body 
-------------------------------------------------------------- */

#wrap {
	display: block;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	width: 1000px;
	z-index: 0;
}

#main {
	display: block;
	position:relative;
	text-align: center;
	margin-top: 20px;
	*margin-top: 40px;
	margin-left:auto;
	margin-right:auto;
	width: 1000px;
	height: 400px;
	overflow: visible;
	z-index: 0;
}

#main h1 {
	font-size: 40px;
	color: #415a68;
	text-transform: uppercase;
	font-weight: normal;
	text-align: left;
	margin: 20px 0 0 0;
	position: relative;
	z-index: 1000;
}

#main h2 {
	font-family: arial, sans-serif;
	color: #f26532;
	font-size: 26px;
	font-weight: normal;
	text-align: left;
}

#main p {
font-family: Arial, sans-serif;
font-size: 16px;
line-height: 18px;
color: #415a68;
text-align: left;
}


#featured-wrap {
	position: relative;
	margin: 0px 0 0 0;	
	width: 100%;
	height: 349px;
	border-bottom: 2px solid #000;

}

#featured {	
	display: block;
	width: 960px;
	height: 335px;
	margin: 2px auto 0 auto !important;
	background-image: url(images/featured-background.jpg);
	background-repeat: no-repeat;
}

#featured h1 {
font-family: PetitaLight, sans-serif;
font-size: 40px;
line-height: 40px;
font-weight: normal;
text-align: left;	
color: #415a68;	
margin-bottom: 10px;
text-transform: uppercase;
text-shadow: 1px 2px 2px #eee;
}


#featured.content {width: 960px; height: 365px; position: relative;}

#featured li .featured-text {
	position: absolute;
	z-index: 111;
	left: 0px;
	width: 960px;
	display: block;
	margin: 0px 0 0 0;
	text-align: left;
}

#featured h1 {margin: 15px 0 10px 0 !important;}

#featured p {font-family: 'Cabin Condensed', sans-serif; color: #f26532; font-size: 28px; margin: 0;}

#featured a {display: block; width: 300px; height: 43px; margin: 20px 0 0 0; background: url(images/cta-bg.jpg) repeat-x; -moz-border-radius: 15px; border-radius: 15px; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,1); -moz-box-shadow: 0 1px 2px rgba(0,0,0,1); box-shadow: 0 1px 2px rgba(0,0,0,1); text-decoration: none; color: #fff; padding: 14px 5px 10px 5px; text-align: center; position: relative; z-index: 100; font-family: 'petitalight', sans-serif; text-transform: uppercase; font-size: 32px; text-shadow: 1px 1px 1px #415a68;}

#featured img {margin: 1px 0 0 0;}

.link {display: block; width: 300px; height: 43px; margin: 20px 0 0 0; background: url(images/cta-bg.jpg) repeat-x; -moz-border-radius: 15px; border-radius: 15px; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,1); -moz-box-shadow: 0 1px 2px rgba(0,0,0,1); box-shadow: 0 1px 2px rgba(0,0,0,1); text-decoration: none; color: #fff !important; padding: 14px 5px 10px 5px; text-align: center; position: relative; z-index: 100; font-family: 'petitalight', sans-serif; text-transform: uppercase; font-size: 32px; text-shadow: 1px 1px 1px #415a68;}

#featured-nav-wrap {
	display: block;
	position: relative;
	text-align: center;
	background-image: url(images/index-nav-background.jpg);
	background-repeat: repeat-x;
	width: 17px;
	height: 74px;
	width: 100%;
	margin-top: -16px;
	z-index: 2;
}

#featured-nav {
	display: block;
	position: relative;
	text-align: center;
	width: 950px;
	height: 101px;
	margin: 0 auto 0 auto;
	z-index: 4;
}
	
#featured-nav li {
	display: block;
	position: relative;
	width: 236px;
	height: 101px;
	float: left;
	margin: -25px 0 0 0;
	z-index: 100;
}

#featured-nav a {
	font-family: 'petitalight', sans-serif;
	top: -25px;
	position: relative;
	width: 236px;
	height: 101px;
	color: #000;
	text-align: center;
	text-decoration: none;
	padding: 30px 0 0 0;
	*padding: 35px 0 0 0;
	z-index: 100;
	text-transform: uppercase;
	font-size: 18px;
	display: block;
	float: left;
}

#featured-nav a span {
	text-align: center;
	font-family: 'open sans', sans-serif;
	font-size: 12px;
	line-height: 14px;
	position: absolute;
	left: 0;
	font-weight: normal;
	margin:0;
	text-transform: none;
	width: 226px;
	padding: 0 7px;
}

#featured-nav .activeSlide {
	display: block;
	width: 236px;
	height: 101px;
	background: url(images/nav-active-bg.png);
	background-repeat: no-repeat;
	text-decoration: none;
	color: #fff;	
	z-index: 100;
	
}

#featured-nav h1 {
	font-size: 20px;
	font-family: 'petitalight', sans-serif;
	text-transform: uppercase;
	margin: 10px 0 0 0;
	font-weight: normal;
}

#featured-nav p {
	margin: 0 0 0 5px;
	font-family: arial, sans-serif;
	font-size: 12px;
	width: 220px;
}

#lower-body-wrap {top: -30px; position: relative;}

#lower-body {
	display: block;
	position:relative;
	text-align: center;
	margin: 0 0 0 0;
	margin-left:auto;
	margin-right:auto;
	width: 1000px;
	height: 460px;
}


#lower-body h1 {font-family: 'petitalight', sans-serif !important;	}
#lower-body h1 a {text-decoration: none; color: #f26532}

#lower-body h1.post {margin: 10px 0 0 0}

#lower-body p a {font-family: 'open sans', sans-serif; font-size: 15px; color: #f26532; font-weight: bold }

#column1 {
	display: block;
	float: left;
	margin-left: 40px;
	width: 280px;
	height: 180px;
	text-align: left;
}

#column1 h1 {
font-family: arial, sans-serif;
font-size: 20px;
font-weight: normal;
color: #f26532;
text-align: left;
margin: 0;
}

#column1 h2 {
font-family: arial, sans-serif;
font-size: 12px;
font-weight: normal;
color: #415a68;
text-align: left;
position: relative;
margin: 0;
}

#column1 li {
	margin: 2px 0px 0px 10px;
	list-style-type: disc;
}


#column1 h2 p a {
color: #f26532;
font-weight: bold;
text-decoration: none;
}

#column2 {
	display: block;	
	float: left;
	width: 320px;
	text-align: left;
	margin: 0 0 0 40px;
}

#column2 h1 {
font-family: arial, sans-serif;
font-size: 20px;
font-weight: normal;
color: #f26532;
text-align: left;
margin: 0;
}

#column2 h2 {
font-family: arial, sans-serif;
font-size: 16px;
color: #415a68;
text-align: left;
position: relative;
margin-top: 10px;
margin-bottom: 5px;
}


.column2-postdate {
font-family: Arial, sans-serif;
font-style: italic;
font-size: 10px;
color: #415a68;
text-align: left;
}

#column2 h3 {
font-family: Arial, sans-serif;
font-size: 12px;
color: #415a68;
text-align: left;
font-weight: normal;
}

#column2 h3 a {
color: #f26532;
font-weight: bold;
text-decoration: none;
}

#column3 {
	display: block;
	float: right;
	width: 280px;
	text-align: left;
}

#column3 h1 {
font-family: arial, sans-serif;
font-size: 20px;
color: #f26532;
text-align: left;
margin: 0 0 0 0;
}


.socialmedia-icons a {
	margin-left: -5px;
	margin-top: 25px;
	width: 330px;
	height: 40px;
	text-align: left;
	border: none;
}




/* Latest Tweets 
------------------------------------------------ */

#tweet-box {
	display: block;
	left: 0px;
	height: 100px;
	width: 200px;
}

.tweet-icon {
	background-image: url(images/latest-tweet.png);
	width: 76px;
	height: 71px;
}

.tweet-headline {
	font-family: PetitaMedium, sans-serif;
	font-size: 20px;
	color: #f26532;
	text-align: left;
}

.twitters {
	font-family: Arial, sans-serif;
	font-size: 12px;
	color: #415a68;
	text-align: left;
}

.twitters ul {
	list-style: none;
	font-family: Arial, sans-serif;
	font-size: 12px;
	color: #415a68;
	text-align: left;
	width: 230px;
}

.twitters ul a {
	list-style: none;
	font-family: Arial, sans-serif;
	font-size: 12px;
	color: #f26532;
	font-weight: bold;
}

.twitters li {
	margin-top: 10px;
	margin-bottom: 30px;
}

.twitters span.prefix {
  font-weight: bold;
}

.time {
	font-family: Arial, sans-serif;
	font-size: 9px;
	font-style: italic;
	color: #415a68;
	text-align: right;
}

.twitters span.status {
  font-style: italic;
 }
 
#content-wrap {width: 100%; float: left}
 
#content {width: 960px; text-align: left; margin: 0 auto}
.page-content {width: 960px; margin: 30px auto 0 auto}
 
#content h1.headline {font-family: PetitaLight, sans-serif; font-size: 34px; line-height: 40px; font-weight: normal; text-align: left; color: #415a68; margin-bottom: 10px; text-transform: uppercase; text-shadow: 1px 2px 2px #eee;}
#content h1 {font-family: 'Cabin Condensed', sans-serif; color: #f26532; font-size: 26px; margin: 0; font-weight: normal; }
#content h2 {font-family: 'Cabin Condensed', sans-serif; color: #f26532; font-size: 22px; margin: 0; font-weight: normal}
#content h3 {font-family: 'Cabin Condensed', sans-serif; color: #f26532; font-size: 18px; margin: 0; font-weight: normal}

#content img {}
#content img.alignright {float: right !important; margin: 0 0 20px 20px}

#content img.icon {margin: 5px 7px 0 0}

#content a {color: #f26532; font-weight: bold}

#content ul {margin: 15px 0 0 70px; min-height: 60px;}
#content ol {position: relative; display: block; height: auto;}
#content li {list-style-image: url(images/check-small.png); font-family: 'open sans', sans-serif; color: #415a68; font-size: 15px;  padding-right: 50px }

#content img.work {float: right; height: 200px; margin: 0px 0 10px 30px; border: 1px solid #e5e5e5; background-color: #f5f7f7; padding: 15px;}

#content .testimonial {font-family: 'open sans', sans-serif; font-size: 15px; color: #415a68}

#content span.phone {color: #f26532; text-decoration: underline; font-weight: bold !important}

#service-list {margin: 15px 0 0 70px}
#service-list li {list-style-image: url(images/check-small.png); font-family: 'open sans', sans-serif; color: #415a68; font-size: 15px}
#service-list li a {color: #f26532;}

#content #sidebar {	display: block; border: 1px solid #e5e5e5; background-color: #f5f7f7; width: 300px; padding: 10px 20px 20px 30px; margin: 0 0px 0 20px; float: right;}

#sidebar h1 {font-family: PetitaLight, sans-serif; font-size: 24px; line-height: 40px; font-weight: normal; text-align: left; color: #415a68; margin-bottom: 10px; text-transform: uppercase; text-shadow: 1px 2px 2px #eee;}
#sidebar h3 {font-family: 'Cabin Condensed', sans-serif; color: #f26532; font-size: 22px; margin: 10px 0 10px 0; font-weight: normal}
#sidebar p {font-family: 'open sans', sans-serif; font-size: 15px; color: #415a68; margin: 5px 0}
#sidebar .help {font-family: 'open sans', sans-serif; font-size: 15px; color: #415a68; margin: 5px 0}
#sidebar input.text {height: 20px; width: 180px; margin: 5px 0 5px 0;}

#sidebar ul {margin: 0 0 0 30px;}
#sidebar li {margin: 5px 0 0 0px; list-style-image: none !important;}

#sidebar #submit-button {display: block; width: 200px; height: 60px; margin: 20px 0 0 0; background: url(images/cta-bg.jpg) repeat-x; -moz-border-radius: 15px; border-radius: 15px; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,1); -moz-box-shadow: 0 1px 2px rgba(0,0,0,1); box-shadow: 0 1px 2px rgba(0,0,0,1); text-decoration: none; color: #fff !important; padding: 7px 5px 10px 5px; text-align: center; position: relative; z-index: 100; font-family: 'petitalight', sans-serif; text-transform: uppercase; font-size: 26px !important; text-shadow: 1px 1px 1px #415a68; cursor: pointer}

#sidebar .widget {position: relative; display: block; height: auto}


#content #work {margin: 0 0 0 0;}

#work ul {float: left; position: relative; }
#work li {list-style: none; padding: 0 15px 0 0; margin: 0 0 0px 0; position: relative; display: block; width: 300px !important; float: left}

#work li img {padding: 6px; border: 1px solid #e5e5e5; background-color: #f5f7f7;}

#work h1 {font-family: PetitaLight, sans-serif; font-size: 18px; color: #415a68; margin: 0 0 0px 0; text-align: center;}

#work h2 {font-family: arial, sans-serif; font-size: 16px; color: #415a68; margin: 0 0 20px 0; text-align: center; font-style: italic; font-weight: normal;}


#sidebar .wpcf7-text {height: 20px; width: 180px; margin: 5px 0 5px 0;}
#sidebar .wpcf7-list-item {display: block}
#sidebar .wpcf7-submit {display: block; width: 200px; height: 60px; margin: 20px 0 0 0; background: url(images/cta-bg.jpg) repeat-x; -moz-border-radius: 15px; border-radius: 15px; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,1); -moz-box-shadow: 0 1px 2px rgba(0,0,0,1); box-shadow: 0 1px 2px rgba(0,0,0,1); text-decoration: none; color: #fff !important; padding: 7px 5px 10px 5px; text-align: center; position: relative; z-index: 100; font-family: 'petitalight', sans-serif; text-transform: uppercase; font-size: 26px !important; text-shadow: 1px 1px 1px #415a68; cursor: pointer; border: none}


#portfolio-test {margin: 0 !important}
#portfolio-test li {margin: 0 !important; list-style-image: none !Important; padding: 0 !important; position: relative; z-index: 1;}
#portfolio-test li img {opacity: 0.6}

/* Creative Brief */

.wpcf7-textarea {width: 100%; margin: 5px 0 5px 0;}
.wpcf7-list-item {display: block}
.wpcf7-submit {display: block; width: 200px; height: 60px; margin: 20px 0 0 0; background: url(images/cta-bg.jpg) repeat-x; -moz-border-radius: 15px; border-radius: 15px; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,1); -moz-box-shadow: 0 1px 2px rgba(0,0,0,1); box-shadow: 0 1px 2px rgba(0,0,0,1); text-decoration: none; color: #fff !important; padding: 7px 5px 10px 5px; text-align: center; position: relative; z-index: 100; font-family: 'petitalight', sans-serif; text-transform: uppercase; font-size: 26px !important; text-shadow: 1px 1px 1px #415a68; cursor: pointer; border: none}