.wrapper {
	height: 585px;
	width: 745px;
	position: relative;
	margin: 0px auto;	
}


body{
padding-top:5px;
background: #FFF;
background-image:url(../images/stm-bg.jpg);
background-repeat:no-repeat;
font: 76% Arial,sans-serif;
text-align:center
}
 
 
  
h1{
margin-top: 25px;
margin-left: 20px;
margin-right: 20px;
text-align:left;
color: #2D3569;
line-height: 1.3;
font-size:18px;
}

h2{
margin-top: 15px;
text-align:left;
color: #00B0D8;
font-size:19px;
line-height: 1.3
}

.style1 {color: #00B0D8}

p{
margin:0;
padding:0;
line-height: 1.4
}

a{
color: #2D3569;
text-decoration:none;
}

a:hover{ 
color:#00B0D8; 
text-decoration: underline; }

#logo {
height:105px;
background-image:url(../images/stm-logo.png);
background-repeat:no-repeat;
z-index:1;
}

div#container{
padding-top:70px;
width: 100%;
min-width:300px;
margin:0 auto;
text-align:right;
z-index:2;
}

#intro {
	position:absolute;
	top: 126px;
	left:0px;
	height:250px;
	width: 368px;
	background-image:url(../images/intro-bg.gif);
	background-repeat:no-repeat;
	z-index:3;
}


#about-intro {
	position:absolute;
	text-align:left;
	top: 126px;
	left:0px;
	height:580px;
	width: 745px;
	background-image:url(../images/about-bg2.gif);
	background-repeat:no-repeat;
	z-index:3;
}

#about-content {
	position:absolute;
	text-align:left;
	left:16px;
	height:387px;
	width: 516px;
	z-index:4;
	top: 8px;
}

#aboutimg {
	position:absolute;
	left:534px;
	top:31px;
	width:209px;
	height:210px;
	z-index:9;
}

#contact-intro {
	position:absolute;
	text-align:left;
	top: 126px;
	left:0px;
	height:461px;
	width: 745px;
	background-image:url(../images/contact-bg.gif);
	background-repeat:no-repeat;
	z-index:3;
}

#contact-content {
	position:absolute;
	text-align:left;
	left:16px;
	height:387px;
	width: 386px;
	z-index:4;
	top: 8px;
}

#contactimg {
	position:absolute;
	left:426px;
	top:31px;
	width:305px;
	height:210px;
	z-index:9;
}

#product-text {
	position:absolute;
	text-align:left;
	top: 126px;
	left:0px;
	height:117px;
	width: 745px;
	background-image:url(../images/product-text-bg.gif);
	background-repeat:no-repeat;
	z-index:4;
}

#product-intro {
	position:absolute;
	text-align:left;
	top: 241px;
	left:0px;
	height:541px;
	width: 745px;
	background-image:url(../images/product-bg.gif);
	background-repeat:no-repeat;
	z-index:3;
}

#product-content {
	position:absolute;
	text-align:left;
	left:322px;
	height:522px;
	width: 423px;
	z-index:4;
	top: 6px;
}

#dicksonbox1 {
	position:absolute;
	left:11px;
	top:6px;
	width:200px;
	height:160px;
	z-index:9;
}

#dicksonbox2 {
	position:absolute;
	left:208px;
	top:0px;
	width:200px;
	height:160px;
	z-index:9;
}

#dicksonbox3 {
	position:absolute;
	left:-208px;
	top:170px;
	width:200px;
	height:160px;
	z-index:9;
}

#dicksonbox4 {
	position:absolute;
	left:0px;
	top:171px;
	width:200px;
	height:160px;
	z-index:9;
}

#dicksonbox5 {
	position:absolute;
	left:-207px;
	top:172px;
	width:200px;
	height:160px;
	z-index:9;
}


#prodbox1 {
	position:absolute;
	left:11px;
	top:6px;
	width:150px;
	height:160px;
	z-index:9;
}

#prodbox2 {
	position:absolute;
	left:174px;
	top:6px;
	width:107px;
	height:161px;
	z-index:9;
}

