* {
    margin: 0;
    padding: 0;
}

html, body,{
    height:100%;
    width:100%;
}

a:link {color:#333333; text-decoration:none;}    /* unvisited link */
a:visited {color:#333333; text-decoration:none;} /* visited link */
a:hover {color:#cc0000; text-decoration:none;} 

#scrollable { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 2; }

#cont {
    position:relative;
    top:0;left:0;
    z-index:70;
    overflow:hidden;
}

.box {
	position:relative;
	margin:auto;
	width:928px;
	height:940px;
	border:none;
	margin-top:0px;
	background: url(http://www.stircreativegroup.com/CLIENTS/HMI/HMI_web/images/bkg.jpg) left 0px;
	background-repeat:repeat;
}

.box_2 {
	position:relative;
	margin:auto;
	width:928px;
	height:1250px;
	border:none;
	margin-top:0px;
	margin-bottom:0px;
	background: url(http://www.stircreativegroup.com/CLIENTS/HMI/HMI_web/images/bkg.jpg) left 0px;
	background-repeat:repeat;
}

.box_3 {
	position:relative;
	margin:auto;
	width:928px;
	height:1050px;
	border:none;
	margin-top:0px;
	margin-bottom:0px;
	background: url(http://www.stircreativegroup.com/CLIENTS/HMI/HMI_web/images/bkg.jpg) left 0px;
	background-repeat:repeat; 0;

}

.box_core {
	position:relative;
	margin:auto;
	width:928px;
	height:1200px;
	border:none;
	margin-top:0px;
	margin-bottom:0px;
	background: url(http://www.stircreativegroup.com/CLIENTS/HMI/HMI_web/images/bkg.jpg) left 0px;
	background-repeat:repeat;
}

.box_global {
	position:relative;
	margin:auto;
	width:928px;
	height:1760px;	
	border:none;
	margin-top:0px;
	margin-bottom:0px;
	background: url(http://www.stircreativegroup.com/CLIENTS/HMI/HMI_web/images/bkg.jpg) left 0px;
	background-repeat:repeat;
}

.box_how {
	position:relative;
	margin:auto;
	width:928px;
	height:1280px;
	border:none;
	margin-top:0px;
	margin-bottom:0px;
	background: url(http://www.stircreativegroup.com/CLIENTS/HMI/HMI_web/images/bkg.jpg) left 0px;
	background-repeat:repeat;
}

.box_about {
	position:relative;
	margin:auto;
	width:928px;
	height:2530px;
	border:none;
	margin-top:0px;
	margin-bottom:0px;
	background: url(http://www.stircreativegroup.com/CLIENTS/HMI/HMI_web/images/bkg.jpg) left 0px;
	background-repeat:repeat;
}

.box_brands {
	position:relative;
	margin:auto;
	width:928px;
	height:2540px;
	border:none;
	margin-top:0px;
	margin-bottom:0px;
	background: url(http://www.stircreativegroup.com/CLIENTS/HMI/HMI_web/images/bkg.jpg) left 0px;
	background-repeat:repeat;
}

.box_what {
	position:relative;
	margin:auto;
	width:928px;
	height:1090px;
	border:none;
	margin-top:0px;
	margin-bottom:0px;
	background: url(http://www.stircreativegroup.com/CLIENTS/HMI/HMI_web/images/bkg.jpg) left 0px;
	background-repeat:repeat;
}

.box_press {
	position:relative;
	margin:auto;
	width:928px;
	height:1550px;
	border:none;
	margin-top:0px;
	margin-bottom:0px;
	background: url(http://www.stircreativegroup.com/CLIENTS/HMI/HMI_web/images/bkg.jpg) left 0px;
	background-repeat:repeat;
}

#header {
position:absolute;
height: 928px;
width: 170px;
}

#header_nav {
position:absolute;
width: 202px;
top:28px;
left:700px;
}

#top_nav {
position:absolute;
width: 928px;
top:170px;
}

#side_nav {
position:absolute;
width: 178px;
top:205px;
left:2px;
}

.gcol {
	float: left;

}

#main_image {
position:absolute;
width: 719px;
height: 577px;
left:193px;
top:204px;
}

#main_title {
	position:absolute;
	width:722px;
	border:none;
	top:650px;
	left:193px;
	font-family:Trebuchet MS, arial,sans-serif;
	font-size:36px;
	margin-top:0px;
	color:#de1c00;
	text-align:center;
}

#main_title_core {
	position:absolute;
	width:722px;
	border:none;
	top:552px;
	left:193px;
	font-family:Trebuchet MS, arial,sans-serif;
	font-size:36px;
	margin-top:0px;
	color:#de1c00;
	text-align:right;
}

#main_title_how {
	position:absolute;
	width:722px;
	border:none;
	top:640px;
	left:193px;
	font-family:Trebuchet MS, arial,sans-serif;
	font-size:36px;
	margin-top:0px;
	color:#de1c00;
	text-align:right;
}

#main_title_home {
	position:absolute;
	width:722px;
	border:none;
	top:630px;
	left:193px;
	font-family:Trebuchet MS, arial,sans-serif;
	font-size:36px;
	margin-top:0px;
	color:#de1c00;
	text-align:center;
}

#how_subtitle{
	position:absolute;
	width:722px;
	border:none;
	top:710px;
	left:193px;
	font-family:Trebuchet MS, arial,sans-serif;
	font-size:20px;
	margin-top:0px;
	color:#333333;
	text-align:center;
}
#chart{
position:absolute;
left:195px;
top:820px;
height:400px;
width:721;
}

ul{
list-style-image: url(http://www.stircreativegroup.com/CLIENTS/HMI/HMI_web/images/bullet.jpg);
list-style-type: disk;
color: #cc0000;
padding:0px;
margin:0px;

}

li {
list-style-type: disk;
font-family:Trebuchet MS, arial,sans-serif;
font-size:10px;
color:#000000;
padding-bottom:6px;
}


#title {
position:absolute;
width: 178px;
top:670px;
left:195px;
}

#home_line {
position:absolute;
width: 178px;
top:607px;
left:195px;
}
#core_line {
position:absolute;
width: 710px;
top:530px;
left:195px;
}

