/* @override 
	http://localhost/cannonball/wp-content/themes/cannonball/style.css
	http://cannonballcommunications.com/wp-content/themes/cannonball/style.css
*/

/*
Theme Name: Cannonball
Theme URI: http://cannonball.com
Description: Electronic Marketing Platform
Author: Enso
Author URI: http://enso.com
*/

/* RESET */

*, 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 }

.post blockquote {
	
}
.post blockquote p{
	font: bold 16px/18px "Century Gothic", Helvetica, Arial, Verdana, sans-serif;
	margin-bottom: 0;
	padding-top: 20px;
	padding-bottom: 30px;
	width: 410px;
}
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:''}
strong { font-weight: bold;
} em { font-style: italic }
a img { border:none; opacity: 1; -webkit-transition: opacity .25s linear;}
a img:hover { opacity: 0.8; }

div { position:relative }

/* GLOBAL */

body.temp {
	background-image: none;
}

#the-new-frontier {
	width: 550px;
	margin-top: 60px;
	margin-right: auto;
	margin-left: auto;
}

body {    
  	padding: 0;
  	margin: 0;
  	background: #fff url(images/phenomenal-bg.jpg) repeat-x center top;
  	width: 100%;
  	display: table;
	font-family: "Century Gothic", Helvetica, Arial, Verdana, sans-serif;
	overflow-x: hidden
}

/* HOME */

#slider{
	margin-right: auto;
	margin-left: auto;
	height: 500px;
	width: 920px;
}

.post p a {
	color: #278248;
	text-decoration: none;
	font-weight: bold;
	border-bottom: 1px solid #aaa;
}

div#prev-link {
	width: 90px;
	float: left;
}

#prev-link a {
	font-weight: bold;
	text-transform: uppercase;
	font-size: 12px;
	text-decoration: none;
	color: #666;
	background: url(images/prev.gif) no-repeat 0;
	padding: 10px 10px 10px 20px;
}

#next-link a {
	font-weight: bold;
	text-transform: uppercase;
	font-size: 12px;
	text-decoration: none;
	color: #666;
	padding: 10px 20px 10px 10px;
	background: url(images/next.gif) no-repeat 45px;
}

#next-link a:hover {
	color: #333;
}

#prev-link a:hover {
	color: #333;
}

div#author {
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	border-bottom: 1px solid #ddd;
	border-top: 1px solid #ddd;
	padding: 5px;
}

#author em {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	text-transform: lowercase;
}

ul#sidebar.home-sidebar {
	float: left;
	width: 920px;
}

li#home-sidebar-1.sidebar-item {
	margin-right: 15px;
	height: 220px;
	width: 235px;
}

li#home-sidebar-2.sidebar-item {
	width: 240px;
	height: 220px;
	margin-right: 15px;
}

li#home-sidebar-3.sidebar-item {
	height: 220px;
	width: 235px;
}
	
#slider li{ 
	width: 920px;
	height: 530px;
	overflow:hidden;
	margin-right: auto;
	background-image: url(images/home-cb3.png);
}

.post p span.lead{
	color: #333;
	float: left;
	margin-right: 90px;
	margin-bottom: 0;
	margin-top: 20px;
	line-height: 17px;
	font-size: 12px;
	font-weight: bold;
}

#header-title {
	text-align: left;
	height: 150px;
	margin-left: auto;
	margin-right: auto;
}

#post-111 p img.alignnone {
	float: right;
	margin-left: 40px;
	padding-bottom: 50px;
	margin-top: -180px;
}

#post-111 div.nodes img {
	position: absolute;
	top: -260px;
}

div#page.difference #content {
	width: 920px;
	border-style: none;
	padding: 0;
	background-image: url(images/bg-dark.jpg);
	height: 1062px;
}

div#post-111.post {
	margin: 0;
}

div#header-title.header-404 h1 {
	letter-spacing: -9999px;
}

div#header-title.header-404 {
		text-indent: -9999px;
	background: url(images/title-404.png) no-repeat 260px 130px;
	padding-bottom: 165px;
	float: left;
	width: 920px;
}

