* {padding: 0; margin: 0;} 

html { 
    height: 100%; 
	margin-bottom: 1px; 
    overflow-y: scroll;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	color: #666c84;	/* sets the default type color */
	background-color: #FFF;
}

a {
	color: #005EAD;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

p {
	line-height: 140%;
	color: #666c84;
	font-size: 14px;
	font-weight: normal;
}

ul {
	line-height: 140%;
	font-weight: normal;
}

ol {
	line-height: 140%;
	font-weight: normal;
}

.Underline {
	text-decoration: underline;	 

}

.italics {
	font-style: italic;
}


.dropcaplists li {
	line-height: 140%;
	color: #666c84;
	font-size: 14px;
	font-weight:  normal;
    margin-left: 25px;
	list-style-type: lower-alpha;
	display: list-item;
	list-style-position: outside;
}	
.bodyollists li {
	line-height: 140%;
	color: #666c84;
	font-size: 14px;
	font-weight:  normal;
    margin-left: 25px;
	list-style-type: decimal;
	display: list-item;
	list-style-position: outside;
}	

.bodylists li {
	line-height: 140%;
	color: #666c84;
	font-size: 14px;
	font-weight:  normal;
    margin-left: 25px;
	list-style-position: outside;
}	

.test {
	float: left;
	padding-left: 15px;
	width: 665px;
    display: inline;
	overflow: auto
}

	

#whoweare li {
	line-height: 140%;
	color: #666c84;
	font-size: 14px;
	font-weight:  normal;
    margin-left: 25px;
	list-style-position: outside;
	}	


	
sup { 
	font-size: 70%;
	position:relative;
	top: 2px;
}


h1 {
	line-height: 140%;
	font-weight: bold;
	font-size: 22px;
	color: #1E336D;
}

h1.home {
	line-height: 110%;
	font-weight: normal;
	text-align: center;
	font-size: 14px;
	color: #fff;
}

h1.webinar {
	line-height: 110%;
	font-weight: normal;
	text-align: center;
	font-size: 14px;
	color: #fff;
}

a h1.webinar {
	line-height: 110%;
	font-weight: normal;
	text-align: center;
	font-size: 14px;
	color: #fff;
}

a:hover h1.webinar  {
	line-height: 110%;
	font-weight: normal;
	text-align: center;
	font-size: 14px;
	color: #ffccff;
	text-decoration: underline;	 
}

h2 {
	line-height: 140%;
	font-weight: normal;
	font-size: 17px; 
	color: #1E336D;
}

h2.pnormal {
	line-height: 140%;
	font-weight: normal;
	font-size: 14px; 
	color: #666C84;
}

h2.btn {
	line-height: 100%;
	font-weight: bold;
	font-size: 20px; 
/*	color: #1E336D;  */
	margin-top: 8px;
}

h3 {
	line-height: 140%;
	font-weight: normal;
	font-size: 17px;
	color: #00888E;
}

h4 {
	line-height: 140%;
	font-weight: normal;
	font-size: 14px; 
	color: #1E336D;
}

h4.btn {
	line-height: 140%;
	font-weight: normal;
	font-size: 14px; 
/*	color: #1E336D;  */
}

h5 {
	line-height: 140%;
	font-weight: normal;
	font-size: 12px; 
	color: #005EAD;
}

	
h6 {
	line-height: 140%;
	font-weight: normal;
	font-size: 12px; 
	color: #1E336D;
	padding-bottom: 10px;
}

h6.blog {
	line-height: 100%;
	font-weight: bold;
	font-size: 17px; 
	color: #1E336D;
	padding: 0px;
	margin: 0px;
}


.bloglink { 
	font-size: 10px; 
	line-height: 100%;
	font-weight: normal;
	padding-top: 0px;
	padding-bottom: 20px;
	margin: 0px;
}

h6.blog2 {
	line-height: 100%;
	font-weight: bold;
	font-size: 16px; 
	color: #1E336D;
	padding: 0px;
	margin: 0px;
}


.bloglink2 { 
	font-size: 10px; 
	line-height: 100%;
	font-weight: normal;
	padding-top: 5px;
	padding-bottom: 20px;
	margin: 0px;
}

.bloglink3 { 
	font-size: 12px; 
	line-height: 100%;
	font-weight: normal;
	padding-top: 5px;
	padding-bottom: 20px;
	margin: 0px;
}


h6.webinar {
	line-height: 100%;
	font-weight: bold;
	font-size: 17px; 
	color: #1E336D;
	padding: 0px;
	margin: 0px;
	padding-bottom: 10px;
}
/*
.map > area:focus {
    outline: none; 
	border:0; 
	-webkit-outline: none;
}

.map a:active, .map a:selected, .map a:visited { 
    border: none;
    outline: none;
}

.map *:active { overflow-x: hidden }

.map, .workflowchart {
    outline: none;
}

.noline:focus  {  outline: none !important;  } */
.noline  {  outline: none !important;  } 



.reffoot {
	font-size: 12px; 
	line-height: 100%;
	font-weight: normal;
	color: #1E336D;
	padding-left: 2em;
	text-indent: -2em;	
	text-align: left;
}


.reference {
	float: left;
	padding-left: 15px;
	width: 665px;
    display: inline;
}

.highlightref {
    border-top: 1px solid #E0E0E0;
	width: 550px;   
	margin-top: 10px;	
	margin-bottom: 10px;
    clear: both;	
	overflow: hidden
}
	


.maincolor {
	color: #1E336D;
}

.bodycolor {
	color: #005EAD;
}

.hightlightcolor {
	color: #00888E;
}


.return {
	text-align: right;
	padding-top: 8px;	
	margin-right: 15px;	
	font-size: 11px; 
	line-height: 100%;
}

.padtop {
	padding-top: 10px;	

}

hr {
 	color: #E0E0E0;
	background-color: #E0E0E0;
    border: 1px solid #E0E0E0;
	height: 1px;
	width: 680px;   
	margin-top: 10px;	
	margin-bottom: 10px;
    clear: both;
}
	
hr.highlight {
 	color: #1E336D;
	background-color: #1E336D;
    border: 1px solid #1E336D;
	height: 1px;
	width: 660px;   
	margin-top: 10px;	
	margin-bottom: 10px;
    clear: both;
}
	
.form {   /* replaces the above hr.form to be more consisten cross-browser */
	text-align: left;
    border-top: 1px solid #E0E0E0;
	width: 512px;   
	margin-top: 10px;	
	margin-bottom: 10px;
    clear: both;	
}

.highlighthr {  /* replaces the above hr.highlight to be more consisten cross-browser */
    border-top: 1px solid #1E336D;
	width: 660px;   
	margin-top: 10px;	
	margin-bottom: 10px;
    clear: both;	
}
	
.highlighthrcontact {  /* replaces the above hr.highlight to be more consisten cross-browser */
    border-top: 1px solid #1E336D;
	width: 635px;   
	margin-top: 10px;	
	margin-bottom: 10px;
    clear: both;	
}
	
	
#maincontainer {
	width: 945px; /*Width of main container*/
	margin: 0 auto; /*Center container on page*/
	background-color: #FFF;
/*	border: 1px solid #999; */
}

#topcontainer {
	float: left;
	width: 945px; /*Width of main container*/
}

#topsection {
	float: left;
	height: 50px; /*Height of top section*/
	background-image: url("images/optimation_logo.gif");
	background-repeat: no-repeat;
	background-position: top left; 
	padding-bottom: 10px;
    overflow: hidden
}

#topnav {
	float: right;
    margin-right: 10px;
	padding-top: 20px;
	font-size: 12px;	/* SET FONT-SIZE HERE */
}

#topnav ul {
	display: inline;
    float: left;
    overflow: hidden;
 }

#topnav li {
    margin: 0 0 0 -2px;
	padding: 0px 3px;
	border-left: 1px solid #666c84;
	list-style: none;
	display: inline;
    white-space: nowrap;
}

#topnav a {
	margin: 0px;
	padding: 0 3px; /*creates space each side of menu item's text */
	text-align: right;
	color: #666C84;	/* sets the type color */
	text-decoration: none;	 /* removes the underlining of the link */
	font-style: normal;  /* removes italics of the link */
	font-weight: normal;	/* sets the type normal */
}

#topnav a:hover {
	text-decoration: underline;	 
}


#topnavhome {
	float: right;
    margin-right: 215px;
	padding-top: 20px;
	font-size: 12px;	/* SET FONT-SIZE HERE */
}

#topnavhome ul {
	display: inline;
    float: left;
    overflow: hidden;
 }

#topnavhome li {
    margin: 0 0 0 -2px;
	padding: 0px 3px;
	border-left: 1px solid #666c84;
	list-style: none;
	display: inline;
    white-space: nowrap;
}

#topnavhome a {
	margin: 0px;
	padding: 0 3px; /*creates space each side of menu item's text */
	text-align: right;
	color: #666C84;	/* sets the type color */
	text-decoration: none;	 /* removes the underlining of the link */
	font-style: normal;  /* removes italics of the link */
	font-weight: normal;	/* sets the type normal */
}

#topnavhome a:hover {
	text-decoration: underline;	 
}

#topactive a:link, #topactive a:visited, #topactive a:hover
{
	text-decoration: underline;	 
}

#navcontainer {
	width: 925px; /*Width of main container*/
	height: 30px; /*Height of navigation section*/
	background-image: url("images/navigation_bkgd_combined2.gif");
	background-repeat: repeat-x;
	border-left: 1px solid #999;
	border-right: 1px solid #999;
	text-align: center;
	margin: 0px auto; /*Center container on page*/
	clear: both;
}




