﻿/*  

Theme Name: New Frontier

Theme URI: http://www.nfrontier.co.uk

Description: New Frontier Wordpress Theme Designed by New Frontier Digital

Version: 1.0

Author: New Frontier Digital

Author URI: http://www.NewFrontierDigital.com

*/



body {

	margin: 0;

	padding: 0;

	background: #FFF;

	padding-top: 30px;

	padding-bottom: 20px;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

}

.clear {

	clear: both;

}

a {

	color: #185aed;

	outline: none;

}

a img {

	border: 0;

}

a:hover {

	text-decoration: none;

}

.no-display {

	display: none;

}

#bannerportfolio {

	width: 670px;

	height: 166px;

	background: url('images/portfolio.jpg') no-repeat;

	clear: both;

}

#content {

	width: 960px;

	padding: 15px;

	border: 1px #adafaf solid;

	margin-left: auto;

	margin-right: auto;

	position: relative;

}

#subtitle {

	float: right;

}

#logocontainer {

	height: 79px;

	float: left;

}

#logo {

	position: absolute;

	top: 0;

	left: 0;

}

#logo a {

	margin-top: 20px;

	margin-bottom: 20px;

	margin-left: 20px;

	display: block;

	width: 300px;

	height: 57px;

	background: url('http://www.nfrontier.co.uk/wp-content/uploads/2009/10/logo3.jpg') no-repeat;

	float: left;

}

#flags {

	float: right;

	clear: right;

	font-size: 10px;

	margin-bottom: 10px;

}

#contentleft {

	float: left;

	width: 670px;

	margin-left: 20px;

	margin-top: -45px;

}

#contentright {

	float: right; 

	width: 240px;

}

/* The design of menu */

#menu {

	margin-top: 20px;

}

#menu ul {

	margin: 0;

	padding: 0;

	list-style: none;

	font-size: 14px;

}

#menu ul li {

	float: left;

	width: 111.6px;

	position: relative;

	border-bottom: 1px #adafaf solid;

}

#menu ul li a {

	display: block;

	float: left;

	text-align: center;

	width: 100%;

	color: #929393;

	text-decoration: none;

	font-weight: bold;

	padding-top: 6px;

	padding-bottom: 6px;

	

}

#menu ul li a:hover {

	background: #F0F0F0;

	color: #31c000;

}

#menu ul li:hover a {

	background: #F0F0F0;

	color: #31c000;

}

#menu ul li ul {

	position: absolute;

	top: 29px;;

	left: 0;

	z-index: 100;

}

#menu ul li ul li {

	float: left;

	clear: left;

	width: 230px;

	border-bottom: none !important;

}

#menu ul li ul li a {

	text-align: left;

	padding-left: 10px;

	background: #F0F0F0;

	color: #929393 !important;

	font-weight: bold;

}

#menu ul li ul li a:hover {

	background: #b1ec9c;

	color: #000 !important;

	border-bottom: none !important;

}

#menu ul ul,

#menu ul li:hover ul ul,

#menu ul ul li:hover ul ul,

#menu ul li.sfhover ul ul,

#menu ul ul li.sfhover ul ul

{display: none;}



#menu ul li:hover ul,

#menu ul ul li:hover ul,

#menu ul ul ul li:hover ul,

#menu ul li.sfhover ul,

#menu ul ul li.sfhover ul,

#menu ul ul ul li.sfhover ul

{display: block;

}

/* Text Content Formatting */

#textcontent {

	border-bottom: 1px #adafaf solid;

	margin-bottom: 20px;

}

/* Boxes Menu Formatting */

#boxesmenu {

	margin: 0;

	padding: 0;

	list-style: none;

	margin-left: -2px;

	font-size: 10px;

}

#boxesmenu li {

	float: left;

	background: url('images/bottomright.jpg') no-repeat;

	background-position: right center;

	margin-left: 2px;

	margin-right: 2px;

}