div.nodes {
	padding-left: 50px;
	padding-right: 50px;
	padding-bottom: 50px;
	clear: both;
}

#post-111 p strong.click-a-node {
	text-transform: uppercase;
	font: 18px "Century Gothic", Helvetica, Arial, Verdana, sans-serif;
	color: #fff;
	float: left;
	margin-bottom: 15px;
	letter-spacing: -1px;
	margin-left: 50px;
	margin-top: 22px;
}

#post-111 h4 {
	color: #fff;
	padding-bottom: 15px;
	padding-top: 50px;
	padding-left: 50px;
	font-size: 20px;
	width: 540px;
}

#post-111 p span.lead {
	color: #fff;
	margin-top: 0;
	margin-bottom: 15px;
	padding-left: 50px;
	clear: both;
	font-weight: normal;
	font-style: normal;
	width: 360px;
	margin-right: 0;
}

#zoom_close img {
	display: none;
}

div#header-title.header-blog {
	background: url(images/title-blog.png) no-repeat 50px 50px;
}

div#header-title.header-services {
	background: url(images/title-services.png) no-repeat 50px 50px;
}

div#header-title.header-111 {
	background: url(images/title-difference.png) no-repeat 50px 33px;
}

#zoom_content div.input-node p {
	color: #333;
	font-size: 12px;
}

div#header-title.header-2 {
	background: url(images/title-story.png) no-repeat 50px 1px;
}

div#header-title.header-features {
	background: url(images/title-features.png) no-repeat 50px 50px;
}

#header-title img {
	margin-left: 30px;
	margin-top: 5px;
	float: left;
}

#header-title h1 {
	display: none;
}

#header-title h1 em {
	text-transform: lowercase;
	font: italic 24px Georgia, "Times New Roman", Times, serif;
}

#prevBtn, #nextBtn{ 
	display:block;
	width:30px;
	height:77px;
	position:absolute;
	top: 125px;
}	

ul#sidebar.features-sidebar li {
	padding: 0px;
	width: 290px;
}

#sidebar.features-sidebar ul li a {
	text-decoration: none;
	color: #666;
	font-size: 15px;
	padding: 20px 65px 18px 25px;
	width: 200px;
	float: left;
	clear: both;
	text-transform: uppercase;
	letter-spacing: -1px;
	background-position: 0 bottom;
	background-repeat: repeat-x;
	border-bottom: 1px solid #ddd;
}

#sidebar li ul li.page_item.current_page_item a {
	background: url(images/grey-gradient.jpg) repeat-x 0 bottom;
	color: #333;
}

html {
	height: 100%;
}	

#sidebar.features-sidebar ul li a:hover {
	color: #333;
	background: url(images/grey-gradient.jpg) repeat-x 0 bottom;
}



#nextBtn{
	right: 225px;
	text-indent: -9999px;
}

#prevBtn{
	left: 200px;
	text-indent: -9999px;
}																
#prevBtn a, #nextBtn a{  
	display:block;
	height: 106px;
	background: url(images/left-arrow.png) no-repeat 0 0;
	width: 55px;
	opacity: 0.7;
	-webkit-transition: opacity .25s linear;
}	
#nextBtn a{ 
	background:url(images/right-arrow.png) no-repeat 0 0;
	margin-left: 30px;
}

#prevBtn a {
	margin-left: -30px;
}
	
#prevBtn a:hover, #nextBtn a:hover{  
	opacity: 1;
}

#page {
	width: 920px;
	margin-left: auto;
	margin-right: auto;
	height: 140px;
}

#title-image {
	height: 141px;
	padding-top: 3px;
}

h4 {
	font-size: 23px;
	text-transform: uppercase;
	color: #278248;
	line-height: 24px;
	letter-spacing: -1px;
	padding-bottom: 20px;
}

img.alignleft {
	float: left;
	margin-left: -60px;
	padding-top: 10px;
}

