/* CSS Reset */

body, div, h1, h2, h3, h4, p, ul, ol, li, dl, dt, dd, img, form, fieldset, blockquote {
    margin: 0px; padding: 0px; border: 0px;
}


body {
	font-family: Helvetica, Arial, sans-serif; /* Add the repeating texture file */
	font-size: 0.9em;
	background-image: url(bg.jpg);
	background-repeat: repeat-x;
}

/* Lay out the page structure with a container */
#container {
	width: 900px; /* Width of the container minus the left padding below */
	height: auto;
	margin: 0 auto; /* Aligns the container to the centre of the page */
	padding: 60px 0 0 40px; /* Add some top and left padding */
}

#logo {
 	padding: 35px 60px 0 0; 
	float:left ;
	width: 170px ;
}

#menu {
	width: 670px; 
	float: right;
	padding: 75px 0 100px 0; 
}

.menu {
	padding: 0 0 0 20px;
}

#title {
	padding: 60px 0 0 0; 
}

#mainbox {
	padding: 10px 0 0 0; 
	width: 500px; 
}

#newsbox {
	padding: 0 0 30px 0; 
}

#logo_contactbox {
	padding: 20px 0 0 0px;
	text-align:right;
}

#contactbox {
	height: 100px;
	padding: 0 0 30px 0; 
}

.contact-image {
	padding: 0 10px 0 0;
	float:left;
}
/* A handy 'Clearfix' technique to clear floats in order to avoid affecting page elements further down the document */		
.clear:after {
	content: "";
	display: block; visibility: hidden; clear: both;
}
	.clear { zoom: 1; } /* Clearfix IE fix */


a:link {
	color: #F00;
	text-decoration: none;
}
a:visited {
	color: #F00;
	text-decoration: none;
}
a:hover {
	color: #000;
	text-decoration: none;
}
a:active {
	color: #F00;
	text-decoration: none;
	text-align: right;
}

strong {
	color: #666;
}
h3 {
	color: #666;
}

	#footer{
	clear: both; /* The links above were floated, so clear the float on the copyright text */
	margin: 0px 0 0 0; /* Add a new float to the right and shift into place with some right margin */
	font-size: 11px;
	color: #666;
	}

.socialmedia {
	padding: 0 20px 0 0;	
}