/*   
Theme Name: Kinetica Theme
Theme URI: http://www.kineticaenergy.co.uk/
Description: Custom theme for Kinetica Energy
Author: Bella Design & Marketing
Author URI: http://www.belladesign.co.uk
Version: 1.1
.
This theme is not redistributed or resold in any way.
.
*/

* {
	margin:0;
	padding:0;
}
body {
	font-family:Arial, Helvetica, sans-serif;
	background-color:#CCE5C1;
	overflow-x:hidden;
}
.wrap {
	margin:0 auto;
	width:1024px;
}
.clear {
	clear:both;
}
.header {
	background:#007bc5/*#0079C1*/;
	margin:0 auto;
	padding:25px;
}
.logo {
	margin-left:16px;
	float:left;
	width:162px;
	height:120px;
}
.headcontact {
	margin:37px 0 0 110px;
	float:left;
	text-align:right;
}
.headcontact h2 { font-size:24px;}

.headcontact a {
	color:white;
}
.social {
	float:left;
	height:25px;
}
.social img {
	margin-right:15px;
}

/* Main Menu */
.navstrip {
	margin:0 auto;
	height:58px;
	background-color:#FFF;
}
.navstrip li {
	float:left;
	display:inline;
	font-size:13px;
	text-transform:uppercase;
	line-height:100%;
	text-align:center;
}
.navstrip li a {
	/* height:20px; */
	padding:22px 14px 22px 14px;
	display:block;
	color:#797E77;
	text-decoration:none;
}
.navstrip li a:hover {
	/* height:20px; */
	padding:22px 14px 22px 14px;
	background-image:url(images/nav-select.png);
	background-repeat:no-repeat;
	background-position:center top;
	display:block;
	color:#797E77;
	text-decoration:none;
}
.navstrip li.current-menu-item a {
	/* height:20px; */
	padding:22px 14px 22px 14px;
	background-image:url(images/nav-select.png);
	background-repeat:no-repeat;
	background-position:center top;
	display:block;
	color:#0079C1;
	text-decoration:none;
}

