/*
Theme Name: capturepointmedia.com v1
Description: Styling for version 1 of capturepointmedia.com
Version: 1.0
Author: Tim Campbell
Author URL: http://www.helveticampbell.com
*/


/* -------------------------------------------------------------- 
-----------------------------------------------------------------

	DEFINITIONS:	Table of contents
	AUTHOR:			Tim Campbell
	VERSION:		08.09.2010
	
	CONTENTS:
		
	1	RESET
			`Global reset
			`Global reset-RESET
			`Handles
			
	2	TYPOGRAPHY
			`Basic
			`Headings
			`Links
			'Misc
			
	3	LAYOUT
			`Basics
			`Header
			`Navigation
			`Banner
			`Content
			`Footer
			
	4	PAGE-SPECIFIC STYLES
			`Homepage
			`Internal Pages
			`Services
			`About CPM	
	
	5	CLEARFIX
	
-----------------------------------------------------------------
-------------------------------------------------------------- */
.bugs { border:1px solid blue;}

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

/* 1	`Global reset (based upon 'reset.css' adaptations by Elliot Jay Stocks http://www.elliotjaystocks.com) */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal }
q:before, q:after { content:''}
a { text-decoration:none }

/* 2	`Global reset-RESET (restores some sensible defaults) */
strong { font-weight:bold }
em { font-style:italic }
a img { border:none } /* Gets rid of IE's blue borders */
a:active { outline:none }

/* 3	`Handles */
div, ul, li, form { position:relative }
.fix:after { content:" "; visibility:hidden; display:block; height:0; clear:both }
* html .fix { height:1% }
.hide { display:none } /* Handy for development */

br.clearfix { clear:both; display:block; height:1px; margin:-1px 0 0 0 }


/* *** TYPOGRAPHY *** ------------------------------------------------------------------------------*/

@font-face {
	font-family: 'FuturaMedium';
	src: url('../fonts/futuram-webfont.eot');
	src: local('☺'), 
		url('../fonts/futuram-webfont.ttf') format('truetype'), 
		url('../fonts/futuram-webfont.svg#webfontY1imiJ8U') format('svg');
}

@font-face {
	font-family: 'FuturaMediumCond';
	src: url('../fonts/tt0201m-webfont.eot');
	src: local('☺'), 
		url('../fonts/tt0201m-webfont.ttf') format('truetype'), 
		url('../fonts/tt0201m-webfont.svg#webfontSkLe8mKc') format('svg');
}
/* font calls */
.fm { 
font-family:'FuturaMedium', arial, helvetica, sans-serif;
}
.fmc { 
font-family:'FuturaMediumCond', arial, helvetica, sans-serif;
}


/* ----- `Basic
----------------------------------------------------------------------------------------------------*/
p { font: 14px/24px Arial, Helvetica, sans-serif; padding-top: 15px;}
li { font: 14px/24px Arial, Helvetica, sans-serif;}

/* ----- `Headings
----------------------------------------------------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 { font-family:'FuturaMediumCond', arial, helvetica, sans-serif; text-transform:uppercase; }
h1 { font-size:29px; letter-spacing:-1px; padding:10px 0px;}
h2 { font-size:62px;}
h3 {font-size:48px; line-height:48px;}
h4 {font-size:30px;}
h5 {}
h6 {}

.title { display:none;}

/* ----- `Links
----------------------------------------------------------------------------------------------------*/
a { 
	background:none; 
	color:#00bde5; 
	font-family: Arial, Helvetica, sans-serif; 
	padding:1px; 
	outline:none; 
	text-decoration:underline;
}
a:hover { 
	color:#000; 
	background-color:#d3ffff; 
	
	border-radius:5px; 
	-moz-border-radius:5px; 
	-webkit-border-radius:5px; 
	
	padding:1px; 
	text-decoration:none;
}



/* ----- `Misc
----------------------------------------------------------------------------------------------------*/
.a-right { text-align:right;}
.a-left { text-align:left;}
.f-right { float:right;}
.f-left { float:left;}
.block { display:block;}
.inline { display:inline;}


/* *** LAYOUT *** ----------------------------------------------------------------------------------*/

/* ----- `Basics
----------------------------------------------------------------------------------------------------*/
body { 
	color:#666; 
	font-family:Arial, Helvetica, sans-serif 14px; 
	font-weight:normal; 
	height:100%; 
	line-height:24px; 
	margin-top:auto 0; 
}
html {}


