/* *****************************************************************************
giantech.css
Page grid and general layout styles

Extremely non-liquid. Less fussing over Trident bugs, but much more limiting. 
Unfortunately, no plans to change; absolute boxes per art direction.

Note:
Giantech red std  = #c72133
Giantech red dark = #871623

originator  = Wilson Wu (Sept 2007)
last modify = Wayne Chang (Nov 2007)
***************************************************************************** */
html {
	height:				100%;
	min-height:			100%;
	margin:				0;
	padding:			0;
}

body {
	height:				100%;
	margin:				0;
	padding:			0;
	background:			#dfe0e2 url(../_media/bkgnd_giantech.jpg) no-repeat;
	font-size:			9pt;
	font-family:		DIN, "Trebuchet MS", Helvetica, Arial, sans-serif;
	line-height:		12pt;
	color:				#8c8c8c;
}

a, a:visited {
	color:				#8c8c8c;
	text-decoration:	none;
	font-weight:		bold;
	background:			none;
}

a:hover {
	color:				#c72133;
	font-weight:		bold;
}

a:active {
	color:				#871623;
	font-weight:		bold;
	background:			none;
}

a.item_nav_ter_hot {
	color:				#555;
	text-decoration:	none;
	font-weight:		bold;
	background:			none;
}

a.item_nav_ter_hot:hover {
	color:				#c72133;
	font-weight:		bold;
}

a.item_nav_ter_hot:active {
	color:				#871623;
	font-weight:		bold;
	background:			none;
}

a.white:hover {
	color:				#fff;
	font-weight:		bold;
}

a.inherit {
	font-size:			inherit;
	font-weight:		inherit;
	line-height:		inherit;
	color:				inherit;
}

a.inherit:hover {
	color:				#c72133;
}

a.inherit:active {
	color:				#871623;
}

h1 {
	margin:				0;
	font-size:			18pt;
	font-weight:		normal;
	line-height:		12pt;
	color:				#222;
}

h2, h2.sqft {
	margin:				0;
	font-size:			10pt;
	font-weight:		normal;
	line-height:		18pt;
	color:				#222;
}

h2.sqft {
	line-height:		10pt;
}

h3 {
	margin-top:			0;
	font-size:			100%;
	font-weight:		bold;
	color:				#666;
}

img {
	border:				1px;
}

div {
	position:			absolute;
}


/* *****************************************************************************
Upper box
***************************************************************************** */
div.subsec_logo {
	z-index:			666;
	left:				0;
	width:				260px;
	height:				45px;
	padding:			315px 0 0 30px;
}

div.subsec_image {
	left:				290px;
	width:				520px;
	height:				360px;
}

div.subsec_image img {
	position:			absolute;
	top:				0;
}

img#hero_incoming, 
img#hero_current {
	position:			absolute;
	top:				0;
	left:				0;
}

img#hero_incoming {
	z-index:			101;
}

img#hero_current {
	z-index:			80;
	display:none;
}


div.subsec_image_controls {
	left:				830px;
}

p#go_slideshow {
	margin-top:			1em;
	margin-bottom:		0;
}

p#go_indiv_img {
	margin-top:			0.5em;
}


/* *****************************************************************************
Lower box
***************************************************************************** */
div.subsec_placename {
	position:			relative;
	float:				left;
	height:				70px;

	text-align:			left;
}

div.subsec_content {
	top:				390px;
	left:				290px;
	width:				520px;
	height:				70px;

	text-align:			right;
}

div.subsec_nav_sec {
	top:				470px;
	left:				290px;
	width:				520px;
}

div.rightsnotice {
	top:				610px;
	left:				290px;
	width:				520px;
	font-size:			8pt;
	color:				#666;
}


/* *****************************************************************************
Secondary nav, features
***************************************************************************** */
div.features_item_nav_sec, 
div.features_item_nav_sec_active {
	position:			relative;
	float:				left;
	width:				126px;
	height:				86px;

	overflow:			hidden;
	border:				2px solid #fff;
}

div.features_item_nav_sec_active {
	border:				2px solid #c72133;
}


/* *****************************************************************************
Secondary nav, projects
***************************************************************************** */
div.projects_item_nav_sec, 
div.projects_item_nav_sec_active {
	position:			relative;
	float:				left;
	width:				61px;
	height:				86px;

	overflow:			hidden;
	border:				2px solid #fff;
}

div.projects_item_nav_sec_active {
	border:				2px solid #c72133;
}


/* *****************************************************************************
Horizontal rule
***************************************************************************** */
div.horz_rule {
	position:			relative;
	top:				460px;
	margin-top:			-0.5em;
	padding-left:		290px;
}

hr {
	border:				none;
	height:				1px;
	background-color:	#c72133;
}


/* *****************************************************************************
Primary nav menu
***************************************************************************** */
div.subsec_nav_pri {
	width:				290px;
	height:				100%;
	top:				0;

	overflow:			hidden;
}

div.subsec_nav_pri_spacer {
	position:			relative;
	height:				390px;
}

div.subsec_nav_pri_menu {
	position:			relative;
	float:				left;
	clear:				both;
	height:				100%;

	background:			url(../_media/nav_pri_cool.png) repeat-y;
}

div.item_nav_pri {
	position:			relative;
	float:				left;
	padding-top:		5px;
	padding-left:		30px;
	width:				260px;
	height:				1.5em;

	background:			url(../_media/nav_pri_cool.png) repeat-y;
}