#navsectionnew {
	font-size: 13px;	/* SET FONT-SIZE HERE */
}

#navsectionnew ul {
    float: right;
    list-style-type: none;
/*  margin-right: 30px; */  /* use this for when we go live with getstarted page  */ 
    margin-right: 175px;
	text-align: center;
}

#navsectionnew ul li {
    float: left;
	margin: 0px;
    padding: 0px 10px 0px 10px;
}

#navsectionnew ul li a {
	color: #666c84;	/* sets the type color */
	font-style: normal;  /* removes italics of the link */
	font-weight: normal;	/* sets the type normal */
    text-decoration: none;
    display: block;
	height: 30px; /*Height of top section*/
	line-height: 30px; /*Height of top section*/
    padding: 0px 10px 0px 10px;
	background: url("images/navigation_bkgd_combined2.gif") repeat-x top left;
}

#navsectionnew a:hover {
    display: block;
	height: 30px; /*Height of top section*/
	line-height: 30px; /*Height of top section*/
    padding: 0px 10px 0px 10px;
	background-position: 0px -30px;
	background-repeat: repeat-x;
    text-decoration: none;
/*  color: #0A1441; */
}

#navsectionnew a:hover #navactive a:link, #navactive a:visited {
    display: block;
	height: 30px; /*Height of top section*/
	line-height: 30px; /*Height of top section*/
    padding: 0px 10px 0px 10px;
	background-position: 0px -30px;
	background-repeat: repeat-x;
    text-decoration: none;
/*  color: #0A1441; */
}



#navsection {
	font-size: 13px;	/* SET FONT-SIZE HERE */
}

#navsection ul {
    float: right;
    list-style-type: none;
    margin-right: 30px;
/*  margin-right: 75px; */  /* used this for before we went live with getstarted page  */ 
	text-align: center;
}


#navsection ul li {
    float: left;
	margin: 0px;
    padding: 0px 20px 0px 20px;
}

#navsection ul li a {
	color: #666c84;	/* sets the type color */
	font-style: normal;  /* removes italics of the link */
	font-weight: normal;	/* sets the type normal */
    text-decoration: none;
    display: block;
	height: 30px; /*Height of top section*/
	line-height: 30px; /*Height of top section*/
    padding: 0px 10px 0px 10px;
	background: url("images/navigation_bkgd_combined2.gif") repeat-x top left;
}

#navsection a:hover {
    display: block;
	height: 30px; /*Height of top section*/
	line-height: 30px; /*Height of top section*/
    padding: 0px 10px 0px 10px;
	background-position: 0px -30px;
	background-repeat: repeat-x;
    text-decoration: none;
/*  color: #0A1441; */
}

#navsection a:hover #navactive a:link, #navactive a:visited {
    display: block;
	height: 30px; /*Height of top section*/
	line-height: 30px; /*Height of top section*/
    padding: 0px 10px 0px 10px;
	background-position: 0px -30px;
	background-repeat: repeat-x;
    text-decoration: none;
/*  color: #0A1441; */
}

#navactive a:link {
    display: block;
	height: 30px; /*Height of top section*/
	line-height: 30px; /*Height of top section*/
    padding: 0px 10px 0px 10px;
	background-position: 0px -30px;
	background-repeat: repeat-x;
    text-decoration: none;
/*  color: #0A1441; */
}



#navcontainerhome {
	width: 703px; /*Width of main container*/
	height: 30px; /*Height of navigation section*/
	background-image: url("images/navigation_bkgd_combined2.gif");
	background-repeat: repeat-x;
	border-left: 1px solid #999;
	border-right: 1px solid #999;
	text-align: center;
	margin-left: 10px;
/*	margin: 0px auto; */ /*Center container on page*/
	clear: both;
}

#navsectionhome {
	font-size: 13px;	/* SET FONT-SIZE HERE */
}

#navsectionhome ul {
/*    float: right; */
    list-style-type: none;
/*  margin-right: 30px; */  /* use this for when we go live with getstarted page  */ 
/*   margin-right: 215px; */
	margin-left: 50px;
	text-align: center;
}

#navsectionhome ul li {
    float: left;
	margin: 0px;
    padding: 0px 5px 0px 5px;
}

#navsectionhome ul li a {
	color: #666c84;	/* sets the type color */
	font-style: normal;  /* removes italics of the link */
	font-weight: normal;	/* sets the type normal */
    text-decoration: none;
    display: block;
	height: 30px; /*Height of top section*/
	line-height: 30px; /*Height of top section*/
    padding: 0px 10px 0px 10px;
	background: url("images/navigation_bkgd_combined2.gif") repeat-x top left;
}

#navsectionhome a:hover {
    display: block;
	height: 30px; /*Height of top section*/
	line-height: 30px; /*Height of top section*/
    padding: 0px 10px 0px 10px;
	background-position: 0px -30px;
	background-repeat: repeat-x;
    text-decoration: none;
/*  color: #0A1441; */
}

#navsectionhome a:hover #navactive a:link, #navactive a:visited {
    display: block;
	height: 30px; /*Height of top section*/
	line-height: 30px; /*Height of top section*/
    padding: 0px 10px 0px 10px;
	background-position: 0px -30px;
	background-repeat: repeat-x;
    text-decoration: none;
/*  color: #0A1441; */
}




#contentcontainer {  /* 4 column wrapper for home */
	float: left;
	width: 945px; /*Width of main container*/
}

#breadcrumbcontainer {  
	float: left;
	width: 925px; /*Width of container*/
	height: 30px; /*Height of section*/
	margin-bottom: 15px;
}

#breadcrumb {  
	font-size: 12px;
	padding-top: 20px;
	padding-left: 10px;
}


.threecolumnwrapperhomenew {  
	float: left;
	text-align: left;
	width: 945px;
}


#welcomehomenew {
	float: left;
	margin: 20px 10px 20px 10px;
	padding: 2px 0 2px 0;
	width: 925px;
    display: block;
	text-align: center;
	background-color: #1E336D;
	font-size: 14px;
	color: #fff;
}

#mainhometopicnew {
    display: block;
	float: left;
	width: 679px;
 }


.highlighthomenew {
	float: right;
	text-align: left;
    width: 418px;
	height: 198px;
	background-color: #E1EAEB;
    display: block;
	margin-left: 10px;
	margin-right: 10px;
    overflow: hidden;
}

.featurehomenew {
	float: left;
	text-align: left;
    display: block;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
}



#rightsidebuttonwrapperhomenew {
	float: right;
	margin-right: 10px;
	width: 256px;
	position: relative;
}


#buttoncontainerhomenew
{
	display: block;
	width: 256px;
	height: 198px;
    margin: 0 auto; /*Center container on page*/
}

ul.btnnavlistrowhomenew {
	display: block;
    margin: 0 auto; /*Center container on page*/
	overflow: auto;
	height: 72px;
}

ul.btnnavlistrowhomenew li {
	display: inline;
    list-style-type: none;
	height: 54px;
}

.btnnavlistrowhomenew a {
    float: left;
	text-decoration: none;
}
.btnnavlistrowhomenew a:hover {
	text-decoration: none;
	position: relative;
	color: #1E336D !important;
}


.btnlinkitemhomenew {
	cursor: pointer;
	display: block;
	position: relative;
	text-align: center;
	line-height: 100%;
	width: 256px;
	height: 54px;
	background-image: url(images/optimation_blank_home_button.gif);
	background-repeat: no-repeat;
}


.btntitlehomenew {
	display: block;
	position: relative;
	text-align: center;
	margin-top: 2px;
	margin-left: 6px;
	width: 200px;
	height: 50px;
}



#threecolumnwrapperhome {  
	float: left;
	text-align: left;
	width: 725px;
}

#mainhomepic {
	float: left;
	text-align: left;
	margin-left: 10px; 
	margin-right: 10px; 
}

#welcome {
	float: left;
	margin: 20px 10px 20px 10px;
	padding: 2px 0 2px 0;
	width: 705px;
    display: block;
	text-align: center;
	background-color: #1E336D;
	font-size: 14px;
	color: #fff;
}

#webinarBar {
	float: left;
	margin: 20px 10px 20px 10px;
	padding: 2px 0 2px 0;
	width: 705px;
    display: block;
	text-align: center;
	background-color: #c40000;
	font-size: 14px;
	color: #fff;
}

#support {
	float: left;
	padding: 2px 0 2px 15px;
    width: 662px;
    display: block;
	text-align: left;
	background-color: #1E336D;
	font-size: 14px;
	color: #fff;
}

#support a {
	font-size: 14px; 
	color: #fff;
	text-decoration: underline;	 /* removes the underlining of the link */
}


#support a:hover {
	font-size: 14px; 
	color: #C0C0C0;
	text-decoration: none;	 /* removes the underlining of the link */
}


#rightsidebarwrapper {
	float: right;
	width: 200px;
	margin-left: 20px;
	position: relative;
}

#rightsidebar {
 	margin-top: 94px;
	position: relative;
}


#rightsidebarwrapperlanding {
	float: right;
	width: 180px;
	margin-left: 20px;
	position: relative;
}

#rightsidebarlanding {
	float: right;
	position: relative;
}


#mainhometopic {
    display: block;
	float: left;
	width: 725px;
 }

#subhometopic {
    display: block;
	float: left;
	width: 725px;
    margin-top: 40px;
    margin-bottom: 15px;    
