/*-----------------------
 Initial CSS styling
-----------------------*/
 
html, body, form, fieldset, p, div, h1, h2, h3, h4, h5, h6 { margin:0; padding:0; color:#000; }
body 	{ font-family:Arial, Helvetica, sans-serif;
		  font-size: 62.5%;
		 background:url(../images/header.jpg) top center no-repeat #2a2e31;
		}
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;}


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


/********************************
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:20px;
	   font-size:14px;
   }
    
        #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:14px;
	height:12px;
	width:100%;
	padding:16px 0;
}
	
	#main_navigation li
	{
		float:left;
		background:url(../images/bullet_spacer.jpg) top right no-repeat;
		padding:0 8px;
	}

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

			.slider p{
				width:500px;
			}

		.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;
	}
	
	#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
***********************************/

#innercontent{
	background:#fff;	
}

	#menu{
		width:305px;
		float:left;
	}

		#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{
					color:#75abdb;
				}

	#maincontent{
		float:right;
		width:548px;
		margin:25px 50px 25px 0;
		font-size:13px;
	}

		#maincontent p{
			margin:12px 0;
			line-height:20px; 
		}

		#maincontent a{
			color:#75abdb;
			text-decoration:none;
			background:url(../images/bluearrow.gif) 0 5px no-repeat;
			padding:0 0 0 15px;
		}

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

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


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

				#lower_left ol li a.arrowed{
					color:#646768;	
					background:url(../images/arrow.gif) right 5px no-repeat;
					padding:0 16px 0 0;
				}
	
	
			#lower_center{
				float:left;
				width:306px;
				margin: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:5px 0 5px 25px;
						width:281px;
						float:left;
					}
	
						#lower_center ol li .date{
							background:#6d86a7;
							padding:4px 7px;
							font-size:10px;
							width:33px;
							float:left;
							margin:0 10px 0 0;
						}
	
			#lower_right{
				position:relative;
				float:right;
				width:306px;
			}
				
				#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;
				width:306px;
				float:left;
			}
			
				#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;
	}

	h3.ourclients{
		background:url(../images/titles/our_clients.gif) top left no-repeat;
		width:86px;
		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:90px;
		}
	
		#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;
		}