/*-----------------------
 Initial CSS styling
-----------------------*/
html, body, form, fieldset, p, div, h1, h2, h3, h4, h5, h6 { margin:0; padding:0; color:#000; }
body 	{ font-family:Verdana,Geneva,sans-serif;
		  font-size: 62.5%;
		  background:url(../images/header.jpg) top center no-repeat #2a2e31;
		  line-height:1.8em;
		}
ul, li, ol, dl, dd, dt { list-style:none; padding:0; margin:0; }
a 		{ outline:none; /* Stops the dotted outline on click */
		  text-decoration:none;}
img 	{ border:0;}
 
.floatLeft 		{ float:left; }
.floatRight 	{ float:right; }
.textCenter 	{ text-align:center; }
.textRight 		{ text-align:right; }
.clear			{ clear:both; }
.bottomPadding	{ padding-bottom:10px; }
.topPadding		{ padding-top:10px; }
.leftPadding	{ padding-left:10px; }
.rightPadding	{ padding-right:10px; }
.leftMargin		{ margin-left:10px; }
.rightMargin	{ margin-right:10px; }
.border			{ border:solid #FF0000; }
.clear			{ clear:both;}
.clear-thin		{ clear:both;line-height:1px;height:1px; width:100%!important; float:left;}

.hidden			{ visibility:hidden; }
.removeText		{ text-indent:-3000em; font-size:1px; overflow:hidden;}
.display-none	{display:none;}

.onehundredwide {width:100%;}


/********************************
	WP Styles
********************************/

img.alignright {float:right; margin:0 0 10px 10px;}
img.alignleft {float:left; margin:0 10px 10px 0;}
img.aligncenter {display: block; margin-left: auto; margin-right: auto;}
a img.alignright {float:right; margin:0 0 10px 10px;}
a img.alignleft {float:left; margin:0 10px 10px 0;}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto;}



.contactform{
	float:left;
	width:100%;
	clear:both;
	margin:10px 0 20px 0;
}

	#wpcf label{
		float:left;
		width:150px;
		margin:0 0 10px 0;
	}
	
	#wpcf textarea, #wpcf input{
		float:left;
		width:300px;
		margin:0 5px 0 0;
	}
	
	#wpcf #contactsubmit{
		width:100px;
		clear:both;
		margin:0 0 0 150px;
	}



/********************************
CONTAINERS
********************************/

.container
{
    margin:0 auto;
    width:944px;
}

#header
{
    width:100%;
    height:100px;
    clear:both;
    position:relative;
	
}

    #logo
    {
        position:absolute;
        top:20px;
        left:0;
        background:url(/images/logo.jpg) top left no-repeat;
		width:121px;
        height:57px;
    }
    
        #logo a
        {
            display:block;
            width:121px;
            height:57px;
        }

   #header_nav
   {
       position:absolute;
       top:10px;
       right:10px;
	   font-size:12px;
   }
    
        #header_nav li
        {
            float:left;
			background:url(/images/bullet_spacer.jpg) top right no-repeat;
			padding:0 10px;
        }
        
            #header_nav li a
            {
                color:#fff;
            }
            
            #header_nav li a:hover, #header_nav li a.selected
            {
                color:#75abdb;
            }

	#header_nav li.last{
		background:none;
		padding:0 0 0 10px;
	}




/***********************************
	MAIN NAVIGATION
***********************************/

#main_navigation{
	background:#2a2e31;	
	font-size:12px;
	height:12px;
	width:100%;
	padding:16px 0;
}
	
	#main_navigation li
	{
		float:left;
		background:url(/images/bullet_spacer.jpg) right 1px no-repeat;
		padding:0 9px;
	}

	#main_navigation li a{
			color:#fff;
	}
	
		#main_navigation li a:hover, #main_navigation li a.selected{
			color:#75abdb;
		}
		
		#main_navigation li.last{
			background:none;
			padding:0 0 0 8px;
		}