#core_content{
position:absolute;
width: 600px;
top:635px;
left:250px;
	font-family:Trebuchet MS, arial,sans-serif;
	font-size:12px;
	line-height:22px;
	color:#333333;
	text-align:left;
}

#brands_content{
position:absolute;
width: 700px;
left:200px;
top:204px;
	font-family:Trebuchet MS, arial,sans-serif;
	font-size:12px;
	line-height:22px;
	color:#333333;
	text-align:left;
}

#pulaski_animation {
	position:absolute;
	left:376px;
	top:204px;
}

#slf_animation {
	position:absolute;
	left:377px;
	top:674px;
}

#slh_animation {
	position:absolute;
	left:377px;
	top:1099px;
}

#creations_animation {
	position:absolute;
	left:377px;
	top:1637px;
}

#pri_animation {
	position:absolute;
	left:377px;
	top:2169px;
}



.slideshow_brands img 
{ padding: 0px;
border: 0px;
}

#pulaski_content{
	position:absolute;
	width: 700px;
	left:0px;
	top:0px;
	font-family:Trebuchet MS, arial,sans-serif;
	font-size:12px;
	line-height:22px;
	color:#333333;
	text-align:left;
}

#slf_content{
	position:absolute;
	width: 700px;
	left:0px;
	top:470px;
	font-family:Trebuchet MS, arial,sans-serif;
	font-size:12px;
	line-height:22px;
	color:#333333;
	text-align:left;
}

#slh_content{
	position:absolute;
	width: 700px;
	left:0px;
	top:895px;
	font-family:Trebuchet MS, arial,sans-serif;
	font-size:12px;
	line-height:22px;
	color:#333333;
	text-align:left;
}

#creations_content{
	position:absolute;
	width: 700px;
	left:0px;
	top:1433px;
	font-family:Trebuchet MS, arial,sans-serif;
	font-size:12px;
	line-height:22px;
	color:#333333;
	text-align:left;
}

