/*=--------------------------------------------------------------------------=*\
   This work is licensed under the

   Creative Commons Attribution-ShareAlike 2.5 License.

   To view a copy of this license, visit
   http://creativecommons.org/licenses/by-sa/2.5/ or send a letter to
   Creative Commons, 543 Howard Street, 5th Floor, San Francisco, California,
   94105, USA.
\*=--------------------------------------------------------------------------=*/

/*=--------------------------------------------------------= Colors Chart =--=*\
   ASI Blue:            #5B8496
   Dark ASI Blue:       #00789B
   Light ASI Blue:      #C6D7DF
   ASI Red:             #B9422F
   Dark ASI Red:        #913324
\*=--------------------------------------------------------------------------=*/

/*=------------------------------------------------------= Basic Elements =--=*/
html {
}

body {
	color: #333;
	background: #C6D7DF url('images/background.png') repeat;
	font-size: 12px;
	font-family: 'trebuchet ms', verdana, helvetica, arial, sans-serif;
	text-align: center;
	min-width: 700px;
}

form, input {
	padding: 0;
	margin: 0;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	font-family: 'trebuchet ms', verdana, helvetica, arial, sans-serif;
}

h1 {
	color: #74ACCC;
	font-size: 1.6em; /* Originally 18px */
	margin-bottom: .25em;
}

h2 {
	color: #B9422F;
	font-size: 1.4em; /* Originally 15px */
	margin-bottom: .25em;
}

h3 {
	color: #00789B;
	font-size: 1.2em;
	margin-bottom: 0;
}

h4 {
	color: #913324;
	font-size: 1.1em;
	font-weight: bold;
	margin-bottom: 0;
}

h5 {
	font-size: 1em;
	font-weight: bold;
	margin-top: 1em;
	margin-bottom: 0;
}

h6 {
	font-size: 1em;
	font-style: italic;
	margin-top: 1em;
	margin-bottom: 0;
}

pre, blockquote {
	 font-size: inherit;
	 padding: 0px 0px 0px 5px;
	 margin: .5em 0 .5em;
	 border-left: 1px solid #BACED9;
}

p {
	line-height: 130%;
	margin: .5em 0;
}

/*=-------------------------------------------------------------= Anchors =--=*/
a {
	color: #5B8496;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

a img {
	border: 0;
}

/* The following link enhancements do not work before IE7, Opera 8, Netscape 7 and Mozilla 1.5. */

a[href^="mailto:"] {
	background: transparent url(images/icons/mail_small.gif) 100% 80% no-repeat;
	padding-right: 15px;
}

#page a[href^="http:"],
#page a[href^="https:"] {
	background: transparent url(images/icons/external_link.gif) 100% 50% no-repeat;
	white-space: nowrap;
	padding-right: 9px;
}

#page a[href^="http://anamorphicsystems.com"],
#page a[href^="http://www.anamorphicsystems.com"],
#page a[href^="https://anamorphicsystems.com"],
#page a[href^="https://www.anamorphicsystems.com"] {
	background: transparent;
	padding-right: 0px;
}

/*=---------------------------------------------------------------= Lists =--=*/
#page ul {
	line-height: 12pt;
	list-style: none;
	padding-left: 0;
	margin: .25em 0 0;
}

#page ul li {
	background: transparent url(images/bullet_red.png) .5em .5em no-repeat;
	padding-left: 1.5em;
}

#page li ul {
	margin-bottom: .25em;
}

#page li ul li {
	background: transparent url(images/bullet_blue.png) .5em .5em no-repeat;
}

#page ol {
	line-height: 12pt;
	padding-left: 2em;
	margin: .25em 0 0;
}

#page ol li {
}

/*=----------------------------------------------------------= Containers =--=*/
#container {
	text-align: left;
	margin: 0 auto; /* center on everything else */
	position: relative;
	width: 706px;
}

#container-inner {
	position: static;
	width: auto;
}

#banner {
	background: transparent url(images/header_background.png) left top no-repeat;
	padding: 3px 13px 10px;
	position: relative;
	width: 680px; /* necessary for ie win */
}

#banner-inner {
	position: static;
}

#banner-header {
	padding-top: 16px;
	margin: 10px 0px 0px 0px;
	border-right: 1px solid #BACED9;
	float: left;
	width: 170px;
	height: 46px;
}