/*  margin-bottom: 40px;    */   /*  removing this for when have a callout at the bottom of home page  */
}

#twocolumnwrapperhome {  
    display: block;
	float: right;
	width: 484px;
}

#leftcolhome {
    display: block;
	float: left;
	width: 241px;
	position: relative;
    text-align: left;
}

#centercolhome {
    display: block;
	float: left;
	width: 240px;
	position: relative;
    text-align: left;
    border-left: 1px solid #E0E0E0;
    border-right: 1px solid #E0E0E0;
}

#rightcolhome {
    display: block;
	float: right;
	width: 242px;
	position: relative;
    text-align: left;
}

#twocolumnwrapperlanding {  
    display: block;
	width: 945px;
}

#leftcollanding {
    display: block;
	float: left;
	width: 235px;
	position: relative;
    text-align: left;
}

#rightlandingcontainer {  
    display: block;
	float: right;
	width: 700px;
    margin-left: 10px;
	padding: 0px;
}

#rightcollanding {  
    display: block;
	float: right;
	width: 700px;
    text-align: left;
}

#subnavlanding {
    display: block;
	float: left;
 	border: 1px solid #666C84;
	width: 215px;
	text-align: left;
	margin-bottom: 20px;
    overflow: hidden;
}

#contentcallout {
    display: block;
	float: left;
	margin-top: 20px;
}


.twocolumnwrapperservice {  
    display: block;
	float: left;
	width: 665px;
}

.leftcolservice {
    display: block;
	float: left;
	width: 355px;
	padding: 0px;
    text-align: left;
}

.rightcolservice {
    display: block;
	float: right;
	width: 300px;
    margin-left: 10px;
	padding: 0px;
    text-align: left;
}


.highlightlandingservice {
    width: 300px;
}

.outlinesidelanding {
    display: block;
    float: right;
	text-align: left;
 	border: 1px solid #666C84;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 10px;
    margin-top: 30px;
	padding: 15px;
}

.outlinesidelanding2 {
    display: block;
    float: right;
	text-align: left;
 	border: 1px solid #666C84;
	margin-right: 0px;
	margin-left: 0px;
	padding: 15px;
}







p.centerimg {  
	margin: 0 auto; /*Center container on page*/
	text-align: center;
	padding: 10px;
}




.subnav {
	line-height: 140%;
	text-align: left;
}

.subnav li {
	list-style: none;
    white-space: nowrap;
}

.subnav a {
	font-size: 12px; 
	color: #005EAD;
	text-decoration: none;	 /* removes the underlining of the link */
}

.subnav a:hover {
	text-decoration: underline;	 
}

.subnavcat {
	font-size: 15px; 
	font-weight: bold;
	color: #666C84;	
	text-decoration: none;	 
}

.subnavcat a {
	font-size: 15px; 
	font-weight: bold;
	color: #005EAD;
}

.subnavtopic {
	font-size: 12px; 
	font-weight: normal;
	color: #666C84;	
	text-decoration: none;	 
}

.subnavtopic a {
	font-size: 12px; 
	font-weight: normal;
	color: #005EAD;
}

.nospaceline {

	padding-top: 2px;
    line-height: 100%;
}

.subnavsubtopic {
	font-size: 12px; 
	font-weight: normal;
	color: #666C84;	
	text-decoration: none;	
    margin-left: 15px;	
}

ul.subnavsubtopic a {
	font-size: 12px; 
	font-weight: normal;
	color: #005EAD;
}


.subnavsub2topic {
	font-size: 12px; 
	font-weight: normal;
	color: #666C84;	
	text-decoration: none;	
    margin-left: 30px;	
}

ul.subnavsub2topic a {
	font-size: 12px; 
	font-weight: normal;
	color: #005EAD;
}

.subnavsub3topic {
	font-size: 12px; 
	font-weight: normal;
	color: #666C84;	
	text-decoration: none;	
    margin-left: 45px;	
}

ul.subnavsub3topic a {
	font-size: 12px; 
	font-weight: normal;
	color: #005EAD;
}


.leftlandinghighlight {
	float: left;
	text-align: left;
	font-size: 12px;
 	color: #666C84;
	font-weight: normal;
    width: 215px;
	background-color: #E0E0E0;
	margin-bottom: 20px;
    overflow: hidden;
}

.leftlandinghighlightbreak {
	float: left;
	text-align: left;
	font-weight: normal;
    width: 215px;
	background-color: #FFF;
}

.leftpic {
	float: left;
	text-align: left;
    width: 215px;
    overflow: hidden;
}


.pbreaks {
	margin-top: 20px;
}

.pbreakssm {
	margin-top: 10px;
}

.pbreakslg {
	margin-top: 30px;
}

.mainB {
 	color: #1E336D;
	font-weight: bold;
}

.subheader {
	font-size: 14px;
}

.calloutsubheader {
	font-size: 16px;
}

.clear {
	clear: both;
    padding: 0;
	margin: 0;
}

.bi {
    font-weight: bold;
	font-style: italic;
}

.ui {
	text-decoration: underline;
	font-style: italic;
}

#footercontainer {
	width: 945px; 
	height: 60px; /*Height of top section*/
	margin: 0 auto; /*Center container on page*/
}

#footer {
	font-size: 10px; 
	color: #1E336D;
	text-align: center;
	margin-top: 10px;
    border-top: 1px solid #E0E0E0;
}


#contactformwrapper {  /* large & newsletter contact form */
	float: left;
	width: 660px;
	position: relative;
/* 	margin-top: 20px;   */  /* remove this for now.. to move up closer to header */
}

#contactlg {
	border: 0;
	background-color: #FFF;
	font-size: 12px;
	color: #1E336D;
	font-weight: normal;
	width: 600px;
}

#contactlg a {
	font-size: 10px;
}

.font10 {
font-size: 10px;
}

.font12 {
font-size: 12px;
}

.font14 {
font-size: 12px;
}


#form_maincontactus {  /* large contact form */
	width: 600px;
}

#form_maincontactus input {  
	border: 1px solid #cccccc;
	color: #666C84;
}

#form_maincontactus input[type="radio"] {  
	border: 0px;
}

#form_maincontactus input[type="checkbox"] {  
	border: 0px;
}

#form_maincontactus TEXTAREA {  
	color: #666C84;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}


/* -----------------------  sales force form replacing large contact form  ----------------------- */

#contactformwrappersf {  /* large & newsletter contact form */
	float: left;
	width: 660px;
	position: relative;
/* 	margin-top: 20px;   */  /* remove this for now.. to move up closer to header */
}

#contactlgsf {
	border: 0;
	background-color: #FFF;
	font-size: 12px;
	color: #1E336D;
	font-weight: normal;
	width: 600px;
}

#contactlgsf a {
	font-size: 10px;
}


#form_maincontactussf {  /* large contact form */
	width: 600px;
}

#form_maincontactussf input {  
	border: 1px solid #cccccc;
	color: #666C84;
}

#form_maincontactussf input[type="radio"] {  
	border: 0px;
}

#form_maincontactus input[type="checkbox"] {  
	border: 0px;
}

#form_maincontactussf TEXTAREA {  
	color: #666C84;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}


/* -----------------------  sales force form replacing large contact form  ----------------------- */





#subscriptionform {
	font-size: 12px;
	color: #1E336D;
	font-weight: normal;
}

#contactnews {
	background-color: #FFF;
	font-size: 12px;
	color: #1E336D;
	font-weight: normal;
	width: 600px;
}


#contactnews a {
	font-size: 10px;
}

#form_optin {                  /* newsletter contact form */
	width: 600px;
}

#form_optin input {  
	border: 1px solid #cccccc;
	line-height: 120%;
	color: #666C84;
}


#form_optin .smallinput input{  /* newsletter contact form */
	padding-top: 2px;
	padding-bottom: 2px;
	margin-bottom: 4px;
}



#contactsm {
	background-color: #E0E0E0;
	font-size: 14px;
	color: #1E336D;
	font-weight: bold;
	width: 180px;
    height: 110px; 
}

#contactsm a {
	font-size: 10px;
}

#form_contactusside {  /* small contact form on right */
	width: 180px;
}

#form_contactusside input{  /* small contact form on right */
	border: 0;
	line-height: 120%;
	font-size: 12px;
	color: #666C84;
}

#form_contactusside .smallinput input{  /* small contact form on right */
	padding-top: 2px;
	padding-bottom: 2px;
	margin-bottom: 4px;
}

#addinfo {               /* was original box on home page */
	margin-top: 20px;
	font-size: 12px;
	color: #666C84;
	font-weight: normal;
	width: 180px;
	border: 1px solid #666C84;
}

#addinfo a {
	font-weight: bold;
}


#addwebinar {               /* was original box on home page */
	margin-top: 20px;
	font-size: 12px;
	color: #666C84;
	font-weight: normal;
	width: 180px;
	border: 1px solid #c40000;
}

#addwebinar a {
	font-weight: bold;
}


#addinfogrey {              /* new home page RHS grey box */
	margin-top: 20px;
	font-size: 12px;
	color: #666C84;
	font-weight: normal;
	width: 180px;
	background-color: #E0E0E0;
	margin-bottom: 20px;
    overflow: hidden;
}

#addinfogrey a {
	font-weight: bold;
}

.centerdiv {
	margin: 0 auto; /*Center container on page*/
}

.centerimage {
	text-align: center;
}
.addinfoimage {
	margin: 0 auto; /*Center container on page*/
	padding-bottom: 10px;
}



