@charset "UTF-8";
/* CSS Document */



/****** BASIC ***********/

a:link {
	font-family: Trebuchet MS, Georgia, Arial, serif;
	font-size: 12px;
	color: #0000FF;
	text-decoration: underline;
	}
a:visited {
	font-family: Trebuchet MS, Georgia, Arial, serif;
	font-size: 12px;
	color: #333399;
	text-decoration: underline;
	}
a:active {
	font-family: Trebuchet MS, Georgia, Arial, serif;
	font-size: 12px;
	color: #0000FF;
	text-decoration: underline;
	}
a:hover {
	font-family: Trebuchet MS, Georgia, Arial, serif; 
	font-size: 12px;
	color: #FF0000;
	text-decoration: none;
	}
html,body,div,p,dl,ul {
	font: normal 12px Trebuchet MS, Georgia, Arial, serif;
	color: #000;
	}
	
body {
	margin:0;
	padding:0;
	background:#e8e6d3 url(images/page-bg.png) 0 0 repeat-x;
	}
	
	
/************ LAYOUT *****************/

#serosOuterWrapper{
	background:url(images/outerLines-bg.png) 0 0 repeat-y;
	position:relative;
	width:838px;
	margin:0 auto;
	padding-bottom:25px;
	border-bottom:1px solid white;
	}
#serosInnerWrapper{
	background:url(images/top-bg.png) 0 0 no-repeat;
	width:838px;
	margin:0 auto;
	}
#serosContainer{
	background:white;
	width:780px;
	margin:0 auto;
	}
#serosHeader{
	background:#451a01 url(images/header.png) bottom left no-repeat;
	height:100px;
	position:relative;
	}
#serosContentWrapper {
	background:#f5f5f5 url(images/content-bg.png) 0 0 repeat-y;

	}
#serosContent {
	background:url(images/content-top.png) 0 0 no-repeat;

	}
#serosBody {
	background:url(images/content-bottom.png) 0 bottom no-repeat;
	margin:0 auto;
	padding:75px 60px 50px 60px;
	color:black;
	position:relative;
	}
#serosFooter {
	clear:both;
	text-align:center;
	text-transform:uppercase;
	font-size:9px;
	color:#D7CFCB;
	background:#ab9c93 url(images/footer-top.png) 0 0 no-repeat;
	padding:30px;
	padding-bottom:30px;
	}
	
	
/************ NAV *************/


#serosNav ul#navlist {
	padding: 8px 0;
	margin: 0;
	position:absolute;
	bottom:30px;
	right:15px;
	list-style: none;
	color: #FFF;
	width: 100%;
	text-align: right;
	}

#serosNav ul#navlist li { display: inline;margin-right:2px; }
#serosNav ul#navlist li#last-nav { display: inline;margin-right:0px; }

#serosNav ul#navlist li a {

	text-transform:uppercase;
	font-size:10px;
	font-weight:bold;
	font-family:Trebuchet MS, Georgia, Arial, serif;
	text-decoration: none;
	color: #FFF;
	padding: 8px .6em;
	letter-spacing:.05em;
	background:url(images/navBG.png) center center  no-repeat;
	_background:url(images/navBG.gif) center center  no-repeat;

	}

#serosNav ul#navlist li a.last-nav {
	padding-right:15px;
	background:url(images/navBG.png) center right no-repeat;
	_background:url(images/navBG.gif) center right  no-repeat;
	
	}
#serosNav ul#navlist li a.first-nav {
	padding-left:15px;
	background:url(images/navBG.png) center left no-repeat;
	_background:url(images/navBG.gif) center left  no-repeat;
	
	}
	
#serosNav ul#navlist li a:link { color: #F2DFBA; }
#serosNav ul#navlist li a:visited { color: #F2DFBA; }

#serosNav ul#navlist li a:hover {
	color: #F8B40F;
	
	}	



/************* BODY id triggered nav ON *****************/
	