#boxesmenu li a {

	padding-top: 9px;

	padding-bottom: 9px;

	display: block;

	float: left;

	padding-left: 3px;

	padding-right: 3px;

	background: url('images/bottomleft.jpg') no-repeat;

	background-position: left center;

	color: #333333;

	font-weight: bold;

	text-decoration: none;

	cursor: pointer;

}

#boxesmenu li.red {

	float: left;

	background: url('images/bottomright-red.jpg') no-repeat;

	background-position: right center;

	margin-left: 2px;

	margin-right: 2px;

}

#boxesmenu li.red a {

	padding-top: 10px;

	padding-bottom: 10px;

	display: block;

	float: left;

	padding-left: 10px;

	padding-right: 10px;

	background: url('images/bottomleft-red.jpg') no-repeat;

	background-position: left center;

	color: #FFF;

	font-weight: bold;

	text-decoration: none;

}



#boxesmenu li:hover, #boxesmenu li.current{

	background: url('images/bottomright-on.jpg') no-repeat;

	background-position: right center;

}

#boxesmenu li a:hover, #boxesmenu li.current a{

	background: url('images/bottomleft-on.jpg') no-repeat;

	background-position: left center;

	color: #FFF;

}



#boxcontainer {

	float: left;

	clear: left;

	width: 670px;

	border: 1px #adafaf solid;

	margin-top: -6px;

	position: relative;

}

#box1, #box2, #box3, #box4, #box5 {

	padding: 10px;

	top: 0;

	left: 0;

	width: 650px;

}

/* Bottom flags design */

#footerflags ul{

	margin: 0;

	padding: 0;

	list-style: none;

	text-align: center;

	margin-top: 5px;

	margin-bottom: 5px;

}

#footerflags ul li {

	display: inline;

	margin-left: 10px;

	margin-right: 10px;

}

#footerflags ul li a img {

	border: 0;

	filter: alpha(opacity=75);

	opacity: 0.75;

	-moz-opacity: 0.75;

}

#footerflags ul li a:hover img {

	filter: alpha(opacity=100);

	opacity: 1.00;

	-moz-opacity: 1.00;

}

/* Footer design */

#footer {

	float: right;

	font-size: 10px;

	color: #616365;

	margin-top: 10px;

}

.footerlink {

	text-transform:uppercase;

}

/* Right side formatting */

.subscribecontentcontainer {

	width: 208px;

	margin-left: auto;

	margin-right: auto;

	background: url('images/subscribe-middle.jpg') repeat-y;

	margin-bottom: 20px;

}

.subscribecontent {

	width: 208px;

	margin-left: auto;

	margin-right: auto;

	background: url('images/subscribe-top.jpg') no-repeat;

	background-position: center top;

}

.subscribe {

	width: 202px;

	padding-left: 3px;

	padding-right: 3px;

	margin-left: auto;

	margin-right: auto;

	background: url('images/subscribe-bottom.jpg') no-repeat;

	background-position: center bottom;

	padding-top: 20px;

	padding-bottom: 20px;

}

/*
.widgetcontentcontainer {

	width: 206px;

	margin-left: auto;

	margin-right: auto;

	background: url('images/widget-middle.jpg') repeat-y;

	margin-top: 5px;

	margin-bottom: 5px;
}
*/

/*
.widgetcontent {

	width: 206px;

	margin-left: auto;

	margin-right: auto;

	background: url('images/widget-top.jpg') no-repeat;

	background-position: center top;
}
*/

/*
.widget {

	width: 200px;

	padding-left: 3px;

	padding-right: 3px;

	margin-left: auto;

	margin-right: auto;

	background: url('images/widget-bottom.jpg') no-repeat;

	background-position: center bottom;

	padding-top: 10px;

	padding-bottom: 10px;
}
*/
.widget select{
     margin:10px;
}



.widget ul.partners {

	margin: 0;

	padding: 0;

	list-style: none;

}

.widget ul.partners li {

	width: 200px;

	float: left;

	clear: left;

}

