/*
	Variable Grid System.
	Learn more ~ http://www.spry-soft.com/grids/
	Based on 960 Grid System - http://960.gs/

	Licensed under GPL and MIT.
*/


/* Containers
----------------------------------------------------------------------------------------------------*/
.container_12 {
	margin-left: auto;
	margin-right: auto;
	width: 984px;
}

/* Grid >> Global
----------------------------------------------------------------------------------------------------*/

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12 {
	display:inline;
	float: left;
	position: relative;
	margin-left: 10px;
	margin-right: 10px;
}

/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha {
	margin-left: 0;
}

.omega {
	margin-right: 0;
}

/* Grid >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .grid_1 {
	width:62px;
}

.container_12 .grid_2 {
	width:144px;
}

.container_12 .grid_3 {
	width:226px;
}

.container_12 .grid_4 {
	width:308px;
}

.container_12 .grid_5 {
	width:390px;
}

.container_12 .grid_6 {
	width:472px;
}

.container_12 .grid_7 {
	width:554px;
}

.container_12 .grid_8 {
	width:636px;
}

.container_12 .grid_9 {
	width:718px;
}

.container_12 .grid_10 {
	width:800px;
}

.container_12 .grid_11 {
	width:882px;
}

.container_12 .grid_12 {
	width:964px;
}



/* Prefix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .prefix_1 {
	padding-left:82px;
}

.container_12 .prefix_2 {
	padding-left:164px;
}

.container_12 .prefix_3 {
	padding-left:246px;
}

.container_12 .prefix_4 {
	padding-left:328px;
}

.container_12 .prefix_5 {
	padding-left:410px;
}

.container_12 .prefix_6 {
	padding-left:492px;
}

.container_12 .prefix_7 {
	padding-left:574px;
}

.container_12 .prefix_8 {
	padding-left:656px;
}

.container_12 .prefix_9 {
	padding-left:738px;
}

.container_12 .prefix_10 {
	padding-left:820px;
}

.container_12 .prefix_11 {
	padding-left:902px;
}



/* Suffix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .suffix_1 {
	padding-right:82px;
}

.container_12 .suffix_2 {
	padding-right:164px;
}

.container_12 .suffix_3 {
	padding-right:246px;
}

.container_12 .suffix_4 {
	padding-right:328px;
}

.container_12 .suffix_5 {
	padding-right:410px;
}

.container_12 .suffix_6 {
	padding-right:492px;
}

.container_12 .suffix_7 {
	padding-right:574px;
}

.container_12 .suffix_8 {
	padding-right:656px;
}

.container_12 .suffix_9 {
	padding-right:738px;
}

.container_12 .suffix_10 {
	padding-right:820px;
}

.container_12 .suffix_11 {
	padding-right:902px;
}



/* Push Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .push_1 {
	left:82px;
}

.container_12 .push_2 {
	left:164px;
}

.container_12 .push_3 {
	left:246px;
}

.container_12 .push_4 {
	left:328px;
}

.container_12 .push_5 {
	left:410px;
}

.container_12 .push_6 {
	left:492px;
}

.container_12 .push_7 {
	left:574px;
}

.container_12 .push_8 {
	left:656px;
}

.container_12 .push_9 {
	left:738px;
}

.container_12 .push_10 {
	left:820px;
}

.container_12 .push_11 {
	left:902px;
}



/* Pull Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .pull_1 {
	left:-82px;
}

.container_12 .pull_2 {
	left:-164px;
}

.container_12 .pull_3 {
	left:-246px;
}

.container_12 .pull_4 {
	left:-328px;
}

.container_12 .pull_5 {
	left:-410px;
}

.container_12 .pull_6 {
	left:-492px;
}

.container_12 .pull_7 {
	left:-574px;
}

.container_12 .pull_8 {
	left:-656px;
}

.container_12 .pull_9 {
	left:-738px;
}

.container_12 .pull_10 {
	left:-820px;
}

.container_12 .pull_11 {
	left:-902px;
}




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

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

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

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

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}

/*martin added styles*/

