@charset "UTF-8";

@import url(shared.css);

@import url(form.css);

@import url(http://fonts.googleapis.com/css?family=Droid+Sans:400,700);

/* CSS Document */



body {

	margin: 0px;

	padding: 0px;

	background-color: #3E6079;

	font-family: Arial, Helvetica, sans-serif;

	text-align:center;

}

#header {

	background-image: url(../images/site/header.jpg);

	background-repeat: no-repeat;

	width: 980px;

	height: 155px;

	position:relative;

}

#container{

	width: 987px;

	margin: 0px auto;

	text-align: left;

}

#subheader_links {

	background:url(../images/site/sub_header.jpg) no-repeat top left;

	height:197px;

	z-index:2;

	margin:-2px;

}

#subheader_links ul{

	position: absolute;

	top: 148px;

	margin:0px;

	padding:0px;

	list-style: none;

	z-index:3;

}

#subheader_links li{

	padding:0px;

	margin: 0px;

	float:left;

	text-align: center;

}

#subheader_links a{

	display:block;

	padding:5px 27px;

	font-weight:bold;

	font-size: 14px;

	color:#fff;

	text-decoration:none;

}

#subheader_links li .subheader_links_padding{padding-top:13px;}



#phone{
	position:absolute;
	right:14px;
	bottom:60px;
}

#social_fb{

	position:absolute;
	right:123px; 
	bottom:3px;
	display:block;
	-webkit-transform: scale(1.0);
	-moz-transform: scale(1.0);
	-o-transform: scale(1.0);
	-ms-transform: scale(1.0);
}

#social_yt{

	position:absolute;
	right:75px; 
	bottom:3px;
	display:block;
	-webkit-transform: scale(1.0);
	-moz-transform: scale(1.0);
	-o-transform: scale(1.0);
	-ms-transform: scale(1.0);
}

#social_yt2{
	width:48px;
	margin-right:auto;
	margin-left:auto;
	display:block;
	-webkit-transform: scale(1.0);
	-moz-transform: scale(1.0);
	-o-transform: scale(1.0);
	-ms-transform: scale(1.0);
}

#social_yt2:hover {
	width:48px;
	margin-right:auto;
	margin-left:auto;
	display:block;
	-webkit-transform: scale(.975);
	-moz-transform: scale(.975);
	-o-transform: scale(.975);
	-ms-transform: scale(.975);
}

#social_li{

	position:absolute;
	right:27px; 
	bottom:3px;
	display:block;
	-webkit-transform: scale(1.00);
	-moz-transform: scale(1.00);
	-o-transform: scale(1.00);
	-ms-transform: scale(1.00);
}

#social_fb:hover {
	-webkit-transform: scale(.975);
	-moz-transform: scale(.975);
	-o-transform: scale(.975);
	-ms-transform: scale(.975);
}

#social_yt:hover {
	-webkit-transform: scale(.975);
	-moz-transform: scale(.975);
	-o-transform: scale(.975);
	-ms-transform: scale(.975);
}

#social_li:hover {
	-webkit-transform: scale(.975);
	-moz-transform: scale(.975);
	-o-transform: scale(.975);
	-ms-transform: scale(.975);
}

#paperwrapper{
	width:700px;
	height:800px;
}

#wp1 {
	background-image:url("http://www.olympus-controls.com/images/sheetofpaper_vision.png");
	width:308px;
	height:386px;
	margin-left:35px;
	float:left;
	

}

#wp2 {
	background-image:url("http://www.olympus-controls.com/images/sheetofpaper_motion.png");
	width:308px;
	height:386px;
	float:right;

}

#wp3 {
	background-image:url("http://www.olympus-controls.com/images/sheetofpaper_robots.png");
	width:308px;
	height:386px;
	margin-left:35px;
	margin-top:25px;
	float:left;

}

#wp4 {
	background-image:url("http://www.olympus-controls.com/images/sheetofpaper_sensors.png");
	width:308px;
	height:386px;
	margin-top:25px;
	float:right;

}

.wplist {
	padding-top:50px;
	width:250px;
	height:300px;
	margin-left:5px;

}



#appexbar{
	font-family: 'Droid Sans', sans-serif;
	height:60px;
	width:600px;
	margin-left:75px;
	margin-right:75px;
	margin-top: 10px;
	margin-bottom: 10px;
	

}

#appexbartxt{
	font-family: 'Droid Sans', sans-serif;
	font-size:2.5em;
	margin-left:56%;
	font-weight: bolder;
	padding: 15px;
	
}

#contactwrapper{
	width:742px;
	height:300px;
	padding-left:10px;
	
}

#contactbars{
	
	background-image:url('http://www.olympus-controls.com/images/ContactUs_bars.png');
	background-repeat:no-repeat;
	height:275px;
}

.contactButton{
	position: absolute;
	margin-left:18px;
	margin-top:75px;


}

.directionsButton{
	position: absolute;
	margin-left:90px;
	margin-top:75px;

}

.contactH2{
	font-family: "Arial Black", sans-serif;
	font-size: 24px;
	text-align: center;
	color: #15487c;
}

.contactH3{
	font-family: 'Droid Sans', sans-serif;
	border-bottom: none;
	font-size: 12px;
	text-align: center;
	color: #434444;
	font-weight: 500;
}

.contactH4{
	margin-top:10px;
	margin-left:13px;
	font-family: 'Droid Sans', sans-serif;
	border-bottom: none;
	font-weight: 700;
	font-size: 12px;
	color: #434444;
	float:left;
}

.contactH5{
	font-family: 'Droid Sans', sans-serif;
	border-bottom: none;
	font-size: 14px;
	font-weight: 400;
	color: #434444;
	float:right;
	margin-right:15px;
	margin-top:-36px;
}


