/*--------- overview ---------*/
html{ 
	height: 				100%;
	}
body{
	margin: 				0px 0px 0px 0px;
	height: 				100%;
	padding: 				0px 0px 0px 0px;
	font: 					normal 10pt Arial, Helvetica, sans-serif;
	color: 					#000000;
	background:				#7f8e98 url(../images/ognos.mosaic.jpg) no-repeat center top;
	text-align:				center;
	}

.pre{
	margin: 				0px 0px 0px 0px;
	height: 				100%;
	padding: 				0px 0px 0px 0px;
	font: 					normal 10pt Arial, Helvetica, sans-serif;
	color: 					#000000;
	background:				#7f8e98;
	text-align:				center;
	}

/*--------- links ---------*/
a:link{						border-bottom:		none;  color : #f13b2b; text-decoration: none;}
a:visited{					border-bottom: 		none; color : #f13b2b; text-decoration :  none; }
a:hover{					border-bottom:      none; color : #f13b2b;text-decoration :  none;}

#login a{
	font: 					normal 8pt Arial, Helvetica, sans-serif;
}
a.nonelink{
	color:					#188e13;
 	border-bottom: 			none;
}
#termsleft a:link, a:visited,a:hover {border-bottom: none; text-decoration: none;}

#text a:link{				border-bottom:#0153a5 1px dotted;  color : #0153a5; text-decoration: none;}
#text a:visited{			border-bottom:#0153a5 1px dotted; color : #0153a5; text-decoration :  none; }
#text a:hover{				border-bottom:#ffffff 1px dotted; color : #0153a5;text-decoration :  none;}


/*--------- clock ---------*/
#box{
	width: 					100%;
	padding: 				43px 0px 0px 0px;
	margin: 				0px 0px 0px 0px;
	clear: 					both;
}
#clock {
	font-family: Arial, Verdana, sans-serif;
	font-size: 7pt;
	color: #434343;
}


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

.bellared{
color:					#f13b2b;
}
.textstyle{
font-style: 			italic;
font:					15pt;
}

.bold{
color:					#333333;
font-weight: 				bold;
font:					15pt;
}

/*--------- images ---------*/
img { 
	border: 				none; 
	}

/*--------- layout ---------*/
#foundation{
	margin: 				0px 0px 0px 0px;
	width: 					100%;
	height:					100%;
	padding: 				0px 0px 0px 0px;
}
#architect {
} 
#prearchitect {
	margin: 				150px 0px 0px 0px;
} 
#gateway{
	float:					right;
	text-align:				right;
	margin: 				0px 80px 0px 0px;
	width: 					50%;
	}
#premosaic{
	top: 			200px;
	margin: 		auto;
	margin: 		auto;
	width: 			960px;	
	min-height:		430px;
	height:			auto !important;
  	height:			430px;
	padding: 		0px 0px 0px 0px;
	background: 		url(../images/ognos.genesis.jpg) no-repeat center top;
	clear: 			both;
}

#mosaic{
	margin: 				auto;
	width: 					799px;
	padding: 				0px 0px 0px 0px;	
	clear: 					both;
}
#caption{
	width: 					799px;
	height:					194px;
	padding: 				0px 0px 0px 0px;
	margin: 				0px 0px 0px 0px;
	clear: 					both;
}
#captionleft{
	float:					left;
	text-align:				left;
	width:					404px;
	height:					20px;
	padding: 				174px 0px 0px 0px;
	margin: 				0px 0px px 0px;
}
#captionright{
	float:					left;
	text-align:				right;
	width:					395px;
	height:					194px;
	padding: 				0px 0px 0px 0px;
	margin: 				0px 0px 0px 0px;
}