img.alignright {
	float: right;
	margin-right: -60px;
	padding-left: 15px;
	padding-top: 5px;
}

#post-113 h4 {
	color: #278248;
}

div#page.video #content .post p {
	padding: 0;
	margin: 0;
}

#next-link {
	width: 75px;
	float: right;
}

div#features-nav {
	height: 30px;
	margin-top: 60px;
	/display:none;
}

form.wpcf7-form {
	clear: both;
}

ol {
	clear: both;
}

span.pullout {
	text-transform: uppercase;
	font: 18px "Century Gothic", Helvetica, Arial, Verdana, sans-serif;
	color: #333;
	float: left;
	letter-spacing: -1px;
	padding-bottom: 15px;
	padding-top: 8px;
}

div#content {
	float: left;
	border-radius: 12px;
	margin-bottom: 15px;
	width: 615px;
	background: #fff url(images/rounded.jpg) no-repeat center top;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	
}

#page.features #content .post p img {
	padding-top: 20px;
}

#page.features div#content {
	min-height: 810px;
}

#sidebar li ul li {
	background: none;
	border-style: none;
	padding: 0;
	margin: 0;
}

#sidebar li {
	background-color: #fff;
	padding: 30px;
	border-radius: 12px;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	margin-bottom: 15px;
	font-size: 14px;
	color: #333;
	float: left;
	width: 230px;
	position: relative;
}

.home-sidebar h1 a {
	text-decoration: none;
	color: #333;
	text-transform: uppercase;
	font-size: 18px;
	line-height: 18px;
	letter-spacing: -1px;
}

li#video-sidebar-1.sidebar-item {
		width: 584px;
	margin-right: 15px;
	padding: 10px 15px 30px;
}

#video-sidebar-1 div.case {
	float: left;
	text-align: center;
	padding-left: 10px;
	padding-right: 10px;
}

#video-sidebar-1 div.case a img {
	width: 170px;
	height: 100px;
	margin-bottom: 10px;
}

p.case-title {
	font: bold 10px "Lucida Grande", Lucida, Verdana, sans-serif;
}

.sidebar-item a.post-edit-link {
	position: absolute;
	display: block;
	float: right;
	-moz-border-radius-bottomright: 0px;
	-moz-border-radius-topleft: 0px;
	-webkit-border-bottom-right-radius: 0px;
	-webkit-border-top-left-radius: 0px;
	border-top-style: none;
	border-right-style: none;
	background-color: #eee;
	top: 0;
	right: 0;
	z-index: 1;
	opacity: 0.9;
	color: #fff;
	width: 15px;
	height: 15px;
	text-indent: -9999px;
	padding: 0;
	margin-right: 0;
	margin-top: 0;
}

.home-feature h2 {
	display: none;	
}

#sidebar li.tour-menu {
	background-color: #eee;
	padding: 0;
	float: left;
	width: 252px;
	border-style: none;
}

#page.video div#content {
	height: 545px;
	padding: 0;
	width: 920px;
	background-image: none;
}

#page.video .post {
	margin: 30px;
}



ol li {
	color: #333;
	margin-bottom: 15px;
	margin-top: 15px;
	font: 14px/20px "Lucida Grande", Lucida, Verdana, sans-serif;
}

ul#sidebar.video-sidebar {
	float: left;
	clear: both;
	width: 920px;
}


#video-sidebar-1 div.case a {
	text-decoration: none;
	color: #333;
	font-size: 12px;
}

.post p {
	color: #333;
	font: 11px/20px "Lucida Grande", Lucida, Verdana, sans-serif;
	clear: both;
	padding-bottom: 10px;
}

.block-left p {
	width: 255px;
	clear: none;
	margin-left: 240px;
}

.block-right p {
	width: 275px;
	color: #333;
	position: absolute;
	top: 0;
}

div.block-right {
	clear: both;
	padding-top: 10px;
	padding-bottom: 30px;
	height: 240px;
}

div.block-left {
	clear: both;
	margin-bottom: 30px;
	padding-top: 10px;
	min-height: 180px;
}