#prodbox3 {
	position:absolute;
	left:122px;
	top:1px;
	width:107px;
	height:161px;
	z-index:9;
}

#prodbox4 {
	position:absolute;
	left:-286px;
	top:169px;
	width:150px;
	height:160px;
	z-index:9;
}

#prodbox5 {
	position:absolute;
	left:164px;
	top:0px;
	width:107px;
	height:161px;
	z-index:9;
}

#prodbox6 {
	position:absolute;
	left:123px;
	top:0px;
	width:107px;
	height:161px;
	z-index:9;
}

#prodbox7 {
	position:absolute;
	left:-286px;
	top:169px;
	width:150px;
	height:160px;
	z-index:9;
}

#prodbox8 {
	position:absolute;
	left:287px;
	top:0px;
	width:107px;
	height:161px;
	z-index:9;
}

#prodbox9 {
	position:absolute;
	left:163px;
	top:0px;
	width:107px;
	height:161px;
	z-index:9;
}

#product-nav {
	position:absolute;
	text-align:center;
	left:3px;
	top:6px;
	width:295px;
	height:435px;
	z-index:9;
}

#navcontainer {
	width: 244px;
	position:absolute;
	left:25px;
	text-align:center;
	top: 58px;
}

#navcontainer ul
{
text-align:center;
margin-left: 0;
padding-left: 0;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
}

#navcontainer a
{
text-align:left;
display: block;
padding-top: 4px;
padding-left: 10px;
width: 234px;
height: 20px;
background-color: #036;
border-bottom: 1px solid #eee;
}

#navcontainer ul #current{
background-color: #00B0D8;
font-weight:bold;
color: #fff;
}

#navcontainer ul #current2{
background-color: #cccccc;
color: #2D3569;
}

#navcontainer a:link, #navlist a:visited
{
color: #EEE;
text-decoration: none;
}

#navcontainer a:hover
{
background-color: #369;
color: #fff;
}

#slideshow {
	position:absolute;
	left:368px;
	top:126px;
	width:377px;
	height:250px;
	z-index:9;
}

#uk-agents {
	position:absolute;
	left:0px;
	top:385px;
	width:745px;
	height:186px;
	background-image:url(../images/ukagents-bg.gif);
	background-repeat:no-repeat;
	z-index:10;
}

#prod1 {
	position:absolute;
	left:11px;
	top:391px;
	width:144px;
	height:161px;
	z-index:12;
}

#prod2 {
	position:absolute;
	left:167px;
	top:392px;
	width:121px;
	height:161px;
	z-index:13;
}

#prod3 {
	position:absolute;
	left:299px;
	top:391px;
	width:121px;
	height:161px;
	z-index:14;
}

#uk-agentscontent2 {
	position:absolute;
	text-align:left;
	left:434px;
	top:396px;
	width:305px;
	height:165px;
	z-index:11;
}





/*main nav style starts here*/

ul#minitabs{list-style: none;margin: 0;padding: 7px 0;
  font-weight: bold;
  text-align: right;white-space: nowrap}
ul#minitabs li{display: inline;margin: 0 4px}
ul#minitabs a{text-decoration: none;padding: 0 0 2px;color: #333}
ul#minitabs a#current{border-color: #25326b;color:#333; border-bottom: 4px solid #25326b;}
ul#minitabs a:hover{border-color: #25326b;color: #333; border-bottom: 4px solid #25326b;}


/*footer style
----------------------------- */


.footer{
	position:relative;
	left:0px;
	height:28px;
	width:745px;
	margin:auto;
	font-size:10px;
	color:#333;
	border-top: 6px solid #25326b;
	
	text-align:left;
	clear:both;
	z-index:8;
}

.footerabout{
	position:relative;
	left:0px;
	top:135px;
	height:28px;
	width:745px;
	margin:auto;
	font-size:10px;
	color:#333;
	border-top: 6px solid #25326b;
	
	text-align:left;
	clear:both;
	z-index:8;
}