/***********************************
	HOME CONTENT
***********************************/

	#homecontent{
		background:#fff;
		padding:40px 0 0 0;
		font-size:13px;
		font-weight:bold;
		width:100%;
		position:relative;
		overflow:hidden;
	}
		
		#homecontent p{
			width:322px;
		}
		
		#sliding{
			padding:0;
			margin:0 auto;
			overflow:hidden;
			height:310px;
		}
		
		.slider{
			width:98%;
			margin:0 auto;
			background:#fff;
			overflow:hidden;
		}

			.slider h1, .slider h2{
				width:500px;
				float:left;
				
			}

			#sliding .slider .innerslider p{
				width:400px;
				padding-right:405px;
				float:left;
			}

		.innerslider{
			width:805px; margin:0 auto; height:305px; padding:0 0 0 20px;
		}
		
			.innerslider a{
				color:#6699cc;
			}

		.laptop{
			background:url(/images/laptop.jpg) no-repeat top right #fff;
		}
		
		.webconsult{
			background:url(/wp-content/uploads/2010/04/frame_frontpage-300x267.jpg) no-repeat top right #fff;
			padding:00px 0 0 0;
		}
		
		.basket{
			background:url(/images/basket.jpg) no-repeat top right #fff;
		}
		
		.plant{
			background:url(/images/plant.jpg) no-repeat top right #fff;
		}

	a.read_more{
		background:url(/images/buttons/read_more.gif) top left no-repeat;
		width:93px;
		height:23px;
		display:block;
	}
	
	#scroll_nav{
		 position:relative;
		 width:944px;
		 margin:0 auto;
		 z-index:1000;
	}
	
	#j_nav_left{
		width:49px;
		position:absolute;
		left:0px;
		top:100px;
	}
		
		#j_nav_left a{
			height:49px;
			display:block;
			width:49px;
			background:url(/images/nav-left.png) top left no-repeat;
		}
	
	#j_nav_right{
		width:49px;
		position:absolute;
		right:0px;
		top:100px;
	}

		#j_nav_right a{
			background:url(/images/nav-right.png) top left;
			display:block;
			height:49px;
		}


/***********************************
	INNER CONTENT
***********************************/

#content{
	width:944px;
	padding:0;
	margin:0;
}

#innercontent{
	background:#fff;
}

	#menu{
		width:305px;
		float:left;
		padding:0;
		margin:0;
	}
		#menu p {
			padding : 0 0 20px 0;
			margin:0;
		}

		#menu ol{
			padding:30px 0 20px 0;
			margin:0;
		}

			#menu ol li{
				border-top:1px solid #d4d5d6;
				padding:8px 0 8px 25px;
				background:url(/images/lower_li.gif) left 16px no-repeat;
				font-size:13px;
			}

			#menu ol li.last{
				border-bottom:1px solid #d4d5d6;
			}

				#menu ol li a{
					color:#2a2e31;
				}
				
				#menu ol li a:hover, #menu ol li a.selected{
					color:#75abdb;
				}

	#maincontent{
		float:right;
		width:548px;
		margin:25px 50px 25px 0;
		font-size:13px;line-height:20px;
		display:inline;
	}

		#maincontent p{
			padding:6px 0;
			font-size:12px;
			line-height:20px;
			margin:0;
		}

		#maincontent a{
			color:#75abdb;
			text-decoration:none;
		}

			#maincontent a:hover{
				text-decoration:underline;
			}

		#maincontent p a,
		#maincontent ul li a
		{
			font-weight:bold;
		}
		#maincontent ul{
			margin:0 0 0 20px;
		}

		#maincontent ul li{
			background:url(/images/bluearrow.gif) 0 8px no-repeat;
			padding:0 0 0 25px;
			margin:4px 0;
		}
		#maincontent ul li.grand {
			background:url(/images/bluearrow.gif) 0 16px no-repeat;
			padding:0 0 0 25px;
			margin:4px 0;
		}


/***********************************
	POSTS PAGE - Press
***********************************/

	.entry-title{
		margin:0;
		padding:0;
	}
	
	.headline_meta{
		margin:0!important;
		padding:0!important;
		font-size:8pt;
	}
	
	.to_comments{
		display:none;	
	}
	
	.entry-content{
		margin:0 0 60px 0;
	}