body{
    color: #606060;
    height: 100%;
    font-family: Georgia, Verdana, Arial, Helvetica, sans-serif;
	background:#FFFFFF;
	margin-top:0;
	margin-bottom:0;
	font-size:14px;
	/*background-color:#B3DBF2;*/
}
#content {
	min-height:550px;
}
/*
#header-wrapper, #container, #footer-wrapper, #blog {background-color:#FFF;border-left:1px solid #5B5B5B;border-right:1px solid #5B5B5B;}
*/
/* links */
a { background:inherit;color:#5F9600;}
a:hover { background:inherit;color:#5F9600;}

ul li a {color:#606060;}
ul li a:hover {color:#606060;}

h1{
	font-size: 32px;
	margin-top:0;
	margin-bottom:10px;
}

h2{
	font-size: 24px;
	font-weight:normal;
	margin-top:5px;
	color:#5F9600;/*92CA00,5F9600*/
}

h3{
	font-size: 18px;
	font-weight: bold;
}

p{
	font-size: 14px;
	line-height: 1.48em;
}

ul {
	font-size: 14px;
	line-height: 1.7em;
	padding-left:15px;
}
#header {
	position:relative;
    background:url('images/header/header_bg.jpg');
    background-repeat:repeat-x;
    height:40px;
    color:#FFF;
    margin-bottom:10px;
}
#header_logo img {
	margin-left:10px;
}
.navbar {
	margin: 0;
}
#header-flags {
	padding-top:20px;
	padding-left:2em;
}
#header-flags a {
	margin-right:5px;
}
#header a { background: inherit; color: #FFF; text-decoration: none;}
#header a:hover { background: inherit; color: #FFF;text-decoration: underline;}

#header a.active { background: inherit; color: #FFF; text-decoration: none; font-weight:bold;}
#header a.active:hover { background: inherit; color: #FFF; font-weight:bold;text-decoration: underline;}
.navbar ul {
	list-style: none;
	margin:0 0 0 0;
	padding:0;
	font-size:13px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	float:left;
	margin-left:1.5em;
}
.navbar .actions {float:right;}
.navbar .actions li {background-color:#626262;}
#header .highlight-link, #header .highlight-link:hover {
	color:#92CA00;
	text-decoration:underline;
}
.navbar ul li {
	float: left;
	margin: 0;
	padding:8px 17px 9px 17px;
	border-left:1px solid #3d3d3d;
}
li.lastNavElement {border-right:1px solid #3d3d3d;}
.pageSpacer {
	border-top:1px solid #e5e5e5;
	height: 1em;
}
.productsSection div p {
	margin: 0 10px 0 10px;
}
.productsSection h2, .productsSection h3 {
	text-align: center;
	font-weight:bold;
	margin:10px 0 10px 0;
}

.productsSection h3 {
	font-size:16px;
}
.left {
	float:left;
	width:262px;
	padding-right:20px;
}
.right {
	float:left;
	width:262px;
}
.product {
	margin-bottom:20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#statement {
	margin:0 10px 0 0px;
}
#statement h1 {
	margin-bottom:10px;
	color:#606060;
}
#statement h1 {
	font-weight:bold;
}
.customers {
	padding-bottom:20px;
}
.customers p {
	font-size:26px;}
.customers ul {
	padding:5px 0;
}
.customers img {vertical-align:middle;}
.customers ul li {
	float:left;
	list-style:none;
	margin-right:20px;
	line-height:55px;
}
#productSection {
	background-color:#99bf00;
	height:400px;
	margin-bottom:20px;
	margin-top:20px;
}
#productDescription {
	width:320px;
	background:yellow;
}
#lastListItem {list-style:none;margin-left:-13px;}
.features {margin-left:10px;}
.features h2 {margin-bottom:0;}
.feature {margin-top:25px;}
.feature h3 {margin-top:0;}
.featureContent {font-size:14px;}
.easyFeature {height:180px;margin-bottom:10px;}
.easyFeature .easyFeatureContent {width:330px;float:left;}
.dashedUnderline {border-bottom:1px dashed #e5e5e5;}
/*andreas added styles*/

.rightborder_white{
	border-right: 1px solid #FFF;
}

#footer{
	margin-top:10px;
	font-size: 12px;
	color: #FFF;
	background-color:#5B5B5B;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
}
#footer .footerBox {
	margin:0 20px 0 50px;
	width:250px;
}
#footer ul {
	font-size: 12px;
	line-height: 17px;
	padding:0;
	margin:0;
}
#footer p {
	margin-bottom:5px;
}
#footer li {
	list-style:none;
}
#footer h3 {color: #FFF;}

#footer a { background: inherit; color: #FFF; text-decoration: none;}
#footer a:hover { background: inherit; color: #FFF; text-decoration: none; font-weight:bold;}
#footer .verticalLine {
    border-left: 1px solid #FFF;
    width:30px;
    height:122px;
    margin-top:20px;
}
#copyright{
	background-color:#5B5B5B;
	color: #FFF;
	font-size: 10px;
	text-align: center;
	margin: 20px 0 5px 0;
}

#header_logo{
	margin-top: 7px;
}

img {
	border:0px;
	margin:0px;
	padding:0px;
}

img.floatRight { 
    float: right; 
    margin: 4px;
    padding:5px;
}

