/***********************************************/
/* motion.css                                  */
/* Copyright Motion Marketing, Inc.            */
/***********************************************/

/* Reset all */
* { margin: 0px; padding: 0px; }

/***********************************************/
/* HTML styles                                 */
/***********************************************/ 
body {
	color:#666; 
	font-size: 83%;
	line-height: 1.166;
	font-family: arial, helvetica, sans-serif;
	background-color: #fff;
	background-image: url(../images/background_eaebec.jpg); 
	background-repeat: repeat-x;
	background-attachment: fixed;
	margin: 0px auto; 
	voice-family: "\"}\""; 
	voice-family:inherit;
}

@media handheld {
    BODY { /* TBD */ }
}

h1, h2, h3, h4, h5, h6 { color: #06C; font-weight: bold; margin: 0px; padding: 0 0 0 0.3em; }
h1 { font-size: 2.0em; }
h2 { font-size: 1.6em; }
h3 { font-size: 1.2em; }
h4 { font-size:   1em; }
h5 { font-size: .93em; }
h6 { font-size: .86em; }
h1 a:link, 		h2 a:link, 		h3 a:link 		{ color: #06C; text-decoration: none; }
h1 a:visited, 	h2 a:visited, 	h3 a:visited 	{ color: #06C; text-decoration: none; }
h1 a:hover, 	h2 a:hover, 	h3 a:hover 		{ color: #06C; text-decoration: underline; }
h1 a:active, 	h2 a:active, 	h3 a:active 	{ color: #06C; text-decoration: underline; }

a:link, a:visited { color: #039; text-decoration: underline; }
a:hover, a:active { color: #06C; text-decoration: underline; }

p { color: #666; line-height: 1.2em; margin: 0 0 0 6px; padding: 0px; }

ul { color: #666; font-size: 1em; margin: 5px 16px 5px 20px; list-style-type: disc; }
ul ul { color: #666; font-size: .93em; list-style-type: square; }
ul ul ul { color: #666; font-size: .86em; list-style-type: circle; }

ol { color: #666; font-size: 1em; margin: 5px 16px 5px 25px; }
ol ol { color: #666; font-size: .93em;  }
ol ol ol { color: #666; font-size: .86em;  }

hr { color: #ccc; height: 1px; }

table tr, td, th { margin: 0px; padding: 0px; } 

img { border: none; }

/********* form and related tag styles *********/
form { 	margin: 0; 	padding: 0; }
input { font-family: Arial,sans-serif; }
label { font: bold 1em Arial,sans-serif; color: #333; }
textarea { font-family: Arial,sans-serif; }


/********* table styles *********/
.storetable td { padding: 12px; }


/***********************************************/
/* Layout Divs                                 */
/***********************************************/
#page {
	position: relative; 
/*	min-width:980px;
	max-width:1280px; */ 
	margin: 0 3% 0 3%;
/*	padding: 0 10px 0 10px; */
	overflow:hidden;
}
@media projection {
    #page { width: 1920px; }	
}

#masthead {
	position:relative;
	height: 24px; 
	margin-bottom: 6px;
}

#bodyheader {
	position: relative; 
/*	background-color: #999; */
/*	width: 100%; */
	height:22px;
}

#bhimg-l { position: absolute; top: 0px; left: 0px; z-index: 100; height:22px; width:980px;
	background-image:url(../images/bhimg.png);
	background-image:expression('none')!important;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/bhimg.png', sizingMethod='crop');
}
#bhimg-r { position: absolute; top: 0px; right: 0px; z-index: 100; height:22px; width:980px;
	background-image:url(../images/bhimg.png);
	background-image:expression('none')!important;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/bhimg.png', sizingMethod='crop');
}
/* syntax???*/
/*
#bhimg #bhimg-l { left:0px; }
#bhimg #bhimg--r { right:0px; }
*/

#tl { position: absolute; top: 0px; left: -2px; z-index: 100; }
#tr { position: absolute; top: 0px; right: -2px; z-index: 100; }

/* --- picture box ---*/
#picturebox {
	position: relative; 
	width:100%;
	background-color: #fff; 
	border: solid 1px #eee; 
	margin: 36px 0 38px 0;
}

#picture {
/*	float:left; */
	position:relative;
/*	border: solid 1px #0ff; */
/*	padding: 0 0 8px 0; */
}

#overlayhome {
	display: none; 
}
#picmatte {
	position:absolute;
	right:0px;
	top:-30px;
	z-index:101;
}

#picshow {
	position:absolute;
	right:30px;
	top:-7px;
	z-index:101;
	display:none; /*TEMP*/
}

#homepagebullets  {
	position: absolute;
	color:#fff;
	right:41px;
	top:70px;
	width: 373px;
	height: 127px;
	line-height: 1.166;
	z-index:102;
	display: none; 
}

#homepagebullets H1, H2, H3 {
	color:#333;
}
#homepagebullets p {
	color:#666;
}

	#homepagebullets A:link, #homepagebullets A:visited { color: #999; text-decoration: none; }
	#homepagebullets A:hover, #homepagebullets A:active { color: #333; text-decoration: underline; }


.pictureclients {
	border: solid 4px #CCC; 
}

/* --- content ---*/
#contentbox {
/*	float:left;  */
	position: relative; 
	width:100%;
	min-height: 240px; 
	background-color: #fff;
	overflow:hidden; 
}

.content625 {
	float:left; 
	position:relative;
	background-color: #fff;
	width:60%; 
/*	min-width:625px; */
	padding: 4px 20px 8px 20px; 
/*	border: solid 1px #f00; 
	border-top: solid 2px #000; */
/*	overflow:hidden;  */
}

.content200 {
	float:left;
	position:relative;
	background-color: #fff;
	width:200px; 
	padding: 4px 20px 8px 20px; 
/*	border: solid 1px #0f0; 
 	border-top: solid 2px #000; */	
/*	overflow:hidden; */
}

.content280  {
	float:left;
	position:absolute;
	background-color: #fff;
	width:280px; 
	right:0px;
	padding: 4px 12px 8px 12px;
	right:0px; 
/*	overflow:hidden; */
}

#map {
	border: solid 1px #ccc;
}

/* --- footer ---*/
#footerbox {
	position: relative;
	width:100%;
	height: 100px;
/*	background-image: url(../images/background_eaebec.jpg);
	background-repeat: repeat-x;
*/
}

