/* RESET */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body { 
	line-height: 1;
	overflow: scroll;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}

:focus {/* remember to define focus styles! */
	outline: 0;
}

ins {/* remember to highlight inserts somehow! */
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

table {/* tables still need 'cellspacing="0"' in the markup */
	border-collapse: collapse;
	border-spacing: 0;
}

/* STYLE PROPER STARTS HERE */

body {
	position: relative;
	width: 965px;
	border-left: 1px solid #aaa;
	border-right: 1px solid #aaa;
	margin: 0 auto;
}
#container {
	background: url(../images/header_base_strip.gif) repeat-y;
	margin: 0px;
	padding: 0px;
	display: block;
	width: 965px;
}

/* HEADER CONTENT */
#header {
	display: block;
	width: 965px;
	height: 190px;
	margin-bottom: 20px;
	background: white;
}
#logo {
	float: left;
	background: url(../images/logo_OST_main.gif) no-repeat 20px 20px;
}
#print_logo {
	display: none;
}
#logo a {
	display: block;
	width: 135px;
	height: 170px;
	border: none;
}
#print_tel { display: none; }
#tel {
	display: block;
	background: url(../images/telephone_number.gif) no-repeat;
	width: 150px;
	height: 60px;
	margin: 20px;
	float: right;
}
#nav {
	float: right;
	margin: 30px 20px 0px 0px;
	display: block;
	width: 800px;
}
#nav ul, #nav li {
	list-style: none;
	padding: 0px;
	margin: 0px;
	float: right;
}
#nav li {
	margin: 5px;
	float: left;
}
#nav li a, #nav li a:link, #nav li a:visited{
	border: none;
	display: block;
	width:102px;
	height:34px;
}
#nav li a.one    {background: url(../images/button_aboutUs_over.gif) no-repeat;}
#nav li a.two    {background: url(../images/button_automotive_over.gif) no-repeat;}
#nav li a.three  {background: url(../images/button_welding_over.gif) no-repeat;}
#nav li a.four   {background: url(../images/button_general_over.gif) no-repeat;}
#nav li a.five   {background: url(../images/button_after-sales_over.gif) no-repeat;}
#nav li a.six    {background: url(../images/button_contact_over.gif) no-repeat;}

ul#home_image {
	position: relative;
	top: 0px;
	left: 20px;
}
#mask {
	position: absolute;
	z-index: 1000;
	top:10px;
	left: 10px;
}
.home-images {
	float: left;
	margin-right: 10px;
}
#top_content {
	clear: both;
	display: block;
	width: 965px;
	height: 160px;
	background: white;
}
#right_buttons {
	height: 140px;
	margin: 20px 25px 0px 0px;
	float: right;
	width: 360px;
}
#right_buttons ul, #right_buttons li {
	list-style: none;
	padding: 0px;
	margin: 0px;
	float: right;
}
#right_buttons li {
	margin: 0px 0px 0px 20px;
	float: left;
}
#right_buttons li a, #right_buttons li a:link, #right_buttons li a:visited{
	border: none;
	display: block;
	width: 74px;
	height: 74px;
}
#right_buttons li a.one    {background: url(../images/button_automotive_big_over.gif) no-repeat;}
#right_buttons li a.two    {background: url(../images/button_welding_big_over.gif) no-repeat;}
#right_buttons li a.three  {background: url(../images/button_general_big_over.gif) no-repeat;}


#left-section {
	margin: 20px 0px 0px 20px;
	float: left;
	width: 560px;
	display: block;
	height: 140px;
}
#home_image {
	float: left;
	display: block;
	width: 490px;
	position: relative;
	left: 20px;
	margin-top: 16px;
	color: black;
	font: bold 11px Verdana, Helvetica, Sans-serif;
}
#home_image img {
	float: left;
	margin-right: 5px;
}
.sub_nav {
	border-right:2px solid #8B005A;
	display:block;
	float:left;
	margin:6px 0 6px 10px;
	padding:5px;
	width:181px;
}
.sub_nav ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
.sub_nav li {
	font: 12px Verdana, Helvetica, Sans-serif;
	border-top: 1px solid #fff;
}
.sub_nav li.header {
	font-weight: bold;
	padding-left: 5px;
	color: #8b005a;
}
.sub_nav li.odd {
	background: #d5d5d5;
}
.sub_nav li.even {
	background: #d5d5d5;
}
.sub_nav li a {
	color:#8B005A;
	display:block;
	font-size:10px;
	line-height:110%;
	padding:3px 5px;
	text-decoration:none;
}
.sub_nav li a:hover, .sub_nav li.selected a {
	color: #fff;
	text-decoration: none;
	background: #8b005a;
}
.sub_nav li.selected a:hover {
	color: #8b005a;
}