/*--- content area ---*/
#imzadi{
	width: 					799px;
	padding: 				0px 0px 0px 0px;
	margin: 				0px 0px 0px 0px;
	clear: 					both;
}
#content{
	width: 					799px;
	padding: 				20px 0px 0px 0px;
	margin: 				0px 0px 0px 0px;
	clear: 					both;
	background:				url(../images/ognos.sheer.png) repeat-x left top;
}
#contentbox{
	width: 					759px;
	padding: 				0px 0px 0px 0px;
	margin: 				auto;
}
#contenttopbox{
	width: 					759px;
	padding: 				0px 0px 0px 0px;
	margin: 				0px 0px 0px 0px;
	clear: 					both;
}
#contenttopleft{
	float:					left;
	text-align:				left;
	width: 					183px;
	height:					260px;
	padding: 				0px 0px 0px 0px;
	margin: 				0px 0px 0px 0px;
}
#contenttopleft ul#ognosnav{
	margin: 				30px 0px 30px 7px;
	padding: 				0px 0px 0px 0px;
}
#contenttopleft ul#ognosnav li{
	display:				block;
	width:					140px;
	height:					18px;
	float: 					left;
	text-align:				left;
	list-style: 				square;
	margin: 				0px 0px 0px 0px;
	padding: 				0px 0px 0px 0px;
}

#contenttopright{
	float:					left;
	text-align:				right;
	width: 					576px;
	height:					260px;
	padding: 				0px 0px 0px 0px;
	margin: 				0px 0px 0px 0px;
}
#contentmidbox{
	width: 					759px;
	height:					30px;
	padding: 				10px 0px 0px 0px;
	margin: 				0px 0px 10px 0px;
	clear: 					both;
}
#contentmidleft{
	float:					left;
	text-align:				left;
	width: 					158px;
	height:					30px;
	padding: 				0px 0px 0px 0px;
	margin: 				0px 0px 0px 0px;
}
#contentmidleft img {
	width: 					158px;
}
#contentmidright{
	float:					left;
	text-align:				left;
	width: 					551px;
	height:					30px;
	padding: 				0px 0px 0px 0px;
	margin: 				0px 0px 0px 0px;
}
#contentbottombox{
	width: 					759px;	
	min-height:				450px;
	height:					auto !important;
  	height:					450px;
	padding: 				0px 0px 0px 0px;
	margin: 				0px 0px 0px 0px;
	clear: 					both;
}
#contentbottomleft{
	float:					left;
	text-align:				left;
	width: 					183px;
	padding: 				0px 0px 0px 0px;
	margin: 				0px 0px 0px 0px;
}
#contentbottomleft img {
	width: 					183px;
}
#contentbottomright{
	float:					left;
	text-align:				justify;
	width: 					576px;
	padding: 				0px 0px 0px 0px;
	margin: 				0px 0px 0px 0px;
}
#contentleft{
	float:					left;
	width: 					527px;
  	height:					325px;
	padding: 				0px 0px 0px 0px;
	margin: 				0px 0px 0px 0px;
}
#contentcenter{
	float:					left;
	width: 					458px;
  	height:					325px;
	padding: 				0px 0px 0px 0px;
	margin: 				0px 0px 0px 0px;
	background:				url(../images/gradient.jpg) repeat-x left top;
}
#contentright{
	float:					left;
	width: 					13px;
  	height:					325px;
	padding: 				0px 0px 0px 0px;
	margin: 				0px 0px 0px 0px;
}
#endcontent{
	background:				url(../images/endcontent.gif) no-repeat right;
	height:					15px;
	width: 					100%;
	padding: 				0px 0px 0px 0px;
	margin: 				0px 0px 20px 0px;
}
#text{
	text-align:				justify;
	font:					normal 10pt Arial, Helvetica, sans-serif;
	padding: 				10px 0px 0px 0px;
	margin: 				0px 0px 4px 0px;
	clear: 					both;
	border-top:				#434343 1px dotted;
	border-bottom:				#434343 1px dotted;
	min-height:				370px;
	height:					auto !important;
  	height:					370px;
}
#text ul{
	padding: 				20px 0px 20px 0px;
	margin: 				0px 0px 0px 0px;
	clear:					both;
}
#text ul li {
	list-style: 				square;
	margin: 				3px 0px 5px 60px;
}
#text ol{
	padding: 				20px 0px 10px 0px;
	margin: 				0px 0px 0px 0px;
	clear:					both;
}
#text ol li {
	list-style: 				decimal;
	margin: 				3px 0px 20px 60px;
}
#logo{
	width:					100px;
	padding: 				40px 0px 0px 0px;
	margin: 				auto;
}
#copyright{
	height:					15px;
	width:					799px;
	padding: 				0px 0px 30px 0px;
	margin: 				3px 0px 0px 0px;
}
#terms{
  	height:					15px;
	width:					100%;
	padding: 				0px 0px 0px 0px;
	margin: 				0px 0px 0px 0px;
	color: 					#ffffff;
}
#terms a:hover{				border-bottom:	none; color : #d679b1;text-decoration :  none;}
#termsleft{
	float:					left;
	text-align:				left;
	font:					normal 7pt Arial, Helvetica, sans-serif;
	width:					350px;
	padding: 				0px 0px 0px 0px;
	margin: 				0px 0px px 0px;
}
#termsright{
	float:					right;
	text-align:				right;
	font:					normal 7pt Arial, Helvetica, sans-serif;
	width:					449;
	padding: 				0px 0px 0px 0px;
	margin: 				0px 0px 0px 0px;
}