#banner-login {
	font-size: 11px;
	text-align: center;
	background: transparent url(images/login_background.png) top right no-repeat;
	padding-top: 12px;
	position: absolute;
	width: 100px;
	height: 19px;
	right: 30px;
}

#banner-search {
	position: absolute;
	right: 30px;
	top: 47px;
}

#banner-search input {
	border: 1px solid #BACED9;
	width: 100px;
}

/*=-----------------------------------------------------------= Major Nav =--=*/
#majornav {
	padding-top: 2px;
	margin: 0px 13px 10px;
	border-top: 1px solid #baced9;
	position: relative;
	width: 680px;
	height: 30px;
	z-index: 10;
}

.majornav-products #majornav,
.majornav-support #majornav,
.majornav-community #majornav,
.majornav-company #majornav {
	margin-bottom: 24px;
}

* html .majornav-products #majornav,
* html .majornav-support #majornav,
* html .majornav-community #majornav,
* html .majornav-company #majornav { /* IE6 Positioning fix */
	margin-bottom: 9px;
}

#majornav-inner {
}

#majornav-inner ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#majornav-inner ul li {
	background: transparent url(images/majornav_background.png) left top no-repeat;
	display: block;
	float: left;
	width: 170px;
	height: 32px;
}

.majornav-products #majornav-inner ul li.majornav-products,
.majornav-support #majornav-inner ul li.majornav-support,
.majornav-community #majornav-inner ul li.majornav-community,
.majornav-company #majornav-inner ul li.majornav-company {
	background-image: url(images/majornav_selected.png);
	height: 45px;
}

#majornav-inner ul li a {
	color: #163a5a;
	font-size: 12px;
	text-decoration: none;
	padding: 9px 12px 0px;
	display: block;
	width: 146px;
	height: 23px;
}

#majornav-inner ul li a:hover {
	background: transparent url(images/majornav_over_background.png) left top no-repeat;
}

.majornav-products #majornav-inner ul li.majornav-products a,
.majornav-support #majornav-inner ul li.majornav-support a,
.majornav-community #majornav-inner ul li.majornav-community a,
.majornav-company #majornav-inner ul li.majornav-company a {
	color: white;
	height: 35px;
}

.majornav-products #majornav-inner ul li.majornav-products a:hover,
.majornav-support #majornav-inner ul li.majornav-support a:hover,
.majornav-community #majornav-inner ul li.majornav-community a:hover,
.majornav-company #majornav-inner ul li.majornav-company a:hover {
	background: transparent url(images/majornav_over_selected.png) left top no-repeat;
}

/*=-----------------------------------------------------------= Minor Nav =--=*/
#minornav {
	display: none;
	float: left;
	width: 183px;
}

.majornav-products #minornav,
.majornav-support #minornav,
.majornav-community #minornav,
.majornav-company #minornav {
	display: block;
}

#minornav-inner {
}

#minornav-inner ul {
	list-style: none;
	padding: 0px 10px 0px 13px;
	margin: 0;
}

#minornav-inner ul li {
	text-align: right;
	display: block;
}

#minornav-inner ul li.selected {
	background-color: #B9422F;
}

#minornav-inner ul li a {
	font-size: 11px;
	text-decoration: none;
	padding: .6em 10px .6em 0px;
	display: block;
	width: 150px;
}

#minornav-inner ul li a:hover {
	background-color: #D3E3EB;
}

#minornav-inner ul li.selected a {
	color: white;
}

#minornav-inner ul li.selected a:hover {
	background-color: #913324; /* Lighter Alt #a13828 */
}

/*=-----------------------------------------------------------= Page Body =--=*/
#pagebody {
/*	position: relative; Keep this off or the majornav pointer line will break. */
	background: transparent url(images/content_background.png) top left repeat-y;
}

/*=------------------------------------------------------------= Pointers =--=*/
#pointer {
	background: transparent url(images/pointer_end_left.png) left top no-repeat;
	padding-left: 40px;
	display: none;
	position: absolute;
	height: 8px;
	left: 163px;
	top: 133px;
	z-index: 20;
}

#pointer-inner {
	background: transparent url(images/pointer_start_right.png) right top no-repeat;
}

.majornav-products #pointer {
	background: transparent url(images/pointer_start_left.png) left top no-repeat;
	display: block;
	width: 89px;
	left: 35px;
}

.majornav-products #pointer-inner {
	background: transparent url(images/pointer_end_right.png) right top no-repeat;
}

.majornav-support #pointer {
	display: block;
	width: 3px;
}

