@charset "utf-8";
/* CSS Document */
/*************************************************************************
The following CSS Style effects (styles) all pages on UltimoSoft website. 
The styles are listed in this order:
- body
* LINKS FORMATING
* FONT FORMATING - p, h1, h2, h3, h4, h5, h6
* MENU CSS FORMATING
- logo
- quote
- content
- left column
- right column
- footer
- menu
* FORM FILL FORMATING (CONTACT PAGE)

For more information, please contact webmaster at www.aspirati.com

**************************************************************************/

body {
	margin: 0;
	padding: 0;
	font: 70% Tahoma, Arial, Helvetica, sans-serif;
	background: #DDE0DF;
	line-height: 16px;
}
.body_wrapper {
	margin: 0px auto;
	width: 1010px;
	background:#FFF;
}
.main_body_content {
	padding: 10px 10px 10px 10px;
	width:990px;
}
/* -- list style CSS - bulleting -- */
ul {
	list-style-type: none;
	padding-left:15px;
	margin-top:0px;
	margin-left: 0;
}
.bullet_cross_red {
	list-style-image:url(images/layout_image/bullet_cross_red.gif);
}
.bullet_cross_green {
	list-style-image: url(images/layout_image/bullet_cross_green.gif);
}
.bullet_doc {
	list-style-image: url(images/layout_image/comment.gif);
}
.bullet_circle { list-style:circle;
}

.bullet_paragraph_indent {
	margin-left:17px;
	margin-bottom:7px;
}
.Bullet_list_paragraph_spaceing {
	margin:0px;
	padding:0px;
}


/* -- link style CSS -- */

a {
	color: #999;
	font-weight: lighter;
	text-decoration:none;
}
a:hover {
	color: #CC0000;
	font-weight:lighter;
	text-decoration: none;
}
/* -- Font style CSS -- */
p {
	padding: 2px 0 5px;
	margin: 0;
	color:#000;
}
p a {
	color:#000;
}
/*--highlights - large text paragraphs css*/
h1 {
	margin: 0;
	padding-top:10px;
	padding-bottom: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	line-height: 1.2em;
	font-weight:lighter;
}
h1 a {
	color:#7A8E7D;
}
h1 a:hover {
	text-decoration: underline;
}
/*--text theme color selection ID to add to h1 text to change color*/

#black_text {
	color: #000;
}
#black_text a {
	color:#000;
	text-decoration:none;
}

#black_text a:hover {
	text-decoration:underline;
}
#grey_text {
	color: #ccc;
}
#green_text {
	color:#7A8E7D;
}
#purple_text {
	color:#816391;
}
#blue_text {
	color:#597690;
}
#white_text {
	color:#fff;
}


/*--red main title css*/
h2 {
	margin: 0;
	padding: 3px 0 6px 0;
	font: 120% Arial, Sans-Serif;
	font-weight: bold;
	color: #BE1E2D;
}
h2 a {
	color: #000;
	text-decoration: none;
	border:0;
}
h2 a:hover {
	color: #CC0000;
	text-decoration: none;
	border:0;
}
/*--paragraph-like black small text - example submenu--*/
h3 {
	margin: 0;
	padding: 0px 0 0px 0;
	font: 110% Arial, Sans-Serif;
	font-weight: lighter;
	color: #000;
}
h3 a {
	color:#000;
}
h3 a:hover {
	color: #BE1E2D;
	text-decoration: none;
}
/*--Standard page submenu large overview text css*/

h4 {
	margin: 0;
	padding: 0px 0 0px 0;
	font: 110% Arial, Sans-Serif;
	font-weight: bold;
	color: #000;
	text-transform: uppercase;
	line-height:1.2em;
}
h4 a:hover {
	color: #808080;
	text-decoration: none;
}
/* -- h5 a - is applied to hyperlink with black background example: Contact | Resource menu -- */ 

h5 {
	margin: 0;
	padding: 0px 0 0px 0;
	font: 110% Arial, Sans-Serif;
	font-weight: lighter;
	color: #000;
	line-height:1.1em;
}

h6 {
	color: #006496;
	font-weight: bold;
	font-size:100%;
	font-weight:bold;
	margin:2px;
}
h6 a {
	color: #006496;
	font-weight: bold;
	text-decoration:none;
}
/* -- Standard header for all pages - Menu style CSS -- */
.logo_header {
	height: 50px;
	margin: 0px 0 0px 0;
	padding: 10px 0 10px 0px;
	background: #000;
}
.header_menu_topright {
	float: right;
	padding: 2px 20px 0 0;
	color:#999;
	text-decoration:none;
}
.header_menu_topright a:hover {
	color: #fff;
	text-decoration:none;
}
/* -- Standard CSS Menu for all pages - Menu style CSS -- */