/*--- slider ---*/

* {margin:0; padding:0}
.sm {list-style:none; width:576px; height:260px; display:block; overflow:hidden}
.sm li {float:right; text-align:left;display:inline; overflow:hidden}







/*--- navigation ---*/
#navigation {
	position: 				relative;
  	height:					30px;
	width: 					740px;
	padding: 				0px 0px 0px 0px;
	margin: 				0px 0px 5px 165px;
	overflow: 				hidden;
	float:					left;
	text-align:				left;
	}
#navigation ul{
	padding: 				0px 0px 0px 0px;
	margin: 				0px 0px 0px 0px;
}

/* Don't apply padding here (offsetWidth will differ in IE)
    If you need padding add it to the child anchor */
#navigation ul li {
	float: 					left;
	list-style: 			none;
	margin: 				0px 0px 0px 0px;
}

#navigation ul li a  {
	z-index: 				10;
	display: 				block;
	float: 					left;
	height: 				30px;
	position: 				relative;
	overflow: 				hidden;
	text-decoration : 		none; 
	border-bottom: 			none;
}



/*--- subnavigation ---*/
#subnav {
	padding: 				0px 0px 20px 0px;
	margin: 				18px 0px 0px 10px;
}
#subnavlinks {
	text-align: 				justify;
	width:					150px;
	padding: 				17px 0px 0px 0px;
	font-size: 				8.5pt;
}
#subnavlinks2 {
	text-align: 				justify;
	width:					150px;
	padding: 				37px 0px 0px 0px;
	font-size: 				8.5 pt;
}
#subnavlinks ul, #subnavlinks2 ul{
	list-style: 			none;
	padding: 				0px 0px 0px 0px;
	margin: 				0px 0px 0px 0px;
}
#subnavlinks li, #subnavlinks2 li   {
	margin: 				0px 0px 1px 0px;
	padding:				2px 0px 2px 10px;
	border: 				1px solid #e5e5e5 ;
	height:					18px;
	width:					140px;	
	background-color: 			#0153a5;
}

#subnavlinks a, #subnavlinks2 a {
	color : 				#7b7b7b; 
	font-family: 				Arial, Verdana, sans-serif;
	font-size: 				10pt;
	font-style:				bold;
	display: 				block;
	margin: 				0px 0px 0px 0px;
	padding: 				0px 0px 0px 0px;
	text-decoration: 		none;
}

#subnavlinks a:link, #subnavlinks a:visited , #subnavlinks2 a:link, #subnavlinks2 a:visited {
	color: #ffffff;
	text-decoration: none;
}

#subnavlinks a:hover, #subnavlinks li:hover, #subnavlinks2 a:hover, #subnavlinks2 li:hover {
	color: #5c5c5c;
	text-decoration: none;
	background-color: #a6a6a6;
}

#subnavlinks a:active, #subnavlinks2 a:active {
	color: #fff;
	text-decoration: none;
}


/*--- main nav ---*/

#menu_home a {
	width:					143px;	
}

#menu_about a {
	width: 					143px;	
}

#menu_services a {
	width: 					143px;	
}
#menu_principal a {
	width: 					143px;	
}
#menu_contact a {
	width: 					143px;	
}
#navigation li.background {
	z-index: 				8;
	position: 				absolute;
	visibility:				hidden;
}

#navigation .background .left {
	background: 			url('../images/bg.menu.png') no-repeat top left !important;
	background: 			url('../images/bg.menu.gif') no-repeat top left;
	height: 				30px;
	margin-right: 			15px; /* 7px is the width of the rounded shape */
}



/*--- slider ---*/