/***********************************
	LOWER CONTENT
***********************************/


	#lowercontent{
		padding:20px 0 10px 0;
		background:#313537;
	}
	
		#lowercontent a{
			color:#fff;
		}
		
			#lowercontent a:hover{
				color:#75abdb;
			}
	
		#lower_left{
			float:left;
			width:260px;
			margin:0 15px 0 0;
		}
		
			#lower_left ol{
				float:left;
				margin:2px 0 0 0;
				border-top:1px solid #989a9b;
			}
		
			#lower_left ol li{
				font-size:13px;
				color:#fff;
				border-bottom:1px solid #414547;
				padding:7px 0 8px 17px;
				background:url(/images/lower_li.gif) no-repeat 0 15px;
				width:235px;
				float:left;
			}

				#lower_left ol li a.arrowed{
					color:#646768;	
					background:url(/images/arrow.gif) right 5px no-repeat;
					padding:0 13px 0 0;
				}
	
	
			#lower_center{
				float:left;
				width:346px;
				margin:0 15px 0 0;
			}
			
				#lower_center ol{
					float:left;
					border-top:1px solid #989a9b;
				}
			
					#lower_center ol li{
						font-size:13px;
						color:#fff;
						border-bottom:1px solid #414547;
						padding:8px 0 5px 15px;
						width:331px;
						float:left;
					}
	
						#lower_center ol li .date{
							background:#6d86a7;
							padding:4px 7px;
							font-size:10px;
							float:left;
							margin:0 10px 0 0;
							color:#fff;
						}
	
			#lower_right{
				position:relative;
				float:left;
				width:296px;
			}
				
				#lower_right a.viewmore {
					position:absolute;
					top:0;
					right:0;
					color:#646768;	
					font-size:12px;
					background:url(/images/arrow.gif) right 5px no-repeat;
					padding:0 16px 0 0;
				}
				
	
			#clientlogos{
				border-top:1px solid #989a9b;
				margin:2px 0 0 0;
				float:left;
				width:100%;
				padding:0;
			}

			#clientlogos div{width:140px; margin:0 5px 0 0;}
			
				#clientlogos img{
					margin:10px 0 0 0;
				}
	
	
	#lowercontent h3{
		padding:0 0 14px 0;
	}

	h3.reasons{
		background:url(/images/titles/reasons_to_choose_branded3.gif) top left no-repeat;
		width:234px;
		height:15px;
	}

	h3.latestnews{
		background:url(/images/titles/latest_news.gif) top left no-repeat;
		width:96px;
		height:15px;
		float:left;
	}

	h3.ourclients{
		background:url(/images/titles/our_clients.gif) top left no-repeat;
		width:138px;
		height:15px;
		float:left;
	}



/***********************************
	FOOTER
***********************************/	
	
	#footercontainer{
		background:url(/images/footer.jpg) top center no-repeat #313537;
		width:100%;
		height:116px;
	}
	
	#footer{
		float:left;
		width:944px;
		font-size:12px;
		padding:20px 0 0 0;
	}

		#footer ol{
			height:27px;
			width:600px;
		}
	
		#footer ol li{
			float:left;
			height:27px;
			background:url(/images/bullet_spacer.jpg) right 4px no-repeat;
			padding:7px 8px 0 8px;
			color:#adaeaf;
		}
			
			#footer ol li.last{
				background:none;
				padding:7px 8px 0 8px;
			}
	
		#footer ol#backtotop{
			width:110px;
		}
	
		#footer ol#backtotop li{
			float:left;	
			background:url(/images/backtotop.gif) top left no-repeat;
			padding:7px 0 0 25px;
		}
		
		#footer ol#backtotop li a{
			color:#87aad9;
		}
	
		#footer a{
			color:#adaeaf;
		}

		#footer a:hover{
			text-decoration:underline;
		}

/*************************
	CONTACT FORMS
*************************/

.gform_body ul{
	list-style:none;
	padding:0!important;
	margin:10px 0 0 0!important;
}

	.gform_body ul li{
		background:none!important;
		padding:0!important;
		margin:0 0 10px 0!important;
	}

		.gform_body ul li input{
			width:400px;
		}

			.gform_footer input{
				width:93px;
				display:block;
				border:1px solid #ccc;
				background:#75abdb;
				font-size:14px;
				padding:2px 0;
			}

/*************************
CUFON STYLES
*************************/
h1
{
	font-size:34px;
	line-height:38px;
	font-weight:normal;
	color:#373b3d;
	padding:6px 0;
	margin:0;
	letter-spacing:-1px;
}
h1 span{color:#6699cc;}

h2
{
	font-size:26px;
	line-height:28px;
	font-weight:normal;
	color:#6699cc;
	padding:6px 0;
	margin:0;
	letter-spacing:-1px;
}
/*h2.grey{margin:0 0 15px 0;}*/
h2.homepage{font-size:32px; font-weight:normal; color:#6699cc; width:100%; float:left;}
h2.homepage a{color: #6699cc; text-decoration: none; width:100%; float:left;}
h2.homepage a:hover{color: #6699cc; text-decoration: underline; width:100%; float:left;}

h2 a{color: #6699cc; text-decoration: none;}
h2 a:hover{color: #6699cc; text-decoration: underline; }

h3
{
	font-size:20px;
	font-weight:normal;
	line-height:24px;
	color:#6699cc;
	padding:6px 0;
}
h3 a {color: #6699cc; text-decoration: none; }
h3 a:hover {text-decoration: underline;}


h4{font-size:12px; font-weight:bold; padding:6px 0; line-height:18px;}