/* ----- `Header
----------------------------------------------------------------------------------------------------*/
#home { background:#0f4049 url(../images/layout/main-BG.png) left 0px repeat-x;}
#internal { background:#0f4049 url(../images/layout/main-BG.png) left -85px repeat-x;}
.top-container { border-bottom:7px solid #bec000; margin:0px auto; padding:0; width:960px;}
#internal .top-container { border:none;}
.top-container .page-desc p { color:#fff; }
.top-container h1.logo { 
	color:#79bfcc; 
	float:left; 
	font-family:'FuturaMedium', arial, helvetica, sans-serif; 
	font-size:18px; 
	letter-spacing:-.08em; 
	margin:20px 0 0 0; 
	padding:0; 
	width:122px;
}
.top-container h1.logo span { display:block; padding-top:3px;}
.top-container h1.logo a { 
	background: url(../images/layout/logo.png) top left no-repeat; 
	display:block; 
	height:100px; 
	margin:0; 
	text-indent:-9999px; 
	width:122px; 
}
.top-container h1.logo a:hover { border:none;}


/* ----- `Navigation
----------------------------------------------------------------------------------------------------*/
.logo-nav { float:left; width:640px; }
#internal .logo-nav { float:left; width:960px; }
.logo-nav a { background:none; border:none; padding:0; margin:0; text-decoration:none;}
.logo-nav a:hover { 
	background:none; 
	border:none; 
	padding:0; 
	margin:0; 

	border-radius:0; 
	-moz-border-radius:0; 
	-webkit-border-radius:0; 

	text-decoration:none;
}
.logo-nav ul { float:right; margin-top:90px; margin-right:8px; }
#internal .logo-nav ul { margin-right:0px; }
.logo-nav li { display:inline; float:left; list-style:none; }
.logo-nav li a { 
	border-bottom: 5px solid #bec000; 
	color:#bec000; 
	font:normal normal normal 32px/24px 'FuturaMediumCond', arial, helvetica, sans-serif; 
	letter-spacing:-.5px; 
	padding:0px 12px 10px 12px; 
}
.logo-nav li a:hover { 
	background:none; 
	color:#e9eb00; 
	border-bottom:5px solid #e9eb00; 
	padding:0px 12px 10px 12px; 
}
.logo-nav li a:active { color:#989a00; border-color:#989a00; }
.logo-nav .on { color:#79bfcc; border-color:#79bfcc;}
.logo-nav .on:hover { color:#79bfcc; border-color:#79bfcc;}
.logo-nav .on:active { color:#79bfcc; border-color:#79bfcc;}
.logo-nav #first { padding-left:0;}
.logo-nav #last { padding-right:0;}

/* ----- `Form
----------------------------------------------------------------------------------------------------*/
.hp-form { 
	background:#79bfcc;  
	float:right; 
	height:490px; 
	padding:25px; 
	width:246px;
}
.hp-form h2 { color:#000; font-size:62px; letter-spacing:-2px; line-height:48px; margin:0; text-transform:uppercase;}
.hp-form h3 {color:#000; font-size:27px; line-height:27px; padding-left:2px; text-transform:none;}
.label { color:#fff; font-family:arial, helvetica, sans-serif; font-size:18px;}
.label span { color:#fcff00; float:right; font-size:12px;}
.hp-form p { padding-top:5px;}

.hp-form p.spam { 
	color:#000; 
	font-family:'FuturaMediumCond', arial, helvetica, sans-serif; 
	font-size:12px; 
	padding-top:0px; 
	text-transform:uppercase;
}
.hp-form input.field, .hp-form textarea { 
	border-top:1px solid #404040; 
	border-right:1px solid #79e6fa; 
	border-bottom:1px solid #79e6fa; 
	border-left:1px solid #404040; 
	height:15px; 
	padding:5px; 
	width:236px;
}
.hp-form input.field:hover, .hp-form textarea:hover { 
	background:#dedede; 
	border-top:1px solid #404040; 
	border-right:1px solid #79e6fa; 
	border-bottom:1px solid #79e6fa; 
	border-left:1px solid #404040;
}
.hp-form input.field:focus, .hp-form textarea:focus { 
	background:#dedede; 
	border-top:1px solid #404040; 
	border-right:1px solid #79e6fa; 
	border-bottom:1px solid #79e6fa; 
	border-left:1px solid #404040;
}
.hp-form textarea { height:45px;}
.hp-form input.btn-send { 
	font-family:arial, helvetica, sans-serif; 
	font-size:16px; 
	font-weight:bold; 
	height:35px; 
	margin-top:10px; 
	text-transform:uppercase; 
	width:246px;
}
.hp-form p.errors { color:#00fffc; float:left; font-weight:bold; margin:0;}
.hp-form p.success { 
	color:#fff; 
	font-family:'FuturaMediumCond', arial, helvetica, sans-serif; 
	font-size:27px; 
	line-height:28px; 
	padding-top:25px;
}

.hp-form p.code { color:#000; font-size:12px; padding-top:0;}
.hp-form p.code strong { color:#FCFF00; }

/* ----- `Content
----------------------------------------------------------------------------------------------------*/
.lower-wrapper { margin:0 auto; width:100%;}
.lower-container { border-bottom:7px solid #79bfcc; margin:0 auto; width:960px;}
.lower-container p { color:#404041; font-size:12px; line-height:18px; text-transform:none;}


/* ----- `Footer
----------------------------------------------------------------------------------------------------*/
.footer-container { 
	border-top:7px solid #79bfcc; 
	color:#fff; 
	font-family: arial, helvetica, sans-serif; 
	margin:0px auto; 
	margin-top:5px; 
	padding-bottom:15px; 
	text-align:center; 
	width:960px;
	filter: flipv;
	height: 1; 
	
}
.footer-container ul { margin:0 auto; padding-top:15px; width:600px; }
.footer-container li { display:inline; font-size: 11px; padding-top:0; }

/* *** PAGE-SPECIFIC STYLES *** --------------------------------------------------------------------*/

/* ----- `Homepage
----------------------------------------------------------------------------------------------------*/
.hp-banner { 
	background:url(../images/layout/banner.png) top left no-repeat; 
	float:left; 
	height:88px; 
	margin-top:10px; 
	text-indent:-9999px; 
	width:635px; 
}
.page-desc { float:left; padding-top:5px; width:640px;}

.lower-container div.hp-services, 
.lower-container div.hp-newsletter, 
.lower-container div.hp-satisfaction {
	background:#f1f8fa; 
	color:#79bfcc; 
	float:left; 
	height:260px; 
	padding:25px 20px 20px 25px; 
	text-transform:uppercase;
}
.lower-container div.hp-services:hover, 
.lower-container div.hp-newsletter:hover, 
.lower-container div.hp-satisfaction:hover { background:#f8f8e2; border-color:#e3e493; color:#bec000;}

.lower-container .page-desc { font: 14px/24px arial, helvetica, sans-serif;}

.hp-services h2, .hp-newsletter h2, .hp-satisfaction h2 { letter-spacing:-1px; text-align:left;}
.hp-services h2, .hp-newsletter h2 { font-size:46px;}
.hp-satisfaction h2 { font-size:35px;}

.hp-services { border-right:1px solid #c1e1e7; width:274px;}
.hp-services ul { margin-top: 10px; text-transform:none;}
.hp-services li { list-style:disc inside;}

.hp-newsletter { width:275px;}
#mc_embed_signup { margin-top:65px;}
#mc_embed_signup label { color:#666; font-family:'FuturaMediumCond', arial, helvetica, sans-serif; font-size:18px; text-transform:lowercase; }
#mc_embed_signup input { float:left; height:20px; padding:5px; width:160px;}
#mc_embed_signup .btn { cursor:pointer; float:right; height:30px; text-transform:uppercase; width:90px;}

.hp-satisfaction { border-left:1px solid #c1e1e7; width:274px;}
.hp-satisfaction span.questions { font-family:'FuturaMediumCond', arial, helvetica, sans-serif; display:block; font-size:30px; margin-top:30px; text-transform:uppercase;}
.hp-satisfaction span span { display:block; font-size:54px; margin-top:13px;}



/* ----- `Internal Pages
----------------------------------------------------------------------------------------------------*/
#internal .lower-wrapper { padding-top:45px;}
#internal .lower-container p { color:#fff; font-size:14px; line-height:24px;}
#internal .page-desc { float:left; width:620px;}
#internal .page-desc p { color:#fff;}
#internal .page-desc .event p { color:#fff; font-size:90px;} /*dhjmhelpme*/
#internal .page-desc h2 { color:#fff; font-size:62px; line-height:36px; letter-spacing:-1px; text-transform:uppercase; }
#internal .half-col-1 { background:#162629; float:left; padding:20px; width:430px;}
#internal .half-col-2 { background:#162629; display:block; float:right; margin-left:20px; padding:20px; width:430px;}

#internal.aboutCPM.sitemap h2 { font-size:36px;}
#internal.aboutCPM.error-page h2 { font-size:48px;}


/* ----- `Case Studies
----------------------------------------------------------------------------------------------------*/
#internal.case-studies .page-desc { float:none; margin-bottom:30px; width:600px;}
#internal.case-studies .side-col-third { float:left; margin-bottom:30px; padding:0; width:600px;}
#internal.case-studies .side-col-third li span { text-decoration:line-through;}
#internal.case-studies .side-col-third h2 { color:#fff; font-size:48px; line-height:36px; letter-spacing:-1px; }
#internal.case-studies .side-col-third ul { color:#fff; margin-top:10px;}
#internal.aboutCPM.case-studies .lower-container .row { background:#162629; margin-bottom:20px; padding:20px; }
#internal.aboutCPM.case-studies .lower-container .row a, #internal.aboutCPM.case-studies .row a:hover { padding:0; text-decoration:none;}
#internal.aboutCPM.case-studies .row a:hover h4 { color:#989a00;}
#internal.aboutCPM.case-studies .row a h4 { padding-bottom:0;}
#internal.aboutCPM.case-studies .row a h4 span { color:#79bfcc;}
#internal.aboutCPM.case-studies .lower-container .half-col-1 h4 { color:#989a00;} 
#internal.aboutCPM.case-studies .lower-container .half-col-2 h4 { color:#79bfcc;}
#internal.aboutCPM.case-studies .half-col-1 p, #internal.aboutCPM.case-studies .half-col-2 p { padding:0;} 

#internal.aboutCPM.case-studies .row p span,
#internal.aboutCPM.case-studies .half-col-1 p span, 
#internal.aboutCPM.case-studies .half-col-2 p span { display:block; font-weight:bold; padding-top:10px; padding-bottom:0;}

#internal.aboutCPM.case-studies .half-col-1 p.winner { color:#989a00;}
#internal.aboutCPM.case-studies .lower-container { padding-bottom:20px;}

/* ----- `Services
----------------------------------------------------------------------------------------------------*/
#internal.services-page .primary-services { float:left; width:640px;}
#internal.services-page .primary-services div { color:#c0c106; background:#162629;}
#internal.services-page .side-col-third { color:#79bfcc; width:300px;}
#internal.services-page .services-left-col, #internal.services-page .services-right-col { float:left; padding:20px; margin-top:20px; width:260px;}
#internal.services-page .services-left-col h3, #internal.services-page .services-right-col h3 { border-bottom:7px solid #79bfcc; font-size:30px; line-height:30px; letter-spacing:-1px; padding-bottom:10px; text-transform:uppercase;}
#internal.services-page .services-left-col h3 span, #internal.services-page .services-right-col h3 span { font-size: 57px; line-height:36px; letter-spacing:-2px;}
#internal.services-page .services-left-col { margin-right:20px;}
#internal.services-page .services-right-col {}

#internal.services-page .side-col-third { float:right;}
#internal.services-page .side-col-third h2 { color:#fff; font-size:48px; line-height:36px; letter-spacing:-1px; text-transform:uppercase; }
#internal.services-page .side-col-third p { color:#fff; padding-bottom:20px;}
#internal.services-page .other-specialties { background:#162629; margin-bottom:1px; padding:20px;}
#internal.services-page .other-specialties.last { margin-bottom:0; }
#internal.services-page .other-specialties h3 { font-size:29px; line-height:30px; letter-spacing:-1px; padding-bottom:15px;}
#internal.services-page .other-specialties p {padding-top:0; padding-bottom:0;}


/* ----- `About CPM
----------------------------------------------------------------------------------------------------*/
#internal.aboutCPM .lower-container p, #internal.aboutCPM .lower-container h3, #internal.aboutCPM .lower-container h4 { color:#fff;}
#internal.aboutCPM .lower-container h3 { margin:30px 0 5px 0;}
#internal.aboutCPM .page-desc { width:960px;}
#internal.aboutCPM .row { background:#162629 url(../images/layout/milestone-bg.gif) top right repeat-y; margin-bottom:20px; padding:20px;}
#internal.aboutCPM .row p { padding:0;}
#internal.aboutCPM .row.top { background:#162629 url(../images/layout/milestone-bg-top.gif) bottom right no-repeat; }
#internal.aboutCPM h4 { padding-bottom:5px;}
#internal.aboutCPM .page-desc ul { color:#fff; margin-top:20px; margin-bottom:20px;}


/* ----- `Events
----------------------------------------------------------------------------------------------------*/
#internal.events .lower-container p, #internal.aboutCPM .lower-container h3, #internal.aboutCPM .lower-container h4 { color:#fff;}
#internal.events .lower-container h3 { margin:30px 0 5px 0;}
#internal.events .page-desc { width:960px;}
#internal.events .row { background:#162629 url(../images/layout/milestone-bg.gif) top right repeat-y; margin-bottom:20px; padding:20px;}
#internal.events .row p { padding:0;}
#internal.events .row.top { background:#162629 url(../images/layout/milestone-bg-top.gif) bottom right no-repeat; }
#internal.events h4 { padding-bottom:5px;}
#internal.events .page-desc ul { color:#fff; margin-top:20px; margin-bottom:20px;}
#internal.events .event p {font-size:20px; color:#fff; margin-top:20px; margin-bottom:20px;}




/* ----- `Contact Us
----------------------------------------------------------------------------------------------------*/
#internal.aboutCPM.contact .row { background:#162629; margin-bottom:20px; padding:20px;}
#internal.aboutCPM.contact .row p { font-size:18px; padding-top:10px; margin:0; line-height:18px;}
#internal.aboutCPM.contact .row p span { color:#00bde5; }
#internal.aboutCPM.contact .half-col-1 { padding:20px 30px; width:520px;}
#internal.aboutCPM.contact .half-col-1 form p { padding:0 0 5px 0;}
#internal.aboutCPM.contact .half-col-1 .form-col-1 { float:left; margin-right:40px; width:238px;}
#internal.aboutCPM.contact .half-col-1 .form-col-2 { float:left; width:238px;}

#internal.aboutCPM.contact p.errors { color:#ff6d6d; font-size:11px; line-height:10px; margin:0; padding:0;}
#internal.aboutCPM.contact .lower-container input, #internal.aboutCPM.contact .lower-container .message { font: bold 14px/24px Arial, Helvetica, sans-serif;}
#internal.aboutCPM.contact label { cursor:pointer;}
#internal.aboutCPM.contact .lower-container p.label { font-size:18px;}
#internal.aboutCPM.contact .lower-container p.label span { color:#c3c514; float:left; font:inherit;}
#internal.aboutCPM.contact .lower-container p.label a { background:none; color:#79bfcc; float:right; font-size:14px; text-decoration:none;}
#internal.aboutCPM.contact .lower-container p.spam { font-size:11px; margin-top:-15px;}
#internal.aboutCPM.contact .lower-container .field { height:22px; margin-top:3px; margin-bottom:10px; width:228px; padding:5px;}
#internal.aboutCPM.contact .services-checks { color:#fff; font: 14px/24px Arial, Helvetica, sans-serif;  }
#internal.aboutCPM.contact .services-checks label { display:block; margin-bottom:10px;}
#internal.aboutCPM.contact .services-checks label input { margin-right:5px;}
#internal.aboutCPM.contact .message { height:122px; margin-top:3px; margin-bottom:10px; padding:5px; width:508px;}
#internal.aboutCPM.contact .btn-send { height:33px; width:204px;}
#internal.aboutCPM.contact .success { padding:0; font-size:18px; }

#internal.aboutCPM.contact input.field, #internal.aboutCPM.contact textarea { 
	border-top:1px solid #404040; 
	border-right:1px solid #79e6fa; 
	border-bottom:1px solid #79e6fa; 
	border-left:1px solid #404040; 
}
#internal.aboutCPM.contact input.field:hover, #internal.aboutCPM.contact textarea:hover { 
	background:#dedede; 
	border-top:1px solid #404040; 
	border-right:1px solid #79e6fa; 
	border-bottom:1px solid #79e6fa; 
	border-left:1px solid #404040;
}
#internal.aboutCPM.contact input.field:focus, #internal.aboutCPM.contact textarea:focus { 
	background:#dedede; 
	border-top:1px solid #404040; 
	border-right:1px solid #79e6fa; 
	border-bottom:1px solid #79e6fa; 
	border-left:1px solid #404040;
}



#internal.aboutCPM.contact .half-col-2 { width:320px;}
#internal.aboutCPM.contact .half-col-2 h4 { color:#79bfcc; font-size:80px; letter-spacing:-3px; line-height:60px; }
#internal.aboutCPM.contact .half-col-2 h3 { font-size:21px; line-height:18px; margin:0; padding:0 0 0 5px; text-transform:none;}
#internal.aboutCPM.contact .a-right { padding-right:50px;}

#internal.aboutCPM.contact .lower-container { padding-bottom:20px;}


/* *** CLEARFIX *** --------------------------------------------------------------------------------*/

/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

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

/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */

.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

* html .clearfix {
	height: 1%;
}

img.seoimage {
	padding-top: 10px;
	padding-bottom: 0px
}