* {margin:0; padding:0}
.sm {list-style:none; width:576px; height:270px; display:block; overflow:hidden}
.sm li {float:left; display:inline; overflow:hidden}




#scroll_container_content ul{
	list-style: 			square;
	padding: 				0px 0px 0px 0px;
	margin: 				20px 0px 0px 0px;
	clear:					both;
}
#scroll_container_content ul li {
	float: 					left;
	margin: 				0px 6px 25px 0px;
}






/*--- gallery ---*/
#text ul.gallery{
	display: 				inline;
	padding: 				0px 0px 0px 0px;
	margin: 				0px 0px 0px 0px;
	clear:					both;
}
#text ul.gallery li {
	display: 				inline;
	float: 					left;
	list-style: 			none;
	margin: 				0px 6px 5px 0px;
}
#text ul.gallery li a  {
	display: 				inline;
	float: 					left;
	text-decoration : 		none; 
	border: 				1px solid #999999;
}
#text ul.gallery img{
	width: 					102px;
	height: 				70px;
}

#text ul.featured{
	display: 				inline;
	padding: 				0px 0px 0px 0px;
	margin: 				0px 0px 0px 0px;
	clear:					both;
}
#text ul.featured li {
	display: 				inline;
	float: 					left;
	list-style: 			none;
	margin: 				0px 6px 5px 0px;
}
#text ul.featured li a  {
	display: 				inline;
	float: 					left;
	text-decoration : 		none; 
	border: 				1px solid #999999;
}
#text ul.featured img{
	width: 					129px;
	height: 				175px;
}


#text #gallerynav{
	width:					550px;
	height:					30px;
	font: 					normal 8pt Arial, Helvetica, sans-serif;
}
#text #gallerynav ul.gallerynav{
	display: 				inline;
	padding: 				0px 0px 0px 0px;
	margin: 				0px 0px 0px 0px;
	list-style:				none;
}
#text #gallerynav ul.gallerynav li {
	display: 				inline;
	float: 					left;
	list-style: 			none;
	margin: 				0px 4px 0px 0px;
	padding: 				2px 2px 2px 5px;
	width:					10px;
	height:					14px;
	border: 				1px solid #313131;
}
#text #gallerynav ul.gallerynav li.shade a{
	color:					#ffffff;
}
#text #gallerynav ul.gallerynav li a  {
	display: 				inline;
	float: 					left;
	text-decoration : 		none; 
}
#text #gallerynav ul.gallerynav li a:hover{				border-bottom:	#d679b1 1px dotted; color : #d679b1;text-decoration :  none;}

#text ul.info{
	padding: 				0px 0px 0px 0px;
	margin: 				10px 0px 70px 20px;
	clear:					both;
}
#text ul.info li {
	float: 					left;
	list-style: 			none;
	margin: 				0px 6px 20px 0px;
}
#text ol.terms{
	padding: 				0px 0px 0px 0px;
	margin: 				0px 0px 0px 20px;
	clear:					both;
}
#text ol.terms li {
	float: 					left;
	margin: 				0px 6px 20px 0px;
}
#text ul.privacy{
	padding: 				0px 0px 0px 0px;
	margin: 				10px 0px 20px 40px;
	clear:					both;
}
#text ul.privacy li {
	float: 					left;
	list-style: 			square;
	margin: 				0px 6px 20px 0px;
}
#text ul.job {
	list-style: square;
	margin: 15px 25px 15px 30px;
	padding:0px 0px 0px 0px;
	}
.job li { 
	margin: 2px 0px 0px 15px;
	padding: 0px 0px 5px 0px;
	}




/*--------------------- forms ---------------------*/
* {
	margin: 			0px 0px 0px 0px;
  	padding: 			0px 0px 0px 0px
}
/*---general---*/
form {
 	 margin: 			0px 0px 0px 0px;
 	 padding: 			0px 0px 0px 0px
}
form div.input {
	margin: 			0px 0px 0px 0px;
}
form div.submit {
	margin: 			0px 0px 0px 0px;
	padding: 			0px 0px 0px 0px;
}
form div.submit div {
  	width: 				auto;
	float: 				left;
  	text-align: 		left;
  	padding: 			0px 0px 0px 0px;
  	margin: 			0px 0px 0px 0px;
}
form div input, form div select, form div textarea {
 	padding: 			0px 0px 0px 0px;
  	margin: 			0px 0px 0px 0px;
}