#landingtopbanner {
	float: left;
	padding-bottom: 10px;
}

#landingtopbannerdrilldown {
	float: left;
	padding-bottom: 20px;
}

#landingmainbanner {
	float: left;
	padding-bottom: 20px;
}



.headerimage {
    position: relative;
}

.headerimage .text1 {
    position: absolute;
/* 	letter-spacing: 1px;  */
    top: 183px;
    left: 420px;
    width: 500px; 
}
	
.headerimage .text2 {
    position: absolute;
    top: 183px;
    left: 338px;
    width: 580px; 
}
	
.headerimage .text3 {
    position: absolute;
    top: 183px;
    left: 515px;
    width: 400px; 
}

.headerimage .text1a {
    position: absolute;
/* 	letter-spacing: 1px;  */
    top: 183px;
    left: 387px;
    width: 533px; 
}
	
.headerimage .text2a {
    position: absolute;
    top: 183px;
    left: 305px;
    width: 613px; 
}
	
.headerimage .text3a {
    position: absolute;
    top: 183px;
    left: 482px;
    width: 436px; 
}

.headerline1 {
    font-size: 38px;
	line-height: 95%;
    color: #1C306D; 
}

.headerline2 {
    font-size: 26px;
	line-height: 95%;
    color: #3894C6; 
	padding-left: 40px;
}

.headerline2a {
    font-size: 26px;
	line-height: 95%;
    color: #3894C6; 
	padding-left: 73px;
}




#picnavcontainer
{
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	margin-bottom: 10px;
}

.picnavlist
{
	margin-top: 20px;
}

.picnavlist li
{
	display: inline;
    list-style-type: none;
    overflow: hidden;
}

.picnavlist a
{
    float: left;
	padding-right: 20px;
}

.picnavlist a:link, .picnavlist a:visited
{
	color: #1E336D;
}
.picnavlist img
{
    border: 1px solid #1E336D;
	margin-bottom: 20px;
}




.inlinetext ul {
}

.inlinetext li {
	line-height: 140%;
	color: #666c84;
	font-size: 14px;
	font-weight: normal;
}


.listtwocolwrapper {
	width: 660px;  /* room for 2 columns */
	font-size: 14px;
	padding-left: 15px;
    margin-top: 10px;
    margin-bottom: 10px;
	}

.listtwoleft ul {           
    list-style-type: disc;
	display: block;
	float: left;
	width: 300px;  /* split in half */
	text-align: left;
	padding-left: 15px;
}

.listtworight ul {           
    list-style-type: disc;
	display: block;
	float: right;
	width: 300px;  /* split in half */
	text-align: left;
	padding-left: 15px;
}


.listtwocolwrapper2 {
	width: 660px;  /* room for 2 columns */
	}

.listtwoleftcol {           
	display: block;
	float: left;
	width: 330px;  /* split in half */
	text-align: left;
}

.listtworightcol {           
 	display: block;
	float: right;
	width: 330px;  /* split in half */
	text-align: left;
}


.listtwobluewrapper {
	width: 680px;  /* room for 2 columns */
	background-color: #E1EAEB;
    overflow: hidden;
}

.listtwoblueleft {           
	display: block;
	float: left;
	width: 340px;  /* split in half */
	text-align: left;
	padding-left: 15px;
}

.listtwoblueright {           
	display: block;
	float: right;
	width: 340px;  /* split in half */
	text-align: right;
	padding-right: 15px;
}

.listfullblue {           
	display: block;
	float: left;
	width: 680px;  
	text-align: left;
	padding-left: 15px;
}

.listtwobluewrapper925 {
	width: 925px;  /* room for 2 columns */
	background-color: #E1EAEB;
    overflow: hidden;
}

.listtwoblueleft925 {           
	display: block;
	float: left;
	width: 340px;  /* split in half */
	text-align: left;
	padding-left: 15px;
}

.listtwoblueright925 {           
	display: block;
	float: right;
	width: 585px;  /* split in half */
	text-align: right;
	padding-right: 15px;
}



.listtwocolwrappercontact {
	width: 650px;  /* room for 2 columns */
	}

.listtwoleftcontact {           
	display: block;
	float: left;
	width: 325px;  /* split in half */
	text-align: left;
}

.listtworightcontact {           
 	display: block;
	float: right;
	width: 325px;  /* split in half */
	text-align: left;
}


.listtwocolwrapper3 {
	width: 635px;  /* room for 2 columns */
	font-size: 14px;
	padding-left: 15px;
    margin-top: 10px;
    margin-bottom: 10px;
	}

.listtwoleft3 ul {           
    list-style-type: disc;
	display: block;
	float: left;
	width: 300px;  /* split in half */
	text-align: left;
	padding-left: 15px;
}

.listtworight3 ul {           
    list-style-type: disc;
	display: block;
	float: right;
	width: 300px;  /* split in half */
	text-align: left;
	padding-left: 15px;
}


.listtwoleft4 ul {           
    list-style-type: disc;
	display: block;
	float: left;
	width: 240px;  /* split in half */
	text-align: left;
	padding-left: 15px;
}

.listtworight4 ul {           
    list-style-type: disc;
	display: block;
	float: right;
	width: 360px;  /* split in half */
	text-align: left;
	padding-left: 15px;
}



.listtwosmallbluecolwrapper {
	width: 444px;  /* room for 2 columns next to contact form */
	font-size: 14px;
    padding-left: 5px;
}

.listtwosmallblueleft {           
	display: block;
	float: left;
	width: 199px;  /* split in half */
/*	width: 255px;   */  /* used for when switch column order */
	text-align: left;
}

.listtwosmallbluecolwrapper h2 {
	font-size: 16px;
    padding-bottom: 5px;
}

.listtwosmallblueleft ul {           
    list-style-type: disc;
    padding-left: 15px;
}

.listtwosmallblueright {           
	display: block;
	float: right;
	width: 245px;  /* split in half */
/*	width: 189px;   */  /* used for when switch column order */
	text-align: left;
}

.listtwosmallblueright h2 {           
	font-size: 16px;
    padding-bottom: 5px;
}

.listtwosmallblueright ul {           
    list-style-type: disc;
    padding-left: 15px;
}



.listtwosmallcolwrapper {
	width: 460px;  /* room for 2 columns next to contact form */
	font-size: 14px;
	padding-left: 10px;
    overflow: hidden;
	}

.listtwosmallleft ul {           
    list-style-type: disc;
	display: block;
	float: left;
	width: 200px;  /* split in half */
	text-align: left;
	padding-left: 15px;
	padding-bottom: 10px;
}

.listtwosmallright ul {           
    list-style-type: disc;
	display: block;
	float: right;
	width: 200px;  /* split in half */
	text-align: left;
	padding-left: 15px;
	padding-bottom: 10px;
}

.keybene {
	font-weight: normal;
	font-size: 12px;
	color: #00888E;
}

.beneboxwrapper {
	float: right;
}

.benebox {
	width: 180px;
	border: 1px solid #00888E;
	font-size: 12px;
	font-weight: normal;
	text-align: left;
	color: #666C84;
	margin-right: 10px;
    overflow: hidden;
}

.featurebenecombowrapper {
    float: left;
	text-align: left;
    display: block;
}

.featurebenecombowrapperwithhighlight {
    float: left;
	text-align: left;
	background-color: #E1EAEB;
    display: block;
}


.featureleft {
    float: left;
	width: 460px;
	text-align: left;
	padding: 0px 10px 10px 15px;
}


#buttonboxwrapper {
    width: 680px;
}

#buttonboxwrapperoptiprod {
    width: 660px;
}

#buttonbox {
	float: left;
	border: 1px solid #666C84;
    padding: 20px;
	display: block;
    overflow: hidden;
}

#pdftagcontiner
{
	display: block;
	width: 331px;
    height: 40px;
    float: left;
}

.pdftag {
	display: block;
	overflow: hidden;
	height: 42px;
}

.pdftag a {
    float: left;
	text-decoration: none;
	color: #fff;
	font-weight: bold;
	font-size: 13px; 
    font-family: arial;
}
.pdftag a:hover {
	text-decoration: none;
	position: relative;
	color: #E0E0E0 !important;
}

.pdftagtitle {
	display: block;
	position: relative;
	text-align: center;
	margin-top: 14px;
	margin-left: 40px;
	height: 40px;
	font-weight: bold;
	font-size: 13px; 
    font-family: arial;
}

.pdftagcad {
	cursor: pointer;
	display: block;
	position: relative;
	text-align: left;
	line-height: 100%;
	width: 228px;
    height: 40px;
	background-image: url(images/optimation_pdf_cadinterface_blank.gif);
	background-repeat: no-repeat;
}

.pdftagpart {
	cursor: pointer;
	display: block;
	position: relative;
	text-align: left;
	line-height: 100%;
	width: 331px;
    height: 40px;
	background-image: url(images/optimation_pdf_automaticpart_blank.gif);
	background-repeat: no-repeat;
}

.pdftagorder {
	cursor: pointer;
	display: block;
	position: relative;
	text-align: left;
	line-height: 100%;
	width: 283px;
    height: 40px;
	background-image: url(images/optimation_pdf_automaticorder_blank.gif);
	background-repeat: no-repeat;
}
.pdftagknow {
	cursor: pointer;
	display: block;
	position: relative;
	text-align: left;
	line-height: 100%;
	width: 247px;
    height: 40px;
	background-image: url(images/optimation_pdf_knowledgebase_blank.gif);
	background-repeat: no-repeat;
}

