@import 'reset.less';

body {
	text-align: center;
	font-family: Arial;
	font-size: 14px;
	color: #656864;
	line-height: 22px;
	background-color: #ffffff;
}

.center {
	margin: 0 auto;
	text-align:left;
	width:960px;
}

.spacer-left10 {
	margin-left: 10px;
}

.left {
	float: left;
	display: inline;
}

.right {
	float: right;
	display: inline;
}

.wrapper {
	overflow: hidden;
	width:100%;
}

.innerspacing {
	padding: 15px;
}


p {
	margin: 10px 0;
}

/*
	!----- HEADER -----!
*/

header {
	a#logo {
		.left;
		width: 281px;
		margin-right: 321px;
	}
	
	nav {
		.left;
		width: 358px;
		
		ul {
			overflow: hidden;
			
			li {
				.left;
				
				a {
					.left;
					font-family: arial;
					font-weight: bold;
					font-size: 16px;
					color: #fff;
					padding: 10px 8px;
				}
				
				span {
					padding: 10px 3px;
					display: block;
					color: #ffffff;
					font-size: 16px;
				}
			}
		}
	}
}

#slideshow {

}


/*
	!----- SUMMARY -----!
*/

#wrapper-summary {
	background-color:#F1FCE2;
	padding: 10px 0;
	border-top: 2px solid #BFC0BF;
	border-bottom: 2px solid #BFC0BF;
	margin: 15px 0;
}

div#summary {
	padding: 0;
	overflow: hidden;

	section#companyprofile {
		width: 380px;
		.left;
		margin-right: 40px;
		
		h3 {
			color: #41792E;
			font-size: 18px;
		}
		p {
			margin: 15px 0;
			font-size: 14px;
			line-height: 24px;
		}
	}
	
	section#ourservices {
		width: 540px;
		.left;
		
		h3 {
			color: #41792E;
			font-size: 18px;
		}
		
		ul#list1, ul#list2 {
			.left;
			overflow: hidden;
			width:225px;
			list-style-image: url(../images/icon.png);
			list-style-position: outside;
			margin: 15px 10px;
			padding-left: 25px;
			
			li {
				padding: 5px 0;
				font-weight: bold;
				font-size: 14px;
			}
		}
	}
}

/*
	!----- OUR PARTNERS -----!
*/

section#ourpartners {
	h3 {
		color: #41792E;
		font-size: 18px;
	}
	ul#partners-list {
		margin: 15px 10px;
		overflow: hidden;
		
		li {
			.left;
			width: 180px;
			
			a {
				text-align: center;
			}
		}
	}
}

// Wrappers



#wrapper-header {
background: transparent url(../images/header-bg.png) repeat-x;
}



/*
	!---- FOOTER ----!
*/

#wrapper-footer {
	background: transparent url(../images/footer-bg.png) repeat-x;
	height: 46px;
}

footer {
	p {
		font: 12px Arial;
		text-align: center;
		margin: 17px 0;
		
		a { 
			text-decoration: none;
			color: #41792E;
			font-weight: bold;
		}
	}
}

/*
	!---- MAIN ----!
*/


#wrapper-main {
	
	
	div {
		margin-top: 15px;
		overflow: hidden;
		article {
			.left;
			width: 700px;
			border: 1px solid #BFC0BF;
			margin: 0 0 15px 0;
			background-color: #EBEFF5;
			border-radius: 5px;
			
			div {
				padding: 15px;
				margin: 0;
				
				h2 {
					//color: #41792E;
					font-weight: bold;
					font-size: 24px;
					font-family: Arial;
				}
			}
		}
		
		#sidebar {
			.right;
			width: 240px;
			margin: 0 0 15px 16px;
			//background-color: #EAF7F2;
			//border: 1px solid #D5D4D4;
			
			div {
				//padding: 15px;
				margin: 0 0 20px 0;
				
				h3 {
					color:#ffffff;
					background-color: #3A3D31;
					padding: 7px 10px;
					margin: 0;
					border-radius: 5px 5px 0 0;
					font-size: 17px;
				}
				p {
					border: 1px solid #BFC0BF;
					padding: 10px;
					margin: 0;
					border-radius: 0 0 5px 5px;
					background-color: #EBEFF5;
				}
				ul {
					border: 1px solid #BFC0BF;
					padding: 10px 10px 18px 10px;
					margin: 0;
					border-radius: 0 0 5px 5px;
					background-color: #EBEFF5;
					
					li {
						//padding-left: 26px;
						list-style-image: url(../images/icon.png);
						list-style-position: outside;
						margin: 8px 0 0 26px;
						line-height: 15px;
					}
				}
			}
		}
	}
}






// Misc

a {
text-decoration: none;
}

h3 {
	font-weight: bold;
	font-size: 15px;
	margin: 10px 0;
}

h1, h2, h3 {
	font-family: Tahoma;
	color: #171C26;
}

strong {
	font-weight: bold;
}



section#serviceslist {
	ul {
		li {
			h3 {
				
			}
		}
	}
}


section#request-form {
		
	h3 {
		margin: 20px 0;
	}
	form {
		ul {
			li {
				margin: 10px 0;
				
				label {
					display: block;
					font-weight: bold;
				}
				
				input#name, input#job, input#company, input#phonenumber, input#email, input#subject {
					padding: 6px 4px;
					width: 60%;
				}
				
				textarea#message {
					padding: 6px 4px;
					width: 60%;
					height: 200px;
				}
			}
		}
	}
}