html, body {

background: #8EACE9 url('images/bg.jpg') repeat-x top left; 

font-family: Arial;

font-size: 12px;

text-align: center;

}



table {

color: #666666;

font-size: 12px;

}



#outerbox {

width: 900px;

margin: 0 auto; 

background: #FFFFFF; 

color: #666666;

text-align: left;

}



#top {

background-color: #BFD359;

}



#top_menu {

text-align: right;

width: 900px;

margin: 0px auto;

background: #FFFFFF url('images/headerbg.jpg') repeat-x top left; 

height: 114px;

}



#links {

padding:0 0 0 0;

text-align: right;

margin-top: 80px;

}



#top_menu a {

text-decoration: none;

color: #666666;

/*font-family:  Century Gothic, Arial;*/

font-family:  Arial;

letter-spacing: 1px;

font-weight: bold;

padding: 0 15px 0 0;

font-size: 17px;

}



#top_menu a:active {

color: #475CD4;

}







#c1 td, #c2 td, #c3 td {padding-top: 7px; padding-bottom: 7px;}







.yellow {

color: #F5D65B;

}



.blue {

color: #475CD4;

}



.lblueb {

color: #C2C6ED;

font-size: 24px;

font-weight: normal;

}



.bblueb {

color: #6A8BD8;

font-size: 24px;

font-weight: normal;

}



.lbluem {

color: #C2C6ED;

font-size: 18px;

font-weight: normal;

}



.lblues {

color: #C2C6ED;

font-size: 14px;

font-weight: normal;

}



h1 {

padding: 0 0 0 0;

color: #475CD4;

font-size: 13px;

}



h2 {

padding: 5px 0 5px 0px;

margin: 0 0 0 5px;

font-size: 13px;

color: #FFFFFF;

}



#titler {

width: 100%;

background-color: #475CD4;

}



#titlep {

width: 100%;

background-color: #475CD4;

}



a {

color: #475CD4;

text-decoration: none;

}



a.hover {

color: #475CD4;

}


#acontent img {

border: 1px solid #CCCCCC;

margin: 0 20px 20px 20px;

}



#bcontent img {

border: 1px solid #CCCCCC;

margin: 0 20px 20px 20px;

}



body#home a#homenav,

body#about a#aboutnav,

body#services a#servicesnav,

body#partners a#partnersnav,

body#clients a#clientsnav,

body#products a#productsnav,

body#contact a#contactnav,

body#sales a#salesnav,

body#implementations a#implementationsnav,

body#marketing a#marketingnav,

body#support a#supportnav,

body#data a#datanav{

color: #475CD4;

}



.marker {

color: #F5D65B;

}







#top_menu a:hover {

color: #F5D65B;

}







#sub_menu {

margin: 40px 0px 10px 20px;

}



#acontent_text{

padding-left: 10px;

}







#sub_menu a {

text-decoration: none;

color: #666666;

/*font-family: Century Gothic, Arial Narrow;*/

font-family:  Arial;

letter-spacing: 1px;

font-weight: bold;

}



#sub_menu a .active {

color: #475CD4;

}



#sub_menu a:hover {

color: #F5D65B;

}







p{

color: #666666;

line-height: 16px;

}







#bottom {

background: #8EACE9 url('images/bottom_bg.jpg') repeat-x top left; 

height: 66px;

width: 900px;

color: #FFFFFF;

}



#footer p, #bottom p{

margin-top: 20px;

font-size: 10px;

color: #FFFFFF;

}



#footer {

text-align: center;

}



#footer a, #bottom a {

color: #FFFFFF;

text-decoration: none;

}



#bottom a {

padding-left: 20px;

}







/* MAIN CONTENT AREA */

#wrapper {

	text-align: left;

	margin: 0px auto;

	padding: 0px;

	border:0;

	width: 900px;

	background: #FFFFFF url('images/content_bg.jpg') repeat-y top left; 

}



#iwrapper {

	text-align: left;

	margin: 0px auto;

	padding: 0px;

	border:0;

	width: 900px;

	background-color: #FFFFFF; 

min-height: 400px;

}







#side-a {

	float: left;

	width: 450px;

}



#side-b { 

	margin: 0;

	float: right;

	width: 450px;

	height: 1% /* Holly hack for Peekaboo Bug */

}

#iside-a {

	float: left;

	width: 650px;

}



#iside-b { 

	margin: 0;

	float: right;



	height: 1% /* Holly hack for Peekaboo Bug */

}



#piside-a {

	width: 100%;

}







#acontent, #bcontent {

padding: 20px;

}



#cfooter {

	clear: both;

	background: #FFFFFF;

	margin: 0px;

	padding: 0px;

}



#content {

padding: 20px;

width: 650px;

}











#mwrapper {

	padding: 0px;

	border:0;

	width: 900px;

	height: 218px;

	background: url("images/introbg.jpg") repeat;

}



#mcontainer {

width: 900px;

margin: 0px;

padding: 0px;

}







#mside-a  {

color: #FFFFFF; 

padding: 60px 20px 0 40px;

line-height: 18px;

margin: 0px;

width: 500px;

}



#mside-a  p {

color: #FFFFFF; 

}



#mfooter {

	clear: both;

	height: 0px;

	background: #FFFFFF;

	padding: 0px;

	margin: 0px;

}



#picswrapper {

	text-align: left;

	margin: 0px auto;

	padding: 0px;

	border:0;

width: 330px;

	background: url("fondo.php?width_de=450&width_iz=150&color_de=33CC99&color_iz=CC6633") repeat;

}







#picsside-a {

	margin: 0;

	float: left;

	width: 160px;

	position: relative;

}



#picsside-b { 

	margin: 0;

	float: left;

	width: 160px;

	

}



#picsfooter {

	clear: both;

	background: #FFFFFF;

	height: 1% /* Holly hack for Peekaboo Bug */

margin: 0px;

padding: 0px;

}







/* mac hide \*/

* html #wrapper{height:300px}

/* end hide */



/* mac hide \*/

* html #iwrapper{height:400px}

/* end hide */