.widget ul.partners li a {

	display: block;

	width: 200px;

	text-align: center;

	margin-top: 10px;

	margin-bottom: 10px;

}

.widget ul.partners li a img {

	filter: alpha(opacity=75);

	opacity: 0.75;

	-moz-opacity: 0.75;

}

.widget ul.partners li a:hover img {

	filter: alpha(opacity=100);

	opacity: 1.00;

	-moz-opacity: 1.00;

}

.aligncenter {

	margin-left: auto;

	margin-right: auto;

	text-align :center;

}

/* Sitemap */

#sitemap ul{

	padding: 0;

	margin: 0;

	padding-left: 0px;

	list-style: none;

}

#sitemap ul li {

	padding: 5px;

}

#sitemap ul li a {

	display: block;

	padding: 5px;

	background: #f0f0f0;

	color: #929393;

	font-weight: bold;

	text-decoration: none;

}

#sitemap ul li a:hover {

	background: #b1ec9c;

	color: #000;

}

#sitemap ul li ul {

	list-style: square;

	padding-left: 30px;

}

#sitemap ul li ul li a {

	padding: 0px;

	background: none;

	color: #185aed;

	font-weight: normal;

	text-decoration: underline;

}

#sitemap ul li ul li a:hover {

	text-decoration: none;

	background: none;

	color: #185aed;

}

#flags ul {

	margin: 0;

	padding: 0;

	list-style: none;

	padding-top: 10px;

}

#flags ul li {

	float: left;

	margin-right: 10px;

}

#flags ul li a {

	filter: alpha(opacity=75);

	opacity: 0.75;

	-moz-opacity: 0.75;

}

#flags ul li a:hover {

	filter: alpha(opacity=100);

	opacity: 1.00;

	-moz-opacity: 1.00;

}

.submitelement, .formelement {

	width: 200px;

}

.rightform .formelement{

	text-align: center;

	font-size: 10px;

}



.rightform .formelement input{

	width: 150px;

	padding: 4px;

	border: 1px #49b224 solid;

}

.rightform .formelement input:hover {

	background: #E5E5E5;

}

.rightform .formelement input:focus{

	background: #b1ec9c;

}



.rightform .submitelement {

	text-align: center;

	padding-top: 10px;

	margin-left: 10px;

}

.rightform .submitelement input {

	width: 150px;

	font-size: 12px;

	border: 0;

	margin: 0 !important;

	padding: 0;

	height: 30px;

	background: #49b224;

	color: #FFF;

}

/* Formatowanie Wordpressa */

.alignleft {

	float: left;

	margin-right: 5px;

}

.alignright {

	float: right;

	margin-left: 5px;

}

/* Formatowanie działu Team */

#team h2 {

	margin: 0;

	padding: 0;

	padding-bottom: 5px;

	padding-top: 5px;

	clear: both;

	border-top: 1px #808080 solid;

	font-size: 12px;

	color: #49b224;

	font-weight: bold;

	margin-top: 10px;

}

/* Formatowanie działu Contact */

#contact h1, #contact h2, #contact h3{

	color: #49b224;

}

/* Contact form in Contact */

.contactform {

	background: #F2F2F2;

	padding: 10px;

	margin: 10px;

	margin-left: 0;

	border: 1px #49b224 solid;

	font-size: 12px;

	font-weight: bold;

}

.contactform input, .contactform textarea, .contactform select {

	padding: 5px;

	border: 1px #49b224 solid;

	margin: 3px;

	margin-left: 0;

	font-family: Verdana, Helvetica, sans-serif;

	font-size: 12px;

}



.contactform input:hover, .contactform textarea:hover, .contactform select:hover {

	background: #F2F2F2;

}

.contactform input:focus, .contactform textarea:focus, .contactform select:focus {

	background: #49b224;

	color: #FFF;

}



.contactsubmit {

	background: #49b224;

	padding: 10px;

	color: #FFF;

	font-weight: bold;

}