#hovered {
	position: absolute;
	top: 210px;
	right: 10px;
	display: block;
	width: 530px;
	height: 150px;
	background: #fff;
	z-index: 1000;
	display: none;
	overflow: hidden;
}
.first, .second, .third, .forth, .fifth, .sixth, .seventh, .eighth, .ninth, .tenth, .eleventh, .twelfth {
	display: none;
	width: 530px;
}
.first p, .second p, .third p, .forth p, .fifth p, .sixth p, .seventh p, .eighth p, .ninth p, .tenth p, .eleventh p, .twelfth p {
	color: #8b005a;
	margin: 10px;
	font: normal 13px Verdana, Helvetica, Sans-serif;
	/*width: 290px;*/
}
.first h3, .second h3, .third h3, .forth h3, .fifth h3, .sixth h3, .seventh h3, .eighth h3, .ninth h3, .tenth h3, .eleventh h3, .twelfth h3 {
	color: #474747;
	margin: 20px 0px 10px 0px;
	font: normal 13px Verdana, Helvetica, Sans-serif;
}
.first img, .second img, .third img, .forth img, .fifth img, .sixth img, .seventh img, .eighth img, .ninth img, .tenth img, .eleventh img, .twelfth img {
	float: right;
	margin: 0px 15px 0px 10px;
}
#content {
	clear: both;
	background: #8b005a;
	display: block;
	width: 965px;
}
#content_text {
	margin: 20px;
	display: block;
	color: white;
	width: 530px;
	float: left;
}
#content_text p {
	color: white;
	font: normal 13px Verdana, Helvetica, Sans-serif;
	margin: 10px 0px;
}
#content_text p.bullet {
	position: relative;
	background: none url(../images/bullet.png) no-repeat scroll 0 3px;
}
#content_text ul {
	list-style-image:none;
	list-style-type:disc;
	margin:13px;
	text-indent:6px;
}
#content_text ul.sub {
	list-style-image:none;
	list-style-type:square;
}
#content_text li {
	font: lighter 13px Verdana, Helvetica, Sans-serif;
	line-height: 125%;
	text-indent:0;
}
#content_text a, #content_text a:link {
	color: #d6d6d6;
	text-decoration: none;
}
#content_text a:visited {
	color: white;
}
#content_text a:hover {
	text-decoration: underline;
}
#content_text h1 {
	color: white;
	font: normal 26px Verdana, Helvetica, Sans-serif;
	margin-bottom: 20px;
}
#content_text img {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}
#content p.list {
	display: block;
	padding-right: 16px;
	content:'•';
	color: white;
	margin: 4px 0px;
}

#content_image {
	display: block;
	float: right;
	margin: 10px 5px 20px 0;
	width: 390px;
	text-align: center;
}
#content_image img {
	position: relative;
	margin: 20px auto;
}
#content #map {
	width: 370px;
	height: 350px;
	display: block;
}

#footer {
	background:white url(../images/footerBG.gif) repeat-x scroll 0 0;
	clear:both;
	height:80px;
	width:965px;
}
#legal {
	display: block;
	float: right;
	padding: 25px;
}
#legal ul, #legal li {
	float: right;
	margin: 0px;
	padding: 0px;
	list-style: none;
}
#legal li {
	float: left;
	margin-left: 5px;
	font: 9px Verdana, Helvetica, Sans-serif;
}
#legal li a, #legal li a:link, #legal li a:visited {
	text-decoration: none;
	color: #000;
}
#legal li a:hover {
	text-decoration: underline;
}
#send_email {
	display: block;
	float: left;
	margin: 25px;
	font: 10px Verdana, Helvetica, Sans-serif;
	
}
#send_email a, #send_email a:link, #send_email a:visited {
	font: bold 10px Verdana, Helvetica, Sans-serif;
	color: #8b005a;
	text-decoration: none;
}
#send_email a:hover {
	text-decoration: underline;
}


