/*-----------------------
 Initial CSS styling
-----------------------*/
html, body, form, fieldset, p, div, h1, h2, h3, h4, h5, h6 { margin:0; padding:0; color:#000; }

.headline_area h1 { line-height: 30px; margin-bottom: 10px; letter-spacing: -1px; }

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:270px;
		}
		
		.slider{
			width:98%;
			margin:0 auto;
			background:#fff;
			overflow:hidden;
		}

			.slider h1, .slider h2{
				width:500px;
				line-height:30px;
				letter-spacing:-1.3px;
			}

			#sliding .slider .innerslider p{
				width:400px;
			}

		.innerslider{
			width:805px; margin:0 auto; height:265px; padding:0 0 0 20px;
		}

		.laptop{
			background:url(/images/laptop.jpg) no-repeat top right #fff;
		}
		
		.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 ol{
			margin:30px 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{
			margin:0 0 12px 0;
			 
		}

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

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

		#maincontent ul{
			margin:0 0 0 20px;
		}

		#maincontent ul li{
			background:url(/images/bluearrow.gif) 0 6px 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;
		}


/*************************
CUFON STYLES
*************************/
h1{font-size:32px; font-weight:normal; color:#373b3d; width:100%; float:left;}
h2.homepage{font-size:32px; font-weight:normal; color:#6699cc; width:100%; float:left; padding-top:2px;}
h2.homepage a{color: #6699cc; text-decoration: none; width:100%; float:left; padding-top:2px;}
h2.homepage a:hover{color: #6699cc; text-decoration: underline; width:100%; float:left; padding-top:2px;}

h2{font-size:24px; font-weight:normal; color:#6699cc; width:100%; float:left; margin:0 0 5px 0; line-height: 28px;}
h2.grey{font-size:24px; font-weight:normal; color:#6699cc; width:100%; float:left; margin:0 0 15px 0;}
h2 a{color: #6699cc; text-decoration: none; width:100%; float:left; margin:0 0 5px 0;}
h2 a:hover{color: #6699cc; text-decoration: underline; width:100%; float:left; margin:0 0 5px 0;}

h3{font-size:18px; font-weight:normal; color:#6699cc; width:100%; float:left;}
h3 a {color: #6699cc; text-decoration: none; width:100%; float:left;}
h3 a:hover {color: #6699cc; text-decoration: underline; width:100%; float:left;}


/********************************
GENERIC CLASS
********************************/

.dsp {
	float: left;
	margin: 0px 10px 15px 0px;
}

	.dsp img { border: 1px solid #ccc; }
	.dsp img:hover { border: 1px solid #666; }