#portfolio div {

	border: 1px #666666 solid;

	background: #F8F8F8;

	margin-bottom: 10px;

	margin-top: 10px;

	padding: 10px;

}

#portfolio div em {

	font-style: normal !important;

	color: #49b224;

}

#portfolio div em, #portfolio div a{

	float: right;

	clear: right;

}

#portfolio div.clear {

	border: none;

	padding: 0;

}







#blogsingle .posttitle{

	padding: 10px;

	border-left: 1px #adafaf solid;

	border-right: 1px #adafaf solid;

	border-bottom: 1px #adafaf solid;

	margin-right: 4px;

	background: #EEEEEE;

}

#blogsingle .datesingle {

	float: right;

}

#blogsingle h1 {

	font-size: 14px;

	margin: 0;

	padding: 0;

}

#topfavs {

	float: right;

	margin-top: -20px !important;

	margin-bottom: 10px;

}

#topfavs ul {

	margin: 0;

	padding: 0;

	list-style: none;

	padding-top: 10px;

}

#topfavs ul li {

	float: left;

	margin-right: 10px;

}

#topfavs ul li a {

	display: block;

	height: 16px;

	width: 16px;

	filter: alpha(opacity=75);

	opacity: 0.75;

	-moz-opacity: 0.75;

}

#topfavs ul li a:hover {

	filter: alpha(opacity=100);

	opacity: 1.00;

	-moz-opacity: 1.00;

}

#topfavs ul li.google a {

	background: url('bookmark/google.png') no-repeat;

	background-position: left top;

}

#topfavs ul li.tuts a {

	background: url('bookmark/tuts.png') no-repeat;

	background-position: left top;

}

#topfavs ul li.wykop a {

	background: url('bookmark/wykop.png') no-repeat;

	background-position: left top;

}

#topfavs ul li.gwar a {

	background: url('bookmark/gwar.png') no-repeat;

	background-position: left top;

}

#topfavs ul li.linkr a {

	background: url('bookmark/linkr.png') no-repeat;

	background-position: left top;

}

#topfavs ul li.delicious a {

	background: url('bookmark/del_icio_us.png') no-repeat;

	background-position: left top;

}

#topfavs ul li.digg a {

	background: url('bookmark/digg.png') no-repeat;

	background-position: left top;

}



.blogcategories {

	float: right;

       

}



.blogcategories a{

	display: block;

	padding: 5px;

	background: #FFF;

        

	border: 1px #999999 solid;

	float: left;

	margin-right: 10px;

	text-decoration: none;

}

.blogcategories a:hover {

	background: #b1ec9c;

        

	color: #FFF;

	text-decoration: none;

	border: 1px #005B00 solid;

}

.mapcode {

	width: 390px;

	height: 260px;

	border: 1px #666666 dotted;

	margin-bottom: 30px;

	float: right;



}

.quick-quote {

	

	background: #f0f0f0; 



	margin-top: 10px;

	width: 410px;

	margin-left: auto;

	margin-right: auto;

}

.quote-element {

	padding: 5px;

	font-weight: bold;

}

.quick-quote input, .quick-quote textarea {

	padding: 7px;

	border: 1px #31c000 solid;

	font-family: Verdana, Helvetica, sans-serif;

	width: 340px;

}

.quick-quote input:hover, .quick-quote textarea:hover {

	background: #E1FFE1;

}

.quick-quote input:focus, .quick-quote textarea:focus {

	background: #E1FFE1;

	color: #000;

	border: 3px #31c000 solid;



}

.quick-quote h2 {

	margin: 0;

	padding: 0;

	text-align: center;

	font-size: 40px;

	margin-left: 70px;

	margin-bottom: 20px;

}

.quick-quote .submit-button{

	background: url('images/submit-green.jpg') no-repeat;

	width: 242px;

	height: 83px;

	border: none;

	font-size: 18px;

	color: #FFF;

	font-weight: bold;

	margin-top: -15px;

	margin-left: 88px;

	cursor: pointer;

}

