*
{
margin: 0px;
padding: 0px;
}
a {
	text-decoration: none;
	color: #ffffff;
}
h1  {
	font-size: 24px;
	color: #0097D7;
	font-weight: bold;
	line-height: 150%;
}
h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #333333;
	line-height: 150%;
}
p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: lighter;
	color: #333333;
}
ul {
	list-style-position: outside;
	list-style-type: none;
}

img
{  border-style: none;
}

body {
	background: #000000 url(../images/background.gif) repeat-x;
	font: 13px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #ffffff;
}

#content
{
	width: 766px;
	text-align: left;
	height: 700px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

#menu
{
	height: 26px;
	width: 225px;
	margin-top: 118px;
	border-right: thin solid #4C4C4C;
	border-left: thin solid #4C4C4C;
	float: right;
}

#menu ul {
	border-top: thin solid #4C4C4C;
	list-style: none;
}

#menu li {
	display: block; float:right; 
}

#menu a {
	float: left;
	width: 75px;
	height: 20px;
	display: block;
	text-align: center;
	text-decoration: none;
	color: #C8CBC9;
	font-weight: lighter;
	font-size: 12px;
	text-transform: none;
	padding-top: 5px;
	background: #333333;
}

#menu a:hover {
	color: #FFFFFF;
	background: #BA662E;
}
#maincontent {
	width: 764px;
	border-right: thin solid #4C4C4C;
	border-left: thin solid #4C4C4C;
	height: 449px;
	margin-top: 1px;
}
#left {
	background-color: #585858;
	padding: 30px;
	width: 156px;
	height: 389px;
	background-image: url(../images/leftbg.gif);
	float: left;
}
#banner {
	height: 120px;
	width: 766px;
	margin-top: 10px;
}
.main {
	line-height: 200%;
	border-top: thin solid #CCCCCC;
}
.main a {
	text-decoration: none;
	padding-left: 5px;
}
.sublinks {
	border-top: thin solid #CCCCCC;
	margin-bottom: 10px;
	padding-top: 10px;
}
.sublinks a {
	text-decoration: none;
	font-size: 11px;
	font-weight: lighter;
	padding-left: 5px;
	display: inline-block;
}
.itero  a:hover  {
	color: #56B4FF;
}
.iq  a:hover  {
	color: #F19357;
}
.icast  a:hover  {
	color: #D760B0;
}
.cadent  a:hover  {
	color: #77B4FC;
}

.productlogo {
	text-align: center;
	margin-bottom: 10px;
}
#flashcontent {
	float: right;
	height: 449px;
	width: 548px;
}
#formcontent {
	float: right;
	height: 399px;
	width: 498px;
	padding: 25px;
	background-image: url(../images/forms_bg.jpg);
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	text-align: left;
	font-size: 12px;
	overflow: auto;
	background-repeat: repeat-y;
}
#formcontent a {
	color: #000000;
	text-decoration: underline;
}
#formcontent a:hover {
	color: #0097D7;
}
#flashbanner {
	margin-top: 5px;
	margin-bottom: 25px;
}
#logo {
	height: 40px;
	width: 142px;
	margin-top: 104px;
	float: left;
}



#footer {
	height: 37px;
	clear: both;
	padding-top: 10px;
	background: url(../images/footer.gif) repeat-x; 
	border-top: 4px solid #2C5C89;
}

#footer p {
	margin: 0;
	font-size: 10px;
	text-align: center;
	color: #595959;
}

#footer a {
	color: #595959;
}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain its child floats */
	clear:both;
    height:1;
    font-size: 1px;
    line-height: 1px;
}

.longfield {
	width: 80%;
}
.desc {
	font: bold 16px Arial, Helvetica, sans-serif;
	color: #333333;
}
.floatlft {
	float: left;
	margin-right: 5px;
}

/* for link in footer */
.footer-link   { float:right; height:45px; width:190px; position:relative; margin:1px 0 0 0;}
.footer-link a { display:block; height:45px; width:190px; background: url(../images/btn-orthoCad-download.png) no-repeat; background-position:0 0; position:absolute; z-index:100;}
.footer-link a:hover { background-position:0 -45px;}

.footer-left   { float:left; height:45px; width:300px; position:relative; margin:10px 0 0 0;}