/* INDEX */

* {
	padding: 0px;
	margin: 0px;
	}

html, body {
	text-align: center;
	background-image:url(img/index_background.gif);
	background-repeat: repeat-x;
	
	font-family: sans-serif, Trebuchet MS, "Century Gothic", "Times New Roman", Times, serif;
	font-size: 12px;
	margin: 0px;
	padding: 0px;
	background-color: #f5f5e0;
	}

a, a:hover {
	text-decoration: none;
	border: 0;
	}
	
#container {
	width: 1137px;
	margin: 0 auto;  
	text-align: center;
	}
	
	#top {
		width: 1015px;
		margin: 0 auto;	
		}
		
		#logo {
			width: 340px;
			float: left;
			}
		
		#menu {
			width: 670px;
			float: right;
			}
		
		#menu ul {	
			list-style: none;
			float: right;
			margin:0 0 0 auto;
			text-align: right;
			padding-top: 20px;
			height: 40px;
			
			}
		
		#menu ul li {
			float: left;
			}
			
		#menu ul li a {
			padding-left: 10px;
			padding-right: 10px;
			line-height: 35px;
			display: block;
			color: #fff;
			text-transform: uppercase;
			text-decoration: none;
			background-image:url(img/menu-divider.gif);
			background-repeat:no-repeat;
			background-position:right;
			}
			
		#menu ul li.last a {
			background-image: none;
			}
			
		#menu ul li a:hover {
			text-decoration: none;
			color: #a4dbf5;
			}
		
		#big-menu {
			width: 1137px;
			height: 382px;
			clear: both;
			margin-bottom: 4px;
			padding-top: 46px; 
			}
		
		#big-menu ul {
			list-style: none;
			}
			
		
		#big-menu ul li {
			float: left;
			}

		#big-menu ul li.arrow-left a {
			width: 60px;
			height: 382px;
			display: block;
			float: left;
			background-image: url(img/left-arrow.jpg);
			background-repeat:no-repeat;
			background-position: 0px 140px;
			}
			
		#big-menu ul li.arrow-right a {
			width: 61px;
			height: 382px;
			display: block;
			float: left;
			background-image: url(img/right-arrow.jpg);
			background-repeat:no-repeat;
			background-position: 0px 140px;						
			}			
		     
		#big-menu ul li.web-design a {
			width: 253px;
			height: 382px;
			display: block;
			float: left;
			background-image:url(img/web-design-services.jpg); 
			}
			
		#big-menu ul li.e-commerce a {
			width: 253px;
			height: 382px;
			display: block;
			float: left;
			background-image: url(img/e-commerce-solutions.jpg);
			}
		
		#big-menu ul li.training a {
			width: 253px;
			height: 382px;
			display: block;
			float: left;
			background-image: url(img/training-school.jpg);
			}
		
		#big-menu ul li.portfolio a	 {
			width: 253px;
			height: 382px;
			display: block;
			float: left;
			background-image: url(img/portfolio.jpg);
			}
			
		
		#big-menu ul li a:hover {
			background-position: 0px -382px;
			}        
			
		#big-menu ul li.arrow-left a:hover {
			background-position: 0px 140px;
			}       			 

		#big-menu ul li.arrow-right a:hover {
			background-position: 0px 140px;
			}       			 

#txt {
				color:#006699;
margin:0 0 10px;
padding:0 71px 0 66px;
text-align:justify;
				}

#footer {
	width: 100%;
	height: 44px;
	background-image:url(img/footer-background.gif);
	text-align: center;
	color: #fff;
	}

	#footer-central {
		width: 1015px;
		margin: 0 auto;
		padding-top: 14px;
		}

		#copyright {
			width: 520px;
			float: left;
			} 
		
		#footer-menu {
			width: 490px;
			float: right; 
			}
		
		#footer-menu ul {
			list-style: none;
			text-align: right;
			float: right;
			}
			
		#footer-menu ul li {
			float: left;
			margin:0 0 0 auto;
			}
			
		#footer-menu ul li a {
			padding-left: 5px;
			padding-right: 5px;
			color: #fff;
			text-decoration: none;
			}
			
		#footer-menu ul li a:hover {
			text-decoration: none;
			color: #a4dbf5;
			}
			
			
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  

.lefted {margin:0 auto 0 0;}
.centered {margin:0 auto;}
.righted {margin:0 0 0 auto;}