.post ul {
	clear: both;
	float: left;
	margin-bottom: 5px;
}

.post ul li {
	color: #333;
	margin-bottom: 7px;
	font: 11px "Lucida Grande", Lucida, Verdana, sans-serif;
	margin-left: 25px;
	list-style-type: disc;
}

h2 a {
	text-decoration: none;
	color: #333;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 22px;
	letter-spacing: -2px;
}

a.post-edit-link {
	text-decoration: none;
	font-size: 13px;
	color: #fff;
	padding: 5px 15px;
	position: absolute;
	top: 50px;
	right: 0;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	text-transform: uppercase;
	z-index: 1;
	opacity: 0.3;
	font-weight: bold;
	margin-right: 75px;
	margin-top: 5px;
	background-color: #333;
}

a.post-edit-link:hover {
	opacity: 0.5;
}

.post h2 {
	text-decoration: none;
	color: #333;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 26px;
	letter-spacing: -2px;
	clear: both;
}

h2 {
	margin-bottom: 10px;
	margin-top: 10px;
}

h3 a {
	color: #333;
	text-decoration: none;
	font-style: italic;
}

.post {
	margin-bottom: 40px;
	color: #333;
	margin: 60px;
}

h3 {
	font-size: 18px;
	color: #333;
	line-height: 16px;
	letter-spacing: -1px;
	margin-bottom: 8px;
	text-shadow: white 0 0 0;
	clear: both;
	text-transform: uppercase;
	float: left;
	margin-top: 16px;
	font-weight: bold;
}

p.date {
	clear: both;
	float: left;
	width: 540px;
	margin-bottom: 2px;
	height: 15px;
	margin-top: 30px;
	text-transform: uppercase;
	color: #999;
}

#Enquire p {
	color: #333;
	clear: both;
	font: 11px/14px "Lucida Grande", Lucida, Verdana, sans-serif;
}

div#header-title.header-113 {
	text-indent: -9999px;
	height: 0;
}

li .home-feature {
	width: 860px;
	overflow: hidden;
}

#sidebar {
	float: right;
	width: 290px;
}

#navigation a {
	color: #fff;
	text-decoration: none;
	text-shadow: #000 0 1px 2px;
	padding: 6px 10px;
	font-size: 11px;
	text-transform: uppercase;
	font-weight: bold;
	opacity: 0.6;
	-webkit-transition: opacity .25s linear;
}

#navigation h1.cannonball-logo {
	width: 210px;
	height: 40px;
	float: left;
}

#navigation h1.cannonball-logo a {
	background: url(images/cannonball-logo.png) no-repeat;
	width: 185px;
	float: left;
	height: 25px;
	margin-top: 20px;
	text-indent: -9999px;
	opacity: 1;
	-webkit-transition: opacity .25s linear;
	padding-bottom: 10px;
	padding-top: 10px;
}

#navigation h1.cannonball-logo a:hover {
	opacity: .8;
}

#navigation ul li.page_item.current_page_item a {
	opacity: 1;
	background-image: url(images/current.png);
		-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	color: #fff;
}

#navigation ul li.cat-item.current-cat a {
	color: #fff;
	opacity: 1;
	background-image: url(images/current.png);
		-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
}

#navigation a:hover {
	opacity: 1;
}

#navigation a:active {
	color: #fff;
	opacity: 1;
	background: url(images/current.png);
		-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
}

form input {
	margin-top: 5px;
	color: #666;
	border: 1px solid #ccc;
	padding: 5px 5px 5px 8px;
	text-shadow: white 0 0 0;
	float: left;
	margin-bottom: 0;
	font: 12px/20px "Lucida Grande", Lucida, Verdana, sans-serif;
}

#send-button input {
	float: none;
}

#wpcf7-f1-p115-o1 form.wpcf7-form p {
	margin: 0;
	padding: 0;
}