.pdftagaxiom {
	cursor: pointer;
	display: block;
	position: relative;
	text-align: left;
	line-height: 100%;
	width: 300px;
    height: 40px;
	background-image: url(images/optimation_pdf_axiomve_blank.gif);
	background-repeat: no-repeat;
}

.pdftagmachine {
	cursor: pointer;
	display: block;
	position: relative;
	text-align: left;
	line-height: 100%;
	width: 253px;
    height: 40px;
	background-image: url(images/optimation_pdf_machineinterface_blank.gif);
	background-repeat: no-repeat;
}

#buttoncontaineroptiprod
{
	display: block;
	width: 640px;
	height: 100px;
    margin: 0 auto; /*Center container on page*/
}

ul.btnnavlistrowoptiprod {
	display: block;
    margin: 0 auto; /*Center container on page*/
	margin-bottom: 15px;
	overflow: auto;
	height: 40px;
}

ul.btnnavlistrowoptiprod li {
	display: inline;
    list-style-type: none;
	height: 40px;
}

.btnnavlistrowoptiprod a {
    float: left;
	text-decoration: none;
}
.btnnavlistrowoptiprod a:hover {
	text-decoration: none;
	position: relative;
	color: #1E336D !important;
}


.btnlinkitemoptiprod {
	cursor: pointer;
	display: block;
	position: relative;
	text-align: center;
	line-height: 100%;
	width: 216px;
	height: 40px;
	background-image: url(images/Optilaser_home_blank.gif);
	background-repeat: no-repeat;
}

.btntitleoptiprod {
	display: block;
	position: relative;
	text-align: center;
	margin-top: 4px;
	margin-left: 4px;
	width: 170px;
	height: 31px;
}

.btntitlectnroptiprod {
	display: block;
	vertical-align:middle !important;
	text-align: center;
}

.h2btnoptiprod {
	display: block;
	position: relative;
	text-align: center;
    margin: 0 auto; /*Center container on page*/
	line-height: 100%;
	padding-top: 9px;
	font-weight: bold;
	font-size: 15px; 
/* 	color: #005EAD; */
}

a.h2btnoptiprod:hover {
	color: #1E336D !important;
}



#buttoncontainernew
{
	display: block;
	width: 638px;
	height: 267px;
    margin: 0 auto; /*Center container on page*/
}

ul.btnnavlistrow {
	display: block;
    margin: 0 auto; /*Center container on page*/
	margin-bottom: 15px;
	overflow: auto;
	height: 79px;
}

ul.btnnavlistrow li {
	display: inline;
    list-style-type: none;
	height: 79px;
}

.btnnavlistrow a {
    float: left;
	text-decoration: none;
}
.btnnavlistrow a:hover {
	text-decoration: none;
	position: relative;
	color: #1E336D !important;
}

.btnlinkitemOL {
	cursor: pointer;
	display: block;
	position: relative;
	text-align: center;
	line-height: 100%;
	width: 301px;
	height: 79px;
	background-image: url(images/optilaser_nesting_software_product.gif);
	background-repeat: no-repeat;
}

.btnlinkitemOP {
	cursor: pointer;
	display: block;
	position: relative;
	text-align: center;
	line-height: 100%;
	width: 301px;
	height: 79px;
	background-image: url(images/optipunch_nesting_software_product.gif);
	background-repeat: no-repeat;
}



.btnlinkitemON {
	cursor: pointer;
	display: block;
	position: relative;
	text-align: center;
	line-height: 100%;
	width: 301px;
	height: 79px;
	background-image: url(images/optinest_nesting_software_product.gif);
	background-repeat: no-repeat;
}

.btnlinkitemOJ {
	cursor: pointer;
	display: block;
	position: relative;
	text-align: center;
	line-height: 100%;
	width: 301px;
	height: 79px;
	background-image: url(images/optijet_nesting_software_product.gif);
	background-repeat: no-repeat;
}
.btnlinkitemOR {
	cursor: pointer;
	display: block;
	position: relative;
	text-align: center;
	line-height: 100%;
	width: 301px;
	height: 79px;
	background-image: url(images/optirout_nesting_software_product.gif);
	background-repeat: no-repeat;
}

.btnlinkitemOC {
	cursor: pointer;
	display: block;
	position: relative;
	text-align: center;
	line-height: 100%;
	width: 301px;
	height: 79px;
	background-image: url(images/opticomp_nesting_software_product.gif);
	background-repeat: no-repeat;
}



.btntitle {
	display: block;
	position: relative;
	text-align: center;
	margin-top: 8px;
	margin-left: 7px;
	width: 170px;
	height: 60px;
}

.btntitlectnr {
	display: block;
	vertical-align:middle !important;
	text-align: center;
}

.h2btnnew {
	display: block;
	position: relative;
	text-align: center;
    margin: 0 auto; /*Center container on page*/
	line-height: 100%;
	font-weight: bold;
	font-size: 17px; 
/* 	color: #005EAD; */
}

a.h2btnnew:hover {
	color: #1E336D !important;
}


.h4btnnew {
	display: block;
	position: relative;
	line-height: 110%;
	font-weight: normal;
	font-size: 14px; 
	text-align: center;
    margin: 0 auto; /*Center container on page*/
	color: #666C84;
}




#buttoncontainer
{
	display: block;
	width: 665px;
    margin: 0 auto; /*Center container on page*/
	position: relative;
}

.btnnavlist {
	margin-top: 20px;
	margin-left: 30px;
	position: relative;
}

.btnnavlist li {
	display: inline;
    list-style-type: none;
    overflow: hidden;
}

.btnnavlist a {
    float: left;
	padding-right: 20px;
}


.btnlink {
	cursor: pointer;
	background-color: #E1EAEB;
	display: block;
	position: relative;
	padding: 10px;
	color: #1E336D;
	text-align: left;
	line-height: 100%;
	width: 220px;
	height: 120px;
	margin: 20px;
	border-radius: 5px;
	border-style: solid;
	border-width: 1px;
	border-color: #E1EAEB #666c84 #666c84 #E1EAEB;
}
.btnlink:hover {
	background-color: #E0E0E0;
	text-decoration: none;
	position: relative;
    border: 1px solid #1E336D;
	color: #1E336D;
}

.btnlink3 {
	cursor: pointer;
	background-color: #E1EAEB;
	display: block;
	position: relative;
	padding: 10px;
	color: #1E336D;
	text-align: left;
	line-height: 140%;
	width: 130px;
	height: 100px;
	margin: 20px;
	border-radius: 5px;
	border-style: solid;
	border-width: 1px;
	border-color: #E1EAEB #666c84 #666c84 #E1EAEB;
}
.btnlink3:hover {
	background-color: #E0E0E0;
	text-decoration: none;
	position: relative;
    border: 1px solid #1E336D;
	color: #1E336D;
}

.btnlink3a {
	cursor: pointer;
	background-color: #E1EAEB;
	display: block;
	position: relative;
	padding: 10px;
	color: #00888E;
	text-align: left;
	line-height: 140%;
	width: 130px;
	height: 100px;
	margin: 20px;
	border-radius: 5px;
	border-style: solid;
	border-width: 1px;
	border-color: #E0E0E0 #666c84 #666c84 #E0E0E0;
}
.btnlink3a:hover {
	background-color: #E0E0E0;
	text-decoration: none;
	position: relative;
	border-style: solid;
	border-width: 1px;
	border-color: #666c84 #999 #999 #666c84;
	color: #00888E;
}

.btnlink3b {
	cursor: pointer;
	background-color: #E1EAEB;
	display: block;
	position: relative;
	padding: 10px;
	color: #005EAD;
	text-align: left;
	line-height: 140%;
	width: 130px;
	height: 100px;
	margin: 20px;
	border-radius: 5px;
	border-style: solid;
	border-width: 1px;
	border-color: #E0E0E0 #666c84 #666c84 #E0E0E0;
}
.btnlink3b:hover {
	background-color: #E0E0E0;
	text-decoration: none;
	position: relative;
	border-style: solid;
	border-width: 1px;
	border-color: #666c84 #999 #999 #666c84;
	color: #005EAD;
}
.btnlink3c {
	cursor: pointer;
	background-color: #E0E0E0;
	display: block;
	position: relative;
	padding: 10px;
	color: #00888E;
	text-align: left;
	line-height: 140%;
	width: 130px;
	height: 100px;
	margin: 20px;
	border-radius: 5px;
	border-style: solid;
	border-width: 1px;
	border-color: #E0E0E0 #666c84 #666c84 #E0E0E0;
}
.btnlink3c:hover {
	background-color: #E0E0E0;
	text-decoration: none;
	position: relative;
	border-style: solid;
	border-width: 1px;
	border-color: #666c84 #999 #999 #666c84;
	color: #005EAD;
}




.btnmore {
    margin: 0 auto; /*Center container on page*/
	cursor: pointer;
	background-color: #1E336D;
	display: block;
	position:relative;
	padding: 4px 3px 2px 3px;
	color: #fff;
	font-size: 14px; 
	text-align: center;
	line-height: 100%;
	width: 100px;
	height: 20px;
	margin-top: 10px;
}



