/*
------------------------------------------------------------------------------
	
	SmartMech CSS
	Copyright (c) 2004 Ronneberger Computing Inc. All Rights Reserved.
	Tues 20 Apr 2004
		
------------------------------------------------------------------------------
*/


/*
-----------------------------------------------------
	global positioning and elements
-----------------------------------------------------
*/

body {
	font-family: Verdana, Arial, Helvetica, Sans-serif;
	font-size: 11px;
	line-height: 16px;
	color: #B1B1B1;
	text-align: center;
	margin: 0px;
	padding: 0;
	/* background-color: #F7F7F7; */
	background-color: #E0E0E0;
	/* background: url(../images/bg_grey_metal2 */
	width: 95%;
	}

body.temp {
	font-family: Verdana, Arial, Helvetica, Sans-serif;
	font-size: 11px;
	line-height: 16px;
	color: #B1B1B1;
	text-align: center;
	margin: 0px;
	padding: 0;
	background-color: #FFFFFF;
	width: 95%;
	}
#temp {
	position: absolute;
	left: 80px;
	top: 100px;
	width: 60%;
	}
	
img.logotemp {
	position: absolute;
	left: 350px;
	top: 50px;	
	}

img {
	/* display: block; */
	border: 0px;
	}	


#def_body {
	position: absolute;
	/* left: 225px; */
	left: 20px;
	top: 0px;
	width: 800px;
	height: 750px;
	border: 1px solid #C0C0C0;
	background: #FFFFFF;
	padding: 5px;
	}

#logo {
	position: absolute;
	left: 20px;
	top: 20px;
	z-index: 2;
	}
img.logo {
	width: 250px;
	height: 50px;
	}
	
#top_menu {
	position: absolute;
	left: 450px;
	top: 10px;
	color: #707070;
	}

#main_menu {
	position: absolute;
	left: 0px;
	top: 70px;
	width: 800px;
	height: 20px;
	padding: 5px;
	padding-top: 15px;
	
	text-align: right;
	color: #B7B7B7;
	background: #D32B1B;
	}

#menu_curve {
        float: left;
	background: url(../images/menu_curve.gif) no-repeat top left;
	position: absolute;
	left: 0px;
	top: 0px;
	width: 300px;
	height: 17px;
	/* background: #FFFFFF; */
	clear: both;
	}

img.menu_curve {
	position:absolute;
	}

#wrap {
	position: relative;
	margin: 0 auto;
	padding: 0 11px;
	text-align: left;
	width: 800px;
	voice-family: "\"}\""; 
  	voice-family: inherit;
  	width: 750px;
	}

html>body #wrap {
  	width: 800px;
	} 

.clear {font-size: 1px; height: 1px}


/*
-----------------------------------------------------
	text styles
-----------------------------------------------------
*/

a {
	color: #D32B1B;
	text-decoration: none;
	}
	
a:hover, a:active {
	color: #B7B7B7;
	text-decoration: none;
	}

a.opposite {
	color: #606060;
	text-decoration: none;
	}

a.opposite:hover, a.opposite:active {
	color: #D32B1B;
	text-decoration: none;
	}

a.oppositeB {
	color: #606060;
	font-weight: bold;
	text-decoration: none;
	}

a.oppositeB:hover, a.oppositeB:active {
	color: #D32B1B;
	font-weight: bold;
	text-decoration: none;
	}

a.menu, a.menu:visited {
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	padding-right: 10px;
	/* border: 1px solid #FFFFFF; */
	}
	
a.menu:hover, a.menu:active {
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	padding-right: 10px;
	color: #B7B7B7;
	background: #D32B1B;
	}

.productsmenu{
	position: absolute;
	visibility: hidden;
	/* border:1px solid black; */
	border-bottom-width: 0;
	font:normal 12px Verdana;
	line-height: 18px;
	z-index: 100;
	background-color:  #D32B1B;
	width: 150px;
	}


.productsmenu a{
	width: 100%;
	display: block;
	text-indent: 3px;
	/* border-bottom: 1px solid black; */
	padding: 5px 0 2px 0 ;
	text-decoration: none;
	font-weight: bold;
	text-indent: 5px;
	color: #FFFFFF;
	}

.productsmenu a:hover{
	background-color: #E0E0E0;
	color:  #D32B1B;
	}