#wpcf7-f2-p115-o1 form.wpcf7-form p span.wpcf7-form-control-wrap.updates span.wpcf7-checkbox span.wpcf7-list-item input {
	margin-top: 14px;
}

li#contact-sidebar-1.sidebar-item {
	width: 380px;
}

h5 {
	clear: both;
	font-weight: bold;
	text-shadow: #ddd 0px 0px 0px;
	font-size: 15px;
}

#contact-sidebar-1 p a {
	text-decoration: none;
	color: #333;
	font-weight: bold;
	font-size: 10px;
	float: right;
}

form input:focus {
	background-color: #eee;
	color: #333;
}

#post-109 h4 {
	padding-bottom: 20px;
	width: 310px;
}

#post-109 p {
	margin-right: 120px;
}

textarea:hover {
	background-color: #eee;
}

textarea:focus {
	background-color: #eee;
	color: #333;
}

#wpcf7-f2-p5-o1 form.wpcf7-form p span.wpcf7-form-control-wrap.updates span.wpcf7-checkbox span.wpcf7-list-item span.wpcf7-list-item-label {
	padding-left: 5px;
}

form input:hover {
	background-color: #eee;
}

textarea {
	padding: 5px 5px 5px 8px;
	border: 1px solid #ccc;
	margin-top: 10px;
	color: #666;
	width: 325px;
	font: 12px/20px "Lucida Grande", Lucida, Verdana, sans-serif;
}

form select {
	width: 185px;
	margin-bottom: 0;
}

form p {
	margin-bottom: 0;
	margin-top: 4px;
}

div#send-button {
	margin-top: 10px;
}

#send-button input {
	background-color: #eee;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	padding-top: 10px;
	padding-bottom: 10px;
	width: 335px;
	color: #333;
}

div#wpcf7-f2-p115-o1.wpcf7 {
	height: 456px;
}

#send-button input:hover {
	cursor: pointer;
	background-color: #ddd;
	color: #333;
}

form p label {
	line-height: 16px;
	color: #333;
	font-size: 12px;
	clear: both;
	margin-top: 15px;
	float: left;
	margin-right: 15px;
	margin-left: 8px;
	font-weight: bold;
}

#post-2 h4 {
	width: 480px;
	padding: 0 0 20px;

}

span.wpcf7-list-item-label {
	margin-left: 20px;
	display: block;
	margin-top: -1px;
	font-size: 11px;
}

#action h2 a img {
	float: right;
	margin-top: 12px;
	margin-right: 14px;
}

#navigation ul {
	margin-top: 21px;
	float: right;
}	

#navigation li {
	float: left;
	padding: 10px 5px;
}

#wpcf7-f1-p115-o1 form.wpcf7-form p span.wpcf7-form-control-wrap.updates span.wpcf7-checkbox span.wpcf7-list-item input {
	margin-top: 14px;
}							

/* LAYOUT */

#header {
	height: 105px;
	width: 100%;
}

#navigation {
	width: 920px;
	margin-right: auto;
	margin-left: auto;
}

/* FOOTER */

ul#footer {
	clear: both;
	height: 40px;
	padding-top: 40px;
	width: 260px;
	margin-right: auto;
	margin-left: auto;
}

#home-sidebar-3 {
	height: 80px;
}

ul#footer li {
	float: right;
	font-size: 10px;
	color: #999;
	text-transform: lowercase;
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
	padding-right: 20px;
}	

/* NODES */

#zoom_content h3 {
	color: #333;
	text-transform: uppercase;
	font-size: 24px;
	margin-top: 0;
	line-height: 22px;
	padding-bottom: 10px;
	margin-bottom: 0;
	padding-top: 40px;
	padding-left: 160px;
}

#zoom_content p {
	color: #333;
	font-size: 12px;
	line-height: 17px;
	clear: both;
	padding-left: 160px;
	padding-right: 25px;
}

#survey-node {
	width: 400px;
	height: 160px;
}

div.survey-node {
	height: 160px;
	width: 400px;
	background: url(images/difference/survey-node.png) no-repeat 10px;
	padding: 0;
}