#bar1{
	width: 176px;
	float:left;
	
}

#bar2{
	width: 176px;
	margin-left:10px;
	float:left;
	
}

#bar3{
	width: 176px;
	margin-left:8px;
	float:left;
}

#bar4{
	width: 176px;
	margin-left: 8px;
	float:left;
	
}



#logo{

	left:14px;

	position:absolute;

	top:15px;

}

#logo img{border:0px none;}

/* ### Left nav and content ###*/

#containter{

	width:980px;

	margin:0px auto;

}



#content {

	width:977px;

	color: #000;

	font-size: 12px;

	text-align: left;

	background: url("../images/site/content_bg.jpg") repeat-y scroll center top #FFF;

	float:left;

	margin:0px;

	padding:0px;

	position:relative;

}

#text_subheader{

	float:right;

	width:775px;

}

#text_container{

	background:url(../images/site/text_bg.jpg) repeat-x left top;

	padding:0px 10px 10px;

	position: relative;

	left:-2px;

	width:754px;

	height: auto !important;

	>height: 500px;

	min-height: 500px;

}



#footer {

	clear:both;

	background-color: #334E62;

	width: 977px;

	color: #fff;

	font-size: 11px;

	line-height: 14px;

	text-align: center;

	padding: 10px 0px;

}

#footer a {

	color: #FFF;

	font-size: 11px;

	text-decoration: underline;

}

#leftnav{

	width: 200px;

	font-size: 11px;

	font-weight: bold;

	float:left;

}

#leftnav img{ margin-left:3px;}

td { /*vertical-align: top;*/ }



table {

	color: #000;

	font-size: 12px;

	text-align: left;

}



table td {

	color: #000;

	font-size: 12px;

}



h1 {

	color: #000;

	font-size: 22px;

}



h3 {

	color: #000;

	font-size: 15px;

	border-bottom: 2px solid #e6e6e6;

}



.left_bg {

	background-image: url(../images/site/leftnav.jpg);

	background-repeat: repeat-y;

	width:203px;

}



a { color: #069; }



/** Menu **/

.toplevel a {

	color: #FFF;

}

#quick_link{

	clear:both;

	background:url(../images/site/quickLink.png) 50% 0 no-repeat;

	height:100px;

	text-align:center;

	padding-bottom: 0px;

	padding:10px 0px;

}

#roundbox{
	font-family: 'Droid Sans', sans-serif;
	margin-left:auto;
	margin-right:auto;
	display:block;
	width:75%;
	background-color:#eee;
	position:relative;
	border-radius:50px;
	-moz-border-radius:15px;
	-moz-box-shadow: 1px 1px #999;
	-webkit-box-shadow: 1px 1px #999;
	box-shadow: 1px 1px #999;
}

#missbox{
	margin-left:auto;
	margin-right:auto;
	display:block;
	background-color:#eee;
	position:relative;
	border-radius:50px;
	-moz-border-radius:15px;
	-moz-box-shadow: 2px 2px #999;
	-webkit-box-shadow: 2px 2px #999;
	box-shadow: 2px 2px #999;
}

#quick_link form{

	position:relative;

	top:48px;

}

#vidinfo{

	background-color: #eee;
	height:50px;
	width:320px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-moz-box-shadow: 1px 1px #999;
	-webkit-box-shadow: 1px 1px #999;
	box-shadow: 1px 1px #999;

}

.vidinfop{

	font-family: 'Droid Sans', sans-serif;
	padding:5px 5px 10px 10px;
	font-size: .9em;
	color:#444;

}

#credits{color:#fff; font-size: 11px; padding-bottom: 10px;}

#credits p{ margin:0px; color:#fff;}

#credits a{ color: #fff;}

.main_image{display: block; text-align:center;}

#extra_images{ display: block; text-align: left; text-align: center; }

#extra_images img{ padding-right:10px; padding-bottom: 10px; }

#feature_list{background-color:#E2E2E2; border:1px dashed #000; padding:10px; }

.product_link{

	background:url(../images/site/html_icon.gif) top left no-repeat;

	padding-left:30px;

	padding-left:37px;

	padding-top:18px;

	display:block;

	font-weight:bold;

	width:50%;

}

.pdfs{

	margin:0px;

	list-style-image: url(../images/site/pdf_icon.gif);

	font-weight:bold;

}



.words{

	margin:0px;

	list-style-image: url(../images/site/word_icon.gif);

	font-weight:bold;

}



.cads{

	margin:0px;

	list-style-image: url(../images/site/oc-3d.jpg);

	font-weight:bold;

}

.zips{

	margin:0px;

	list-style-image: url(../images/site/oc-3d.jpg);

	font-weight:bold;

}

.documents a{font-weight: bold;}

#rfq_buttons img { margin-left:175px; }



.page_index_php #content {background: url("../images/site/home_bg_new.jpg") repeat-y scroll center top #FFF;}

.link_image{display:block; clear:both; padding-bottom:15px;}

.link_image img{float: left; }

.link_image a{font-size:14px; font-weight:bold;}



.homeboxes {

	 float: left;

	 height: 100%;

	 padding: 2px;

	 width: auto;

	text-align:center;

	display:inline-block;

}



.homeboxes img {padding:5px 20px 0px 20px;/*height: auto !important;>height: 110px;min-height: 110px;*/}



.homeboxes p {

	 font-size: 0.95em;

	 font-weight: bold;

	 position: relative;

	 text-align: center;

	 width: auto;

	bottom:-5px;

}





#lower_header{

	list-style:none;

	margin:0px;

	padding:0px;

	position: absolute;

	top:20px;

	right:30px;

}

#lower_header li{padding:0px; float:left;padding-left:24px;}