form div input.inputFile {
  	width: 				211px;
}

form div select.selectOne, form div select.selectMultiple {
  	width: 				211px;
  	padding: 			1px 3px 0px 0px;
}
form div input.inputSubmit, form div input.inputButton, input.inputSubmit, input.inputButton {
  background-color: 	#cccccc;
  color: 				#000000;
  padding: 				0px 0px 0px 0px;
  margin: 				0px 0px 0px 0px;
}

form div.submit div input.inputSubmit, form div.submit div input.inputButton {
  float: 				right;
}

/*---inputs---*/
input.submit{
	width: 				24px;
	height: 			24px;
	padding:  			2px 0px 0px 0px;
}
input.required, input.required:focus, input.optional, input.optional:focus, input.error, input.error:focus{
	width:				560px;
  	height: 			16px;
	border: 			solid 1px #aeadb1;
	font-size: 			9pt;
	color: 				#000000;
	margin: 			0px 0px 5px 0px;
	padding: 			3px 3px 3px 3px;
}
select.required, select.required:focus{
	width:				432px;
  	height: 			23px;
	border: 			solid 1px #aeadb1;
	font-size: 			9pt;
	color: 				#000000;
	margin: 			0px 0px 5px 0px;
	padding: 			3px 3px 3px 0px;
}
input.mailrequired{
	width:				200px;
  	height: 			16px;
	border: 			solid 1px #aeadb1;
	font-size: 			6.5pt;
	color: 				#666666;
	margin: 			1px 0px 0px 0px;
	padding: 			3px 3px 3px 3px;
}


textarea.required {
	width:				560px;
  	height: 			150px;
	border: 			solid 1px #aeadb1;
	font: 				8pt arial;
	color: 				#000000;
	margin: 			0px 0px 0px 0px;
	padding: 			3px 3px 3px 3px;
	overflow:			auto;
}

/*---backgrounds---*/
input.required, input.mailrequired,input.optional, input.listrequired, input.listoptional, input.listerror, input.cart, textarea.required, textarea.optional,select.required, select.required:focus, select.product, select.product:focus,select.optional, select.optional:focus{
	background-color: 	#ebebeb;
}

/*---border---*/
input.required,input.mailrequired,input.required:focus, input.error:focus, textarea.required, textarea.required:focus ,select.required, select.required:focus{
	border-right: 		5px solid #7f8e98;
}


/*---focus---*/
input.required:focus,input.mailrequired:focus,input.optional:focus, input.listrequired:focus, input.listoptional:focus, textarea.required:focus, textarea.optional:focus{
	background-color: 	#b2b2b2;
}

/*---errors---*/
input.error, textarea.error, select.error, input.listerror{
	background-color: 	#b2b2b2;
	border-right: 		5px solid #dc2c28;
	width:				560px;
  	height: 			16px;
	margin: 			0px 0px 10px 0px;
}
select.error{
	width:				432px;
  	height: 			23px;
	border: 			solid 1px #aeadb1;
	background-color: 	#b2b2b2;
	border-right: 		5px solid #dc2c28;
	font-size: 			9pt;
	color: 				#000000;
	margin: 			0px 0px 5px 0px;
	padding: 			3px 3px 3px 0px;
}

input.mailrequirederror{
	width:				220px;
  	height: 			16px;
	border: 			solid 1px #aeadb1;
	background-color: 	#b2b2b2;
	border-right: 		5px solid #dc2c28;
	font-size: 			9pt;
	color: 				#000000;
	margin: 			0px 0px 0px 0px;
	padding: 			3px 3px 3px 3px;
}

textarea.error{
	width:				560px;
  	height: 			150px;
	background-color: 	#b2b2b2;
	border-right: 		5px solid #dc2c28;
	border-left: 		solid 1px #aeadb1;
	border-top: 		solid 1px #aeadb1;
	border-bottom: 		solid 1px #aeadb1;
	font: 				9pt arial;
	color: 				#000000;
	margin: 			0px 0px 5px 0px;
	padding: 			3px 3px 3px 3px;
	overflow:			auto;
}

input.error:focus, textarea.error:focus,select.error:focus, input.listerror:focus{
  	background-color: 	#b2b2b2;
	border-right: 		5px solid #dc2c28;
}