/* GLOBAL STYLES */
/* ##################################################### */

* { font-family: Verdana, Arial, sans-serif; }

h1 { font-size:200%; margin: 30px 0 10px 0; }
h2 { font-size:150%; margin: 22px 0 8px 0; }
h3 { font-size:120%; margin: 20px 0 6px 0; }
h4 { font-size:100%; margin: 17px 0 4px 0; }
h5 { font-size:100%; margin: 15px 0 2px 0; }
h6 { font-size:100%; margin: 10px 0 0px 0; }

body {
	margin: 17px 0;
	font-size: 12px;
	color: #4c5c74;
	text-align: center;
	background: url(../pix/bg-body.gif) #a1a9af;
}

a {
	color: #1c61c9;
	text-decoration: none;
}
a:hover, a:active, a:focus {
	color: #c91c1c;
	text-decoration: none;
}

input, textarea {
	font-size: .9em;
	margin: 1px !important;
	margin: 0;
}

img {
	border-color: #c3c2b6;
}

/* BODY-FADE */
/* ##################################################### */

#body-fade {
	position: absolute;
	height: 450px;
	width: 100%;
	top: 0;
	left: 0;
	background: url(../pix/bg-fade.gif) repeat-x;
}

/* CONTAINER */
/* ##################################################### */

#container, #container-top, #container-btm {
	position: relative;
	width: 770px;
	margin: 0 auto;
}
#container {
	text-align: justify;
	background: url(../pix/bg-container.png) repeat-y !important;
	/* ie 6- fix */
	background: none;
	filter:expression( /* expression is for sub-directories */
/*		offset = '/new', */
		offset = '', 
		root   = location.pathname.indexOf('/', 1+(location.pathname.indexOf(offset) >= 0 ? offset.length : 0) ) >= 0 ? '../' : '', 
		"progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod='scale', src='"+root+"pix/bg-container.png')"
	);
}

#container-top {
	height: 12px;
	background: url(../pix/bg-container-top.png) no-repeat !important;
	/* ie 6- fix */
	background: none;
	filter:expression( /* expression is for sub-directories */
/*		offset = '/new', */
		offset = '', 
		root   = location.pathname.indexOf('/', 1+(location.pathname.indexOf(offset) >= 0 ? offset.length : 0) ) >= 0 ? '../' : '', 
		"progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod='scale', src='"+root+"pix/bg-container-top.png')"
	);
}

#container-btm {
	height: 12px;
	background: url(../pix/bg-container-btm.png) no-repeat !important;
	/* ie 6- fix */
	background: none;
	filter:expression( /* expression is for sub-directories */
/*		offset = '/new', */
		offset = '', 
		root   = location.pathname.indexOf('/', 1+(location.pathname.indexOf(offset) >= 0 ? offset.length : 0) ) >= 0 ? '../' : '', 
		"progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod='scale', src='"+root+"pix/bg-container-btm.png')"
	);
}

/* CONTENT TABLE */
/* ##################################################### */

#content {
	margin: 0 10px 0 5px;
}

#left-column {
	width: 204px;
	padding: 0 10px;
	vertical-align: top;
	color: #375b8d;
	font-size: 11px;
}

#right-column {
	vertical-align: top;
}

/* LOGO */
/* ##################################################### */

#logo-print { display: none; }
#logo-screen {
	text-align: center;
	background: #dbdacb;
	display: block;
	margin: 0 -10px;
	/* firefox - if the image doesn't show, the alt text will be this font: */
	font: bold 22px Arial, Helvetica, sans-serif;
}

/* MENU */
/* ##################################################### */

#menu {
	margin: 20px 0;
	padding: 0;
	list-style: none;
}

#menu li {
	display: inline;
}

#menu a {
	display: block;
	height: 35px;
	line-height: 35px;
	color: #ffffff;
	font-size: 14px;
	text-indent: -20000px;
	border-bottom: solid 1px #acaba4;
}

#menu li.last-child a {
	border-bottom: none;
}

#menu a:hover, #menu a:active, #menu a:focus {
	-moz-outline: none;
	background-color: #b9b8a8;
}

#menu #home a { background: url(../pix/menu-home.gif) left center no-repeat; }
#menu #prod a { background: url(../pix/menu-prod.gif) left center no-repeat; }
#menu #abou a { background: url(../pix/menu-abou.gif) left center no-repeat; }
#menu #cont a { background: url(../pix/menu-cont.gif) left center no-repeat; }

body.home #menu #home a { background: url(../pix/menu-home-at.gif) left center no-repeat; }
body.prod #menu #prod a { background: url(../pix/menu-prod-at.gif) left center no-repeat; }
body.abou #menu #abou a { background: url(../pix/menu-abou-at.gif) left center no-repeat; }
body.cont #menu #cont a { background: url(../pix/menu-cont-at.gif) left center no-repeat; }

#menu #home a:hover, #menu #home a:active, #menu #home a:focus { background: url(../pix/menu-home-on.gif) left center no-repeat #b5b4a8; }
#menu #prod a:hover, #menu #prod a:active, #menu #prod a:focus { background: url(../pix/menu-prod-on.gif) left center no-repeat #b5b4a8; }
#menu #abou a:hover, #menu #abou a:active, #menu #abou a:focus { background: url(../pix/menu-abou-on.gif) left center no-repeat #b5b4a8; }
#menu #cont a:hover, #menu #cont a:active, #menu #cont a:focus { background: url(../pix/menu-cont-on.gif) left center no-repeat #b5b4a8; }

/* in case you want submenus */

#menu li.sub a {
	margin-left: 30px;
	text-indent: 20px;
}

/* FOOTER */
/* ##################################################### */

#footer {
	position: relative;
	width: 760px;
	margin: 0 auto;
	font-size: 11px;
	text-align: right;
	padding-right: 10px;
	color: #dfe6ec;
}

#footer #designer a {
	color: #ffffff;
}

#footer #address { display: none; }

/* LINKS */
/* ##################################################### */

#links {
	text-align: center;
	font-size: .9em;
	margin: 30px 0 15px 0;
}

/* OTHER */
/* ##################################################### */

#toll-free {
	background: #dbdacb;
	margin: 0 -7px 0 -10px;
	text-align: center;
	padding: 25px 0;
	/* firefox - if the image doesn't show, the alt text will be this font: */
	font: bold 16px Verdana, Arial, Helvetica, sans-serif;
}

#left-column h3 {
	color: #5e5c4c;
	text-align: center;
	margin: 30px 0;
}

#contact-info {
	margin: 40px 0;
	padding: 20px 0;
	border: solid #acaba4;
	border-width: 1px 0;
	text-align: center;
	font-weight: bold;
}

.content-pad {
	margin: 20px;
	margin-top: 0;
}

.box {
	position: relative;
	padding: 20px 15px;
	margin: 30px 22px 20px 20px;
	border: solid 1px #c3c2b6;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
}

.box h3 {
	margin-top: -30px;
	margin-bottom: 10px;
}

.box h3 div {
	display: inline;
	background: #fcfbf3;
	padding: 0 6px 0 5px;
}

.small {
	font-size: .9em;
}