/*
	Core CSS Document [Website Architecture and basic style/resets]
	Author: Echidna Solutions Corp - support@echidna.ca
*/

@media screen, projection{
/*RESET STYLES*/
body,div, dl,dt,dd,ul,li,h1,h2,h3,h4,h5,h6,pre,p,th,td{margin:0;padding:0; line-height:1.4em;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
ol,ul{list-style:none;}
address,caption,cite,code,dfn,th,var{font-style: normal; font-weight:normal;}
table{border-collapse:collapse; border-spacing:0;}
fieldset,img{border:0;}
caption,th{text-align:left;}
label,form,input,select,fieldset{margin:0; padding:0;}

*{margin:0; padding:0;}
/*
	=site structure
*******************************/
body{margin:0; background-color:#9fa2b2;}

#container_bg_top{height:29px; width:100%; background:#9fa2b2 url(../images/bg_border_top.jpg) repeat-x top left; }
#container{background:#fff url(../images/bg_border_left_2.jpg) repeat-y top left;}

#header{height:128px; voice-family: "\"}\""; voice-family: inherit; height:127px; position:relative; z-index:1;}
html>body #header{height:127px;}

#content{background-color:#fff;}

#content_right{float:right;width:200px;margin-left:10px;}

#content_visual{position:absolute; left:0px; top:156px; width:238px; height:534px; background:#fff url(../images/left_boomarm.jpg) no-repeat top left;}

#content_main{
min-height:515px;
margin-left: 236px; 
margin-right:214px;
/*Tantek Celik hack*/
voice-family: "\"}\"";
voice-family: inherit;
margin-left: 238px;
margin-right:216px;
}

html>body #content_main {margin-left:238px; margin-right:215px;}
		
/*#navigation_secondary{} - see navigation structure*/

#site_info{margin-left:38px; height:100px;voice-family: "\"}\"";voice-family: inherit; height:99px;}
html>body #site_info{height:99px;}

/*
	=navigation structure
*******************************/
#navigation_primary{}
#navigation_secondary{position:absolute; right:0px; top:156px; width:215px;}

/*
	=components
*******************************/
#skip{position:absolute; text-indent:-9999px; overflow:hidden;}

/*
	=fixes
*******************************/
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


}
@media print {

	html { font: 100%/1.5 Tahoma,arial, serif; }
/*	#header, #main_navigation, #footer {display:none;}*//*hide divs here*/
    /*#body{ margin-top:5px;line-height:1.5em; }*/
    /*#content{  background:none; }*/
}

@media handheld {}