#pri_content{
	position:absolute;
	width: 700px;
	left:0px;
	top:1965px;
	font-family:Trebuchet MS, arial,sans-serif;
	font-size:12px;
	line-height:22px;
	color:#333333;
	text-align:left;
}

#global_content{
position:absolute;
width: 600px;
top:650px;
left:250px;
	font-family:Trebuchet MS, arial,sans-serif;
	font-size:12px;
	line-height:22px;
	color:#333333;
	text-align:left;
}

#aboutus_content{
position:absolute;
width: 600px;
top:720px;
left:250px;
	font-family:Trebuchet MS, arial,sans-serif;
	font-size:12px;
	line-height:22px;
	color:#333333;
	text-align:left;
}

#policy_content{
position:absolute;
width: 600px;
left:200px;
	font-family:Trebuchet MS, arial,sans-serif;
	font-size:12px;
	line-height:22px;
	color:#333333;
	text-align:left;
}
#aboutus_sub_content{
position:absolute;
width: 600px;
top:1650px;
left:280px;
	font-family:Trebuchet MS, arial,sans-serif;
	font-size:12px;
	line-height:22px;
	color:#333333;
	text-align:left;
}

#what_content{
position:absolute;
width: 700px;
height: 577px;
left:200px;
top:204px;
	font-family:Trebuchet MS, arial,sans-serif;
	font-size:12px;
	line-height:22px;
	color:#333333;
	text-align:left;
}

#press_content{
position:absolute;
width: 700px;
height: 577px;
left:283px;
top:732px;
	font-family:Trebuchet MS, arial,sans-serif;
	font-size:12px;
	line-height:22px;
	color:#333333;
	text-align:left;
}

#press_dates{
position:absolute;
width: 50px;
height: 577px;
left:189px;
top:204px;
	font-family:Trebuchet MS, arial,sans-serif;
	font-size:12px;
	line-height:22px;
	color:#333333;
	text-align:right;
}
a.innerborder, a.innerborder img {
float: left;
overflow:hidden;
}
a.innerborder:hover {
border:1px solid #000;
}
a.innerborder:hover img {
margin: -1px;
}
#text{
	position:absolute;
	width:710px;
	border:none;
	left:200px;
	top:707px;
	font-family:Trebuchet MS, arial,sans-serif;
	font-size:13px;
	margin-top:0px;
	line-height:21px;
	color:#333333;
	text-align:left;
	
}

#text_about{
	position:absolute;
	width:710px;
	border:none;
	left:200px;
	top:727px;
	font-family:Trebuchet MS, arial,sans-serif;
	font-size:12px;
	margin-top:0px;
	line-height:22px;
	color:#333333;
	text-align:left;
	
}
#line{
	position:absolute;
	width:163px;
	height:150px;
	border:none;
	left:387px;
	top:415px;
}

* {
margin: 0;
}


.wrapper {
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -4em;
}

.footer{
width:928px;
height:140px;
padding:20px 0 20px 0;
}

.footer a {
	color: #fff;
	border: 0;
	text-decoration:none;
}
.footer p {
	position: absolute;
	left: 0;
	bottom: 4px;
	width: 100%;
	padding: 0;
	color: #ffffff;
	font-family: Trebuchet MS, arial,sans-serif;
	font-size:10px;
}

/* menu::base */

.slideshow {
height: 460px;
width: 739px;
left:179px;
top:204px;
}

#CustomSlideshow_static {
position: absolute;
height: 460px;
width: 739px;
left:179px;
top:206px;
}
 /*contact form*/

#contact_text{
	position:absolute;
	width:710px;
	border:none;
	left:200px;
	top:727px;
	font-family:Trebuchet MS, arial,sans-serif;
	font-size:12px;
	margin-top:0px;
	line-height:22px;
	color:#333333;
	text-align:left;
	
}