img.floatLeft { 
    float: left; 
    margin: 4px;
    padding:5px;
}
/******* Sign Up ***********/
.signUpStar {
	position:absolute;
	z-index:20;
	background-image:url('images/signUp-star.png');
	width:81px;
	height:81px;
	top:160px;
	right:-15px;
}
/******* Slideshow *******/
#slideshow {position: relative;}
#slide-nav a { margin: 0 1px; padding: 2px 6px; border: 1px solid #CCC; background: #FFF; text-decoration: none; color:#606060}
#slide-nav a.activeSlide { background: #5F9600; color:#FFF; }
#slide-nav a:focus { outline: none; }
#slideshow h1, #slideshow h2 {position: absolute; z-index: -9999;}
#slide-nav { text-align: left; position: absolute; z-index: 9; right:20px; bottom:110px;}
.slide {padding:0 2px;height:390px;}

#productsWrapper { position:absolute;top:340px;width:960px;padding:0 2px;z-index:1000;}
#productsWrapper table {width:100%;color:#FFF;}
#productsWrapper .productTab {background:url('images/products-tab.png');background-repeat:repeat-x;height:50px;width:240px;}
#productsWrapper .productTab:hover {background:url('images/products-tab2.png');background-repeat:repeat-x;height:50px;width:240px;}
#productsWrapper .productTab a {text-decoration:none;}
#productsWrapper .productTab h3 {margin:0;font-size:16px;color:#FFF;}
#productsWrapper .productTab .productHeader {padding:5px 0 0 8px;}
#productsWrapper .productTab .productContent {padding:2px 0 0 8px;text-decoration:underline;}
#productsWrapper .productTabSpacer {background-color:#000;}

#news-feed {padding:5px;margin:5px 2px;font-size:16px;}
#news-feed #news-feed-header {margin-left:3px;color:#5F9600;}
#news-feed #news-feed-text a {margin-left:10px;font-style:italic;color:#606060;text-decoration:none;}
/******* Boxes ***********/
.roundedBox {
	position:relative; padding:0;
}
.corner {
	position:absolute; 
	width:10px; 
	height:10px;
}
.productText {padding-bottom:10px;}
.roundedBox a {text-decoration:none;}
.productActions {padding:5px 0 5px 0;font-size:14px;}
.productActions span {margin:0 0 0 10px;text-decoration:underline;font-weight:bold;}
#p1 {background-color:#99bf00;}
#p1 a, #p1 h2, #p1 h3 {color:#46581a;}
#p1 .productActions {background-color:#b8e500;border-top:1px solid #46581a;}
#p1 .topLeft {top:0; left:0; background-position:0px 0px;}
#p1 .topRight {top:0; right:0; background-position:-10px 0px;}
#p1 .bottomLeft {bottom:0; left:0; background-position:0px -10px;}
#p1 .bottomRight {bottom:0; right:0; background-position:-10px -10px;}
#p1 .corner {background-image:url('images/rounded-corners.gif');}

#p2 {background-color:#bfb800;}
#p2 a, #p2 h2, #p2 h3 {color:#59571d;}
#p2 .productActions {background-color:#e5de00;border-top:1px solid #59571d;}
#p2 .corner {background-image:url('images/rounded-corners.gif');}
#p2 .topLeft {top:0; left:0; background-position:-20px 0px;}
#p2 .topRight {top:0; right:0; background-position:-30px 0px;}
#p2 .bottomLeft {bottom:0; left:0; background-position:-20px -10px;}
#p2 .bottomRight {bottom:0; right:0; background-position:-30px -10px;}

#p3 {background-color:#bf9000;}
#p3 a, #p3 h2, #p3 h3 {color:#584315;}
#p3 .productActions {background-color:#e5ac00;border-top:1px solid #584315;}
#p3 .corner {background-image:url('images/rounded-corners.gif');}
#p3 .topLeft {top:0; left:0; background-position:-40px 0px;}
#p3 .topRight {top:0; right:0; background-position:-50px 0px;}
#p3 .bottomLeft {bottom:0; left:0; background-position:-40px -10px;}
#p3 .bottomRight {bottom:0; right:0; background-position:-50px -10px;}

#p4 {background-color:#bf7900;}
#p4 a, #p4 h2, #p4 h3 {color:#583a15;}
#p4 .productActions {background-color:#e59100;border-top:1px solid #583a15;}
#p4 .corner {background-image:url('images/rounded-corners.gif');}
#p4 .topLeft {top:0; left:0; background-position:-60px 0px;}
#p4 .topRight {top:0; right:0; background-position:-70px 0px;}
#p4 .bottomLeft {bottom:0; left:0; background-position:-60px -10px;}
#p4 .bottomRight {bottom:0; right:0; background-position:-70px -10px;}
/********* Blog ***********/
#blog h2 {font-family: Verdana, Arial, Helvetica, sans-serif;font-weight:bold;margin-bottom:5px;}
#blog h2 a{text-decoration:none;}
#blog h2 a:hover{text-decoration:underline;}

