/**
 * Main CSS Stylesheet
 * Logical Automation Solutions, Inc
 * logical-automation-solutions.com 
 * Date: 8 Feb 2009
 * Abhay Aher
 */

*{
	margin:0;
	padding:0;	
}

body {
	color:#333333;
	font-family:verdana, Aerial, Georgia, serif;
	font-size:80.5%;	
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:1.571;
	background-color:#f5f5f5;
}

a { 
	text-decoration:none;
}

a:link {
	color:#FFF;
}

a:visited {
 /* color:#990033;	*/
 color:#FFF;
}

a:hover {	
	text-decoration:underline;
}

a:active {
/*	color:#547DA7;  */
color:#FFF ;
}

p {
	margin:0pt 0pt 1em;
}

h1 {
	font-size:130%;
	font-weight:bold;
	margin:0.3em 0pt;
	/* color:#0052AD; 
	color:#193D67; */
	color:#036;
	text-align:center;
	background-color:#f5f5f5;
}

h2 {
	font-family:Verdana,sans-serif;
	font-size:105%;
	font-style:normal;
	font-variant:normal;
	font-weight:bold;
	line-height:normal;
	margin-top:1em;
	margin-bottom:0.3em;
   /*color:#0052AD; */
	color:#036;
	background-color:#f5f5f5;

}

h3 {
	font-family:Verdana,sans-serif;
	font-size:85%;
	font-style:normal;
	font-variant:normal;
	font-weight:bold;
	line-height:normal;
	margin-top:1em;
	margin-bottom:0.3em;
	/* color:#0052AD; */
	color:#036;
}

.h_bkg_color{
	background-color:#f5f5f5;	
}

img {
	margin-bottom:0;
}

ul{
	list-style:none;
	margin-bottom:1em;
}

#wrapper{
	width:932px;
	margin:0px auto;	
	position:relative;	
	background-color:#FFF;
}

#masthead {
    width:932px;
	height:103px;	
}

#navbar {
    background-image:url('../images/navbar.jpg') ; 
	width:932px;
	height:39px;
	text-align:center;		
}

#navbar span{    
	padding-left:12px;
	padding-right:12px;
	color:#FFF;
}

/*
#navbar a.home {
	background-image:url(../images/home_48.png);
	background-position:left top;
	background-repeat:no-repeat;
	padding-left:30px;
	height:40px;
	 display:block;	
	float:left; 
}
*/

.pad8px{
	padding-top:8px;	
}

#content {
    width:754px;
    padding:10px 10px; 	
    float:left;
    /* border:thin #666666 solid; */
    border-left:1px #CCC dashed;
    background-color:#FFF;
} 

#sidebar {
	width:140px;
	margin-right:7px;
	float:left;	
	/* kground-color:#F5F5F5;	*/
	/* kground-color:#ccc ;  */
	background-color:#FFF;
	padding:5px 0px 9px 2px;
}

#sidebar a{
	text-decoration:none;
	color:#0052AD;
}

#sidebar a:hover{
	text-decoration:underline;
	color:maroon;
}

#sidebar li{
	padding:5px 0px 5px 0px;
}

#retrofit{
	width:370px;
	margin-right:14px;
	float:left;	
}

#asprova{
	width:364px;
	margin-right:6px;
	float:left;
}

.clear{
	clear:both;
}

.center{
	text-align: center;
}

#mc_retrofited{
	border:1px #773300 solid;	 
	width:364px;
	position:relative;
	overflow:hidden;
	background-color:#FFFAF0;
	padding:2px 0px 2px 6px;
}

.list{
	width:174px;
	float:left;
	padding:0px 0px 0px 4px;	
}

#links a, #movie a, #proto a{
	text-decoration:none;
	color:#0052AD;
}

#links a:link, #movie a:link #proto a:link {
	color:#0052AD;
}

/*
#links a:visited { 
    color:#990000
}
*/

#links a:hover, #movie a:hover, #proto a:hover{	
	text-decoration:underline;
}

.bkg_color{
	background-color:#FFFAF0;
}

#footer{
	height:60px;
	background-color:#EBEBEB;
	text-align:center;	
	padding-top:40px;
	font-family:Verdana;
   /* color:#0052AD; */
    color:#036;
}

.bluecolor{
	color:blue;
}

.blue_dash_color{
	/*color:#CCC;*/
	margin-bottom: 10px;
}

