/* 
Theme Name: FaceTime Custom Theme v2
Theme URL: 
Description: Custom Theme for FaceTime Strategy
Author: Max Lollar
Author URI: http://www.maxlollar.com
Version: 1.0

*/

/*  The following CSS Reset was written by Dejan Cancarevic
http://stylizedweb.com/2008/02/14/10-best-css-hacks/         */

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, del, dfn, em, font, img, ins, kbd, q, s, samp, acronym, address, big, cite, code,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 {font-size:100%;font-family:inherit;vertical-align:baseline;margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;}caption, th, td {text-align:left;font-weight:normal;}table {border-collapse:separate;border-spacing:0;}blockquote:before,blockquote:after,q:before,q:after {content: "";}blockquote, q {quotes: "" "";}
{margin:0;padding:0;}

/* GENERAL STYLES */

html {
     overflow-y: scroll;
}

body {
background-image: url('/images/slantbg.png');
background-position: top;
background-repeat: repeat-x;
background-color: black;
color: #ffffff;
font-family: helvetica, arial, sans-serif;
font-size: 12px;
}

p {
margin-bottom: 20px;
}

img.titleimage {
margin-bottom: -12px;
}

img.mainsection {
margin-bottom: -20px;
}

h1 {
font-size: 2.4em;
padding: 16px;
padding-left: 50px;
color: #ff9900;
border-bottom: 1px dotted #222;
}

h2 {
font-size: 1.5em;
color: #ffffff;
padding-bottom: 2px;
padding-top: 2px;
}

h3 {
font-size: 1.5em;
color: #ff9900;
padding-bottom: 2px;
padding-top: 2px;
}

h3#browseteam {
margin-left: 20px;
}

h4 {
font-size: 1.5em;
color: #ffffff;
padding-bottom: 2px;
padding-top: 2px;
}

a:link, a:visited {
color: #ff9900;
text-decoration: none;
}

a:hover {
color: #fff;
text-decoration: underline;
}

.break {
clear: both;
height: 1px;
}

strong {
font-weight: bold;
color: #ff9900;
}

/* MAJOR STRUCTURE STYLES */

#container {
width: 962px;
margin: 0 auto;
}

#pagebg {
}

ul { 
list-style-type: none;
}

#topbg {
}


#pagebox {
margin-top: 16px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border: 1px solid #000;
background-color: #000;
}

#wrapper {
background-color: black;
background-position: top center;
background-image: url('/images/stealthbg.jpg');
background-repeat: repeat-y;
}


/*
HEADER STYLES
*/

#header {
}

#subheader {
background-image: url('/images/header_bottombg.png');
background-position: bottom center;
background-repeat: no-repeat;
width: 960px;
text-align: center;
}


#topbreak {
clear: both;
margin: 0px;
padding: 0px;
}


#logo {
width: 960px;
text-align: left;
margin-top: 40px;
}

#topNav {
}

#homenav {
height: 40px;
background-repeat: no-repeat;
padding-left: 6px;
border-bottom: 1px solid #232323;
}

#homenav img {
padding: 10px 16px;
}

#childhomenav {
height: 40px;
padding-left: 6px;
}

#childhomenav img {
padding: 10px;
}

#childbreak {
clear: both;
margin: 0px;
padding: 0px;
}

#childtitle {
width: 960px;
}

#childstandard {
float: left;
width: 320px;
height: 32px;
}

#childnav {
font-size: 1em;
font-family: Tahoma, Verdana, Geneva;
letter-spacing: 1px;
background-color: #ff9900;
border-bottom: 1px solid #333;
padding: 10px 32px;
}

#childnav a:link {
color: #000;
}

#childnav a:visited {
color: #000;
}

#childnav a:hover {
color: #fff;
text-decoration: none;
}

#childnav ul, li {
display: inline;
}

#childnav li {
margin-left: 12px;
}

#childnav ul li ul {
display: none;
}

#breadcrumbs {
float: left;
font-style: italic;
}

#childnavlist {
float: right;
}

#childnavbreak {
clear: both;
height: 1px;
}

/* HOME PAGE */
#homepagecontent {

}

#homestripe {
height: 8px;
background-color: #ff9900;
}

#homerotator {
border-bottom: 1px solid #222;
margin-bottom: 30px;
}

#homepageleft {
float: left;
width: 600px;
margin-left: 20px;
}