.quick-quote .submit-button:hover {

	background: url('images/submit-green-on.jpg') no-repeat;

	width: 242px;

	height: 83px;

	border: none;

	font-size: 18px;

	color: #FFF;

	font-weight: bold;

	margin-top: -15px;

	margin-left: 88px;

	

}

/* Subtitle formatting */

#subtitle {

	text-align: right;

}

#subtitle h2 {

	margin: 0;

	padding: 0;

	font-size: 16px;

	font-family: Arial, Helvetica, sans-serif;

	color: #888;

}

#subtitle h3 {

	margin: 0;

	padding: 0;

	font-size: 16px;

	color: #C0C0C0;

	margin-bottom: 35px;

	font-weight: normal;

	float: right;

}

#subtitle h3 .normal {

	padding-bottom: 4px;

	font-size: 20px;

}

#subtitle h3 .phone {

	color: #245bd9;

	font-weight: bold;

	font-size: 24px;

}

#subtitle p {

	margin: 0;

	padding: 0;

}





.top-curves {

	height: 19px;

	background: url('images/background.jpg') repeat-x; 

}

.top-left {

	float: left;

	width: 22px;

	height: 19px;

	background: url('images/top-left.jpg') no-repeat;

}

.top-right {

	float: right;

	width: 22px;

	height: 19px;

	background: url('images/top-right.jpg') no-repeat;

}

.bottom-curves {

	height: 19px;

	background: url('images/background.jpg') repeat-x; 

}

.bottom-left {

	float: left;

	width: 22px;

	height: 19px;

	background: url('images/bottom-left.jpg') no-repeat;



}

.bottom-right {

	float: right;

	width: 22px;

	height: 19px;

	background: url('images/bottom-right.jpg') no-repeat;



}

.main-quote {

	padding: 20px;

}

#portfolio a {

	display: block;

	clear: both !important;

	font-weight: bold !important;

	width: 550px;

	text-align: right;

	float: none;

}



/* BLOG - Edited on 23rd 09 2009 */

.widget h2
{
	padding:8px 0px 5px 10px;
	margin:0px;
	background:url(images/hd_bg.png) no-repeat;
	width:211px;
}

.postrelateddata
{
	background:url(images/cmnts.png) no-repeat;
	padding:9px;
}
.postrelateddata a
{
	color:#535353;	
}
.excerpt
{
	padding:10px 0px;
	font:12px Verdana, Geneva, sans-serif;
	text-align:justify;
	position:relative;
}
.postrelateddata span
{
	background:url(images/com_rght.png) right no-repeat;
	padding-left:3px;
	padding-right:4px;
	display:block;
	float:right;
}

.postrelateddata span strong a
{
	background:url(images/com_lft.png) left no-repeat;
	padding:3px 0px;
	font:10px Verdana, Geneva, sans-serif;	
	padding-left:5px;
	color:#fff;
	display:block;
}

.readmore a
{
	background:url(images/cnt-reading.png) bottom no-repeat;
	width:162px;
	height:28px;
	display:block;
	overflow:hidden;
	position:relative;
	text-indent:-99999px;
	margin-top:10px;
}
.readmore a:hover
{
	background:url(images/cnt-reading.png) top no-repeat;
}
.widget ul
{
	padding:10px 12px;
	margin:0px;
	list-style:none;
}
.widget li
{
	background:url(images/arw.png) left no-repeat;
	font:12px Verdana, Geneva, sans-serif;
	color:#535353;
	padding-left:15px;
}
.widget li a
{
	color:#535353;
}

h3.comments,
#respond h3
{
	font:bold 18px Verdana, Geneva, sans-serif;
	color:#2f2f2f;
}