#siemens_quote ul {
    margin-left: 0px; 
    padding-left : 0px;
}

#siemens_quote ul li{
	list-style-image:url('../images/tickmark.png');
	list-style-position:inside;	
	padding-left:4px;
	padding-bottom:4px;
}

.float_left{
	float:left;
}

#services{
    width:100%;
	margin-top:20px;		
}

#why_logical, #about_us{
    width:500px;
	margin-top:40px;		
	float:left;
	padding:0px 2px;
	margin-left:4px;
	/*background-color:#f5f5f5; */
}

#why_logical h2, #about_us h2{
    background-color:#f5f5f5;
}

#services ul, #why_logical ul{
	list-style-type: none;
	list-style-position: inside;
	line-height:1.8em;	
}

#services ul li, #why_logical ul li{
	list-style-type:disc;
}

.services_left {
	/* width:448px; */
	width:360px;
	float:left;
    padding:0px 2px;
    margin-right:10px;	
	background-color:#fffaf0;	
}


#documentation{
    padding-top:10px;
	padding-left:10px;
	line-height:0.6em;
}

.leftpad {
	padding-left:10px;
	list-style:none;
}

.toppad{
	padding-top:10px;
}

#applications ol{	
	list-style:disc inside ;
}

#applications li{
	padding:2px 0px;
}

/* Expertise Page CSS */

#expertise_left {
    float:left;
	width:360px;
	/* border-right:thin gray solid;*/
}

#expertise_right {
    float:left;
	width:360px;
	margin-left:20px;
}

#expertise ul li{    
    /* list-style-image:url('../images/arrow.jpg') ; */
    list-style-type:disc;
	padding-left:5px;	
	margin-left:20px;
}

/*-----------------------------------------------------------------------------------------------------*/

/* Partner Page CSS */

#partner1, #partner2{
	width:720px;
	/* background-color:#fffaf0; */
}

#partner1 a, #partner2 a{
	text-decoration:none;
	color:#0052AD;
}

#partner1 a:hover, #partner2 a:hover{
	text-decoration:underline;
	color:maroon;
}

/*-----------------------------------------------------------------------------------------------------*/

/* CSS for Industries Page */

#industries{
	padding-top:20px;
}

#industries ul li{        
    list-style-type:disc;
	padding-left:5px;
	padding-bottom:5px;	
	margin-left:20px;
}

/*-----------------------------------------------------------------------------------------------------*/

/* CSS for Skills Set Data Table */

td, th {
	font: 0.9em verdana ;
}

.datatable {
	border: 1px solid #D6DDE6;
	border-collapse: collapse;
	width: 100%;
}
.datatable td {
	border: 1px solid #D6DDE6;	
	padding: 4px;
}
.datatable th {
	border: 1px solid #828282;
	background-color: #BCBCBC;
	font-weight: bold;
	text-align: Center;
	/* padding-left: 4px; */
	padding:8px 0px;
}
.datatable caption {
	font: bold 0.9em Arial, Helvetica, sans-serif;
	color: #33517A;
	text-align: left;
	padding-top: 3px;
	padding-bottom: 8px;
}
.datatable tr.altrow {
	background-color: #DFE7F2;
	color: #000000;
}

/*-----------------------------------------------------------------------------------------------------*/


/* Contact Page CSS */

#contact_leftcol{
	margin-bottom:15px;
	padding:0pt 4px;
	text-align:left;
	width:192px;
	float:left;
	background-color:#F5F5F5;
	font-size:0.8em;
}

.small_font{
	font-size:xx-small;
}

#contact_leftcol a{
	text-decoration:none;
	color:#0052AD;	
}

#contact_leftcol a:hover{
	text-decoration:underline;
}

#contact_rightcol{
	background-color:#FFFFFF;
	/*background-image:url(images/tab_on.jpg);
	background-position:center top;
	background-repeat:repeat-x;*/
	border:1px solid #C1C1C1;
	float:left;
	margin-top:0px;
	padding:10px;
	width:530px;
}

#contact_leftcol h2.email {	
	background-image:url('../images/mail_write_48.png');	
	background-position:left top;
	background-repeat:no-repeat;	
	padding-left:60px;
	height:48px;		
}

#contact_leftcol h2.phone {	
	background-image:url('../images/telephone.jpg');	
	background-position:left top;
	background-repeat:no-repeat;	
	padding-left:80px;
	height:48px;	
}