#homepageright {
float: left;
width: 250px;
margin-left: 40px;
line-height: 1.8em;
color: #ccc;
}

#homepageright h1 {
margin: 0px;
padding: 0px;
margin-bottom: 12px;
padding-bottom: 12px;
border-bottom: 1px dotted #333;
}

#homepagebreak {
height: 30px;
clear: both;
}

.homeblock {
display:-moz-inline-stack;
display: inline-block;
zoom:1;
*display:inline;
margin-left: 20px;
width: 175px;
vertical-align: top;
line-height: 1.5em;
color: #ccc;
}

.homeblock h2 {
color: #ff9900;
padding-bottom: 3px;
margin-bottom: 5px;
border-bottom: 1px dotted #333;
}

.homeblock img {
border: 1px solid #333;
margin-bottom: 6px;
}


/*
BODY STYLES
*/

#content {
width: 960px;
font-size: 1.2em;
font-family: helvetica, arial, sans-serif;
line-height: 1.2em;
letter-spacing: 1px;
color: #dddddd;
}

#simplecontent {
width: 960px;
font-size: 1.2em;
font-family: helvetica, arial, sans-serif;
line-height: 1.5em;
letter-spacing: 1px;
color: #dddddd;
}

#contentbodybreak {
clear: both;
padding: 0px;
margin: 0px;
height: 1px;
}


#largecontentbodybreak {
clear: both;
padding: 0px;
margin: 0px;
height: 40px;
}


#pagebanner {
border-bottom: 1px solid #222;
}

#pagecontentwrapper {
padding: 25px 50px;
}

#copycontent {
width: 500px;
float: left;
}

#servicesidebar {
float: right;
width: 300px;
}

#servicesidebar ul li {
display: block;
padding: 8px;
padding-left: 20px;
border-bottom: 1px dotted #222;
font-style: italic;
background-image: url('/images/listarrow.png');
background-repeat: no-repeat;
background-position: 0px 11px;
}

#servicesidebar ul li a:hover {
text-decoration: none;
}

#servicesidebar ul li ul li {
background-image: none;
border-bottom: 0px;
padding: 4px;
padding-left: 12px;
font-size: 0.8em;
}

#servicesidebar ul li ul li a:link, #servicesidebar ul li ul li a:visited {
color: #ddd;
}


#servicesidebar ul li ul li a:hover {
color: #66ccff;
}

#servicesidebar h2 {
font-size: 1.8em;
border-bottom: 1px dotted #666;
padding-bottom: 12px;
}

#content ul,li {
display: inline;
margin: 0px;
}

#noshow {
display: none;
}

.titleimage {
padding-left: 20px;
}

.widepagebanner {
border-bottom: 1px solid #333;
}

.maincontentblock {
display:-moz-inline-stack;
display: inline-block;
zoom:1;
*display:inline;
width: 560px;
float: left;
margin-bottom: 40px;
}

.sidecontentblock {
display:-moz-inline-stack;
display: inline-block;
zoom:1;
*display:inline;
width: 250px;
padding-left: 16px;
float: right;
margin-bottom: 40px;
}

.sidecontentblock img {
padding-bottom: 8px;
}

.strategictextcontent {
width: 900px;
}


ul.sideservices {
margin-top: 12px;
margin-left: 6px;
}

ul.sideservices li {
display: block;
letter-spacing: 1px;
font-family: helvetica, arial, geneva, sans-serif;
}

/* SERVICE STYLES */

.serviceblock {
display:-moz-inline-stack;
display: inline-block;
zoom:1;
*display:inline;
width: 274px;
padding: 13px;
vertical-align: top;
height: 70px;
background-image: url('/images/serviceblockbg.png');
background-repeat: no-repeat;
}

.serviceblock h3 {
font-size: 1.3em;
text-align: center;
}


.serviceblock p {
display: none;
}

.serviceblock:hover {
background-color: black;
border: 1px solid #eee;
padding: 12px;
font-size: 0.9em;
height: auto;
background-image: none;
}

.serviceblock:hover p {
display: inline;
}

/* PORTFOLIO STYLES */

.bubbleInfo {
position: relative;
display:-moz-inline-stack;
display: inline-block;
*display:inline;
zoom:1;
width: 220px;
padding: 12px;
margin: 28px;
vertical-align: top;
height: 70px;
}