body#advantage #serosNav a#advantage, body#solutions #serosNav a#solutions, body#consulting #serosNav a#consulting, body#architecture #serosNav a#consulting, body#lifeCycle #serosNav a#lifeCycle, body#developer #serosNav a#developer, body#soa #serosNav a#consulting, body#partners #serosNav a#partners {
	background:url(images/navBG-bk.png) center center  no-repeat;
	_background:url(images/navBG-bk.gif) center center  no-repeat;
	}

body#contact #serosNav ul#navlist li a.last-nav {
	background:url(images/navBG-bk.png) center right no-repeat;
	_background:url(images/navBG-bk.gif) center right  no-repeat;
	}

body#home #serosNav ul#navlist li a#advantage {
	padding-left:15px;
	background:url(images/navBG.png) center left no-repeat;
	_background:url(images/navBG.gif) center left  no-repeat;
	}

body#advantage #serosNav a#advantage:hover, body#solutions #serosNav a#solutions:hover, body#architecture #serosNav a#architecture:hover, body#lifeCycle #serosNav a#lifeCycle:hover, body#developer #serosNav a#developer:hover, body#soa #serosNav a#soa:hover, body#partners #serosNav a#partners:hover, body#contact #serosNav a#contact:hover {
	color:#F2DFBA;
	}



/******** OTHER ELEMENTS **********/

#serosBody p {
	color:#5C4F47;
	line-height:130%;
	margin-top:10px;
	}
	
#serosBody ul  {
	color:#5C4F47;
	list-style-image: url(images/arrow.gif);
	list-style-type: circle;

	}
	
#serosBody ul li {
	line-height:125%;
	}

#serosBody ol, #serosBody ul ol  {
	
	color:#79685D;
	list-style-image: none;
	}

#serosBody ul ul  {

	color:#79685D;
	list-style-image: none;
	}

#serosBody a {
	color:#af4204;
	font-weight:normal;
	}
	
#serosBody h2 {
	font-size:16px;
	font-weight:bold;
	margin: 0 0 10px 0;
	padding:0;
	color:#9d3a01;
	text-transform:uppercase;
	letter-spacing:.1em;
	border-bottom:1px solid #ccc;
	}
	
#serosBody h3 {
	font-size:12px;
	font-weight:bold;
	margin: 10px 0 0 10px;
	padding:0 0 0 10px;
	background:url(images/bullet.gif) center left no-repeat;
	color:#555;
	text-transform:uppercase;
	letter-spacing:.1em;
	}
	
#serosBody h4 {
	font-size:11px;
	font-weight:bold;
	margin: 10px 0 0 10px;
	padding:0 0 0 10px;
	color:#555;
	text-transform:uppercase;
	letter-spacing:.1em;
	border-bottom:1px solid #CFCFCF;
	}
	
#serosBody h5 {
	font-size:14px;
	font-weight:bold;
	color:#9d3a01;
	border:none;
	margin:0;
	}
	
#serosBody strong {
	color:#444;
}


/* callout definition list */

div.calloutBox {
	padding:0;
	display: inline; /* IE blunder fix - double margin problem */
	float:right;
	
	}
dl.callout {
	margin: 0 0 5px 10px;
	width: 225px;
	padding: 0 0 20px 0;
	background: #FFFEF5 url(images/swoosh.png)  bottom right no-repeat;
	}
	
dl.callout dt {
	margin: 0 0 10px 0px;
	padding: 5px 10px;
	font-size: 11px;
	font-weight:bold;
	text-transform:uppercase;
	letter-spacing:.1em;
	color: #fff;
	border-bottom: 1px solid #f5f5f5;
	background: #A33D01 url(images/box_top.gif) no-repeat top left;
	}

dl.callout dd {
	margin: 0 0 0 10px;
	padding: 0 10px 0 10px;
	color: #756F3E;
	font-family: Trebuchet MS, Georgia, Arial, serif;
	font-size: 12px;
	background: url(images/arrow.gif)  0 5px no-repeat;
	line-height:150%;
	}

#serosFooter a {
	color:#EDE9E8;
	font-size:9px;
	text-decoration:none;
	text-transform:uppercase;
	}

#serosFooter a:hover {
	text-decoration: underline;
	}

div#partnerships  {
	margin:25px;
	}
