@import url("reset.css");

/* Generic elements */
body { font: 14px/21px Arial, Helvetica, sans-serif; background: #363536; color: #b52348; }

p { margin-bottom: 0;  }
strong { font-weight: bold; }
em { font-style: italic; }

img { border: none; }

.leftAligned { float: left;}
.rightAligned { float: right;}

a,:link,:visited { color: #b1186d ; text-decoration: underline; font-size: 1em; } 
a:hover,a.important,a.on { color: #414142;  }

/* Headings */
h1,h2,h3,h4,h5,h6 { margin-bottom: .3em; font-weight: normal; line-height: normal; color: #47a49d; }

h1 { font-size: 200%; }
h2 { font-size: 180%; color: #b52348}
h3 { font-size: 150%; font-weight: bold; color: #b52348 }
h4 { font-size: 130%; color: #b52348}
h5 { font-size: 110%; }
h6 { font-size: 100%; }

/* Main wrappers */
#main 
{ 
background-color: #fff; 
width: 870px; 
margin: auto; 
padding: 52px 43px;
}

/* clocks */
#clocks 
{ 
width: 870px;
margin: 0 auto;
margin-top: 40px; 
padding-bottom: 30px;
}
#clocks ul 
{
height: ;
}
#clocks ul li
{
background: url(images/clock.png) no-repeat 0 0;
padding: 0 0 0 47px;
float: left;
width: 98px ;
height: ;
}
#clocks ul li.last
{

}
#clocks ul li p 
{
color: #fff;
}
#clocks ul li span.time 
{

}


#clocks .time 
{ 

}
#clocks .left
{
width:197px;
}
#clocks .text 
{
text-align: left; 
padding-left: 50px;

}

/* header */
#header .logo 
{ 
float: left; 
margin-left: 63px;
margin-top: 15px; 
margin-bottom: 40px; 
}
#header .contact-details 
{
float: right; 
margin-top: 46px;
}
#header .contact-details a 
{ 
display: block; 
background: url(images/email.png) no-repeat 0px 50%; 
padding-left: 26px; 
color: #757475; 
}
#header .block 
{ 
margin-top: 23px; 
background-color: #fff; 
width: 390px; height: 270px; 
float: left; padding-left: 35px; 
color: #757475;
}
#header 
{ 
border:1px solid #757475; 
border-left: none; 
border-right: none; 
border-top: none; 
padding: 0px 18px; 
margin-bottom:16px;
}

/* banner */
#banner img 
{
border: 12px; 
solid: #fff; 
}
#banner 
{
margin-bottom: 28px; 
}

/* content */
#content 
{ 
margin: auto; 
width: 871px; 
height: 355px 
}
#content 
{ 
border:1px solid #757475; 
border-left: none; 
border-right: none; 
border-top: none; 
padding: 10px 0px; 
background: url(images/banner-image.png) no-repeat 0 0; 
}
#content .box 
{ 
margin-top: 20px; 
background: url(images/opacity.png); 
width: 356px; 
height: 270px; 
float: left; 
padding-left: 30px; 
padding-top: 23px; 
color: #363536; 
}
#content .footer 
{ 
text-align: right; 
margin-top: 380px; 
}
#content .footer p
{
color: #7f7e7e;	
}