.bubbleInfo:hover {
}

.sortlist {
display: block;
height: 20px;
padding: 0px;
margin: 0px;
margin-left: 300px;
}

#industrysortlist {
list-style-type: none;
}

#industrysortlist li {
display: block;
border-bottom: 1px solid #222;
padding-left: 4px;
}

#industrysortlist li:hover {
background-color: #336699;
}

.popup {
position: absolute;
width: 220px;
padding: 12px;
border: 1px solid #336699;
background: #000;
display: none;
z-index: 1200;
}

.popupsortlist {
width: 120px;
border: 1px solid #222;
padding: 0px;
}

.bubbleInfo img {
padding-left: 28px;
}

.popup strong {
color: #ff9900;
}


.industryblock {
display:-moz-inline-stack;
display: inline-block;
zoom:1;
*display:inline;
width: 270px;
padding: 13px;
vertical-align: top;
height: 140px;
background-image: url('/images/industry/industryblockbg.png');
background-repeat: no-repeat;
}

.industryblock img {
margin: 0 auto;
}

.industryblock h3 {
}

.industryblock p {
display: none;
}

.industryblock:hover {
background-color: black;
border: 1px solid #eee;
padding: 12px;
font-size: 0.9em;
height: auto;
background-image: none;
}

.industryblock:hover p {
display: inline;
}

#marketmasterbox {
display:-moz-inline-stack;
display: inline-block;
zoom:1;
*display:inline;
width: 250px;
padding: 13px;
vertical-align: top;
height: auto;
}

#marketmastertext {
display:-moz-inline-stack;
display: inline-block;
zoom:1;
*display:inline;
width: 600px;
padding: 13px;
vertical-align: top;
height: auto;
}


.teamnav {
margin: 20px;
}

#content table td {
padding: 24px;
}

#content p, #twocolleft p {
text-align: left;
}

#twocolleft {
width: 600px;
text-align: left;
font-size: 1.2em;
font-family: tahoma, geneva, arial, sans-serif;
line-height: 1.7em;
float: left;
}

#twocolright {
width: 290px;
height: 200px;
margin-top: 80px;
padding-top: 50px;
float: right;
background-image: url('/images/borderfadevert.png');
background-position: top left;
background-repeat: no-repeat;
height: 500px;
}

#twocolright h4 {
font-size: 20px;
}

#simplecontent table td {
padding: 24px;
}

#generaltext {
padding: 20px;
}

#portfolio {
padding: 15px;
background-color: black;
}


/* EMPLOYEE SPOTLIGHT */

#employee {
margin-top: 40px;
line-height: 1.2em;
}

#employee h3 {
border-bottom: 1px dotted #666;
margin-bottom: 10px;
padding-bottom: 10px;
font-size: 1.2em;
}

#employeepic {
width: 80px;
height: 80px;
float: left;
background-color: #666;
border: 1px solid #fff;
margin-right: 12px;
}

#employeedesc {
padding-top: 6px;
}

#employeetitle {
font-weight: bold
color: #ff9900;
}

/*
FOOTER CONTENT AND NOTES
*/


#footer {
clear: both;
padding-top: 12px;
margin-bottom: 30px;
width: 960px;
background-position: top;
background-repeat: repeat-x;
text-align: center;
font-size: 11px;
line-height: 18px;
color: #b6c1cb;
}

#footer img {
margin: 6px;
}

.pressclipping {
width: 800px;
padding: 24px;
padding-left: 50px;
margin: 0 auto;
background-image: url('/images/arrow.png');
background-position: left;
background-repeat: no-repeat;
text-align: left;
border-bottom: 1px dotted #b6c1cb;
}

.pressclipping a {
font-variant: small-caps;
letter-spacing: 1px;
background-color: black;
padding: 4px;
}

.pressclipping a:hover {
text-decoration: none;
background-color: #ff9900;
}


.jobposting {
width: 800px;
padding-bottom: 24px;
padding-left: 50px;
padding-top: 4px;
margin: 0 auto;
margin-top: 40px;
background-image: url('/images/arrow.png');
background-position: top left;
background-repeat: no-repeat;
border-bottom: 1px dotted #b6c1cb;
}

.jobposting a {
font-variant: small-caps;
letter-spacing: 1px;
background-color: black;
padding: 4px;
}

.jobposting a:hover {
text-decoration: none;
background-color: #ff9900;
}

