/*
Design - Ampient Inc.
*/

body {
	background: #E0E0E0;
	margin:0px; 
	padding:0px;
	line-height: 140%;
	font-family: Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans serif;
}

.IEForm {
    margin: 0 auto;
    padding: 20px;
    background-color: #DEE8F1;
	width: 70%;
}

.myBoxIE {
    margin: 0 auto;
    color: #fff;
    padding: 20px;
    background-color: #DEE8F1;

    /* Do rounding (native in Firefox and Safari) */
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
}

.myBoxB {
    margin: 0 auto;
    color: #BDC7D6;
    padding: 30px;
    background: url("http://ampient.com/images/formback.png") repeat-x scroll 0 0 #DEE8F1;
    background-color: #DEE8F1; 

    /* Do rounding (native in Firefox and Safari) */
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
}


div#blog_head {
	margin: 0 auto;
	width: 936px;
}

div#blog_pad {
	margin: 0;
	width: 16px;
	float: right;
	height: 200px;
}

div#blog_innerds {
	margin: 0 auto;
	width: 920px;
	float: right;
}

div#outer {
	width: 920px;
	background-color:#FFFFFF;
	margin-top: 0px;
	/* margin-bottom: 50px; */
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
	border: none;
}

#content {
	margin: 0.15in auto;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 30px;
	padding-left: 30px;
	background-color: #fff;
	line-height: 140%;
	font-family: Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans serif;
	font-size:1.0em; 
	color: #333333;
}

#footer {
	padding: 10px 20px;
}

.leftcolumn {
	width: 68%;
	float: left;
	//line-height: 140%;
}

.rightcolumn {
	width: 25%;
	float: right;
	padding-left: 20px;
}

.centercolumn {
	width: 100%
}

.clear {
	clear: both;
}

td {
	vertical-align: top;
	line-height: 20px
}

h1 {
    border-bottom: 1px solid #D3D3D3;
    font-size: 30px;
    font-weight: normal;
    margin: 0;
    padding: 0 0 7px;
}

a:link, a:visited {
	color:#43586d
} 
a:hover {
	color:#003156
}
.main-table {
	border: 1px solid #FFFFFF; 
	background-color:#FFFFFF; 
	width:100%
}
.style1 {
	font-size: 10px
}
.bg-white {background-color:#FFFFFF}


/*
Top Menu
*/

.primary-menu {
    	height: 74px;
	margin: 0px auto;
	padding: 0;
	background-color: #B9AFA5;
}

#logo-left {
	float: left;
	padding-top: 15px;
	padding-left: 20px; }
	#logo-left a,img {
		outline: none;
		border: 0; }

#home-left {
	padding-left: 8px;
	float: left; }
	#home-left a {
		text-align: center;
		font-size:30px; 
		font-family: Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans serif;
		color: white;
		display: block;
		text-decoration: none;
		padding-top: 24px;	
		height: 50px; }

#primary-nav {
	width: 675px;
	float: right;
	margin: 0;
	font-size:0.85em; 
	color:#FFF; 
	padding-right: 18px;
	clear: right; 
	height: 72px;}
	#primary-nav li {
		list-style-type: none;
		float: right; }
	#primary-nav a {
		color: white;
		display: block;
		outline: none;
		text-align: center;
		background-color: #B9AFA5;
		text-decoration: none;
		padding-top: 24px;
		padding-left: 18px;
		padding-right: 18px;
		height: 50px; }
		#primary-nav a:hover {
			background-color: #D3C9BE;
			text-shadow: #fff 3px 3px 6px; }
		#primary-nav a.active {
			background-color: #D3C9BE;
			text-shadow: #fff 3px 3px 6px; }
		#primary-nav a.first {
			text-indent: 10px; }


/*
General content
*/