#contact_form{
	background-color:#F5F5F5;	
	padding:2px 0px 2px 2px;
}

/* ======== Form Styles ======= */

#form {
    padding: 10px 10px 0px 40px;
	margin: 5px 0px;	
	background-color:#F5F5F5;
	color: #000000;
}

.formtext {
	float:left;
	width:20%;
	margin-left:20px;
}

/* ======== Form Styles ======= */


/*-----------------------------------------------------------------------------------------------------*/

/* Downloads Page CSS */

#downloads a{
	text-decoration:none;
	color:#0052AD;
}

#downloads a:hover{
	text-decoration:underline;
	color:maroon;
}

#downloads img{
	border:0px;
}

.leaflet{
	width:720px;
	margin:10px 10px;
}

/*-----------------------------------------------------------------------------------------------------*/
/* Asprova Page CSS */

#leftcol{
	width:600px;
	margin-right:14px;
	float:left;	
}

#rightcol{
	width:160px;
	float:left;
	background-color:#FFFAF0;
}

#movie{
padding-top:20px;
text-align:center;	
}

#proto{
padding-top:5px;
text-align:center;	
}

.asprova_font{
	font-family:verdana, Aerial, Georgia, serif;
	font-size:1.2em;	
}

/*-----------------------------------------------------------------------------------------------------*/

/* Styles for Panel Pictures Gallery  */

/* The containing box for the gallery. */
#container {position:relative; width:750px; height:600px; margin:20px auto 0 auto; border:1px solid #aaa; background:#fff url(../images/panel_midsize/37KWVFD_internal1.jpg) 75px 10px no-repeat;}

/* Removing the list bullets and indentation - add size - and position */
#container ul {width:200px; height:600px; padding:0;  margin:5px; list-style-type:none; float:right;}

#container li {float:left;}

/* Remove the images and text from sight */
#container a.gallery span {position:absolute; width:1px; height:1px; top:5px; left:5px; overflow:hidden; background:#fff;}

/* Adding the thumbnail images */
#container a.gallery, #container a.gallery:visited {display:block; color:#000; text-decoration:none; border:1px solid #000; margin:1px 2px 1px 2px; text-align:left; cursor:default;}
#container a.slidea {background:url(../images/panel_thumbs/37KWVFD_internal1.jpg); height:90px; width:60px;}
#container a.slideb {background:url(../images/panel_thumbs/37KWVFD_internal2.jpg); height:90px; width:60px;}
#container a.slidec {background:url(../images/panel_thumbs/37KWVFD_internal.jpg); height:90px; width:60px;}
#container a.slided {background:url(../images/panel_thumbs/55KWVFD_internal1.jpg); height:90px; width:60px;}
#container a.slidee {background:url(../images/panel_thumbs/55KWVFD_internal2.jpg); height:90px; width:60px;}
#container a.slidef {background:url(../images/panel_thumbs/600A_DC_internal1.jpg); height:90px; width:60px;}
#container a.slideg {background:url(../images/panel_thumbs/600A_DC_internal2.jpg); height:90px; width:60px;}
#container a.slideh {background:url(../images/panel_thumbs/600A_DC_internal.jpg); height:90px; width:60px;}
#container a.slidei {background:url(../images/panel_thumbs/AC_drive_external.jpg); height:90px; width:60px;}
#container a.slidej {background:url(../images/panel_thumbs/Changeover_relay_logic.jpg); height:90px; width:60px;}
#container a.slidek {background:url(../images/panel_thumbs/DC_assembly_internal.jpg); height:90px; width:60px;}
#container a.slidel {background:url(../images/panel_thumbs/DC_changeover_contactor1.jpg); height:90px; width:60px;}
#container a.slidem {background:url(../images/panel_thumbs/DC_changeover_contactor.jpg); height:90px; width:60px;}
#container a.sliden {background:url(../images/panel_thumbs/DC_DRIVE_EXTERNAL.jpg); height:90px; width:60px;}

/* styling the hovers */
#container a.gallery:hover {border:1px solid #fff;}
#container a.gallery:hover span {position:absolute; width:500px; height:521px; top:10px; left:10px; color:#000; background:#fff;}
#container a.gallery:hover img {border:1px solid #fff; float:left; margin-right:5px;}

/*-----------------------------------------------------------------------------------------------------*/