/*  
Site Name: Commarc Corporate Site
Site URI: ---
Description: ---
Version: 1.0

UPDATE INFO ---------------------------------------

Revision number: 1.0
Last updated: 
Last update made by: 

*/

/* *01: Reset -----------------------------------------------------------------------------------------------------------------*/

body {color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
img{display:block;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:"'";}
abbr,acronym {border:0;font-variant:normal;}
sup,sub {line-height:-1px;vertical-align: text-top;}
sub {vertical-align:text-bottom;}
input, textarea, select{font-family:inherit;font-size:inherit;font-weight:inherit;}

/* *02: Util Classes ----------------------------------------------------------------------------------------------------------*/

.center 					{ text-align: center; }
.right 						{ text-align: right !important; }
.left 						{ text-align: left !important; }
.small 						{ font-size: 9px !important;}
#ie6 .small, #ie7 .small	{ font-size: 10px !important;}
.float-right 				{ float: right; }
.float-left 				{ float: left;}
.clear 						{ clear: both; }
.uppercase 					{ text-transform: uppercase; }
.nowrap 					{ white-space: nowrap; }
.offscreen					{ position: absolute; left: -9999px; top: -9999px; }
.hidden						{ display: none; }
.self-clear 				{ zoom: 1; }
.self-clear:after 			{ content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.no-right-margin			{ margin-right: 0 !important; }
.no-left-margin				{ margin-left: 0 !important; }
.no-top-margin				{ margin-top: 0 !important; }
.no-bottom-margin			{ margin-bottom: 0 !important; }
.hot						{ cursor:pointer; }

/* *02a: Phrase Elements -------------------- */
strong, .bold 				{ font-weight: bold !important; /*letter-spacing:1px;*/ }
em, .italic					{ font-style: italic; }
code						{ font-family: Courier, serif; color: #999; font-size: 0.5em; }
cite						{ font-style: italic; }
abbr, acronym				{ border-bottom: 1px dotted; cursor: help; }
q							{ color: #fff; }
blockquote					{ color: #fff; font-size: 1.1em; margin: 0 0 0.5em 0; }

/* *03: Default Styles --------------------------------------------------------------------------------------------------------*/

body {
	font: 62.5%/1.6 Arial, Helvetica, sans-serif; /* set font size to 10px (a nice round number) - 1.4 line height */
	background: #fff;
	color: #656669;
	height: 100%;
}

html {
	height: 100%;
}

img { behavior: url(/scripts/iepngfix.htc) }

h1, h2, h3, h4, h5, h6 { font-family: Arial, Helvetica, sans-serif; letter-spacing: 0px; margin-bottom: 0; color: #333; font-weight: bold; text-transform: uppercase; }

h1 { font-size: 2.4em; margin: 0 0 0 0; }
h2 			{ font-size: 1.8em; margin: 0 0 0 0; font-weight: normal; padding-top: 105px; }
h2.first 	{ padding-top: 70px; }
h3 { font-size: 1.4em; margin: 25px 0 0 0; font-weight: normal; color: #4d8f75; }

p { font-size: 1.3em; line-height: 1.2em; margin: 25px 0 0 0; }

a { color: #8db7a7; }

a:hover, a:active { color: #1f433c; }

ul li {
	list-style-type: none;
}

ol li {
	list-style-type: decimal;
}

blockquote {
	font-size: 1.8em;
	font-style: italic;
}

.quote-src {
	text-align: right;
}

/* *04: Structure -------------------------------------------------------------------------------------------------------------*/
/*    : NOTE: only structural css here - widths, heights, floats, margins etc. any styling code to go in '05: Common Containers & Subclasses' */

#header {
	height: 35px;
	background: url(/images/interface/bg-header.gif) repeat-x;
	position: fixed;
	width: 100%;
}
#ie6 #header, #ie7 #header { position: relative; }

#main-nav {
	width: 900px; margin: auto auto;
}
#main-nav li { 
	float: left;
	padding-top: 6px;
}
#main-nav li a {
	font-size: 1.4em; color: #fff; font-weight: bold; text-transform: uppercase; text-decoration: none;
	margin-right: 40px;
}
#main-nav li a:hover { color: #8db7a7; }

#content {
	width: 900px; margin: auto auto;
	padding-top: 35px;
}
#ie6 #content, #ie7 #content  { padding: 0; position: relative; }

#info {
	padding-top: 25px;
	position: fixed;
	margin-left: -28px;
}
#ie6 #info, #ie7 #info { position: absolute; top: 0; left: 0; margin: 0; }

#logo {
	width: 223px; height: 86px;
	text-indent: -9999px; overflow: hidden;
	background: url(/images/interface/bg-logo.gif) no-repeat;
	margin-bottom: 50px;
}

#info p {
	padding-left: 28px;
}

#page {
	width: 500px;
	margin: 0 0 0 400px;
	padding-bottom: 150px;
}

#master, #ie7, #ie6 { height: 100%; }