body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, select, textarea, p, a, span, blockquote, table, th, td
{
  font-family: 'Roboto', sans-serif;
  word-wrap: break-word;
}
html, body
{
  background:#ccc;
  margin:auto;
  line-height: 1.4;
  font-size:17px;
}
header, nav, hgroup
{
  margin: 0 auto;
  width: 1000px;
}
.container
{
  border-radius:15px;
  width:1000px;
  margin:50px auto;
  background:#fff;
  min-height:700;
}
.clear{
  clear:both;
}

footer
{
  /*min-height:200px;*/
  background:#333;
  margin-top:50px;
  border-top:5px solid #252525;
  border-radius:0px 0px 15px 15px;
}

a
{
  text-decoration:none;
  color:#17385e;
  font-weight:bold;
}
p a:hover{
  text-decoration:underline;
}
a img{
border:none;
}
#logo{
padding-top:20px;
}
nav{
	text-align:center;
	height: 60px;
}
nav img{
	padding:10px 0px 0px 0px;
	float:left;
}

nav a{
	font-size: 20px;
}

nav span{

	font-weight:normal;
	text-align:center;
	color:#333;
	padding:0px 9px 0px 9px;
}
#current{
	height:37px;
	border-bottom: 3px solid #17385e;	
}

nav span:hover, #current:hover{
	border-bottom: 6px solid #17385e;
	height:34px;
	text-decoration:none;
}

.content{
  
}

h2{
  border-bottom: 2px solid #17385e;
}

h2 span{
  border-bottom: 4px solid #17385e;
}

#content1{
  width:512px;
  padding-left:50px;
  float:left;
}

#content2{
  width:338px;
  padding:0 50px;
  float:left;
}
#content3{
  width:338px;
  padding:0 50px;
  float:left;
}


aside{
	padding:20px 50px;
	font-size: 12px;
	color: rgba(255, 255, 255, 0.25);
}
aside strong{
	color:#fff;
	font-size:15px;
}
aside ul{
	list-style-type:none;
	float: left;
	padding-left:40px;
}
aside a{
	color: rgba(255, 255, 255, 0.25);
}
aside a:hover{
	color: rgba(255, 255, 255, 0.75);
}
#list-recententries{
	float:right;
	padding-right:40px
}
#copyrights{
	text-align:center;
	clear:both;
	margin:0px 50px;
	padding:20px;
	border-top:1px solid;
	color:#222;
}



.article
{
margin: 40px 0;
padding: 0px 30px;
}
.articleimg
{
  float:left;
  margin:20px;
  border-radius:10px;
}
.articleimg img
{
  height:100px;
  border-radius:10px;
  width:auto;
}
.articleimgart img
{
  max-width:150px;
}
.articletext
{
  float:left;
  margin:20px 0px;
  color:#fff;
  max-width: 45%;
}
.articledate
{
  float:right;
  margin:20px;
  color:#fff;
}

#next{
  text-align:right;
}

td{width:130px}

.contact{
margin: 40px 0;
padding: 0px 30px;
}

#info
{
  margin:0 0 0 20px;
  float:left;
}
#info ul
{
  list-style-type: none;
}

legend {
display: none;
}
label {
display: block;
margin: 0 0 2px 0;
}
.help {
margin: 0 0 0 10px;
font-size: 11px;
}
#zemContactForm {
float: right;
margin: 0 20px 0 0;
display: inline;
}
#zemContactForm p {
padding: 8px 0;
}
fieldset {
border: 0;
}
input.zemRequired, select#typeofenquiry {
width: 180px;
padding: 5px;
border: 1px solid #ccc;
border-top-width: 2px;
}
#enquirydetails {
float: left;
width: 230px;
}
#enquirysubmit {
float: left;
/*width: 240px;*/
}
.vcard {
margin: 8px 0;
}
select#typeofenquiry {
width: 194px;
padding: 5px;
}
textarea#enquiry {
padding: 5px;
width: 220px;
border: 1px solid #ccc;
border-top-width: 2px;
}
#zemSubmit {
float: right;
margin: 0 30px 0 0;
}

.left{
float:left;
}
.article .right{
width:760px;
}
.right{
float:right;
}