/* CSS Document */
* { margin:0; padding:0;}

.clear { clear:both;}

html, body { height:100%; }
body {font-size:100%; line-height:1em;}
html, input, textarea
	{	font-family:Arial; 
		color:#333;
	}	
	
.in2{ padding-bottom:2px;}
.in5{ padding-bottom:5px;}
.in10{ padding-bottom:10px;}
.in15{ padding-bottom:15px;}
.in20{ padding-bottom:20px;}
.in30{ padding-bottom:30px;}
.in50{ padding-bottom:50px;}
.in51{ padding-bottom:51px;}
.in70{ padding-bottom:70px;}
.in90{ padding-bottom:90px;}
.in100{ padding-bottom:100px;}	
.in150{ padding-bottom:150px;}
.in200{ padding-bottom:200px;}	
.in250{ padding-bottom:250px;}
/* ---------------------------- */
	
/*header*/ 
#header {color:#cc0000; margin: 0 0 0 0; background:url(images_s/common/header_sah.jpg) no-repeat top left ; width:980px;  }
#header .logo{margin: 0 0 18px 61px; text-align:left;  }

.header-red-rule {height:2px; margin-top:2px; background:url(images_s/common/header_rule.gif) top left repeat-x; }
.header-email {float: right;  text-align:right; width: 300px; font-size:0.75em; padding: 95px 11px 0px 0px; margin:0px 5px 0 0; font-size:0.7em;  }
.header-email a {color:#000; text-decoration:underline }
.header-email a:hover {color:#000; text-decoration:underline }

#content{ font-size:0.7em; width:100%; margin:0px; padding:0px;  }
#block{ height:36px; margin-bottom:20px; background:url(images/bg2.gif)}
#content img{ display:block}

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

/*Navi with 2 state lozenge background image*/
#navi-menu {font-size:0.7em;   height: 35px; background: #fff;  padding:0px 300px 0px 0px; margin: 0px 0px 0px 0px;  }
#navi-menu .menu ul{margin:0 Auto; padding:5px 0px 0px 61px; list-style:none;}
#navi-menu .menu ul li{ margin:0; display:inline}
#navi-menu .menu ul li a{
	color:#000099;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	background:url(images_s/navi/navi_grey.png) top left no-repeat;
	width:76px;
	height:25px;
	text-align:center;
	display:block;
	float:left;
	padding:7px 0 0 0px;
	
} 
#navi-menu .menu ul li a:hover { color:#fff; text-decoration:none; background:url(images_s/navi/navi_red.png) top left no-repeat; }

/* ---------- ANIMATION --------- */

#intro-graphic {float: left; margin:0 0 20px 0;  width:980px; height:203px;   }
#intro-graphic .col1 .indent{margin:0 auto; }

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

.vam{ vertical-align:middle}
.width{ width:100%}

a img{ border:0px}
img{ vertical-align:top;  }




 
a{color:#333; } 
a:hover{color: #cc0000; text-decoration:none}

/* ---------- H 1 2 3 ------------- */

h1{
	color:#cc0000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 2em;
	padding: 5px 0px 5px 0px;
}
h2{
	color:#cc0000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	padding: 5px 0px 5px 0px;
}
h4{
	color:#000;
	padding: 10px 0px 0px 0px;
	font-size: 1.1em;
	font-weight: bold;
	line-height: 1.2em;
	font-family: Arial, Helvetica, sans-serif;
}
h3{
	color:#000099;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 2em;
	line-height: 1.6em;
	padding: 10px 0px 0px 0px;
	text-align: center;
}
h5{
	color:#000099;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	line-height: 1.6em;
	padding: 10px 0px 0px 0px;
	text-align: center;
}
.tel-number{
	color:#333;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.7em;
	text-align: left;
}

/* --------- BULLET LISTS --------- */

ul{margin:0; padding:0; list-style:none; }
ul li{ margin:0 0 0px 0; padding-left:0px; background-position:0 3px;
	list-style-type: circle;
	list-style-position: inside;
}
ul li a{font-size:1.09em; color:#333; text-decoration:underline; font-weight:bold; line-height:16px} 
ul li a:hover {color:#cc0000; }

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

.more{background:url(images/1_z1.gif)  center right no-repeat; padding-right:7px; padding-bottom:3px}

/*page5.html*/
#page5 #content .col1 .indent{margin-left: 56px; height: auto; }
#page5 #content .col1-book .indent{float: left; margin: 0 20px 0 56px; }
#page5 #content .col1 .indent1{margin:22px 0px 0 0px; line-height:1.56em; font-size:1.01em }
#page5 #content .col1 p{margin:5px 0px 10px 0px;  font-size:1.09em}
#page5 #content .col1 .pic{float:left; margin:0px 15px 0px 0px; padding: 0 0 0px 0; background-color: transparent;}
#page5 #content .col1 .pic-right{float:right; margin:0px 30px 0px 15px; padding: 0 0 0px 0; background-color: transparent;}
#page5 #content .col1 .divider { border-bottom:1px solid #ddd; padding:0px 0 7px 0; margin:0 0 0 0; }

#page5 #content .col2 .indent{margin-right: 56px; font-size:1em}
#page5 #content .col2 span{color:#000;} 
#page5 #content .col2 p{margin:0px 0px 0px 0px; font-size: 1.1em; line-height: 1.5em; text-align: center; }
#page5 #content .col2 .pic{float:left; margin:5px 5px 10px 15px}
#page5 #content .col2 .pic-intro{float:left; margin:5px 5px 10px 15px}
#page5 #content .col2 .intropic{float:left; margin:5px 5px 30px 15px}
#page5 #content .col2 .manual{float:left; margin:0px 25px 10px 0px}
#page5 #content .col2 .pic1{margin:5px 0px 9px 0px}
#page5 #content .col2 .pic2{  margin:15px 0px 19px 0px}
#page5 #content .col2 .indent1{margin:15px 0px 0px 159px; }
#page5 #content .col2 ul{font-size:1em; line-height:14px; list-style: disc; padding-left: 25px;}
#page5 #content .col2 .right-images{margin: 15px 50px 20px 50px; width: 179px; }

/*page5.html FREE SERVICE CONTAINER*/
#page5 #content .col1 #freeservice {position: relative; float: left; top: 10px; padding: 0 0 20px 0; }
#page5 #content .col1 #freeservice p {font-size:1.09em; margin:5px 15px 30px 0px;}
#page5 #content .col1 #freeservice h2{ color:#cc0000; font-family: Arial, Helvetica, sans-serif; font-size: 1.3em; padding: 5px 0px 5px 0px; width: 300px;}
img.service{ border: none; float: left; margin: 8px 7px 0px 0px;  }

#page5 #content .col1 #servicebullets {position: relative; float: left;  }




/*page6.html*/
#page6 #content .col1 .indent{margin-left: 56px; height: auto; }
#page6 #content .col1-book .indent{float: left; margin: 0 20px 0 56px; }
#page6 #content .col1 .indent1{margin:22px 0px 0 0px; line-height:1.56em; font-size:1.01em }
#page6 #content .col1 p{width:75%; margin:10px 0px 10px 15px;  font-size:1.09em}
#page6 #content .col1 .pic{float:left; margin:0px 0px 0px 15px; padding-bottom: 100px; background-color: transparent;}
#page6 #content .col1 .mousepic{float:left; margin:0px 15px 0px 0px}
#page6 #content .col1 .pic1{margin:0px 0px 9px 0px; float:right; }
#page6 #content .col1 ul{font-size:1em; line-height:14px; list-style: disc; padding-left: 25px;}
#page6 #content .col2 .indent{margin-right: 56px; font-size:1em}
#page6 #content .col2 span{color:#000;} 
#page6 #content .col2 p{margin:0px 0px 0px 15px; font-size: 1.1em; line-height: 1.5em; }
#page6 #content .col2 .pic{float:left; margin:5px 5px 10px 15px}
#page6 #content .col2 .pic-intro{float:left; margin:5px 5px 10px 15px}
#page6 #content .col2 .pic-intro-jacket{float:left; margin:5px 15px 10px 15px}
#page6 #content .col2 .pic-intro-jacket2{margin:5px 15px 10px 15px}
#page6 #content .col2 .intropic{float:left; margin:5px 5px 30px 15px}
#page6 #content .col2 .manual{float:left; margin:0px 25px 10px 0px}
#page6 #content .col2 .pic1{margin:5px 0px 9px 0px}
#page6 #content .col2 .pic2{  margin:15px 0px 19px 0px}
#page6 #content .col2 .indent1{margin:15px 0px 0px 159px; }
#page6 #content .col2 ul{font-size:1em; line-height:14px; list-style: disc; padding-left: 25px;}

.conveyorhome	{ float: left; height: 120px; width: 980px; margin: 30px 0 30px 0; }

/*footer*/
#footer {color:#cc0000;  height: 45px; background:url(images_s/footer/divider-slice-cc0000.gif) repeat-x; margin: 0px 0px 0px 0px; padding: 5px 56px 0px 56px; width: 868px;  }
#footer { font-size:0.65em; text-align:left; line-height: .85em; margin:  5px 0 5px 0;   }
#footer a { color:#000; text-decoration:underline}  
#footer a:hover {text-decoration:none}

#footer .indent-footer{ padding: 5px 0px 0px 0px; }
#footer .indent-giraffe{ margin: -28px 0px 0px 0px; text-align:right; width: 900px; }

/*======= footer Q Warehouse Example =======*/


.h{ height:34px}