/* NEWS */

#news_block {
	margin: 20px 20px 20px 0px;
	position: relative;
	display: block;
	float: right;
	width: 337px;
	height: 235px;
	background: url(../images/news_BG.png) no-repeat 0 30px;
	text-align: left;
}
#news_block #title {
	position: absolute;
	top: 0px;
	left: 0px;
	background: url(../images/news_header.png) no-repeat;
	display: block;
	z-index: 10000;
}

#news_block #title a {
	display: block;
	width: 333px;
	height: 37px;
	text-decoration: none;
}
#news_block #title a img {
	border: none;
}
#news_story {
	display: block;
	width: 320px;
	position: relative;
	top: 50px;
	padding-left: 10px;
	margin-bottom: 10px;
}
#news_story h3 {
	color: black;
	font: bold 14px Verdana, Helvetica, Sans-serif;
	width: 250px;
} 
#news_story p {
	color: black;
	font: bold 11px Verdana, Helvetica, Sans-serif;
}
#news_story p img {
	float: right;
	margin: 0px 7px 0px 10px;
}
#news_story #read_more {
	background: url(../images/news_info_text_bg.png) no-repeat 5px 6px;
	display: block;
	width: 184px;
	position: absolute;
	right: 0;
	top: 146px;
}
#news_story #read_more p {
	margin: 0px;
	padding-top: 5px;
	color: white;
	float: right;
	margin-right: 15px;
}
#news_story #read_more a, #news_story #read_more a:link, #news_story #read_more a:visited {
	color: white;
	text-decoration: none;
}	
#news_story #read_more a:hover {
	text-decoration: underline;
}
#news_story #read_more img {
	display: block;
	float: left;
	position: relative;
	left: -10px;
	margin: 0px;
}
#news_choose {
	display: block;
	width: 400px;
	position: relative;
	padding-left: 10px;
	margin-bottom: 10px;
	color: white;
}

#news_page_title {
	clear: both;
	display: block;
	width: 965px;
	height: 43px;
	background: white;
}
#news_page_title h1 {
	color: #8b005a;
	font: bold 32px Verdana, Helvetica, Sans-serif;
	margin-left: 20px;
}
#news_page_content {
	background: #8b005a;
	position: relative;
	display: block;
	color: white;
	padding: 20px;
}
#news_page_content h2 {
	font: normal 18px Verdana, Helvetica, Sans-serif;
	margin-bottom: 20px;
}
#news_page_content h3, #news_choose h3 {
	font: bold 14px Verdana, Helvetica, Sans-serif;
	margin-bottom: 10px;
}
#news_page_content p, #news_choose p.choose {
	font: normal 13px Verdana, Helvetica, Sans-serif;
	margin-bottom: 5px;
}
#news_page_content img {
	float: right;
	margin-left: 20px;
	background: #0f0;
}
#news_page_content a {
	color: #b4b4b4;
	text-decoration: none;
	font-weight: bold;
}
#news_page_content a:hover {
	text-decoration: underline;
}
#news_page_content p .quote {
	font-style: italic;
	margin: 5px;
	padding:5px 5px 5px 20px;
	display: block;
	background: #a63c81 url(../images/quote.png) no-repeat 3px 3px;
}
.message {
	display: block;
	float: right;
	margin-right: 400px;
	color: #d8d8d8;
	font: 16px Arial, Helvetica, Sans-serif;
}

.clearfix {clear: both;}

/* *********** Browser specific fixes *********** */

.ie7 .sub_nav li a {
	padding:0px 0px 0px 5px;
}
.ie7 .first img, .ie7 .second img, .ie7 .third img, .ie7 .forth img, .ie7 .fifth img, .ie7 .sixth img, .ie7 .seventh img, .ie7 .eighth img, .ie7 .ninth img, .ie7 .tenth img, .ie7 .eleventh img, .ie7 .twelfth img {
	float: right;
	margin: 15px 15px 0px 10px;
}