/***********************************************/
/* motion.css                                  */
/* Copyright Motion Marketing Inc              */
/***********************************************/
/* Reset all */
* { margin: 0px; padding: 0px; }

body {
	font-family: Arial, Verdana, Helvetica;
	font-size:.9em;
	background-color:#ccc;
}

h1, h2, h3 { color: #08197A; font-size:1em; font-weight: bold; font-family: Arial, Verdana, Helvetica; margin:0em; padding:0em; }
h1 { font-size:  1.2em; }
h2 { font-size:  1em;   }
h3 { font-size: .9em;   }

A:link, A:visited { color: #08197A; text-decoration: none;}
A:hover, A:active { color: #ff0000; text-decoration: underline; }

p { color: #666; margin:0em; padding:0em; }

ul { color: #999; list-style-type: square; font-size:.8em; font-family: Verdana, Arial, Helvetica; margin: 8px; padding: 4px;}
ul ul { list-style-type: disc; font-size: .7em; font-family: Verdana, Arial, Helvetica; margin: 8px; padding: 4px;}
ul ul ul { list-style-type: none; font-size: .6em; font-family: Verdana, Arial, Helvetica; margin: 8px; padding: 4px;}

ol { color: #999;font-size:.8em; font-family: Verdana, Arial, Helvetica; }
ol ol { font-size: .7em; font-family: Verdana, Arial, Helvetica; }
ol ol ol { font-size: .6em; font-family: Verdana, Arial, Helvetica; }

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

blockquote {
	margin:12px;
	font-style:italic;
}
/***********************************************/
/* Page Layout                              */
/***********************************************/
/* #surface {} */

#page {
	background-color:#fff;
	/* min-width:960px;
	max-width:1024px; */
	width:960px;
	margin:0px auto;
	padding:8px;
}

#masthead { /*padding-top: 4px; */}


#mainpic {background-image:url(../images/Wonders-In-Motion_triple.jpg); background-repeat:no-repeat; width:940px; height:313px; margin:0 auto;  display:block; }

#content { clear:both; margin:0px; padding-right:28px; overflow:hidden;}
/* #content img { margin:0 auto; display:block; } */

#companyname { clear:both; float:left; color:#666; font-size: 24px; text-transform:lowercase; width:400px; padding-left:4px;}
#companytagline { float:left; color: #666; font-size: 12px; margin: 8px 24px 0 4px; width:240px;  }

#sitemap { float:right; width:120px; text-align:right; text-transform:lowercase; margin-top:4px; padding-right:8px; }

.boxmax {
	/*clear:both;*/
	float:left;
	border:1px solid #006;
	-moz-border-radius: 15px;
	border-radius: 15px;
	box-shadow: rgba(0,0,0,0.3) 0px 6px;
	margin-bottom:18px;
	width:100%;
	padding:12px;
}

.boxmid {
	/*clear:both;*/
	float:left;
	border:1px solid #006;
	-moz-border-radius: 15px;
	border-radius: 15px;
	box-shadow: rgba(0,0,0,0.3) 0px 6px;
	margin-bottom:18px;
	width:670px;
	padding:12px;
}

.boxside {
	float:left;
	border:1px solid #006;
	-moz-border-radius: 15px;
	border-radius: 15px;
	box-shadow: rgba(0,0,0,0.3) 0px 6px;
	margin-left:12px;
	margin-bottom:18px;
	width:180px;
	padding:12px;
	height:200px;
}


.bluefade { width:100%;	}

#contentbox {
		display:block;
		min-height:200px;
		overflow:hidden; /* added to pre-determine height */
}

#contentpic img {
	float:left;
	padding: 0 80px 0 80px;
	/*border:1px solid #f00;*/
	overflow:hidden;
}

#contenttxt {
	float:left;
	/*border:1px solid #0f0;*/
}

/**********************************************
menus                           
********************************************* */ 
#menu { clear:both; color: #08197A; font-size:1em; font-family: font-family: Arial, Helvetica, sans-serif; text-transform:lowercase; padding:4px; }
	#menu A:link, #menu A:visited { color: #08197A; text-decoration: none; }
	#menu A:active, #menu A:hover { color: #f00; text-decoration: underline; }
	
#submenu { color: #08197A; font-size:.85em; font-family: Verdana, Arial, Helvetica; }
	#submenu A:link, #submenu A:visited { color: #08197A; text-decoration: none; }
	#submenu A:active, #submenu A:hover { color: #ff00; text-decoration: underline; }
	
/**********************************************
 Special Box styles                            
********************************************* */ 
.box { background: #ffffff; -moz-opacity: .8; filter: alpha(opacity=70); }
.infobox { border: solid 1px #dddddd; padding: 5px }

/************** .form styles ***************/
form { margin: 0px; padding: 4px;}
input, select, textarea, option	{ font-size: 11px; font-family: Verdana, Arial, Helvetica }
.formprompt { color: #808080; font-size: .8em; font-family: Verdana, Arial, Helvetica }

/************** #advertising styles **************/
.google_adsense_728x90 {
	display:block;
	margin:4px auto 4px auto;
	border:1px solid #eee;
	width:728px;
	height:90px;
}

/************* #search styles ***************/
#search { float:right; font-size: 90%; padding:0 8px 0 8px; }
#search form{ margin: 0px; padding: 0px;}
#search label{ display: block; margin: 0px; padding: 0px;}

#cse-search-form { 
	float:right; margin:0px; padding:2px; 
	width: 220px; 
	/* border:1px solid #f00; */
}


/* ****** Bottom of the page styles ******** */
#footer { clear: both; color: #999; margin:0 auto; padding:10px; text-align:center; }
	#footer a:link, #footer A:visited { color: #999; text-decoration: none;}
	#footer A:hover, #footer A:active  { color: #f00; text-decoration: underline;}

#copyright { color: #999; font-size:.85em; margin: 8px auto 8px auto; }
	#copyright A:link, #copyright A:visited { color: #999; text-decoration: none; text-align:center; }
	#copyright A:active, #copyright A:hover { color: #f00; text-decoration: underline; }