ul.menu li:hover > ul { display: block; }
ul.menu ul { display:none; position:absolute; z-index:9999; padding-top:1px; }
ul.menu ul li { background:#FFF; float:left; clear:both; width:160px; text-transform:uppercase; font-size:12px; /* margin-top:2px; */ border-top:2px solid #e1e1e1; }

ul.menu li:hover ul a, ul.menu li:hover ul a span, ul.menu ul li.current-menu-item a { background:none; color:#797E77; padding:15px 0 15px 0; margin:0; }
ul.menu li:hover ul a:hover, ul.menu li:hover ul a:hover span { color:#0079C1; }

/* Image & Content Positioning */
.main-img { 
	margin:0 auto; 
	width:1540px; 
	height:300px; 
	position:relative; 
	z-index:100;
}
.gallery {
	margin:0 auto;
	width:1540px;
	height:638px;
	position:relative;
	z-index:100;
}
.gallery h1 { color:#FFF; margin:-600px auto 0 auto; width:1024px; font-size:44px; font-weight:bold; }

.content-wrap {
	margin:0 auto;
	width:1024px;
	margin-top:-45px;
	position:relative;
	z-index:1000;
}
.homepage-wrap {
	margin:0 auto;
	width:1024px;
	margin-top:-218px;
	position:relative;
	z-index:1000;
}

.image {
	margin:0 auto;
	z-index:100;
	height:700px;
	background-image:url(images/image-placement.jpg);
	background-repeat:no-repeat;
	background-position:top center;
}

/* Mod Boxes */
.mod-box {
	float:left;
	width:340px;
	margin-left:1px;
}

/* Blue Mod Box */
.mod-title-blue {
	margin-bottom:1px;
	background-color:#0079C1;
}
.mod-title-blue a {
	color:white;
	padding:10px 15px;
	display:block;
	font-size:24px;
}
.mod-content-blue {
	background-color:white;
	padding:15px 15px 1px 15px;
	height:157px;
}
.mod-content-blue p {
	margin-bottom:15px;
}
.mod-content-blue a:hover {
	color:#797E77;
}
.mod-content-blue h2 {
	font-family:Arial, Helvetica, sans-serif;
	color:#0079C1;
	font-size:16px;
	margin-bottom:10px;
}

/* Green Mod Box */
.mod-title-green {
	margin-bottom:1px;
	background-color:#54B948;
}
.mod-title-green a {
	color:white;
	padding:10px 15px;
	display:block;
	font-size:24px;
}
.mod-content-green {
	background-color:white;
	padding:15px 15px 1px 15px;
	height: 180px;
}

.mod-content-green2 {
	background-color:white;
	padding:15px 15px 1px 15px;
	height: 420px;
}
.mod-content-green p {
	margin-bottom:15px;
}
.mod-content-green a:hover {
	color:#797E77;
}
.mod-content-green h2 {
	font-family:Arial, Helvetica, sans-serif;
	color:#797E77;
	font-size:16px;
	line-height:150%;
	margin-bottom:10px;
}

/* Aqua Mod Box */
.mod-title-aqua {
	margin-bottom:1px;
	background-color:#23BCB9;
}
.mod-title-aqua a {
	color:white;
	padding:10px 15px;
	display:block;
	font-size:24px;
}
.mod-content-aqua {
	background-color:white;
	padding:15px 15px 1px 15px;
	height:157px;
}
.mod-content-aqua p {
	margin-bottom:15px;
}
.mod-content-aqua a:hover {
	color:#797E77;
}
.mod-content-aqua h2 {
	font-family:Arial, Helvetica, sans-serif;
	color:#797E77;
	font-size:16px;
	line-height:140%;
	margin-bottom:15px;
}

.mod-form {
	background:#DCEDD4;
	width:290px;
	margin-bottom:3px;
	padding:2px 10px;
}
.mod-form p {
	font-size:12px;
	margin:0;
	color:#797E77;
}
.mod-submit {
	background:#54B948;
	width:290px;
	margin-bottom:3px;
	padding:3px 10px;
}
.mod-login {
	background:#FFF;
	width:290px;
	margin-bottom:3px;
	padding:3px 10px;
}
.mod-submit p {
	color:#FFF;
	font-weight:normal;
	font-size:16px;
	margin:0;
	text-transform:uppercase;
}

/* Content Box */
.content {
	background:#54B948;
	float:left;
	padding:15px;
	width:651px;
	margin-left:1px;
}

.content2{
	background:#54B948;
	float:left;
	padding:15px;
	width:990px;
	margin-left:1px;
}

.content p {
	margin:0 0 20px 0;
}
.content h1 {
	color:#DCEDD4;
	font-size:24px;
	margin-bottom:10px;
}
.content h2 {
	font-size:18px;
	margin:20px 0 3px 0;
}

.content h2 > a {
	text-decoration:none;
}
.content h3 {
	color:#DCEDD4;
	font-size:24px;
	margin:20px 0 5px 0;
}
.content a {
	color:#FFF;
	text-decoration:underline;
}
.content a:hover {
	color:#DCEDD4;
	text-decoration:underline;
}
.content ul {
	margin:0 0 20px 0;
}
.content li {
	color:#FFF;
	font-size:14px;
	line-height:155%;
	margin:0 0 10px 15px;
}

.content img {
	float:right;
	margin-left:15px;
}

#post-info {
	border-top:1px dotted #EAEAEA;
	margin:20px 0 20px 0;
	padding:12px 0 0 0;
}
#post-info p {
	font-size:12px;
	margin:0 0 4px 0;
	font-style:italic;
}

/* Photomontage Container */
#photomontage-container {
	background:url(images/photomontage-map.jpg) no-repeat;
	width:646px;
	height:590px;
	position:relative;
}

.map-link, #photomontage-container img {
	position:absolute;
}

.map-link {
	background-color:#1eb1ed;
	padding:10px 15px;
	font-size:12px;
	text-decoration:none;
	text-align:center;
	color:#fff;
	border:2px solid #fff;
	cursor:pointer;
}

#link-6 {
	top:10px;
	left:18px;
}

#link-5 {
	top:105px;
	left:120px;
}

#link-4 {
	top:310px;
	left:260px;
}

#link-3 {
	top:314px;
	left:220px;
}

#link-2 {
	top:506px;
	left:330px;
}

#link-1 {
	top:398px;
	left:292px;
}

.map-link img {
	display:none;
	z-index:9999;
}

.map-link:hover img {
	display:block;
}


.img-1 {
	top:-400px;
	left:-308px;
}

.img-2 {
	top:-508px;
	left:-345px;
}