div#partnerships p {
	clear:left;
	margin:0 0 20px 20px;
	padding-bottom:10px;
	border-bottom:1px solid #ccc;
	}

div#partnerships img {
	float:left;
	margin:0 0 10px 0;	
	}

#serosBody p.leadership {
	margin:10px 25px 40px 25px;
	font-size:11px;
	line-height:125%;
	clear:left;
	color:#333;
	}
	
#serosBody p.leadership img {
	padding:5px;
	border:1px solid #ccc;
	float:left;
	margin:0 10px 5px 0;
	}

#serosBody .figure {
	color:#9d3a01;
	text-transform:uppercase;
	font-weight:bold;
	font-size:14px;
	text-align:center;
	margin:0;
	}

#serosBody p.image {
	text-align:center;
	}


#phoneNumber {
	position:absolute;
	bottom:15px;
	right:50px;
	color:#fadfca;
	font-size:12px;
	font-weight:bold;
	padding-left:20px;
	background:url(images/phone.gif) center left no-repeat;
	}
	
p.download {
	text-align:center;
	background:url(images/downloadBG.gif) center center no-repeat;
	height:25px;
	line-height:25px;
	}
	
#startNow  {
	width:225px;
	height:45px;
	float:right;
	clear:both;
	margin:5px 0 0 0;
	background:url(images/startNow.png) 0 0 no-repeat;
}



/**************** QUESTIONS box *****************/


dl#questions dt {
	color:#333;
	font-weight:bold;
	}

dl#questions dd {
	color:#a33d01;
	margin:10px 0 0 25px;
	padding-left:25px;
	}
dl#questions dd#one {
	background: url(images/numbers_sprite.gif) 0 0 no-repeat;
	}
dl#questions dd#two {
	background: url(images/numbers_sprite.gif) 0 -100px no-repeat;
	}
dl#questions dd#three {
	background: url(images/numbers_sprite.gif) 0 -200px no-repeat;
	}
dl#questions dd#four {
	background: url(images/numbers_sprite.gif) 0 -300px no-repeat;
	}
dl#questions dd#five {
	background: url(images/numbers_sprite.gif) 0 -400px no-repeat;
	}
dl#questions dd#six {
	background: url(images/numbers_sprite.gif) 0 -500px no-repeat;
	}
dl#questions dd#seven {
	background: url(images/numbers_sprite.gif) 0 -600px no-repeat;
	}

fieldset#questions {
	background: #FFFEF5 url(images/swoosh.png)  bottom right no-repeat;
	padding:10px;
	margin-top:20px;
	border:1px solid #e5e2c7;
	}

fieldset#questions legend {
	text-transform:uppercase;
	font-weight:bold;
	color:#c54902;
	font-size:14px;
	padding:2px 10px;
	border:1px solid #e5e2c7;
	background:white;
	}
	
	
/************* FORM RELATED *************************/

#contactForm input, #contactForm textarea, #contactForm select {
	border:1px solid #aaa;

}

.label {
	text-align:right;
}



/*************** Bottom Box - NEWS *********************/

#bottom-box {
	background:white url(images/bottom-box-grad.jpg) 0 0 repeat-x;
	border:1px solid #DBDBDB;
	border-top:0;
	
	margin:0;
	padding:0;
	}
#bottom-box h3 {
	background:#b9b381;
	color:white;
	text-transform:uppercase;
	margin:0;
	padding:3px 0 3px 10px;
	}
#bottom-box .bottom-box-content {
	padding:10px;
	padding-top:0;
	}
#bottom-box .bottom-box-content img{
	border:none;
	}
	
#bottom-box .bottom-box-content p .newsHead {
	font-size:12px;
	color:#9d3a01;
	font-weight:bold;
	}
	
	
/*********************/	
	
#wstable * {font-size:11px;color:black}
#wstable {
	background-color: #fff6e5;
	width: 100%;
}
#wstable th {
	background:#cc6600;
	color:white;
	font-weight:bold;
	border:1px solid white;
}
#wstable td {
	border:1px solid white;
	padding:3px
}
#wstable td.even {
	background-color:#ffeac1
}