﻿* {
	margin: 0;
	padding: 0;
}

#bg {
	font-size: 62.5%;
	font-family: Arial, Helvetica, sans-serif;
}

div#page-wrap {
	width: 985px;
	height: 705px;
	margin: 0 auto;
}

div#left {
	display: inline;
	float: left;
	height: 500px;
}

div#right {
	display: inline;
	float: right;
	height: 500px;
	margin-right: 20px;
}

div#banner {
	margin-top: 40px;
	margin-bottom: 50px;
	background: url('../images/banner_sitamaa.png') no-repeat top center;
	display: block;
	width: 985px;
	height: 82px;
	position:relative;
}
div#banner a#clickable {
	display:block;
	height:82px;
	width:225px;
	position:absolute;
	top:0px;
	left:0px;
}
div#main {
	display: block; 
	width:985px;
}

ul#nav {
	list-style: none;
	width: 570px;
	position:relative;
	display: inline;
	z-index:100;
	}
	.primary {
		display: inline;
		margin-left: 15px;
	}	
	#primary-aboutus {
		display: inline;
	}	
	ul#nav li {
		list-style: none;
		vertical-align: top;
		display:block;
		float:left;		
		position:relative;
		}
		ul#nav li:hover ul, ul#nav li.sfhover ul {
			left:0px;
		}
		ul#nav li ul {
			display: block;
			position: absolute;
			background: #404040;
			left: -999em;
			top:24px;
			}
			#sec-aboutus li a {
				display: block;
				width: 80px;
			}
			#sec-products li a {
				display: block;
				width: 95px;
			}
			#sec-services li a {
				display: block;
				width: 125px;
			}
			#sec-promotions li a {
				display: block;
				width: 115px;
			}
			#sec-press li a{
				display: block;
				width: 75px;
			}
			#sec-contactus li a{
				display: block;
				width: 65px;
			}
			ul#nav li ul li {
				display: block;
				float:left;
				clear:both;
				background: #404040;
				padding: 8px;
				}
								
				ul#nav li ul li a, ul#nav li ul li a:visited {
					font-family: Calibri;
					font-size: 1.3em;
					font-weight: 400;
					text-decoration: none;
					color: #AAA;
					}
					ul#nav li ul li a:hover {
						color: #FFFFFF;
				}
		.nav-link {
			display: inline;
			float: left;
			height: 10px;
			padding: 5px 5px 6px 5px;
			position: relative;
		}		
		html>body .nav-link {
			padding: 7px;
		}
		.seperator {
			display: inline;
			}
			.seperator div {
				display: inline;
				height: 24px;
				width: 15px;
				background: #FFFFFF url('../images/menu_separator.png') no-repeat center;
				position: absolute;
			}
		#aboutus {
			background: #FFFFFF url('../images/grey_aboutus.png') no-repeat center;
			width: 60px;
			}
			#aboutus:hover {
				background: url('../images/white_aboutus.png') no-repeat center;
				background-color: #404040;		
		}
		#products {
			background: #FFFFFF url('../images/grey_products.png') no-repeat center;
			width: 63px;
			}
			#products:hover {
				background: url('../images/white_products.png') no-repeat center;
				background-color: #404040;
		}
		#services {
			background: #FFFFFF url('../images/grey_services.png') no-repeat center;
			width: 54px;
			}
			#services:hover {
				background: url('../images/white_services.png') no-repeat center;
				background-color: #404040;
		}
		#promotions {
			background: #FFFFFF url('../images/grey_promotions.png') no-repeat center;
			width: 81px;
			}
			#promotions:hover {
				background: url('../images/white_promotions.png') no-repeat center;
				background-color: #404040;
		}
		#press {
			background: #FFFFFF url('../images/grey_press.png') no-repeat center;
			width: 35px;
		}
			#press:hover {
				background: url('../images/white_press.png') no-repeat center;
				background-color: #404040;
		}
		#contactus {
			background: #FFFFFF url('../images/grey_contactus.png') no-repeat center;
			width: 75px;
			}
			#contactus:hover {
				background: url('../images/white_contactus.png') no-repeat center;
				background-color: #404040;
		}

div#sidebar {
	width: 350px;
	height: 24px;
	background-color: #404040;
	font-weight: bold;
}

div#nav-path {
	display: inline;
	float: left;
	color: white;
	font-family: Calibri;
	font-size: 1.3em;
	padding: 4px 4px 5px 15px;
	font-weight: normal;
	font-weight: 400;
	}

div#main-content {
	display: block;
	width: 350px;
	height: 455px;
	background-color: #FFFFFF;
	font-weight: normal;
	position: relative;
	}	
	div#main-content p {
		padding: 10px 20px 10px 20px;
		line-height: 20px;
		font-family: Calibri;
		font-size: 1.3em;
		text-align: justify;
	}
	div#main-content img {
		padding-left: 20px;
		padding-top: 20px;
	}
	
div#space-saver {
	display: block;
	height: 10px;
	width: 350px;
}

.footer, .footer a {
	color: #808080;
	text-decoration: none;
	display: inline;
}

div#bottom{
	font-size: 1.2em;
}

div#left-footer {
	float: left;
	padding: 10px 0px 0px 20px;
}

div#right-footer {
	float: right;
	padding: 10px 20px 0px 0px;
}

#digiflare {
	text-decoration: underline;
}