/* ------------------------------------------------------------------- */
/* FIXES */
/* ------------------------------------------------------------------- */
.clearfix:after													{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix 														{ display:inline-table; }

#container-wrapper-ab:after										{ content:"."; display:block; height:0; clear:both; visibility:hidden; }

/* Hides from IE-mac \*/
html .clearfix 													{ height:1%; }
.clearfix 														{ display:block; } 
/* End hide from IE-mac */



/* ------------------------------------------------------------------- */
/* GLOBAL RESET */
/* ------------------------------------------------------------------- */
* 																{ margin:0;padding:0; }
*:focus 														{ outline:none }

h1, h2, h3, h4, h5, h6, p, pre, 
blockquote, label, ul, ol, dl, 
fieldset, address												{ margin:1em 5%; }

table th 														{ text-align:left; }

li, dd 															{ margin-left:5%; }

fieldset 														{ padding:.5em; }

/* EMS */

html, 
body 															{ font-size:78%; height:100%; margin:0; padding:0; font-family:Arial, Helvetica, Sans-serif; }

h1 																{ font-size:2em; margin:0; padding:0; }   /* displayed at 24px */
h2 																{ font-size:1.5em; margin-left:0px; }     /* displayed at 18px */
h3 																{ font-size:1.4em; margin-left:0px }     /* displayed at 15px */
h4 																{ font-size:1em; margin-left:0px }        /* displayed at 12px */

input, select, th, td 											{ font-size:1em; }
li li, li p, td p, blockquote p 								{ font-size:1em; }

ul,
ul li 															{ margin:0; padding:0; color:#888888; }

p 																{ font-size:1.1em; line-height:1.5em; margin-left:0px; margin:0 0 10px 0; clear:both; color:#fff; }

table															{ width:100%; }
table, th, td, tr, label 										{ margin:0; padding:0; }

body a:link,
body a:visited,
a:visited,
a 																{ color:#fff; text-decoration:none; }

a:hover 														{ }

a img															{ border:none; }



/* ------------------------------------------------------------------- */
/* LAYOUT */
/* ------------------------------------------------------------------- */
body 															{ background:#111 url('../grfx/bg.gif') repeat-y top left; margin:0; padding:0 0 0 0px; color:#fff; height:100%}

#site-wrapper													{ width:100%; height:100%; }
#body-wrapper													{ width:100%; height:100%; position:relative; }

#Active-Movie													{ width:100%; height:100%; position:fixed; z-index:-1; }

#container-wrapper-ab 											{ width:100%; padding:50px 0 0 0; position:relative; }

#container-a 													{ padding: 0 0 30px 50px; clear:both;}

h1 																{ margin-top:0;	font-size:4em; font-weight:normal; margin-bottom:22px; font-family:"Times New Roman", Times, serif; }
h1#Logo 														{ background:url('../grfx/media52-logo.png') no-repeat 0 0; display:block; width:535px; height:134px; text-indent:-999em; margin-bottom:50px; }
h1#Tag 															{ background:url('../grfx/tag-line.png') no-repeat 0 0; display:block; width:566px; height:64px; text-indent:-999em; }

#container-a  p 												{ font-size:1.8em; margin-top:20px; width:600px; color:#aead9e; }

#container-b 													{ padding-left:10px; clear:both; margin-top:10px; }
#container-b h1 												{ background:url('../grfx/recruitment.png') no-repeat 0 0; font-size:3.6em; margin:0 0 12px 42px; display:block; width:380px; height:57px; text-indent:-999em; }
#container-b ul 												{ padding:0; margin:0; }
#container-b ul li 												{list-style:none; position:relative; display:block; width:378px;  padding:14px 40px 0 40px; margin:0 10px 20px 0; z-index:1; float:left; }
#container-b ul li h2 											{ color:#f9e675; margin:0 0 0 0; font-size:2.3em; font-weight:normal; z-index:2; }
#container-b ul li.css h2 										{ background:url('../grfx/css.png') no-repeat 0 0; display:block; width:252px; height:37px; text-indent:-999em; }
#container-b ul li.creative h2 									{ background:url('../grfx/creative.png') no-repeat 0 0; display:block; width:252px; height:37px; text-indent:-999em; }
#container-b ul li.multimedia h2 								{ background:url('../grfx/multimedia.png') no-repeat 0 0; display:block; width:300px; height:37px; text-indent:-999em; }
#container-b ul li.developer h2 								{ background:url('../grfx/asp.png') no-repeat 0 0; display:block; width:276px; height:37px; text-indent:-999em; }
#container-b ul li h2 span.smaller 								{ font-size:0.7em; }
#container-b ul li a 											{ background:url('../grfx/pdf.png') no-repeat top left; position:absolute; top:17px; right:38px; text-indent:-9999px; display:block; width:24px; height:25px; z-index:999; cursor:pointer; }
#container-b ul li p 											{ font-size:1.3em; width:auto; color:#ececd7; margin-top:2px; font-weight:normal; }

/* ------------------------------------------------------------------- */
/* FOOTER */
/* ------------------------------------------------------------------- */
#footer 														{ width:100%; margin-top:-20px; display:block; height:230px; padding:50px 0 0 0; color:#aead9e; font-size:1em; font-weight:bold; }

#copyright-wrapper												{ padding:0 0 20px 50px; display:block; }

#company-address-wrapper										{ padding:0 0 20px 50px;}
#company-address-wrapper p										{ color:#aead9e; font-size:1em;}
#company-address-wrapper span.business							{ font-size:1.6em; font-weight:normal; }

#contact-details-wrapper 										{ padding:0 0 0 50px; }
#contact-details-wrapper span.tel 								{ font-size:2.6em; display:block; color:#aead9e;}
#contact-details-wrapper span.email a 							{ font-size:2em; color:#aead9e; font-weight:normal;}