p {
	color: #606060;	
	}
	
.highlight {
	color: #606060;	
	font-size: 12px;
	text-align: left;
	padding-left: 20px;
	padding-right: 20px;
	}

.red, #red {
	color: #D32B1B;	
	}

.bigger, #bigger {
	font-size: 15px;	
	}

h2	{
	font-size: 1.5em;
	}
	
h3, h4 {
	font-size: 13px;
	}
	
/*
-----------------------------------------------------
	index - body
-----------------------------------------------------
*/

#big_ad_tagline {
	position: absolute;
	left: 7px;
	top: 118px;
	}
img.big_ad_tagline {
	width: 510px;
	height: 240px;
	}

#index_top_right {
	position: absolute;
	left: 525px;
	top: 118px;
	width: 275px;
	height: 240px;
	/* border: 1px solid #C0C0C0; */
	background: #FFFFFF;
	}

img.why {
	/*
	width: 275px;
	height: 240px;
	*/
	}

#index_middle_left {
	position: absolute;
	left: 7px;
	top: 367px;
	width: 380px;
	height: 345px;
	border: 1px solid #C0C0C0;
	background: #FFFFFF;
	padding-left: 10px;
	}
	
#index_middle_hd {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 385px;
	height: 25px;
	background: #F0F0F0;
	font-size: 12px;
	font-weight: bold;
	padding-top: 5px;
	padding-left: 5px;
	text-align: left;
	}

#index_middle_right {
	position: absolute;
	left: 410px;
	top: 367px;
	width: 380px;
	height: 325px;
	border: 1px solid #C0C0C0;
	background: #FFFFFF;
	padding-left: 10px;
	}
	
/* MIDDLE LEFT */
#index_ml_round #tl {
	position: absolute;
	left: 7px;
	top: 367px;
	background: url(ltop_corner2.gif) no-repeat; z-index: 2; width: 10px; height: 10px;
	}

#index_ml_round #tr {
	position: absolute;
	left: 389px;
	top: 367px;
	background: url(rtop_corner2.gif) no-repeat; z-index: 2; width: 10px; height: 10px;
	}

#index_ml_round #bl {
	position: absolute;
	left: 7px;
	top: 704px;
	background: url(lbot_corner2.gif) no-repeat; z-index: 2; width: 10px; height: 10px;
	}
	
#index_ml_round #br {
	position: absolute;
	left: 389px;
	top: 704px;
	background: url(rbot_corner2.gif) no-repeat; z-index: 2; width: 10px; height: 10px;
	}

/* MIDDLE RIGHT */
#index_mr_round #tl {
	position: absolute;
	left: 410px;
	top: 367px;
	background: url(ltop_corner2.gif) no-repeat; z-index: 2; width: 10px; height: 10px;
	}

#index_mr_round #tr {
	position: absolute;
	left: 792px;
	top: 367px;
	background: url(rtop_corner2.gif) no-repeat; z-index: 2; width: 10px; height: 10px;
	}

#index_mr_round #bl {
	position: absolute;
	left: 410px;
	top: 684px;
	background: url(lbot_corner2.gif) no-repeat; z-index: 2; width: 10px; height: 10px;
	}
	
#index_mr_round #br {
	position: absolute;
	left: 792px;
	top: 684px;
	background: url(rbot_corner2.gif) no-repeat; z-index: 2; width: 10px; height: 10px;
	}
/*
-----------------------------------------------------
	contact
-----------------------------------------------------
*/

#contact_main {
	position: absolute;
	left: 7px;
	top: 118px;
	width: 790px;
	height: 592px;
	border: 1px solid #C0C0C0;
	background: #FFFFFF;
	color: #606060;
	text-align: left;
	padding-left: 5px;
	/* overflow:auto; */
	}
	
#contact_cen {
	/*
	position: absolute;
	left: 10px;
	top: 195px;
	width: 895px;
	height: 590px;
	*/
	width:695px;
	font-size: 12px;
	color: #000000;
	text-align: left;
	/* border: 1px solid #C0C0C0; */
	padding: 0px 0px 0px 0px; /* top - right - bottom - left */
	}

label {
	float: left;
	width: 100px;
	text-align: right;
	margin-left:0px;
	color: #D32B1B;
	font-family: Verdana;
	/* font-size: 1.3em; */
	}

