/*
	Default styling for any site
	These styles can be overridden by a subscribers custom stylesheets /site.css or by the sysfinal.css
*/

html{color:#000;background:#FFF}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,select,p,blockquote,th,td{margin:0;padding:0}
body {font-size: 100%; line-height: 1;}
article, aside, figcaption, figure, footer, header, hgroup, nav, section {display: block;}
ul, ol {margin: 1em 0; padding-left: 40px;}
p {margin: 1em 0;}
a img {border: none;}
/* table {	border-collapse: collapse;	border-spacing: 0;	}	*/
blockquote, q {	quotes: none; }
blockquote:before, blockquote:after, q:before, q:after {	content: '';	content: none;	}
sup, sub {line-height: 0;}
/* END Reset Styles */


/*		Some simple transformations		*/
.alignleft { float: left; }
.alignright { float: right; }
.aligncenter, .centered { margin-left: auto; margin-right: auto; }

.textleft { text-align: left; }
.textright { text-align: right; }
.clear { clear: both; }
.hidden { display: none; }

strong { font-weight: bold; }

.fontSize1 { font-size: xx-small; }
.fontSize2 { font-size: x-small; }
.fontSize3 { font-size: small; }
.fontSize4 { font-size: medium; }
.fontSize5 { font-size: large; }
.fontSize6 { font-size: x-large; }
.fontSize7 { font-size: xx-large; }

h1 {font-size:200%;}
h2 {font-size:170%;}
h3 {font-size:150%;}
h4 {font-size:130%;}
h5 {font-size:110%;}
h6 {font-size:100%;}


.imax-text-right	{	text-align: right;	}
.imax-text-left	{	text-align: left;	}

/* .imax-std-hdr {	}	*/


.rnd{ /* All */
    -moz-border-radius: 5px; /* FF1+ */
    -webkit-border-radius: 5px; /* Safari3+, Chrome */
    border-radius: 5px; /* Opera 10.5, IE 9 */
}
.rndt{ /* Top-Left, Top-Right Rounded */
    -moz-border-radius: 5px 5px 0 0;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    border-radius: 5px 5px 0 0;
}
.rndb{ /* Bottom-Left, Bottom-Right Rounded */
    -moz-border-radius: 0 0 5px 5px;
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    border-radius: 0 0 5px 5px;
}
.nornd{ /* Remove Rounded Corners */
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0
}


/*  Basic structural */
#imax-site-header	{ text-align:center;}
#imax-site-footer	{ text-align:center;}
#imax-main-content { width: 100%; }

/*.imax-sitepage-container { width: 100%; } */
/*	text-align: left	*/

/*
.imax-sidebar-left
{
	min-height: 100%;
	height: 100%
	float: left;
}
*/
.imax-cell-container { padding: 0px; }

.border0 { border: 0px; }
.border1 { border: 1px gray solid; border-spacing: 2px; }
.border2 { border: 2px gray solid; border-spacing: 2px; }
/* border-spacing: 2px; */
	
/* #imax-site-header.imax-cell-container	{	padding: 0px; }	*/
/*	following are for interim use until the above saturates pages */
#imax-cell-1-content { padding: 4px; }
#imax-cell-2-content { padding: 4px; }
#imax-cell-3-content { padding: 4px; }
#imax-cell-4-content { padding: 4px; }
#imax-cell-5-content { padding: 4px; }
#imax-cell-6-content { padding: 4px; }
#imax-cell-7-content { padding: 4px; }
#imax-cell-8-content { padding: 4px; }
#imax-cell-9-content { padding: 4px; }
#imax-cell-10-content { padding: 4px; }
#imax-cell-11-content { padding: 4px; }
#imax-cell-12-content { padding: 4px; }
#imax-cell-13-content { padding: 4px; }
#imax-cell-14-content { padding: 4px; }


/*
Width:100%

Set your containing element to width:100%; so then your centered div inside of that one will actually center. Like this;

#container {width:100%;}
#centered {width:400px; margin:0 auto;}
Text-Align:Center

If you apply text-align:center to the containing div IE8 will obey the margin:auto. You then have to un-center your text content inside that centered div with text-align:left. Kind of convoluted, I know. Apparently some web designer have been doing it like that for years as this was an issue with IE5.

#container {text-align:center;}
#centered {width:400px; margin:0 auto;text-align:left;}
*/