.menu_wrapper {
	clear: both;
	height: 25px;
	margin: 0px 0 0px 0;
	background: url("images/layout_image/hmrightbg.gif") repeat-x;
}
.menu_right {
	color: #000;
	line-height: 25px;
	float: right;
	width: 770px;
	font-size: small;
}
/* -- below controls active link effect for menu right*/
.menu_right a {
	margin: 0px 0px 0 0;
	padding: 5px 10px 5px 10px;
	color: #000;
	font-weight: normal;
	text-decoration: none;
}
/* -- below controls hover effect for menu right -- */
.menu_right a:hover {
	background: #CC0000;
	color: #FFFFFF;
	text-decoration:none;
}
/* -- Special text css -- */

.readmore {
	color:#2061AB;
	font-style:italic;
	font-size:11px;
}
.readmore a {
	color: #2061AB;
	font-style:italic;
	text-decoration:none;
}
.readmore a:hover {
	color: #000;
	font-style:italic;
	text-decoration:none;
}
/* -- Landing Page CSS layout -- */

.landing_flash_row {
	background:url(images/2009_090909.jpg) top center no-repeat;
	float:left;
	height: 320px;
	padding:0px;
	width:990px;
}
.landing_partner_row {
	float:left;
	width:990px;
	height: 30px;
	padding:10px 0px 10px 0px;
}
.landing_hightlight_row {
	width:990px;
	height: 250px;
	padding:0px;
	float:left;
}
.landing_overviewindustry_row {
	float:left;
	clear:both;
	width:990px;
	height: 250px;
	padding:0px;
	margin-top:20px;
}
.landing_overview_col {
	float:left;
	width:345px;
	height: auto;
	padding:0px 10px 0 0;
}
.landing_industry_col {
	float:right;
	height:100%;
	width:627px;
	padding:0px 0px 0px 0px;
}
.landing_columnfloat {
	float:left;
}
/* -- Standard pages layout - Left and right main content column as well as creates a small left and right boxes at bottom within the right column -- */

.standard_submenu_header {
	border-bottom:#000 2px solid;
	background:#FFF;
	padding-bottom:10px;
	width:990px;
	padding-top:10px;
	float:left;
	clear:both;
}
.standard_submenu_header a:hover {
	text-decoration:underline;
}
.standard_submenu_column {
	padding-bottom:10px;
	padding-top:10px;
	width:210px;
	background:#FFF;
}
.standard_nextstep_column {
	border-top:#7A8E7D 2px solid;
	padding-bottom:10px;
	padding-top:10px;
	width:210px;
	background:#FFF;
}
.col_left {
	float: left;
	padding: 0px 0 5px 0px;
	width: 220px;
	clear:left;
}
.col_right {
	float: right;
	width: 750px;
	margin: 0 0 0px 0;
	padding: 10px 0 0 10px;
	color: #000;
}
/*--standard page internal columns and rows--*/



.row {
	float:left;
	padding:10px;
}
/*--bottom boxes css*/

.left_box {
	float: left;
	width: 260px;
	height:130px;
	padding: 13px;
	background: #D4D4D4 url("images/layout_image/corner.gif") no-repeat bottom right;
	color: #597690;
}
.right_box {
	float: right;
	width: 240px;
	height:130px;
	padding: 13px;
	background: #D4D4D4 url("images/layout_image/corner.gif") no-repeat bottom right;
	color: #626262;
}
/* -- standard page layout - "date" styles the bottom right align "read more" text -- */
.footer {
	clear: both;
	color: #999999;
	padding:0px 0px 0px 0px;
	text-align: left;
	height:50px;
	margin: 0px auto;
	width: 1010px;
}
.footer a:hover {
	text-decoration: underline;
}



/* -- standard page layout - below is the hover "info" box effect CSS -- */
.info {
	float:left;
}
a.info {
	font: 1.1em Arial, Sans-Serif;
	width:190px;
	text-decoration:none;
	position:relative;
	margin-left:0px;
	color:#808080;
}
a.info span {
	display:none;
}
a.info:hover {
	cursor:default;
}
a.info:hover .infobox {
	display:block;
	position:absolute;
	top:20px;
	left:0;
	width:205px;
	height:70px;
	border: 1px solid #ccc;
	background:#f4f4f4 url("images/layout_image/question.gif") no-repeat bottom right;
	color:#000;
	text-align:left;
	font-size:0.7em;
	padding-left:20px;
	padding-top:10px;
}
/* -- standard page layout - below creates a horizontal line, width is controlled by content or inline styling -- */
.line2 {
	clear:both;
	height: 4px;
	margin: 0px 0 10px 0;
	background-color:#000;
}
.line {
	clear:both;
	height: 1px;
	margin: 10px 0 10px 0;
	background-color:#e7e7e6;
}
/* -- standard page layout - paragraph with bottom horizontal line styling - company, management team page -- */