#footer {
	color: #999;
	padding: 20px;
}
	#footer A:link, #footer A:visited { color: #999; text-decoration: none; }
	#footer A:hover, #footer A:active { color: #06C; text-decoration: underline; }

.separator { clear:both; }

/***********************************************/
/* Masthead styles                             */
/***********************************************/
#companylogo { position: absolute; padding:2px; }

#companyname {
	color: #999;
	font-size: 2em;
	position: absolute;
	left: 170px;
	top: 12px;
}
	#companyname a:link, #companyname a:visited { color: #999; text-decoration: none; }
	#companyname a:hover, #companyname a:active { color: #06C; text-decoration: underline; }

#companytagline {
	position:absolute;
	color:#999;
	top:42px;
	left:170px;
}


/*************** form search input styles *****************/
#search {
	position: absolute;
	top: 6px;
	right: 10px;
	z-index: 101;
	color: #333;
	font-weight: bold;
}

#search input {
  font-size: .9em; 
  margin: 0px  0px 0px 10px;
}
 

/* ***** needed for shopping cart ****** */
.copyright {
  font-size: .9em; 
}

.shoppingcart h1, h2, h3 { margin: 8px 0 8px 0; }
.shoppingcart { background-color:#FFFFFF; width: 625px; margin: 0px 0px 6px 0px;  padding: 0px 0px 12px 0px; }