.comments, form#commentform {border-top:1px dotted;padding:0 0 5px 10px;background-color:#FAFAFA;}
.comments p {margin:3px 0 0 0;}
.comments .alt, .comments .oddcomment {margin:10px 0 15px 0}
.post-topline {font-size:14px;font-style:italic;}

/****************
** Corner-divs **
****************/

.corner_ul {
    position:absolute;
    background:url(images/corners/cor_ul.gif);
    top:0px;
    left:0px;
    height:2px;
    width:2px;
    border: 0px none;
    z-index:51;
    line-height:1px;
    font-size:1px;
}

.corner_ur {
    position: absolute;
    background:url(images/corners/cor_ur.gif);
    top:0px;
    right:0px;
    height:2px;
    width:2px;
    border: 0px none;
    z-index:51;
    line-height:1px;
    font-size:1px;
}

.corner_ll {
    position: absolute;
    background:url(images/corners/cor_ll.gif);
    bottom:0px;
    left:0px;
    height:2px;
    width:2px;
    border: 0px none;
    z-index:51;
    line-height:1px;
    font-size:1px;
}

.corner_lr {
    position: absolute;
    background:url(images/corners/cor_lr.gif);
    bottom:0px;
    right:0px;
    height:2px;
    width:2px;
    border: 0px none;
    z-index:51;
    line-height:1px;
    font-size:1px;
}

.corner_ll_head {
    position: absolute;
    background:url(images/corners/cor_ll.gif);
    bottom:0px;
    left:0px;
    height:2px;
    width:2px;
    border: 0px none;
    z-index:51;
    line-height:1px;
    font-size:1px;
}

.corner_lr_head {
    position: absolute;
    background:url(images/corners/cor_lr.gif);
    bottom:0px;
    right:0px;
    height:2px;
    width:2px;
    border: 0px none;
    z-index:51;
    line-height:1px;
    font-size:1px;
}
div#about-statement {
	margin-top:20px;
	background-color:#80924F;
	color:#FFF;
}

.teamSection {
	margin-top:20px;
}
.team {
	margin-bottom:20px;
	text-align: center;
}
.quotes {
    float: right;
    width: 300px;
}
.quote {
    margin: 0 0 10px 10px;
}
.quote h3 {font-size:16px; padding: 10px; margin:0; border-bottom:1px solid #e5e5e5;}
.box {
    border: 1px solid #e5e5e5;
}
.quoteContent {
    padding:10px;
}
.quoteText {font-style:italic;}
.quoteAvatar {
    float:left;
    width: 70px;
    height: 70px;
    border: 1px solid #123456;
    margin: 0 10px 0 0;
    padding-bottom:0;
}
.quote p {
    margin:0;
}
.quoteFooter {
    padding: 0 10px 10px 10px;
}
.quoteAuthor {margin-bottom:0;}
.quoteAuthor a {
    margin-left:5px;
}
.quoteAuthor strong {
    margin-right:5px;
}
/* Vertical Tabs
----------------------------------*/
.ui-tabs-vertical { padding: .2em .1em .2em .2em; float: left;}
.ui-tabs-vertical li { clear: left; width: 100%; border-bottom-width: 1px !important; border-right-width: 0 !important; margin: 0 -1px .2em 0;}
.ui-tabs-vertical li a { display:block; }
.ui-tabs-vertical li a:hover { background:#97B95F;color:#FFF;text-decoration:none; padding-left:.3em;}
.ui-tabs-vertical .ui-tabs-selected { padding-bottom: 0;}
.ui-tabs-vertical .ui-tabs-selected a { color:#FFF;text-decoration:none; padding-left:.3em; background-image:url('images/ui-tab-arrow.gif'); background-position:-20px 0px;}
.ui-tabs-vertical .ui-tabs-panel { padding: 0 1em 0 2em; float:left;width:650px;margin:0;}
.ui-tabs-hide {display: none !important;}

#tabs #tabsMenu {width:230px;float:left;}
#tabs #tabsMenu ul {margin:0;padding:0 0 1.2em 0;list-style:none;}
.ui-tabs-panel h3 {margin-top:0;}

#contactUsNow { float:left; background-color:#F7CAD5; color:#000; padding:.5em; border:1px solid #C98A9B;}