.content {
	padding-top: 25px;
	padding-left: 5px;
	padding-right: 60px;
	padding-bottom: 35px
}
.slide-content {
	padding: 0;
}
.content-right {
	padding-top:60px; 
	padding-right:20px;
}
a.made-in {
	color:#aaaaaa;
}
.made-in_text {
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #aaaaaa;
	padding-left:3px;
	padding-bottom:15px
}
a.menu-right, a.menu-right:visited {
	font-size: 20px; 
	line-height:38px; 
	padding-left:20px; 
	text-decoration:none; 
	color:#aaaaaa; 
	background-color:#FAFAFA; 
	width:180px; 
	display:block; 
	border-bottom:#CCCCCC solid 1px
}
a.menu-right:hover {
	background-color:#eef2f5; 
	color:#6b7785
}


/*
Cationed Images
*/

#captioned-images {
	margin: 0px auto;
	width: 920px;
	height: 540px;
}

#captioned-images-small {
	margin: 0px auto;
	width: 920px;
	height: 200px;
}

dl.captioned-image         { 
	position: relative; 
	margin: 0;
}
dl.captioned-image dt img  { 
	display: block; 
	width: 920px;
	height: 540px
}
dl.captioned-image.small dt img  { 
	display: block; 
	width: 920px;
	height: 200px
}
dl.captioned-image dd      { 
	position: absolute; 
	left: 0; 
	top: 1.5em;
	font: bold 1.5em/0.75em Helvetica, sans-serif;
}
dl.captioned-image.top dd  { 
	top: 1.25em
}
dl.captioned-image dd span { 
	display: block; 
	float: left; 
	clear: both;
	background-color: rgba(0, 0, 0, 0.7); 
	padding: 0.25em 0.5em; 
	color: #fff 
}


/*
Image Nav (numbered boxes)
*/

#nav { 
	z-index: 50; 
	position: relative; 
	bottom: 40px; 
	left: 25px;
	font-size:14px;
	width: 90%;
}
#nav a { 
	margin: 0 5px; 
	padding: 3px 5px; 
	border: 1px solid #ccc; 
	background: #eee;
	text-decoration: none;
}
#nav a.activeSlide { 
	background: #aaf 
}
#nav a:focus { 
	outline: none 
}


/*
Image Nav (un-numbered disks)
*/

#nav-disks { 
	z-index: 50; 
	position: relative; 
	bottom: 40px; 
	left: 25px;
	font-size:14px;
	width: 90%;
	/* background: rgba(0, 0, 0, 0.3) */
}
#nav-disks a { 
	margin: 3px;
	text-decoration: none;
	border: none;
	outline: none; 
	width: 26px;
	height: 26px;
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; // first for IE!
	filter:alpha(opacity=50); // second for IE
}
#nav-disks a.activeSlide { 
	-moz-opacity: 1.0;
	-khtml-opacity: 1.0;
	opacity: 1.0;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; // first for IE!
	filter:alpha(opacity=100); // second for IE
}
#nav-disks a:focus {
	border: none; 
	outline: none;
}
#nav-disks img { 
	border: none; 
	outline: none 
}
#nav-disks a:hover img:hover {
	-moz-opacity: 1.0;
	-khtml-opacity: 1.0;
	opacity: 1.0;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; // first for IE!
	filter:alpha(opacity=100); // second for IE
}

/* Mixed image-text layout */
.page_box {
    margin: 20px 0 0;
    width: 100%;
}
.page_box .page_box_text{
    float: left;
    margin-left: 30px;
    width: 530px; //550px for flush
}

.page_box_text h2 {
    color: #2F4958;
    margin-bottom: 20px;
    margin-top: 16px;
}

.page_image_outer {	
    	float: left; 
    	margin: 16px auto;
    	padding: 0px;
    	border: none;
	width: 280px;
	text-align: center;
}