ol.commentlist li
{
	background:#f6f6f6 url(images/cmnts.png) top center no-repeat;
	padding:10px;
	position:relative;
}
ol.commentlist li a
{
	color:#535353;
	text-decoration:none;
}
ol.commentlist
{
	padding:0px;
	margin:0px;
	list-style:none;
}
ol.commentlist li p
{
	padding:20px;
	padding-left:60px;
}


.comment-meta
{
	font-weight:bold;
	position:absolute;
	top:10px;
	right:10px;
}
.vcard
{
	font-weight:bold;
}

#commentform
{
	padding:10px 20px;
	position:relative;
	background:#f6f6f6 url(images/cmnts.png) top center no-repeat;
}
.screen-reader-text
{
	display:none;	
}
#s
{
	width:155px;
	padding:1px;
	margin:0px;
}
#searchform
{
	padding:10px;
	position:relative;
	margin:0px;
}
.sbmt
{
	background:url(images/go.png) no-repeat;
	width:32px;
	height:21px;
	margin:0px;
	padding:0px;
	border:none;
	position:absolute;
	top:10px;
}

#author
{
	width:190px;
	float:left;
	padding:10px;
	border:none;
	margin-right:25px;
	padding-left:100px;
}
#email
{
	width:190px;
	float:left;
	padding:10px;
	border:none;
	padding-left:100px;
}
#url,
#comment
{
	width:546px;
	padding:10px;
	border:none;
	padding-left:70px;
	margin-top:20px;
}
#comment
{
	height:150px;
	width:606px;
	padding:10px;
	margin:0px;
}
.author
{
	position:absolute;
	top:34px;
	left:33px;
	color:#8d8d8d;
}
.email
{
	position:absolute;
	top:34px;
	left:355px;
	color:#8d8d8d;
}
.urlinp
{
	position:absolute;
	top:89px;
	left:33px;
	color:#8d8d8d;
}
#commentform #submit
{
	background:url(images/adcmnt.png) top no-repeat;
	width:162px;
	height:28px;
	overflow:hidden;
	text-indent:-99999px;
	border:none;
}
#commentform #submit:hover
{
	background:url(images/adcmnt.png) bottom no-repeat;
}

.tweetmeme_button
{
	display:none;	
}
.excerpt .tweetmeme_button
{
	display:block;
	position:absolute;
	top:-225px;
	left:10px;
}
.excerpt .sphinns
{
	position:absolute;
	top:-225px;
	left:80px;
}

#flag
{
margin-top:-98px; 
float:right;
} 

.weblink{
	width:240px;
	height:auto;
	float:left;
	position:relative;
        border:1px #d0d0d0 solid;
	padding-bottom:60px;
	background-color:#f6f6f6;
-moz-border-radius: 5px;
border-radius: 5px;
}

.weblink ul{
	margin:0px;
	padding:0px;
	list-style-type:none;
}

.weblink ul li{
	float:left;
}

.weblink ul li a{
	display:block;
	height:48px;
	background-image:url(images/weblinks.jpg);
	background-repeat:no-repeat;
	text-indent:-9999px;
	overflow:hidden;
	position:absolute;
        margin-left:10px;
}


li.twitter a{
	width:38px;
	left:0px;
	background-position:0 0;
}
li.twitter a:hover{
	width:38px;
	left:0px;
	background-position:0 -48px;
}






li.facebook a{
	width:43px;
	left:44px;
	background-position:-44px 0;
}
li.facebook a:hover{
	width:43px;
	left:44px;
	background-position:-44px -48px;
}




li.rss a{
	width:30px;
	left:180px;
	background-position:-94px 0;
}
li.rss a:hover{
	width:30px;
	left:180px;
	background-position:-94px -48px;
}




li.buzz a{
	width:32px;
	left:137px;
	background-position:-137px 0;
}
li.buzz a:hover{
	width:32px;
	left:137px;
	background-position:-137px -48px;
}





li.mail a{
	width:33px;
	left:93px;
	background-position:-179px 0;
}
li.mail a:hover{
	width:33px;
	left:93px;
	background-position:-179px -48px;
}