#input-node {
	width: 420px;
	height: 160px;
}

div.input-node {
	height: 160px;
	width: 420px;
	background: url(images/difference/input-node.png) no-repeat 10px;
	padding: 0;
}

#buffer-node {
	width: 440px;
	height: 165px;
}

div.buffer-node {
	height: 165px;
	width: 440px;
	background: url(images/difference/buffer-node.png) no-repeat 10px;
	padding: 0;
}

#conditions-node {
	width: 390px;
	height: 155px;
}

div.conditions-node {
	height: 155px;
	width: 390px;
	background: url(images/difference/conditions-node.png) no-repeat 10px;
	padding: 0;
}

#zoom_content div.conditions-node h3 {
	padding-top: 25px;
}

#conditions-node-2 {
	width: 390px;
	height: 155px;
}

div.conditions-node-2 {
	height: 155px;
	width: 390px;
	background: url(images/difference/conditions-node.png) no-repeat 10px;
	padding: 0;
}

#conditions-node-3 {
	width: 450px;
	height: 185px;
}

div.conditions-node-3 {
	height: 185px;
	width: 450px;
	background: url(images/difference/conditions-node.png) no-repeat 10px;
	padding: 0;
}

#splitter-node {
	width: 400px;
	height: 180px;
}

div.splitter-node {
	height: 180px;
	width: 400px;
	background: url(images/difference/splitter-node.png) no-repeat 10px;
	padding: 0;
}

#zoom_table {
	opacity: 0.95;
}

#email-node {
	width: 500px;
	height: 190px;
}

div.email-node {
	height: 190px;
	width: 500px;
	background: url(images/difference/email-node.png) no-repeat 10px;
	padding: 0;
}

#zoom_content div.email-node h3 {
	padding-top: 50px;
}
#group-node {
	width: 400px;
	height: 160px;
}

#group-node-2 {
	width: 460px;
	height: 170px;
}

div.group-node {
	height: 160px;
	width: 400px;
	background: url(images/difference/group-node.png) no-repeat 10px;
	padding: 0;
}

#zoom_content div.group-node h3 {
	padding-top: 20px;
}

div.group-node-2 {
	height: 170px;
	width: 460px;
	background: url(images/difference/group-node.png) no-repeat 10px;
	padding: 0;
}

#zoom_content div.group-node-2 h3 {
	padding-top: 25px;
}

#attribute-node {
	width: 400px;
	height: 150px;
}

div.attribute-node {
	height: 150px;
	width: 400px;
	background: url(images/difference/attribute-node.png) no-repeat 10px;
	padding: 0;
}

#zoom_content div.attribute-node h3 {
	padding-top: 35px;
}

#Enquire h4 {
	padding-bottom: 10px;
	width: 210px;
}

#send-button img.ajax-loader {
	float: left;
	margin-top: 10px;
}

#difference {
	padding-left: 50px;
}

#difference h3{
	font-size: 20px;
	color: white;
	text-shadow: none;
	text-transform: uppercase;
	line-height: 20px;
}

#difference p{
	color: white;
	text-shadow: none;
}

#post-111 p img {
	margin-top: 3px;
	margin-left: 50px;
}

ul#sidebar.enquire-sidebar {
	width: 444px;
}

li#Enquire.sidebar-item {
	width: 340px;
	padding: 50px;
}

#difference strong{
	color: #fff;
}

div#page.contact div#content {
	width: 462px;
	padding: 0;
}				

ul#footer li a {
	color: #999;
	border-bottom: 1px solid #ccc;
	padding-bottom: 1px;
	text-decoration: none;
}

ul#footer li span.enso a{
	font-weight: bold;
	font-family: "Century Gothic", Helvetica, Arial, Verdana, sans-serif;
	color: #333;
	text-decoration: none;
	border-bottom-style: none;
	border-bottom-color: #fff;
}

p.wp-caption-text {
	text-align: center;
	line-height: 12px;
	font-size: 10px;
	padding: 8px 45px 20px;
}