.jobposting ul {
list-style-type: circle;
}

.jobposting ul li {
display: block;
padding-left: 16px;
border-left: 8px solid #ff9900;
}

ul.jobshortlink {
}
ul.jobshortlink li {
display: block;
padding-left: 30px;
}

.biocontent {
padding: 0;
margin: 0;
}

.biopic {
float: left;
width: 300px;
}

.biopic img {
border: 1px solid #eee;
}

.biotext {
float: right;
width: 570px;
}

.biobreak {
clear: both;
}

#quotes {
width: 958px;
color: white;
height: 70px;
vertical-align: middle;
background-image: url('/images/quotebg.jpg');
background-position: bottom;
background-repeat: no-repeat;
font-size: 1em;
line-height: 1.2em;
border-left: 1px solid #536370;
border-right: 1px solid #536370;
border-top: 1px solid #536370;
}

#quotearea {
}

#quoterotator {
padding-left: 360px;
padding-right: 40px;
padding-top: 5px;
}

#ie-message {
background:#C00;
text-align:center;
border-bottom:1px solid #900;
color: #fff;
position:absolute;
top:0;
padding:5px;
width:100%;
}
#ie-message a {
color: #fff;
}

/* CONTACT PAGE */

.contact-triple {
display:-moz-inline-stack;
display: inline-block;
zoom:1;
*display:inline;
width: 250px;
margin: 0 30px;
vertical-align: top;
margin-bottom: 30px;
}

.contact-quad {
display:-moz-inline-stack;
display: inline-block;
zoom:1;
*display:inline;
width: 180px;
margin: 0 15px;
vertical-align: top;
margin-bottom: 30px;
}

.contact-triple strong {
color: #ff9900;
font-weight: bold;
}

.bizbreak {
margin-top: 2px;
padding-top: 2px;
border-top: 1px dotted #666;
}

/* BLOG */

#blogwrapper {
padding-top: 24px;
}

img#blogheader {
margin-bottom: 30px;
border-bottom: 1px solid #999;
}

#blogleftbar {
float: left;
width: 80px;
min-height: 500px;
padding-right: 16px;
margin-right: 22px;
border-right: 1px dotted #666;
}

#blogleftbar img {
padding: 14px;
}

#blogcontent {
width: 570px;
font-size: 1.2em;
font-family: tahoma, geneva, arial, sans-serif;
line-height: 1.7em;
float: left;
color: #ccc;
}

#blogcontent ul {
margin: 20px;
list-style-type:square;
}

#blogcontent ol {
margin: 20px;
list-style-type:square;
}

#blogcontent ul li {
display: block;
list-style-type:square;
}

#blogcontent ol li {
display: block;
list-style-type:square;
}

#blogcontent img.alignleft {
float: left;
margin-right: 12px;
margin-bottom: 12px;
margin-top: 12px;
border: 1px solid #ccc;
}


#blogcontent img.alignright {
float: right;
margin-left: 12px;
margin-bottom: 12px;
margin-top: 12px;
border: 1px solid #ccc;
}

#blogrightbar {
float: right;
width: 200px;
padding-left: 16px;
margin-left: 16px;
margin-right: 12px;
border-left: 1px dotted #666;
}

#blogbreak {
clear: both;
height: 30px;
}

.postmeta, #postmeta {
font-size: 0.7em;
text-transform: uppercase;
}

.comments_reply small {
display: none;
}

.comment_text {
border-bottom: 1px dotted #666;
padding-bottom: 6px;
margin-bottom: 12px;
color: #ccc;
}

.comments_meta {
margin-top: 16px;
}

.comments_meta p {
font-style: italic;
font-size: 0.7em;
text-variant: small-caps;
display: inline;
margin: 6px;
padding-right: 14px;
border-right: 1px solid #336699;
}

#sidebar ul li {
display: block;
padding-bottom: 6px;
padding-top: 6px;
}

li.award {
padding-top: 16px;
}

p.author {
font-variant: small-caps;
font-size: 0.9em;
letter-spacing: 1px;
}

.blogpost {
border-bottom: 1px dotted #336699;
margin-bottom: 20px;
}


textarea {
width: 560px;
}

p.smallprint {
font-size: 0.7em;
line-height: 1.2em;
color: #ccc;
}

/* WP CALENDAR */

