/* ------------------------------------------------------------------- */

/* FIXES */

/* ------------------------------------------------------------------- */

.clearfix:after { 
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden; }

.clearfix { display: inline-table; }

/* 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; }

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.25em; 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; }

hr { border:none 0; border-top: 1px dotted #cccccc; margin:10px 0px 10px 0px; width: 555px; height: 1px ;}


p { font-size:1.1em; line-height:1.5em; margin-left:0px; }

table, th, td, tr, label { margin:0; padding:0; }


a:visited,
a { color:#ffffff; text-decoration:none; }

a:hover { text-decoration:underline; }


/* ------------------------------------------------------------------- */

/* GLOBAL */

/* ------------------------------------------------------------------- */

body { font-family:Arial, Helvetica, Sans-serif; background-color:#CCCCCC; background:#000000 url('../grfx/main/bg-2.jpg') repeat 0 25px; height:100%; background-attachment: fixed; margin:0; padding:0; }

#Page-End { background: url('../grfx/main/bg.png') repeat-y 0 0; position:fixed; top:0; left:0; width:100%; height:100%; z-index:-100; }

img { border: 0; }

#Website-Logo { background: url('../grfx/main/studio-caparo-logo.gif') no-repeat 0 0; text-indent:-9999px; margin:67px 0 0 10px; }
#Website-Logo a { display:block; width:205px; height:35px; }

#SiteTools-Container { display:none; }


/* ------------------------------------------------------------------- */ 

/* LAYOUT */

/* ------------------------------------------------------------------- */


#Site-Wrapper { text-align:left;  height:100%; margin:0; padding:0; width:100%; }
/*#Body-Wrapper { position:relative; min-height:830px; overflow:auto; } */

html, body {
height: 100%; 
}

/*#Body-Wrapper { width:100%; height:100%; overflow:auto; position:absolute; top:0; left:0; z-index:1000;  }*/

#Global-Tel-No-Container { display:none; } 

#Header-Wrapper { font-size: 1.1em; width:225px; height:100%; margin:0; padding:0; position:fixed; top:0; left:0; background:#000000 url('../grfx/main/header-bg.gif') repeat-x 0 25px; z-index:0; }

#newsletter-window { position:fixed; z-index:1; top:530px; left:12px; color:#FFFFFF; }
#newsletter-window h2.newsletter-window { background: url('../grfx/main/studio-news.gif'); display:block; text-indent:-9999px; width:85px; height:11px; margin-bottom:5px; margin-left:1px; }
#newsletter-window #Subscribe-Form { position:relative; width:201px; }
#newsletter-window #Subscribe-Form input.Sub_EmailAddress { width:180px; border:1px solid #666666; background-color:#000000; color:#FFFFFF; padding:2px; }
#newsletter-window #Subscribe-Form input.button { position:absolute; top:1px; right:0; }

#Layout1-Wrapper {  }
#Layout1-ColA-Wrapper { background: url('../grfx/main/alpha.png') repeat; height:100%; width:225px; position:fixed; top:0; left:225px; }
#Layout1-ColB-Wrapper { background-color:#FFFFFF; width:450px; margin:0 0 0 550px; padding:0; position:relative; }


span.pollcopy2 { display:none; }

/* ------------------------------------------------------------------- */

/* FOOTER */

/* ------------------------------------------------------------------- */

#Footer-Navigation-Container { position:fixed; top:610px; left:0; z-index:2; padding:70px 0 12px 12px; color:#666666; background-color:#000000; width:213px; background-color:#000000; }

#Footer-Business-Logo { position:relative; width:201px; padding-top:28px; }
#Footer-Business-Logo a { padding:0px 0 0px 0; display:block; background: url('../grfx/main/header-link.gif') no-repeat right 5px; color:#666666;  }
#Footer-Business-Logo a:hover { text-decoration:none; background-position:right -90px; color:#ffffff; }

#Footer-Contact-Details-Wrapper { position:absolute; top:0px; left:0; margin-left:12px; border-bottom:1px solid #676767; width:201px;  }
#Footer-Contact-Details-Wrapper span { display:block; }
#Footer-Contact-Details-Wrapper span a { color:#666666; }
#Footer-Contact-Details-Wrapper span a:hover { text-decoration:none; color:#fff; }

#Footer-Links ul { list-style:none; margin:0; padding:3px 0px 8px 0px; width:201px; border-bottom:1px solid #676767; }
#Footer-Links ul li { list-style:none; margin:0; padding:0; }
#Footer-Links ul li a { padding:0px 0 0px 0; display:block; background: url('../grfx/main/header-link.gif') no-repeat right 5px; color:#666666; }
#Footer-Links ul li a:hover,
#Footer-Links ul li a.active { text-decoration:none; background-position:right -90px; color:#ffffff; }

#Footer-Copyright-Wrapper { position:absolute; top:70px; left:12px; width:213px; font-size:.9em; }

#Footer-Author a { width:102px; margin-left:99px; height:15px; display:block; background: url('../grfx/main/media52.gif') no-repeat top left; text-indent:-9999px; }
#Footer-Author a:hover { background-position: bottom left; }




/* ------------------------------------------------------------------- */
/* NEW STYLE */
/* ------------------------------------------------------------------- */
#Footer-Navigation-Container,
#newsletter-window,
#Layout1-ColA-Wrapper,
#Header-Wrapper { position:absolute !important; }

#Layout1-ColA-Wrapper { background:none !important; }

#newsletter-window { margin-left:-225px !important; }
#Layout1-ColB-Wrapper { margin-left:510px; }