#addy {
	position: absolute;
	left: 505px;
	top: 55px;
	width: 245px;
	/* float: left; */
 	text-align: left;
 	margin-left:10px;
      }
  
label.invisible {
        color: #FFFFFF;
	}

p.small {
	font-size: 10px;
	}

#themap {
	position: absolute;
	left: 515px;
	top: 405px;
	width: 400px;
	text-align: left;
	color: #D32B1B;
	}

#bordermap {
        position:absolute;
        left: 0px;
        top: 10px;
	height: 550px;
	width: 780px;
	border: 1px solid #D32B1B;
	}

#bigmap {
	position:absolute;
        left: 70px;
        top: 50px;
	}

#promise {
	position:absolute;
        /* left: 120px; */
        left: 180px;
        top: 540px;
        text-align: center;
        font-size: 9px;
	}

img.contact_iv {
	position: relative;
	left: 200px;
	top: -22px;
	}


/*
-----------------------------------------------------
	other
-----------------------------------------------------
*/

#other_main {
	position: absolute;
	left: 7px;
	top: 118px;
	width: 790px;
	height: 592px;
	border: 1px solid #C0C0C0;
	background: #FFFFFF;
	color: #606060;
	text-align: left;
	padding-left: 5px;
	/* overflow:auto; */
	overflow: hidden;
	}
	
#other_main_hd {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 790px;
	height: 25px;
	background: #F0F0F0;
	font-size: 12px;
	font-weight: bold;
	padding-top: 5px;
	padding-left: 5px;
	text-align: left;
	}
	
#other_round #tl2 {
	position: absolute;
	left: 7px;
	top: 118px;
	background: url(ltop_corner2.gif) no-repeat;
	z-index: 2;
	width: 10px;
	height: 10px;
	}

#other_round #tr2 {
	position: absolute;
	left: 794px;
	top: 118px;
	background: url(rtop_corner2.gif) no-repeat;
	z-index: 2;
	width: 10px;
	height: 10px;
	}

#other_round #bl2 {
	position: absolute;
	left: 7px;
	top: 702px;
	background: url(lbot_corner2.gif) no-repeat;
	z-index: 2;
	width: 10px;
	height: 10px;
	}
	
#other_round #br2 {
	position: absolute;
	left: 794px;
	top: 702px;
	background: url(rbot_corner2.gif) no-repeat;
	z-index: 2;
	width: 10px;
	height: 10px;
	}

#downloadlist {
        padding-top: 20px;
	padding-left: 30px;
	}

/*
-----------------------------------------------------
	products
-----------------------------------------------------
*/

img.redbuildings {
	position: absolute;
	left: 480px;
	top: 120px;
	height: 450px;
	}
	
img.pdficon {
	position: relative;
	width: 14px;
	margin-top: 0px;
	margin-left: 7px;
	vertical-align: bottom;
	}

/*
-----------------------------------------------------
	dataflow
-----------------------------------------------------
*/

#dataflow_main {
	position: absolute;
	left: 7px;
	top: 118px;
	width: 795px;
	height: 592px;
	border: 1px solid #C0C0C0;
	background: #FFFFFF;
	color: #606060;
	text-align: left;	
	}

#zoom {
	position: absolute;
	left: 15px;
	top: 50px;
	/* height: 300px; */
	}
	
#zoom a {
	margin: 0px 0px 0px 0px;
	overflow: hidden;
	height: 130px;
	width: 630px;
	background: url(../images/SmartMech_DataFlow_Linear.png) no-repeat top left;
	display: block;
	}

#zoom a:hover {
	position: relative;
	height: 215px;
   	width: 1012px;
	left: -110px;
	background: url(../images/SmartMech_DataFlow_Linear_Bg.png) no-repeat top left;
	/*
	height: 268px;
   	width: 1216px;
   	left: -220px;
   	background: url(../images/SmartMech_DataFlow_Linear_Lg.png) no-repeat top left;
   	*/
   	border: 1px dotted #060606;
   	overflow: visible;
	}

#bitbigger, .bitbigger {
	font-size: 14px;
	}


/*
-----------------------------------------------------
	benefits
-----------------------------------------------------
*/

img.benefits_smlogo1 {
	position: relative;
	left:15px;
	top: 8px;
	width: 25px;
	height: 25px;
	}