table#wp-calendar {
border: 2px solid #ff9900;
padding: 6px;
background: black;
color: #ccc;
}
table#wp-calendar td {
padding: 4px;
border-right: 1px dotted #333;
border-bottom: 1px dotted #333;
}
caption {
font-weight: bold;
color: white;
padding-bottom: 4px;
}

.postmeta{}
.postnavigation{}
#searchform{}
#sidebar{}
#comments
.comments_navigation{}
.comments_navigation{}
.comments_reply{}
.comments_text{}
.comments_meta{}


/* LANDING PAGES */

#landingpagewrapper {
background-color: black;
background-image: url('/images/lp/lp-bg.jpg');
background-position: top center;
background-repeat: no-repeat;
}

#landingpageheader {
padding-top: 36px;
padding-bottom: 36px;
}

#landingpagecontent {
width: 600px;
margin-left: 40px;
float: left;
font-size: 1.2em;
font-family: tahoma, geneva, arial, sans-serif;
line-height: 1.7em;
letter-spacing: 1px;
}

#landingpagecontent h3 {
font-size: 2em;
}

#lpgeneric {
border-top: 1px solid #666;
padding-top: 16px;
}

#lpbreak {
clear: both;
height: 32px;
}

#lpcontact {
float: left;
border: 1px solid #666;
background-image: url('/images/lp/lp-contactbg.png');
background-repeat: repeat;
width: 210px;
margin-left: 40px;
padding: 15px;
}

#lpcontact h4, #lpcontact h3 {
font-size: 2em;
}

textarea {
width: 208px;
height: 70px;
}

/* NEW MODEL */

#newmodelpagewrapper {
background-color: #000;
background-position: top center;
background-image: url('/images/stealthbg.jpg');
background-repeat: repeat-y;
}

#newmodelpageheader {
padding-bottom: 36px;
}

#newmodelpagewrapper h4 {
margin-bottom: 24px;
}

p.newmodelintro {
font-family: georgia, times new roman, times;
font-size: 1.2em;
font-style: italic;
letter-spacing: 1px;
}

#newmodelcontent {
width: 880px;
margin: 0 auto;
font-size: 1.2em;
font-family: tahoma, geneva, arial, sans-serif;
line-height: 1.7em;
letter-spacing: 1px;
color: #ccc;
}

#newmodelcontent h3 {
font-size: 2em;
}

#newmodelcontent h5 {
font-size: 1.8em;
color: #66ccff;
}



/* CODA SLIDER */


	.coda-slider-wrapper { padding: 0 }
	.coda-slider {}
	
	/* Use this to keep the slider content contained in a box even when JavaScript is disabled */
	.coda-slider-no-js .coda-slider { height: 200px; overflow: auto !important; padding-right: 20px }
	
	/* Change the width of the entire slider (without dynamic arrows) */
	.coda-slider, .coda-slider .panel { width: 940px; height: 400px;} 

	
	/* Change margin and width of the slider (with dynamic arrows) */
	.coda-slider-wrapper.arrows .coda-slider, .coda-slider-wrapper.arrows .coda-slider .panel { width: 600px }
	.coda-slider-wrapper.arrows .coda-slider { margin: 0 10px }
	
	/* Arrow styling */
	.coda-nav-left a, .coda-nav-right a { background: #000; color: #fff; padding: 5px; width: 100px }
	
	/* Tab nav */
	.coda-nav ul li a.current { background: #39c }
	
	/* Panel padding */
	.coda-slider .panel-wrapper { padding-left: 20px; padding-right: 20px; }
	
	/* Preloader */
	.coda-slider p.loading { padding: 20px; text-align: center }


	/* Tabbed nav */
	.coda-nav ul { clear: both; display: block; margin: auto; overflow: hidden }
	.coda-nav ul li { display: inline }
	.coda-nav ul li a { background: #000; color: #fff; display: block; float: left; margin-right: 1px; padding: 3px 6px; text-decoration: none }
	
	/* Miscellaneous */
	.coda-slider-wrapper { clear: both; overflow: auto }
	.coda-slider { float: left; overflow: hidden; position: relative }
	.coda-slider .panel { display: block; float: left }
	.coda-slider .panel-container { position: relative }
	.coda-nav-left, .coda-nav-right { float: left }
	.coda-nav-left a, .coda-nav-right a { display: block; text-align: center; text-decoration: none }