/*
.btnlink1 {
	cursor: pointer;
	background-color: #E1EAEB;
	display: block;
	position: relative;
	padding: 10px;
	color: #1E336D;
	text-align: center;
	line-height: 100%;
	width: 220px;
	height: 120px;
	margin: 20px;
	border-radius: 5px;
	border-style: solid;
	border-width: 1px;
	border-color: #E1EAEB #666c84 #666c84 #E1EAEB;
	box-shadow: 2px 2px 1px #666c84;
	-webkit-box-shadow: 2px 2px 1px #666c84;
	-moz-box-shadow: 2px 2px 1px #666c84;
	behavior: url(pie/PIE.htc);
}
.btnlink1:hover {
	background-color: #E0E0E0;
	text-decoration: none;
	position: relative;
    border: 1px solid #1E336D;
	color: #1E336D;
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	behavior: url(pie/PIE.htc);
}


.btnlink2 {
	position: relative;
	cursor: pointer;
	background: #E1EAEB;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#E1EAEB)); / * for webkit browsers * /
	background: -moz-linear-gradient(top,  #fff,  #E1EAEB); / * for firefox 3.6+ * / 
    background: -moz-linear-gradient(top, #fff, #E1EAEB); / * old gecko * /
    background: -o-linear-gradient(top, #fff, #E1EAEB); / * opera 11.10+ * /
    background: linear-gradient(to bottom, #fff, #E1EAEB); / * firefox 16+, chrome 26+, IE10+, opera 12.10+, future browsers * /
    -pie-background: linear-gradient(to bottom, #fff, #E1EAEB); / * ie 6-9 via PIE * /
	display: block;
	padding: 10px;
	color: #1E336D;
	text-align: center;
	line-height: 100%;
	width: 220px;
	height: 120px;
	margin: 20px;
	border-radius: 15px;
	border-style: solid;
	border-width: 1px;
	border-color: #E1EAEB #666c84 #666c84 #E1EAEB;
	box-shadow: 5px 5px 3px #666c84;
	-webkit-box-shadow: 5px 5px 3px #666c84;
	-moz-box-shadow: 5px 5px 3px #666c84;
	behavior: url(pie/PIE.htc);
}
.btnlink2:hover {
	position: relative;
	background: #E1EAEB;
	background: -webkit-gradient(linear, left top, left bottom, from(#E1EAEB), to(#fff)); /  for webkit browsers * /
	background: -moz-linear-gradient(top,  #E1EAEB,  #fff); / * for firefox 3.6+ * / 
    background: -moz-linear-gradient(top, #E1EAEB, #fff); / * old gecko * /
    background: -o-linear-gradient(top, #E1EAEB, #fff); / * opera 11.10+ * /
    background: linear-gradient(to bottom, #E1EAEB, #fff); / * firefox 16+, chrome 26+, IE10+, opera 12.10+, future browsers * /
    -pie-background: linear-gradient(to bottom, #E1EAEB, #fff); / * ie 6-9 via PIE * /
	text-decoration: none;
	border-style: solid;
	border-width: 1px;
	border-color: #666c84 #E1EAEB #E1EAEB #666c84;
	color: #005EAD;
	box-shadow: -5px -5px 3px #666c84;
	-webkit-box-shadow: -5px -5px 3px #666c84;
	-moz-box-shadow: -5px -5px 3px #666c84;
	behavior: url(pie/PIE.htc);
}

.btnlink3 {
	cursor: pointer;
	background-color: #1E336D;
	display: block;
	position: relative;
	padding: 10px;
	color: #fff;
	text-align: center;
	line-height: 100%;
	width: 220px;
	height: 120px;
	margin: 20px;
    border: 1px solid #1E336D;
}
.btnlink3:hover {
	position: relative;
	text-decoration: underline;
}

.btnlink4 {
	cursor: pointer;
	background-color: #E0E0E0;
	display: block;
	position:relative;
	padding: 10px;
	color: #666c84;
	text-align: center;
	line-height: 100%;
	width: 220px;
	height: 120px;
	margin: 20px;
    border: 1px solid #1E336D;
}
.btnlink4:hover {
	text-decoration: none;
	position:relative;
	color: #005EAD;
    border: 1px solid #1E336D;
}

.btnlink5 {
	cursor: pointer;
	background: #E1EAEB;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#E1EAEB)); / * for webkit browsers * /
	background: -moz-linear-gradient(top,  #fff,  #E1EAEB); / * for firefox 3.6+ * / 
    background: -moz-linear-gradient(top, #fff, #E1EAEB); / * old gecko * /
    background: -o-linear-gradient(top, #fff, #E1EAEB); / * opera 11.10+ * /
    background: linear-gradient(to bottom, #fff, #E1EAEB); / * firefox 16+, chrome 26+, IE10+, opera 12.10+, future browsers * /
    -pie-background: linear-gradient(to bottom, #fff, #E1EAEB); / * ie 6-9 via PIE * /
	display: block;
	position:relative;
	padding: 10px;
	color: #1E336D;
	text-align: center;
	line-height: 100%;
	width: 220px;
	height: 120px;
	margin: 20px;
	border-radius: 30px;
	border-style: solid;
	border-width: 1px;
	border-color: #E1EAEB #666c84 #666c84 #E1EAEB;
	behavior: url(pie/PIE.htc);
}
.btnlink5:hover {
	background: #E1EAEB;
	background: -webkit-gradient(linear, left top, left bottom, from(#E1EAEB), to(#fff)); / * for webkit browsers * /
	background: -moz-linear-gradient(top,  #E1EAEB,  #fff); / * for firefox 3.6+ * / 
    background: -moz-linear-gradient(top, #E1EAEB, #fff); / * old gecko * /
    background: -o-linear-gradient(top, #E1EAEB, #fff); / * opera 11.10+ * /
    background: linear-gradient(to bottom, #E1EAEB, #fff); / * firefox 16+, chrome 26+, IE10+, opera 12.10+, future browsers * /
    -pie-background: linear-gradient(to bottom, #E1EAEB, #fff); / * ie 6-9 via PIE * /
	position:relative;
	text-decoration: none;
	border-style: solid;
	border-width: 1px;
	border-color: #666c84 #E1EAEB #E1EAEB #666c84;
	color: #005EAD;
	behavior: url(pie/PIE.htc);
}

.btnlink6 {
	cursor: pointer;
	background-color: #fff;
	display: block;
	position:relative;
	padding: 10px;
	color: #666c84;
	text-align: center;
	line-height: 100%;
	width: 220px;
	height: 120px;
	margin: 20px;
    border: 1px solid #1E336D;
}
.btnlink6:hover {
	text-decoration: underline;
	position:relative;
	color: #005EAD;
    border: 1px solid #1E336D;
}


.btnmore3 {
    margin: 0 auto; / * Center container on page * /
	cursor: pointer;
	background-color: #E0E0E0;
	display: block;
	position:relative;
	padding: 4px 3px 2px 3px;
	color: #005EAD;
	font-size: 14px; 
	text-align: center;
	line-height: 100%;
	width: 100px;
	height: 20px;
	margin-top: 10px;
}

.btnmore4 {
    margin: 0 auto; / * Center container on page * /
	cursor: pointer;
    border: 1px solid #1E336D;
	display: block;
	position:relative;
	padding: 4px 3px 2px 3px;
	color: #005EAD;
	font-size: 14px; 
	text-align: center;
	line-height: 100%;
	width: 100px;
	height: 20px;
	margin-top: 10px;
}

.btnmore4:hover {
	position:relative;
	color: #1E336D;
}

.btnmore5 {
    margin: 0 auto; / * Center container on page * /
	cursor: pointer;
	background-color: #1E336D;
	display: block;
	position:relative;
	padding: 4px 3px 2px 3px;
	color: #fff;
	font-size: 14px; 
	text-align: center;
	line-height: 100%;
	border-radius: 30px;
	width: 100px;
	height: 20px;
	margin-top: 10px;
	behavior: url(pie/PIE.htc);
}
.btnmore5:hover {
	background-color: #666c84;
	color: #fff;
}

.btnmore6 {
    margin: 0 auto; / * Center container on page * /
	cursor: pointer;
    border: 1px solid #1E336D;
	display: block;
	position:relative;
	padding: 4px 3px 2px 3px;
	color: #005EAD;
	font-size: 14px; 
	text-decoration: none;
	text-align: center;
	line-height: 100%;
	width: 100px;
	height: 20px;
	margin-top: 10px;
}

.btnmore6:hover {
	position:relative;
	color: #1E336D;
	text-decoration: none !important;
}


 */
 
 
.h2btn {
	display: block;
	position: relative;
	text-align: center;
	line-height: 100%;
	font-weight: bold;
	font-size: 20px; 
	margin-top: 7px;
	margin-bottom: 7px;
}

.h2btn3 {
	display: block;
	position: relative;
	text-align: center;
	line-height: 140%;
	font-weight: bold;
	font-size: 20px; 
	margin-top: 7px;
	margin-bottom: 7px;
}


/*
.h2btnnavy {
	display: block;
	position: relative;
	line-height: 100%;
	font-weight: bold;
	color: #1E336D;
	font-size: 20px; 
	margin-top: 7px;
	margin-bottom: 7px;
}

.h2btnnavy:hover {
	display: block;
	position: relative;
	line-height: 100%;
	font-weight: bold;
	color: #005EAD;
	font-size: 20px; 
	margin-top: 7px;
	margin-bottom: 7px;
}
*/
.h4btn {
	display: block;
	position: relative;
	line-height: 140%;
	font-weight: normal;
	font-size: 14px; 
}




.maincontentindent3 {
	float: left;
	padding-left: 10px;
	width: 925px;
    display: inline;
	overflow: auto
}



.maincontentindent2 {
	float: left;
	padding-left: 15px;
	width: 665px;
}