.majornav-community #pointer {
	display: block;
	width: 173px;
}

.majornav-company #pointer {
	display: block;
	width: 343px;
}

/*=-----------------------------------------------------------= Main Page =--=*/
#page {
	padding: 0 0 10px;
	margin: 0 0 0 13px;
	width: 680px;
}

#page p {
	line-height: 14pt;
	text-align: justify;
}

.majornav-products #page,
.majornav-support #page,
.majornav-community #page,
.majornav-company #page {
	margin: 0px 0px 0px 183px;
	width: 510px;
}

* html #page { /* IE 5.5,6 hack */
	margin-left: 11px;
	position: relative;
}

#page-inner {
	height: 100%;
	overflow: hidden;
}

.majornav-products #page-inner,
.majornav-support #page-inner,
.majornav-community #page-inner,
.majornav-company #page-inner {
	overflow: visible;
}

.frontpage-column-left,
.frontpage-column-center,
.frontpage-column-right {
	padding: 0 10px;
	margin: 0 -1px 10px 0;
	border: 1px solid #BACED9;
	display: block;
	float: left;
	width: 210px;
}

/* Start Mac IE5 filter \*/
.frontpage-column-left,
.frontpage-column-center,
.frontpage-column-right {
	padding-bottom: 32767px;
	margin-bottom: -32767px; 
}
/* End Mac IE5 filter */

.frontpage-column-left {
	padding-left: 0;
	border-width: 0 1px 0 0;
}

.frontpage-column-center {
	border-width: 0 1px 0;
}

.frontpage-column-right {
	padding-right: 0;
	border-width: 0 0 0 1px;
}

/*=------------------------------------------------------------= Callouts =--=*/
.callout {
	background: transparent url(images/callout_bottom.png) left bottom no-repeat;
	padding: 0 0 10px 0;
	margin: 2px -38px 2px 10px;
	position: relative; /* Required for IE6 to honor #page's overflow:visible */
	float: right;
	width: 191px;
	overflow: hidden;
}

* html .callout { /* IE6 Positioning Fix */
	margin: 2px -35px 2px 10px;
}

.callout-title {
	color: #00789B;
	background: transparent url(images/callout_top.png) left top no-repeat;
	font-size: 14px;
	font-weight: 700;
	padding: 15px 17px 0px 17px;
	margin: 0;
	min-height: 20px;
}

.callout-content {
	font-size: 11px;
	padding: 3px 17px 0 17px;
/*
	The following two lines were used when transparent PNGs were in place. To
	re-enable them remove the background and padding from .callout and use these
	two lines instead of the current padding in .callout-content. All callouts
	will be required to have a .callout-content div.
	
	background: transparent url(images/callout_bottom.png) left bottom no-repeat;
	padding: 3px 17px 10px 17px;
*/
}

.callout-content p {
	margin-top: 0;
}

#page .callout p {
	line-height: 11pt;
	text-align: left;
}

/*=-----------------------------------------------------------= Footer =--=*/
#footer {
	color: #5b8496;
	background: transparent url(images/footer_background.png) left bottom no-repeat;
	font-size: 10px;
	padding: 0 13px 13px;
	width: 680px;
}

* html #footer { /* IE 5.5,6 hack */
	position: relative;
}

#footer-inner {
	position: static;
	padding: 10px 0px 0px 0px;
	border-top: 1px solid #BACED9;
}

#copyright {
	font-size: 11px;
	padding: 1em 0;
	border-right: 1px solid #BACED9;
	float: left;
	width: 170px;
}

#contact-address {
	font-style: normal;
	padding-left: 30px;
	padding-top: 1em;
	float: left;
	width: 160px;
}

#contact-telephone {
	padding-top: 1em;
	float: left;
	width: 190px;
}

#footer-links {
	padding-top: 1em;
	float: left;
}

#footer-links a {
	font-weight: 700;
	white-space: nowrap;
	display: block;
}

/*=---------------------------------------------= Standard Helper Classes =--=*/
.clr {
	clear: both;
	overflow: hidden;
	width: 1px;
	height: 1px;
	margin: 0 -1px -1px 0;
	border: 0;
	padding: 0;
	font-size: 0;
	line-height: 0;
}

.pkg:after {
	content: " ";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
}
* html .pkg { display: inline-block; }
/* no ie mac \*/
* html .pkg { height: 1%; }
.pkg { display: block; }
/* */