.page_rounded_image {
	margin: 0 auto;	
 	border-radius: 20px;
	-moz-border-radius: 20px;
	-khtml-border-radius: 20px;
	-webkit-border-radius: 20px;
	width: 200px;
	height: 200px;
	background: url('http://placekitten.com/200/200') repeat scroll 0% 0% transparent;	
}

.single_col_text {
    margin-left: 25px;
    margin-right: 30px;
}


/* cross-platform CSS shadow */
.shadow {
	-moz-box-shadow: 0px 0px 20px #888;
	-webkit-box-shadow: 0px 0px 20px #888;
	box-shadow: 0px 0px 20px #888;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=7, Direction=135, Color='#808080')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=7, Direction=135, Color='#808080');
}
@media only screen and (max-device-width: 480px), only screen and (device-width: 768px), only screen and (-webkit-min-device-pixel-ratio: 2) {
  /* iPhone3, iPhone4, iPad get no shadow */
  .shadow {
	-moz-box-shadow: 0px 0px 0px #888;
	-webkit-box-shadow: 0px 0px 0px #888;
	box-shadow: 0px 0px 0px #888;
  }

  div#blog_head {
	width: 920px;
  }

  div#blog_pad {
	width: 0px;
  }

  div#blog_innerds {
	width: 920px;
  }
}

DIV.table-div {
	min-width: 350px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin: 0 auto;
}

#table body
{
	line-height: 1.6em;
}

#table-box
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 14px;
	background: #b9c9fe; 
	/* margin: 5px; */
	width: 100%; 
	text-align: right;
	border-collapse: collapse;
}
#table-box th
{
	font-size: 16px;
	font-weight: normal;
	padding: 12px 14px 12px 8px;
	background: #b9c9fe;
	border-top: 4px solid #aabcfe;
	border-bottom: 1px solid #fff;
	color: #039;
	text-align: center;
}
#table-box td
{
	padding: 8px 16px 8px 6px;
	border-bottom: 1px solid #fff;
	color: #339;
	border-top: 1px solid transparent;
	text-align: center;
}
#table-box .odd
{
	background: #e8edff; /* needed for bug in IE7 (sigh) */
}
#table-box .even
{
	background: #d0dafd; 
}
#table-box tfoot td
{
	font-size: 80%;
	font-style: italic;
	background: #b9c9fe;
	border-bottom: 4px solid #aabcfe;
	text-align: center;
	padding: 6px;
}
#table-box tr:hover
{
	background: #fff;
	color: #117;
}


a.button-container {
	color: white;
}

.button {
   border-top: 3px solid #59de76;
   background: #034004;
   background: -webkit-gradient(linear, left top, left bottom, from(#4cbd46), to(#034004));
   background: -webkit-linear-gradient(top, #4cbd46, #034004);
   background: -moz-linear-gradient(top, #4cbd46, #034004);
   background: -ms-linear-gradient(top, #4cbd46, #034004);
   background: -o-linear-gradient(top, #4cbd46, #034004);
   padding: 30px 60px;
   -webkit-border-radius: 16px;
   -moz-border-radius: 16px;
   border-radius: 16px;
   -webkit-box-shadow: rgba(0,0,0,1) 3px 3px 5px;
   -moz-box-shadow: rgba(0,0,0,1) 3px 3px 5px;
   box-shadow: rgba(0,0,0,1) 3px 3px 5px;
   text-shadow: rgba(0,0,0,.4) 2px 2px 0;
   color: white !important;
   font-size: 36px;
   font-family: Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans serif;
   text-decoration: none;
   vertical-align: middle;
}

.button:hover {
   border-top-color: #3fb532;
   /* -webkit-box-shadow: rgba(0,0,0,1) 1px 1px 1px; 
   -moz-box-shadow: rgba(0,0,0,1) 1px 1px 1px;
   box-shadow: rgba(0,0,0,1) 1px 1px 1px; */
   background: #3fb532;
   color: white;
}

.button:active {
   border-top-color: #ffffff;
   background: #ffffff;
}