.maincontentindent {
	float: left;
	padding-left: 15px;
	width: 665px;
    display: inline;
	overflow: auto
}

.maincontentsupport {
	float: left;
	padding-left: 15px;
    display: inline;
	overflow: auto
}

.indent {
	padding-left: 15px;
}


.indent2 {
	margin-left: 35px;
	overflow: hidden
}

.indent3 {
	margin-left: 65px;
	overflow: hidden
}

.indent4 {
	margin-left: 95px;
	overflow: hidden
}

.indent5 {
	margin-left: 125px;
	overflow: hidden
}

.padtop {
	padding-top: 15px;
	overflow: hidden
}

.formrow {  /* contact only */
	clear: both;
}

.formlink {  
	float: left;
	padding-left: 10px;
}

.formsubmit {  
	float: right;
	text-align: right;
    padding-right: 20px;
}


.formtitle {  
	float: left;
	padding-top: 5px; 
	padding-bottom: 5px;
	padding-left: 2px;
}

.formdetail {  
	float: right;
	text-align: right;
    padding-right: 2px;
    padding-top: 9px;
}

.formphone {  
	float: left;
}

.formstartleft {  
	float: left;
	text-align: left;
	width: 250px;
    padding-right: 20px;
}

.formstartright {  
	float: right;
	text-align: left;
	width: 330px;
}


.formsubmit2 {  
	float: right;
	text-align: right;
    padding-right: 27px;
}


.form3colwrap {
	float: left;
	text-align: left;
	width: 512px;
}

.form2colwrap {
    display: block;
	float: left;
	width: 272px;
}

.formcolleft {
    display: block;
	float: left;
	width: 230px;
	position: relative;
    text-align: left;
    margin-right: 10px;
}

.formcolcenter {
    margin: 0 auto;
    display: block;
	float: right;
    width: 22px;
    height: 19px;
    position: relative;
    text-align: center;
    verticle-align: bottom;
    overflow: hidden;
}

.formcolright {
    display: block;
	float: right;
	width: 230px;
	position: relative;
    text-align: left;
    margin-left: 10px;
}


.C3table {
	float: left;
	text-align: left;
	width: 800px;
}

.C3rowfields {
    float: left;
	width: 250px;
	padding-right: 15px;
}

.C3fields {
    padding-top: 2px;
	padding-bottom: 2px;
}





.reg3colwrap {
	float: left;
	text-align: left;
	width: 560px;
}

.reg2colwrap {
    display: block;
	float: left;
	width: 290px;
}

.regcolleft {
    display: block;
	float: left;
	width: 250px;
	position: relative;
    text-align: left;
    margin-right: 10px;
}

.regcolcenter {
    display: block;
	float: left;
    width: 150px;
    position: relative;
    text-align: left;
    margin-right: 10px;
}

.regcolright {
    display: block;
	float: right;
	width: 120px;
	position: relative;
    text-align: left;
}


.regtable {
    float: left;
	width: 600px;
}


.regrowheader1 {
    float: left;
	width: 130px;
	padding-right:15px;
	padding-bottom: 20px;
}

.regrowheader2 {
    float: left;
	width: 110px;
	padding-right: 10px;
	padding-bottom: 20px;
}

.regrowheader3 {
    float: left;
	width: 130px;
	padding-bottom: 20px;
}

.regrowfields1 {
    float: left;
	width: 130px;
	padding-right: 15px;
}


.regrowfields2 {
    float: left;
	width: 110px;
	padding-right: 10px;
}

.regrowfields3 {
    float: left;
	width: 110px;
}

.regcolfields1 {
    padding-top: 2px;
	padding-bottom: 10px;
}

.regpayfields1 {
    float: left;
	padding-right: 10px;
}

	
.regtot {
    float: left;
	width: 230px;
}

	
.regbuttons {
    border: 0px;
	background-color: #005EAD;
	color: #fff;
	cursor: pointer;
	padding: 2px;
}

.regamt {
    text-align: right;

}


.webrowheader1 {
    float: left;
	width: 180px;
	padding-right:15px;
	padding-bottom: 20px;
}

.webrowfields1 {
    float: left;
	width: 180px;
	padding-right: 15px;
}


.socialtable {
    float: left;
	width: 660px;
}

.socialrowfields1 {
    float: left;
	width: 110px;
}

.socialrowfields2 {
    float: left;
	width: 110px;
}

.socialcolfields1 {
    padding-top: 2px;
	padding-bottom: 2px;
}



.lefthead {
	font-size: 12px; 
	color: #1E336D;
}

.leftcontent {
	font-size: 12px; 
	color: #666C84;
}

.mainpic {
 	float: left;
	text-align: left;
}
.maintopicpic {
 	float: left;
	text-align: left;
	padding-left: 10px;
}


.highlight {
	float: right;
	text-align: left;
    width: 464px;
	height: 200px;
	background-color: #E1EAEB;
    display: block;
	margin-left: 10px;
	margin-right: 10px;
    overflow: hidden;
}



.featurehome {
	float: left;
	text-align: left;
    display: block;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
}




.highlightlanding480 {
    width: 480px;
}

.highlightlanding680 {
    width: 680px;
}

.highlightlanding {
    float: left;
	text-align: left;
	background-color: #E1EAEB;
    display: block;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 15px;
}


.sociallanding680 {
    width: 680px;
    border-top: 3px solid #E1EAEB;
}

.sociallanding680bot {
    width: 680px;
    border-bottom: 3px solid #E1EAEB;
}

.sociallanding925 {
    width: 925px;
    border-top: 3px solid #E1EAEB;
}

.sociallanding925bot {
    width: 925px;
    border-bottom: 3px solid #E1EAEB;
}



.outlinelanding {
    display: block;
    float: left;
	text-align: left;
 	border: 1px solid #666C84;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 15px;
}

.nolinelanding {
    float: left;
	text-align: left;
    display: block;
	padding: 10px 0px 10px 0px;
	margin-bottom: 40px;
}

.nolinelandingshort {
    float: left;
	text-align: left;
    display: block;
	padding: 10px 0px 10px 0px;
}


.dropcaplanding680 {
    width: 680px;
}

.dropcaplanding {
    float: left;
	text-align: left;
    display: block;
}

.dropcapbox {
	float: right !important; 
	text-align: right !important; 
	padding-left: 10px !important; 
	padding-bottom: 10px !important; 
}







.socialbody {
    float: left;
	text-align: left;
    display: block;
	padding: 0px 10px 0px 10px;
}




.lhsoutline {
    display: block;
	float: left;
 	border: 1px solid #666C84;
	width: 213px;
	text-align: left;
	margin-bottom: 20px;
    overflow: hidden;
}


.resourcelanding {
    float: left;
	text-align: left;
    display: block;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 10px 10px 10px 15px;
}


.landingleftimage {
	float: right;
	text-align: right;
}

.landingleftgreybox {
	float: right;
	text-align: right;
	padding-left: 10px;
	padding-bottom: 10px;
}

.landingleftgreyboxrss {
	float: right;
	text-align: right;
	padding-left: 2px;
	padding-bottom: 2px;
}

.landingleftgreyboxreal {
	float: right;
	text-align: right;
	padding-left: 10px;
}


.graybox  {
	font-size: 12px;
}


.grayboxblog  {
	font-size: 12px;
	padding-bottom: 20px;
}


.featuredlists680both {
    width: 680px;
    border-top: 3px solid #E1EAEB;
    border-bottom: 3px solid #E1EAEB;
    overflow: hidden;
}

.featuredlists680 {
    width: 680px;
    border-top: 3px solid #E1EAEB;
    overflow: hidden;
}

.featuredvdr {
    width: 680px;
    border-top: 1px solid #E1EAEB;
    overflow: hidden;
}

.featuredlistsnone {
    width: 680px;
    overflow: hidden;
}

.featuredlists {
    float: left;
	text-align: left;
    display: block;
	padding: 10px 10px 10px 15px;
}

.featuredlistswp {
    float: left;
	text-align: left;
    display: block;
	padding: 10px 10px 10px 15px;
}

.QAhead {
    float: left;
	text-align: left;
    display: block;
	padding: 10px 0px 10px 0px;
}

.QAbody {
    float: left;
	text-align: left;
    display: block;
	padding: 0px 10px 0px 15px;
}




.whitepapersrightsm {           
 	display: block;
	float: right;
	width: 180px; 
	text-align: left;
	padding-left: 20px;
	padding-right: 5px;
    overflow: hidden;
}


.whitepapersright {           
 	display: block;
	float: right;
	width: 200px; 
	text-align: left;
	padding-left: 40px;
	padding-right: 5px;
    overflow: hidden;
}


.whitepapersleft {           
 	display: block;
	float: left;
	width: 150px; 
	text-align: left;
	margin-right: 10px;
    overflow: hidden;
	padding-bottom: 10px;
}


.downloadbuttonsm { 
	width: 130px; 
	margin-left: 35px;
	margin-top: 5px;
} 
.downloadbuttonsm ul { 
	list-style: none;
} 
.downloadbuttonsm li a:link, .downloadbuttonsm li a:visited, .downloadbuttonsm li a:hover { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px; 
	display: block; 
	background-color: #005EAD; 
	color: #FFFFFF; 
	text-align: center;
	text-decoration: none; 
	padding-bottom: 3px;
}


.downloadbutton { 
	width: 130px; 
	margin-left: 55px;
	margin-top: 5px;
} 
.downloadbutton ul { 
	list-style: none;
} 
.downloadbutton li a:link, .downloadbutton li a:visited, .downloadbutton li a:hover { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px; 
	display: block; 
	background-color: #005EAD; 
	color: #FFFFFF; 
	text-align: center;
	text-decoration: none; 
	padding-bottom: 3px;
}