.footercontact{
	position:relative;
	left:0px;
	top:-50px;
	height:28px;
	width:745px;
	margin:auto;
	font-size:10px;
	color:#333;
	border-top: 6px solid #25326b;
	
	text-align:left;
	clear:both;
	z-index:8;
}

.footerproduct{
	position:relative;
	left:0px;
	top:295px;
	height:28px;
	width:745px;
	margin:auto;
	font-size:10px;
	color:#333;
	border-top: 6px solid #25326b;
	
	text-align:left;
	clear:both;
	z-index:8;
}

#copyright a{
	color:#333;
}
#copyright a:hover{
	color:#00B0D8;
	text-decoration:none;
}

.footer div{
	height:20px;
}
#copyright{
	text-align:left;
	float:left;
	padding:0px;
	margin-top:0px !important;
	margin-bottom:-8px;
}
#designcredit{
	float:right;
	text-align:right;
	padding:4px;
	margin-bottom:-8px;
}
#designcredit a{
	color:#333;
	text-decoration:none;
}
#designcredit a:hover{
	color:#00B0D8;
	text-decoration:none;
}




/*product style
------------------- */




#strip1 {
position:absolute;
top: 115px;
left:0px;
height:50px;
width: 133px;
background-color:#16244D;
z-index:3;
}

#strip2 {
	position:absolute;
	top: 115px;
	left:133px;
	height:50px;
	width: 647px;
	background:#f27226;
	z-index:4;
}

#strip2 h2 {
	position:absolute;
	text-align:left;
	top: 10px;
	left:0px;
	color:#FFFFFF;
	padding: 0px 0 0px 20px;
	font-size:20px;
	z-index:5;
	width: 500px;
}

#imgcontent {
	position:absolute;
	text-align:left;
	color:#666666;
	top: 180px;
	left:605px;
	width: 175px;
	z-index:6;
}


#content {
	text-align:left;
	position:absolute;
	top: 180px;
	left:153px;
	color:#333333;
	height:auto;
	width: 432px;
	z-index:7;
}

#about_content {
	text-align:left;
	position:absolute;
	top: 180px;
	left:153px;
	color:#333333;
	height:auto;
	width: 626px;
	z-index:7;
}
.style2 {
	color: #F27226;
	font-weight: bold;
}


/*product sub navigation style
--------------------------------- */


#subnav {
text-align:left;
position:absolute;
top: 180px;
left:0px;
width: 133px;
background-color:#fff;
padding: 0px;
margin: 0px;
}

#subnav h1 {
display: block;
font-size: 14px;
border-top: 1px solid #999;
border-bottom: 1px solid #999;
background-color:#E2E2E2;
padding: 6px 0 4px 6px;
color: #16244D;
margin: 0px;
width:127px;
}

#subnav ul {
list-style: none;
margin: 0px;
padding: 0px;
border: none;
}
#subnav ul li {
margin: 0px;
padding: 0px;
}
#subnav ul li a {
display: block;
border-bottom: 1px solid #999;
padding: 5px 0px 4px 6px;
text-decoration: none;
color: #666666;
width:127px;
}

#subnav ul li a:hover, #subnav ul li a:focus {
color: #f27226;
background-color: #E2E2E2;
}
#subnav ul a#current{
color:#f27226;
background-color: #E2E2E2;
}

#techspec {
text-align:left;
position:absolute;
color: #666666;
top: 370px;
left:0px;
height:40px;
width: 127px;
border-top: 4px solid #f27226;
background-color:#E2E2E2;
padding: 0px 0 4px 6px;
margin: 0px;
}

#techspec a {
text-decoration: none;
color: #666666;
}

#techspec a:hover {
color: #f27226;
}




/*contact
------------*/


#details {
	text-align:left;
	position:absolute;
	top: 300px;
	left:0px;
	width: 143px;
	background-color:#fff;
	padding: 0px;
	margin: 0px;
	height: 212px;
}

#contactcontent {
	position:absolute;
	text-align:left;
	top: 180px;
	left:153px;
	width: 628px;
	z-index:6;
	height: 600px;
}