body { font-family: arial; font-size: 10pt; background-color: #FFFFFF; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; }
td { color: #505050; }
img { border: 0px; display: block}
h1 { font-size: 14pt; color: #228AF2; font-weight: normal; }
h2 { font-size: 11pt; font-weight: bold; }
h3 { font-size: 10pt; font-weight: bold; margin-bottom: 0px; }


#teraeon_main { width: 930px; margin-left: auto; margin-right: auto; text-align: left; position: relative; }
#top_logo { width: 405px; height: 78px; }
#main_links, #homepage_top, #main_right, #focus_top, #focus_right { width: 525px; }
#top_logo, .floatleft, #top_map, #main_right, #focus_top, #focus_left, #focus_right, #left_col, .middle_col, #right_col, #template_content, #casestudy .left, #casestudy .right, #top_map_container { float: left; }
#main_links { height: 20px; float: none; }
#homepage_top { height: 58px; float: none; }
#teraeon_body { width: 100%; text-align: center; }
#top_map, #focus_left { width: 405px; }
#top_map, #focus_top { height: 30px; }
#focus_top { width: 525px; }
#homepage_content{ width: 930px; }

#focus_left, #focus_right { height: 159px; margin: 0; padding: 0;}
#homepage_col1, #homepage_col2, #homepage_col3 { background: #fff url(../images/focus_under.gif) no-repeat left top; margin: 0 0 0; float: left; padding: 8px 0 0 0; }
#homepage_col1, #homepage_col2 { white-space: nowrap; }
#homepage_col1 { width: 227px; }
#homepage_col2 { width: 158px; }
#homepage_col3 { white-space: normal; width: 491px; w\idth: 545px; }
#bottom_line { width: 930px; height: 5px; background-color: #464646; display: inline; }
#image_maps { display: none; }
#Footer_Copyright, .small { font-size: 10px; }
#Footer_Copyright, #Footer_Links { text-align: right; width: 50%; float: left; white-space: nowrap; }
#Preload_Images { display: none; }
#right_col { width: 185px; }
#left_col { width: 195px; }
#homepage_col3{ float: right; }
.middle_col { width: 530px; padding-left: 10px; padding-right: 10px; }
#left_col, #right_col, .middle_col, #title_bar { padding-top: 10px; vertical-align: top; }
#template_content { width: 930px; }
#top_map_container{ width: 380px; height: 30px; overflow: hidden;  }
#top_map { background: url( "../images/blank1.gif" ); background-repeat: repeat-x; height: 30px; padding: 0; margin: 0;}
#top_map_menu { list-style-type: none; color: #FFF; text-align: center; margin: 0px; padding-left: 10px; width: 100%; height: 30px; float: left; }
#top_map_menu li { float: left; padding-left: 0px; margin-left: 0px; }
#top_map_menu li a:hover, #top_map_menu li a, #top_map_menu li a:visited { font-size: 7pt; padding-top: 11px; background: url( "../images/blank1.gif" ); height: 19px; color: #FFFFFF; display: block; font-weight: bold; text-decoration: none; }
#top_map_menu li:hover, #top_map_menu li a:hover { background: url( "../images/blank_over.gif" ); }

#products, #services, #support { width: 63px; }
#casestudies, #aboutus { width: 89px; }

.dropdown { font-family: arial; font-size: 10px; background-color: #EFEFEF; border: 1px solid #228AF2; min-width: 200px; padding: 2px 2px 2px 2px; }


/*Case Study*/
#casestudy { width: 530px; text-align: left; margin-right: auto; margin-left: auto; border: 1px solid #4E9CEA; }
.left, .right { font-size: 10pt; }

#casestudy #caption, #casestudy .left, #casestudy .right, #casestudy .full, #casestudy .heading { padding: 4px; }
#casestudy #caption { background: #98B1C4; font-size: 8pt; color: White; }
#casestudy .left { width: 100px; }
#casestudy .right { width: 414px; }
#casestudy .full, #casestudy .space { width: 530px; }
#casestudy .space { height: 10px; }
#casestudy #caption, #casestudy .heading, #casestudy .left { font-weight: bold; }


/*Flow Grid*/
.flowgrid { text-align: left; }
.flowgrid h1 { display: block; padding: 2px; background-image: url( "../images/table_background.gif" ); font-weight: bold; font-size: 10pt; width: 100%; color: Black; }
.flowgrid inside { padding: 4px; }
.flowgrid h1 { border: 1px solid #4E9CEA; }
.flowgrid .inside { margin: 0px 0px 0px 0px; }
.inside { margin: 0px 0px 0px 18px; width: 100%; color: #505050;  }
.smallh1 { font-family: Arial; font-size: 10pt; font-weight: bold; color: #F29C22; margin-bottom: 0px; }
.menu { font-family: arial; font-size: 10px; background-color: #EFEFEF; border: 1px solid #228AF2; width: 100%; padding: 2px 2px 2px 2px; }

.vertical_middle { vertical-align: middle; }
.align_center { margin-left: auto; margin-right: auto; }
.full{ float: left; width: 100%; padding-bottom: 10px; }
.half{ float: left; width: 50%; padding-bottom: 10px; }

.tinyh1 { font-family: Arial; font-size: 11px; font-weight: bold; margin: 0px; }
.smalllinks { font-family: arial; font-size: 8pt; }
.mediumlinks { font-family: arial; font-size: 9pt; }
.grid td { padding: 1px; }
.arrowlist { padding-top: 10px; }
.grid caption { padding: 2px; text-align: left; border: 1px solid #4E9CEA; background-image: url( "../images/table_background.gif" ); font-weight: bold; }
.arrowul { list-style-position: outside; margin-top: 10px; margin-bottom: 10px; list-style-image: url( "../images/arrow_small.gif" ); list-style-type: square; text-indent: 0px; }
.dynamicmenu { font-family: arial; font-size: 10px; background-color: #EFEFEF; border: 1px solid #228AF2; padding: 2px 2px 2px 2px; }
.table_body { border-left: 1px solid #4E9CEA; border-right: 1px solid #4E9CEA; border-bottom: 1px solid #4E9CEA; }
.table_head { border: 1px solid #4E9CEA; background-image: url( "../images/table_background.gif" ); font-weight: bold; }
.table_solidhead caption { text-align: left; background: #98B1C4; font-size: 8pt; color: White; font-weight: bold; }
.table_solidhead { border: 1px solid #4E9CEA; }
.light_gray { width: 220px; }

.error { border-left: 1px red solid; border-right: 1px red solid; border-top: 1px red solid; border-bottom: 1px red solid; }
.template_content { padding: 4px 4px 4px; background-color: #ffffff; }
.title { font-weight: bold; font-size: 16px; font-family: helvetica, arial, verdana, geneva; color: #0684D0; }
.header { background-color: #0684D0; color: white; font-family: arial; font-size: 10pt; font-weight: bold; }

A { font-family: arial; font-size: 10pt; color: #228AF2; text-decoration: none; }
A:link { font-family: arial; font-size: 10pt; color: #228AF2; text-decoration: none; }
A:visited { font-family: arial; font-size: 10pt; color: #228AF2; text-decoration: none; }
A:active { font-family: arial; font-size: 10pt; color: red; text-decoration: none; }
A:hover { font-family: arial; font-size: 10pt; color: #228AF2; text-decoration: underline; }

A.heading { font-weight: bold; }
A.heading:link { font-weight: bold; }
A.heading:visited { font-weight: bold; }
A.heading:active { font-weight: bold; }
A.heading:hover { font-weight: bold; }

A.smalllinks { font-size: 8pt; }
A.smalllinks:link { font-size: 8pt; }
A.smalllinks:visited { font-size: 8pt; }
A.smalllinks:active { font-size: 8pt; }
A.smalllinks:hover { font-size: 8pt; }

A.mediumlinks { font-size: 9pt; }
A.mediumlinks:link { font-size: 9pt; }
A.mediumlinks:visited { font-size: 9pt; }
A.mediumlinks:active { font-size: 9pt; }
A.mediumlinks:hover { font-size: 9pt; }

A.whitelink { color: #FFFFFF; }
A.whitelink:link { color: #FFFFFF; }
A.whitelink:visited { color: #FFFFFF; }
A.whitelink:active { color: #FFFFFF; }
A.whitelink:hover { color: #FFFFFF; }

A.blacklink { color: #000000; }
A.blacklink:link { color: #000000; }
A.blacklink:visited { color: #000000; }
A.blacklink:active { color: #000000; }
A.blacklink:hover { color: #000000; }

#Footer_Links A { color: #000000; }
#Footer_Links A:link { color: #000000; }
#Footer_Links A:visited { color: #000000; }
#Footer_Links A:active { color: #000000; }
#Footer_Links A:hover { color: #000000; }


#Footer_Copyright A { font-size: 7pt; }
#Footer_Copyright A:link { font-size: 7pt; }
#Footer_Copyright A:visited { font-size: 7pt; }
#Footer_Copyright A:active { font-size: 7pt; }
#Footer_Copyright A:hover { font-size: 7pt; }

A.nounderline { color: #4778A1; text-decoration: none; }
A.nounderline:link { color: #4778A1; text-decoration: none; }
A.nounderline:visited { color: #4778A1; text-decoration: none; }
A.nounderline:active { color: red; text-decoration: none; }
A.nounderline:hover { color: red; text-decoration: none; }