.pborder {
	border-bottom:1px solid #e6e6e6;
	text-align:left;
	padding-top:10px;
}
/* -- standard page layout - image box styling - company, management team page -- */

.imagebox_left {
	float: left;
	width: 120px;
	padding: 13px;
	color: #626262;
}
/* -- imagebox_right is for formating inserted text to the right of the imagebox_left -- */

.imagebox_right {
	float: left;
	width: 380px;
	padding: 13px;
	color: #000;
	margin-left:30px;
}
/* -- grey_box is used for formating highlighted text within a grey box on left column -- */
.blue_box {
	height:40px;
	padding: 13px;
	background: #597690;
	margin-top:10px;
}
/* -- logolistborder puts a border to style a list-type table - see customers page -- */

.logolistborder {
	border-bottom:1px solid #e6e6e6;
	text-align:left;
	padding-top:10px;
	height: 58px;
}
/* --Formatting specific to accommadate current "index" file right box - horizontal layout -- */

.indexh_righttop_box {
	width: 530px;
	height:auto;
	padding: 5px;
	background: #fff url("images/layout_image/corner.gif") no-repeat bottom right;
	border:#CCCCCC 1px solid;
	color: #626262;
}
.indexh_bottom_box {
	width: 530px;
	height:190px;
	padding: 10px;
	background: #e7e7e6 url("images/layout_image/corner.gif") no-repeat bottom right;
	color: #626262;
}
/* -- below creates a small left and right boxes at bottom within the right column (specific to index-1col page only) -- */

.index_1col_left {
	float: left;
	width: 260px;
	height:190px;
	padding: 13px;
	background: #e7e7e6 url("images/layout_image/corner.gif") no-repeat bottom right;
	color: #626262;
}
.index_1col_right {
	float: right;
	width: 230px;
	height:190px;
	padding: 13px;
	margin-right:10px;
	background: #e7e7e6 url("images/layout_image/corner.gif") no-repeat bottom right;
	color: #626262;
}
/* -- Formatting specific to index-2col file, box formatting -- */

.index_2col_left {
	float: left;
	width: 280px;
	height:550px;
	padding: 13px;
	border-right: #ccc 1px dotted;
	color: #626262;
}
.index_2col_right {
	float: right;
	width: 230px;
	height:560px;
	padding-top: 13px;
	margin-right:10px;
	color: #626262;
}
.news_sections {
	border-bottom: #ccc 1px dotted;
	padding-bottom:20px;
	font:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-style:italic;
	font-size:17px;
	color:#003366;
	margin-bottom: 20px;
}
/* -- Below are Formatting specific to "contact" page file -- */

.right_left_white {
	float: left;
	width: 260px;
	padding: 13px;
	color: #000;
}
.right_right_white {
	float: right;
	width: 240px;
	padding: 13px;
	color: #000;
}
/* -- Below are Formatting specific to "customers" page file -- */

.rightbox_left {
	float: left;
	width: 280px;
	padding: 13px;
	color: #626262;
}
.rightbox_right {
	float: left;
	width: 340px;
	padding: 13px;
	color: #626262;
}
/* -- contact forms css style begins -- */

.form.search {
	padding: 0;
	margin: 0;
}
.formlabels {
	font: 110% Arial, Sans-Serif;
	color: #626262;
	text-align: left;
	padding-bottom: 5px;
	padding-top:5px;
}
.formstyle {
	float: left;
	padding: 0px 0px 0px 0px;
	height:100%;
	color:#000;
	text-align:left;
	margin-top:5px;
	margin-bottom:20px;
	
}
input.text {
	margin: 0;
	border: 1px solid #ccc;
	background: #FFF;
	color: #000;
}
input.text:hover {
	border: 1px solid #808080;
}
input.searchbutton {
	margin: 0;
	font-size: 100%;
	font-family: Arial, Sans-serif;
	border: none;
	background: #FFFFFF;
	color: #808080;
	padding: 1px;
	font-weight: bold;
}