.downloadbuttonleft { 
	width: 130px; 
	margin-left: 5px;
	margin-top: 5px;
} 
.downloadbuttonleft ul { 
	list-style: none;
} 
.downloadbuttonleft li a:link, .downloadbuttonleft li a:visited, .downloadbuttonleft li a:hover { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px; 
	display: block; 
	background-color: #005EAD; 
	color: #FFFFFF; 
	text-align: center;
	text-decoration: none; 
	padding-bottom: 3px;
}

.sitemap {
	font-size: 12px;
	font-style: italic;
	list-style: none;
}

.sitemap  A {
	text-decoration: none;
	font-weight: normal;
	font-style: normal;
}

.sitemap  A:hover {
	text-decoration: underline;
}

.nolink  {
	font-size: 12px;
	color: #000;
	font-weight: bold;
	font-style: normal;
}

.sitemap li {
	list-style: none;
	clear:   both 
}

.sitemap ul {
}


.wrap {
	margin-left: 30px; 
	text-indent:-30px;
}

.homeindent {
	padding-left: 15px; 
}

.innertube {
	margin-left: 10px; 
	margin-right: 10px; 
	margin-bottom: 10px; 
}

.innertube10 {
	margin-left: 10px; 
	margin-right: 10px; 
	margin-bottom: 10px; 
	margin-top: 10px; 
}

.innertube15 {
	margin-left: 15px; 
	margin-right: 15px; 
	margin-bottom: 15px; 
	margin-top: 15px; 
}

.innertubecolleft {
	margin-left: 0px; 
	margin-right: 10px; 
}
	  
.innertubecolcenter {
	margin-left: 10px; 
	margin-right: 10px; 
}
	  
.innertubecolright {
	margin-left: 10px; 
	margin-right: 0px; 
}
	  
.innertubehome {
	margin-left: 10px; 
	margin-right: 10px; 
	margin-bottom: 5px; 
	margin-top: 7px; 
}


.smalllink {
font-size: 11px;
}


.sitemapsplit {
	width: 280px;  /* room for 2 columns */
	background-color: #E1EAEB;
    overflow: hidden;
	padding-left: 10px;
}
.sitemapsplitlong {
	width: 611px;  /* one long column */
	background-color: #E1EAEB;
    overflow: hidden;
	padding-left: 10px;
}

.sitelist {
	width: 280px;  /* room for 2 columns */
    overflow: hidden;
	padding-left: 20px;
	padding-bottom: 10px;
}

.sitelist2 {
	width: 280px;  /* room for 2 columns */
    overflow: hidden;
	padding-left: 20px;
}

.sitelistall {
	width: 591px;  /* room for 2 columns */
    overflow: hidden;
	padding-left: 20px;
	padding-bottom: 10px;
}



#surveycontainer {
	width: 600px; /*Width of survey container*/
	margin: 0 auto; /*Center container on page*/
	background-color: #FFF;
/*	border: 1px solid #999; */
}

#topsurvey {
	float: right;
	height: 87px; /*Height of top section*/
	padding-top: 30px;
    overflow: hidden
}

#surveycontent {  
	width: 600px; /*Width of survey container*/
	margin: 0 auto; /*Center container on page*/
	text-align: center;
}

p.survey {
	line-height: 140%;
	color: #666c84;
	font-size: 14px;
	font-weight: normal;
	text-align: center;
}


.surveyhr {  /* replaces the above hr.highlight to be more consisten cross-browser */
    border-top: 1px solid #666C84;
	width: 600px;   
	margin-top: 30px;	
	margin-bottom: 10px;	
    clear: both;	
}
	
	
#surveyform {
	margin: 0 auto; /*Center container on page*/
	text-align: center;
	font-size: 14px;
	color: #666c84;
	width: 600px;
}

#surveyform input{  /* small contact form on right */
	border: 1px solid #cccccc;
	line-height: 120%;
	font-size: 12px;
	color: #1E336D;
}


.special {
	color: #AA1217;
}

#flowchart { 
	margin: 0 auto; /*Center container on page*/
    padding: 0px;
	background-image: url(images/diagram_flowchart.gif);
	background-repeat: no-repeat;
	width: 430px;
	height: 360px; 
    position: relative;
 	margin-bottom: 20px;
}

#flowchart li {margin: 0; padding: 0; list-style: none; display: block; position: absolute;}

#flowchart a {display: block; text-indent: -9999px; text-decoration: none;}

#cad {left: 0px; top: 0px; width: 143px; height: 72px; z-index: 40;}
#program {left: 0px; top: 72px; width: 143px; height: 72px; z-index: 40;}
#library {left: 0px; top: 144px; width: 143px; height: 72px; z-index: 40;}
#knowledge {left: 143px; top: 0px; width: 144px; height: 144px; z-index: 40;}
#expert {left: 143px; top: 144px; width: 144px; height: 144px; z-index: 40;}
#dnc {left: 143px; top: 288px; width: 144px; height: 72px; z-index: 40;}
#order {left: 287px; top: 0px; width: 143px; height: 216px; z-index: 40;}

#cad a {height: 72px;}
#program a {height: 72px;}
#library a {height: 72px;}
#knowledge a {height: 144px;}
#expert a {height: 144px;}
#dnc a {height: 72px;}
#order a {height: 216px;}

#cad a:hover, #program a:hover, #library a:hover, #knowledge a:hover, #expert a:hover, #dnc a:hover, #order a:hover 
{background: url(images/diagram_flowchart.gif); background-repeat: no-repeat;}

#cad a:hover {background-position: -0px -360px;}
#program a:hover {background-position: -0px -432px;}
#library a:hover {background-position: -0px -504px;}
#knowledge a:hover {background-position: -143px -360px;}
#expert a:hover {background-position: -143px -504px;}
#dnc a:hover {background-position: -143px -648px;}
#order a:hover {background-position: -287px -360px;}



.dropcap
{
	float: left;
	width: .7em;
	font-size: 46px;
	font-weight: bold;
	line-height: 83%;
	color: #1E336D;
}

.dropcap2
{
	float: left;
	width: 1.2em;
	font-size: 46px;
	font-weight: bold;
	line-height: 83%;
	color: #1E336D;
}

.imgheader
{
	line-height: 100%;
	font-weight: bold;
	font-size: 19px;
	color: #1E336D;
}

.videohead
{
	line-height: 100%;
	font-weight: normal;
	font-size: 14px;
}

.videoimg
{
	float: right;
	text-align: right;
	padding: 0px 0px 0px 10px;
	border: none;
}


.tinyhead {
	font-size: 14px;
	font-style: italic;
}


#threecolumnwrapperuni {  
	float: left;
	text-align: left;
	width: 650px;
}

#subcoluni {
    display: block;
	float: left;
	width: 650px;
    margin-top: 20px;    
    margin-bottom: 15px;    
}

#leftcoluni {
    display: block;
	float: left;
	width: 216px;
	position: relative;
    text-align: left;
}

#twocolumnwrapperuni {  
    display: block;
	float: right;
	width: 434px;
}

#centercoluni {
    display: block;
	float: left;
	width: 216px;
	position: relative;
    text-align: left;
    border-left: 1px solid #E0E0E0;
    border-right: 1px solid #E0E0E0;
    padding-bottom: 140px;
}

#rightcoluni {
    display: block;
	float: right;
	width: 216px;
	position: relative;
    text-align: left;
}


.vidtitles{
	font-size: 14px; 
	line-height: 120%;
    padding-top: 20px;
    padding-bottom: 10px;
}


	
/* THE HACK ZONE - */

/* hack for IE (all flavors) so the menu has a vertical line on the left */
* html div#listmenu ul {
	float:left; /* makes the ul wrap the li's */
	border-left:1px solid #069; /* adds the rightmost menu vertical line to the ul */
	margin-left:0px; /* IE doubles the given value above - why? */
	}
* html div#listmenu li.right {
	border-left:1px solid #069; /* adds the rightmost menu vertical line to the ul */
	}

/* hack for IE 5 and 5.5 to accept the padding on the link */
* html div#listmenu a {display:block;}
/* END OF LIST-BASED MENU */


/* Holly Hack for creeping text and dimensional bugs on floats, etc */ 
/* Hides from IE5-mac \*/
* html .holly {height: 1%;}
/* END OF HOLLY HACK */ 



/* here follows the brillant "no-extra-markup" clearing method devised by Tony Aslett - www.csscreator.com */
/* simply add the clearfix class to any containter that must enclose floated elements */
/* read the details of how and why this works at http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {
	content: ".";             /* the period is placed on the page as the last thing before the div closes */
	display: block;           /* inline elements don't respond to the clear property */ 
	height: 0;                /* ensure the period is not visible */
	clear: both;              /* make the container clear the period */
	visibility: hidden;	      /* further ensures the period is not visible */
}

.clearfix {display: inline-block;}   /* a fix for IE Mac */

/* next a fix for the dreaded Guillotine bug in IE6 */
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* END OF "NO-EXTRA-MARKUP" CLEARING METHOD */


#mozillaPlaceholder /* Mozilla has problems with a footer following a body that ends in two side-by-side columns so an invisible maincontent element occurs at the bottom of the body. It must have text in it, but it is in the background colour. */      {
	color:  #fff;
	display: block;
	clear:   both 
}


/* END OF HACK ZONE */