﻿/*  

Theme Name: New Frontier

Theme URI: http://www.nfrontier.co.uk

Description: New Frontier Wordpress Theme Designed by EXPROMO

Version: 1.0

Author: EXPROMO

Author URI: http://www.expromo.pl

*/



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 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;

}

#flag
{
margin-top:-98px; 
float:right;
}