#contact_china_text{
	position:absolute;
	width:710px;
	border:none;
	left:450px;
	top:727px;
	font-family:Trebuchet MS, arial,sans-serif;
	font-size:12px;
	margin-top:0px;
	line-height:22px;
	color:#333333;
	text-align:left;
	
}			
#formzo{
	position:absolute;
	width:220px;
	height:200px;
	border:none;
	left:210px;
	top:760px;
	font-family:Trebuchet MS, serif;
	font-size:13px;
	margin-top:0px;
	line-height:16px;
	color:#333333;
	text-align:right;
}
#formzo2{
	position:absolute;
	width:290px;
	height:200px;
	border:none;
	left:360px;
	top:760px;
	font-family:Trebuchet MS, serif;
	font-size:13px;
	margin-top:0px;
	line-height:16px;
	color:#333333;
	text-align:right;
}


table.formcontainer td { background-color: #1db6db; padding: 5px; vertical-align: top; }
table.formcontainer td input, 
table.formcontainer td select,
table.formcontainer.width td textarea { width: 100%; font-weight: normal; background-color: #1db6db; margin-top: 2px; text-align:right;}
table.formcontainer.width td input{
	width:227px;
	border: solid 1px #999;
	padding: 2px;
	background: #f3f3f3;
	outline:none medium;
	margin-right:100%;
}

table.formcontainer.width td input:focus{
background: white;
}


table.formcontainer.width td textarea {
	width:230px;
	height: 500px;
	border: solid 1px #999;
	background: #f3f3f3;
	outline: none medium;
}

table.formcontainer.width td textarea:focus{
background: white;
}

table.formcontainer .graySelect {
	background: #f5f5f5;
	width: 174px;
	margin: 2px 0 0 0;
	padding: 2px;
	border-color: #999;
	font-size: 11px;
	vertical-align: middle;
}

table.formcontainer.width td input.btn_submit {
	width:77px;
	height:500px;
	color: #f3f3f3;
	font-weight:bold;
	padding:2px 5px;
	background:#f3f3f3 url(../img/bkg_submit.png) no-repeat left top;
	cursor:pointer;
	border:none;
}

.textarea {
	border: solid 1px #8595b2;
	background-color: #fff;
	font: 11px/14px "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #5a698b;
	margin: 4px 0 5px 8px;
	margin-right:100%;
}
 /*end contact form*/


/* Lightbox*/
#lightbox {
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}

#lightbox a img { border: none; }

#outerImageContainer {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}

#imageContainer { padding: 10px; }
#imageContainer img {
	border: #CCCCCC 1px solid;
}


#loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}

#hoverNav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}

#imageContainer>#hoverNav { left: 0; }
#hoverNav a { outline: none; }

#prevLink, #nextLink {
	width: 49%;
	height: 100%;
	background: transparent url(../img/lbx_blank.gif) no-repeat;
	/* Trick IE into showing hover */
	display: block;
}

#prevLink {
	left: 0;
	float: left;
}

#nextLink {
	right: 0;
	float: right;
}

#prevLink:hover, #prevLink:visited:hover { background: url(../img/lbx_prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../img/lbx_nextlabel.gif) right 15% no-repeat; }

#imageDataContainer {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
}

#imageData {
	padding: 0 10px;
	color: #666;
}

#imageData #imageDetails {
	width: 70%;
	float: left;
	text-align: left;
}

#imageData #caption { font-weight: bold; }

#imageData #numberDisplay {
	display: block;
	clear: left;
	padding-bottom: 1.0em;
	padding-bottom:1.0em;
	margin-top:.5em;
	padding-top:.5em;
	border-top:1px solid #ccc;
	font-weight:900;
	color:#333333;
	font-family:Trebuchet MS, arial,sans-serif;
}

#imageData #printLink {
	width: 66px;
	/*
	margin-top: 5px;
	clear:right;
	*/
	float: right;
	padding-bottom: 0.7em;
}

#imageData #bottomNavClose {
	margin-top: 0px;
	width: 66px;
	float: right;
	clear:right;
	padding-bottom: 0.7em;
}


#overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #2e383a;
}