.img-3 {
	top:-315px;
	left:-237px;
}

.img-4 {
	top:-312px;
	left:-276px;
}

.img-5 {
	top:-108px;
	left:-137px;
}

.img-6 {
	top:-12px;
	left:-35px;
}


/* Custom Field - quote */
.quote {
	background-color:#fff;
	float:right;
	height:auto;
	width:300px;
	margin:1px 1px 0 0;
	padding:15px 20px;
	font-size:15px;
	line-height:22px;
	color:#797E77;
}

.quote h1 {
	padding:10px 0 10px 0;
	color:#0079C1;
}

.quote strong {
	color:#2e94ce;
	padding:6px 0 20px 0;
	display:inline-block;
}


/* Footer */
.footer {
	margin:0 auto;
	background-color:#0079C1;
	padding:25px;

}
.footer-wrap {
	background:url(images/footer-slice.png) left top repeat-y;
	margin:0 auto;
	width:1024px;
}
.footmod {
	float:left;
	width:310px;
	padding:0 15px 1px 16px;
}
.footmod p {
	margin-bottom:4px;
	color:#FFF;
	font-size:13px;
}
.footmod a {
	color:#CDEAE9;
	text-decoration:none;
}
.footmod a:hover {
	color:white;
	text-decoration:none;
}
.footmod h1 {
	margin-bottom:10px;
	color:#CDEAE9;
}
.footmod h3 {
	color:#FFF;
	font-size:16px;
	margin-bottom:0;
}
ul.footer-menu {
	padding:0;
	margin:0;
	list-style:none;
	font-size:13px;
} 
ul.footer-menu li {
	display:block;
	line-height:150%;
}
ul.footer-menu li a {
	text-decoration:none;
	color:#FFF;
	cursor:pointer;
}
ul.footer-menu li a:hover {
	color:#FFF;
}
ul.footer-logo {
	list-style:none;
	margin-top:20px;
}
ul.footer-logo li {
	float:left;
	margin-right:12px;
}
ul.footer-logo li.last {
	margin-right:0;
}
.footmod p.bdm {
	font-size:11px;
	margin-top:10px;
}

/* Tweetable */
#twitter-2, #twitter-2 li {
	list-style:none;
}
#twitter-2 h2, .from-meta {
	display:none;
}
#twitter-2 span {
	color:#fff;
}
#twitter-2 li {
	border-bottom:1px solid #CDEAE9;
	font-size:14px;
	padding:8px 0;
}
.follow-us {
	margin-top:14px;
	
}
/*
#twitter-2 .follow-button {
	padding-top:8px;
}
*/
/*
#tweets ul { padding:0;}
#tweets li { color:#FFF; font-size:13px; margin:0 0 12px 0; list-style-type:none; padding:0; border:none; }
#tweets .hash { color:#CDEAE9; } 
#tweets .reply { color:#CDEAE9; } 
#tweets a { color:#CDEAE9; text-decoration:none; font-weight:normal; }
#tweets a:hover { color:#FFF; text-decoration:underline; font-weight:normal; }
*/

#twitter-feed {
	padding-top:7px;
}
#twitter-feed p, #twitter-feed a, #twitter-feed h3, #twitter-feed h4 {
	font-family:Arial, Helvetica, sans-serif;
}
/*
#twitter-feed .twtr-ft div, #twitter-feed .twtr-hd {
	display:none;
}
*/
/* General Styling */

.blue {
	color:#0079C1;
}
.green {
	color:#54B948;
}
.jade {
	color:#006C64;
}
.bluebg {
	background-color:#3179D2;
}
.greenbg {
	background-color:#99CC00;
}
.yellowbg {
	background-color:#FFB313;
}
p {
	font-size:14px;
	line-height:155%;
	color:#FFF;
}
h1 {
	font-size:20px;
	line-height:125%;
	font-weight:normal;
	color:#FFF;
	
}
h2 {
	font-size:28px;
	line-height:125%;
	font-weight:normal;
	color:#FFF;
}
h3 {
	font-weight:normal;
}
h4 {
	font-weight:normal;
	font-size:12px;
	line-height:150%;
	color:#DCEDD4;
	margin-bottom:5px;
}
a {
	color:#3179D2;
	text-decoration:none;
}
a:hover {
	color:white;
	text-decoration:none;
}