img.benefits_smlogo2 {
	position: relative;
	left:15px;
	top: 7px;
	width: 25px;
	height: 25px;
	}

img.benefits_smlogo3 {
	position: relative;
	left:15px;
	top: 7px;
	width: 25px;
	height: 25px;
	}

.fake_h4 {
	font-size: 13px;
	font-weight: bold;
	}

/*
-----------------------------------------------------
	features
-----------------------------------------------------
*/


img.features_kv {
	position: absolute;
	left:595px;
	top: 200px;
	}
	
#feature_list {
	position: absolute;
	left:10px;
	top: 30px;
	/* width: 600px; */
	}

img.features_tl {
	position: relative;
	left:15px;
	top: 7px;
	width: 25px;
	height: 25px;
	}
	
img.features_tc {
	position: relative;
	left:15px;
	top: 7px;
	width: 25px;
	height: 25px;
	}

img.features_ts {
	position: relative;
	left:15px;
	top: 7px;
	width: 25px;
	height: 25px;
	}

img.features_ta {
	position: relative;
	left:15px;
	top: 7px;
	width: 25px;
	height: 25px;
	}

/*
-----------------------------------------------------
	FAQs
-----------------------------------------------------
*/

#thescrollarea {
	position: absolute;
	left: 7px;
	top: 35px;
	width: 770px;
	height: 548px;
	text-align: left;
	padding-left: 15px;
	overflow:auto;
	font-size: 12px;
	}

a.faq {
	color: #606060;
	text-decoration: none;
	}

a.faq:hover {
	color: #D32B1B;
	text-decoration: none;
	}

a.backtotop {
	font-size: 10px;
	}

body.print {
	background-color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, Sans-serif;
	font-size: 11px;
	line-height: 16px;
	color: #B1B1B1;
	margin: 0px;
	padding: 0;
	width: 95%;
	}
	
#viewprintable {
        padding: 70px 0px 0px 100px;
	text-align:left;
	width:95%;
	}

#viewprintablelink {
	text-align:right;
	padding-right: 15px;
	}
	
a.viewprintable {
	color: #606060;
	font-weight: bold;
	text-decoration: underline;
	}

a.viewprintable:hover, a.viewprintable:active {
	color: #D32B1B;
	font-weight: bold;
	text-decoration: none;
	}

#print_footer {
	position: relative;
	left: 0px;
	top: 0px;
	width: 800px;
	height: 40px;
	
	padding: 5px;
	left: 0px; /* ie6win patch begins */
	color: #C0C0C0;
	font-size: 9px;
	text-align: left;
	text-decoration: none;
	}

#glossaryterm {
	font-weight: bold;
	}

/*
-----------------------------------------------------
	company - About SmartMech
-----------------------------------------------------
*/
.wrap_img {
	vertical-align:top;
	}

img.beaver {
	position:relative;
	width: 120px;
	float: left;
	margin-right: 10px;
	}

img.rackspace {
	margin-left: 20px;
	margin-right: 20px;
	float: left;
	}
	
img.sybase {
	/* position: relative; */
	clear: left;
	width: 150px;
	float: left;
	margin-right: 10px;
	}



/*
-----------------------------------------------------
	terms
-----------------------------------------------------
*/

#terms {
	position: absolute;
	left: 7px;
	top: 118px;
	width: 800px;
	height: 595px;
	text-align: left;
	color: #606060;
	overflow:auto;
	}

/*
-----------------------------------------------------
	footers
-----------------------------------------------------
*/

.footer, a.footer, a.footer:hover, a.footer:active, a.footer:visited {
	margin-top: 5px;
	margin-left: 5px;
	left: 0px; /* ie6win patch begins */
	color: #C0C0C0;
	font-size: 9px;
	text-align: left;
	text-decoration: none;
	}
	
#index_footer {
	/*
	position: absolute;
	left: 0px;
	top: 720px;
	width: 810px;
	height: 40px;
	background: #D32B1B;
	*/
	position: absolute;
	left: 0px;
	top: 720px;
	width: 800px;
	height: 40px;
	background: #D32B1B;
	padding: 5px;
	left: 0px; /* ie6win patch begins */
	color: #C0C0C0;
	font-size: 9px;
	text-align: left;
	text-decoration: none;
	}