html, body, h1, h2, h3, h4, h5, p, a, a:active, a:hover, a:visited, ul, ul li, #container, #header, #preamble, #mainNav, 
#secNav, #footer, #content, #leftPanel, #aboutTitle, #groupTitle, #solutionsTitle, #howTitle, #portfolioTitle,
#careersTitle, #faqTitle, #contactTitle, #bpeTitle, #softwareTitle, #verticalTitle, #resourceTitle, #bpeCol, #softwareCol, 
#verticalCol, #resourceCol, #aboutSec, #groupSec, #solutionsSec, #howSec, #portfolioSec, #careersSec, #faqSec, #locations, 
#bpePageSec, #softwarePageSec, #verticalPageSec, #resourcePageSec, #pageMap, #clientGroup, #wip, input, #jobList, 
#jobDetails {
	margin: 0 auto;
	padding: 0;
}

body {
	background: white;
	font: normal 9pt 'Trebuchet MS', Arial, Helvetica;
	color: #333333;
}

h2 {
	font-weight: bold;
	font-size: 16pt;
	visibility: hidden;
}

h3 {
	font-weight: bold;
	font-size: 14pt;
	color: #ff0000; 
}

h4 {
	font-weight: bold;
	font-size: 12pt;
	color: #ff0000; 
}

h5 {
	font-weight: bold;
	font-size: 11pt;
}

p {
	padding-bottom: 15px;
}

a, a:active, a:visited {
	text-decoration: underline;
	color: #333333;
}

a:hover {
	text-decoration: underline;
	color: #ff0000;
}

h4 a, h4 a:active, h4 a:visited {
	text-decoration: none;
	color: #ff0000;
}

h4 a:hover {
	text-decoration: underline;
}

ul {
	padding-left: 30px;
}

/* CONTAINER */
#container {
	width: 770px;
}

.red {
	color: #ff0000;
	font-weight: bold;
}

/* HEADER */
#header {
	background: transparent url(../images/synic.png) no-repeat top left;
	height: 65px;
}

#preamble {
	margin: -60px 0 0 0;
	background: transparent url(../images/branding.png) no-repeat top left;
	height: 198px;
}

#header h1, #preamble p {
	visibility: hidden;
}

/* NAVIGATION */
#mainNav {
	margin: -24px 0 25px 0;
	font: bold 10pt 'Trebuchet MS', Arial, Helvetica;
	text-align: right;
	text-transform: uppercase;
}

#secNav {
	margin: 20px;
	font-size: 8pt;
	text-align: center;
	text-transform: uppercase;
}

#mainNav ul li, #secNav ul li {
	display: inline;
}

#mainNav a, #secNav a {
	padding: 10px 4px 10px 4px;
}

.navSelected {
	margin: 0 auto;
	padding: 10px 8px 10px 8px;
	background: transparent url(../images/selected.png) repeat-x center center;
	color: #ffffff;
}

/* CONTENT */
#content {
	overflow: hidden;
}

#leftPanel {
	width: 295px;
	float: left;
}

#rightPanel {
	overflow: hidden;
}

/* PAGE MAP */
#pageMap {
	padding: 0 0 15px 0;
}

/* COLUMNAL LIST OF SERVICES */
#bpeCol, #softwareCol, #verticalCol, #resourceCol {
	margin: 0 0 -9999px 0;
	padding: 0 0 9999px 0;
	width: 191px;
	float: left;
	overflow: hidden;
	background: transparent url(../images/colBg.png) repeat top left;
}

#bpeCol, #softwareCol, #verticalCol{
	border-right: solid 2px white;
}

#bpeColh3, #softwareColh3, #verticalColh3, #resourceCol h3 {
	width: 191px;
	height: 100px;
}

#bpeCol h3 a, #bpeCol h3 a:active, #bpeCol h3 a:visited, #softwareCol h3 a, #softwareCol h3 a:active, 
#softwareCol h3 a:visited, #verticalCol h3 a, #verticalCol h3 a:active, #verticalCol h3 a:visited, #resourceCol h3 a, 
#resourceCol h3 a:active, #resourceCol h3 a:visited {
	display: block;
	text-decoration: none;
	text-transform: lowercase;
	font-weight: bold;
	color: white;
	width: 191px;
	height: 100px;
}

#bpeCol h3 a, #bpeCol h3 a:active, #bpeCol h3 a:visited {
	background: transparent url(../images/01active.png) no-repeat top center;
}

#bpeCol h3 a:hover {
	background: white url(../images/01rollover.png) no-repeat top center;
}

#softwareCol h3 a, #softwareCol h3 a:active, #softwareCol h3 a:visited {
	background: transparent url(../images/02active.png) no-repeat top center;
}

#softwareCol h3 a:hover {
	background: white url(../images/02rollover.png) no-repeat top center;
}

#verticalCol h3 a, #verticalCol h3 a:active, #verticalCol h3 a:visited {
	background: transparent url(../images/03active.png) no-repeat top center;
}

#verticalCol h3 a:hover {
	background: white url(../images/03rollover.png) no-repeat top center;
}

#resourceCol h3 a, #resourceCol h3 a:active, #resourceCol h3 a:visited {
	background: transparent url(../images/04active.png) no-repeat top center;
	color: black;
}

#resourceCol h3 a:hover {
	background: white url(../images/04rollover.png) no-repeat top center;
}

#bpeCol p, #softwareCol p, #verticalCol p, #resourceCol p {
	padding: 5px;
}

/* ABOUT US */
#aboutTitle {
	background: transparent url(../images/about.jpg) no-repeat top right;
	height: 280px;
	text-align: right;
}

#aboutTitle h3 {
	padding: 210px 0 0 0;
}

#aboutSec {
	padding-left: 10px;
	border-left: 2px solid #cccccc;
}

#newsEvents {
	padding-right: 10px;
}

/* THE GROUP */
#groupTitle {
	background: transparent url(../images/group.jpg) no-repeat top left;
	height: 280px;
	padding-right: 10px;
}

#groupTitle h3 {
	padding: 200px 0 0 0;
}

#groupSec {
	padding-left: 10px;
	border-left: 2px solid #cccccc;
}

/* SOLUTIONS */
#solutionsTitle {
	background: transparent url(../images/solutions.jpg) no-repeat bottom left;
	height: 310px;
	padding-right: 10px;
}

#solutionsTitle h3 {
	margin: -28px 0 0 0;
}

#solutionsSec {
	padding-left: 10px;
	border-left: 2px solid #cccccc;
}

/* BPE */
#bpeTitle {
	background: transparent url(../images/bpe.jpg) no-repeat top right;
	height: 350px;
	padding-left: 10px;
}

#bpeTitle h3 {
	margin: -28px 0 0 0;
}

#bpePageSec {
	padding-right: 10px;
	border-right: 2px solid #cccccc;
}

/* SOFTWARE */
#softwareTitle {
	background: transparent url(../images/software.jpg) no-repeat top left;
	height: 280px;
	text-align: right;
	padding-right: 10px;
}

#softwareTitle h3 {
	margin: 225px 0 0 0;
}

#softwarePageSec {
	padding-left: 10px;
	border-left: 2px solid #cccccc;
}

.msNav {
	background: transparent url(../images/msnav.png) no-repeat top left;
	height: 58px;
}

.msCRM {
	background: transparent url(../images/mscrm.png) no-repeat top left;
	height: 58px;
}

.msNav a, .msCRM a {
	display: block;
	width: 400px;
	height: 58px;
}

.msNav span, .msCRM span {
	visibility: hidden;
}

/* VERTICAL SOLUTIONS */
#verticalTitle {
	background: transparent url(../images/vertical.jpg) no-repeat top left;
	height: 280px;
	padding-right: 10px;
}

#verticalTitle h3 {
	margin: 260px 0 0 0;
}

#verticalPageSec {
	padding-left: 10px;
	border-left: 2px solid #cccccc;
}

/* RESOURCE OUTSOURCING */
#resourceTitle {
	background: transparent url(../images/resource.jpg) no-repeat top left;
	height: 280px;
	padding-right: 10px;
}

#resourceTitle h3 {
	margin: 225px 0 0 0;
}

#resourcePageSec {
	padding-left: 10px;
	border-left: 2px solid #cccccc;
}

/* HOW WE DO IT */
#howTitle {
	background: transparent url(../images/how.jpg) no-repeat bottom left;
	height: 290px;
	padding-right: 10px;
}

#howTitle h3 {
	margin: -28px 0 0 0;
}

#howSec {
	padding-left: 10px;
	border-left: 2px solid #cccccc;
}

/* PORTFOLIO */
#portfolioTitle {
	background: transparent url(../images/portfolio.jpg) no-repeat bottom left;
	height: 325px;
	padding-right: 10px;
}

#portfolioTitle h3 {
	margin: -30px 0 0 0;
}

#portfolioSec {
	padding-left: 10px;
	border-left: 2px solid #cccccc;
}

#clientGroup {
	padding-bottom: 30px;
	overflow: hidden;
}

#clientGroup ul {
	margin: 10px 0 0 10px;
}

#clientGroup ul li {
	margin-right: 3px;
	display: inline;
}

#clientGroup ul li img {
	padding: 3px;
	border: 1px solid #999999;
}

/* CAREERS */
#careersTitle {
	padding: 0 0 0 20px;
	background: transparent url(../images/careers.jpg) no-repeat top center;
	height: 260px;
	text-align: right;
	padding-left: 10px;
}

#careersTitle h3 {
	padding: 200px 10px 0 0;
}

#careersSec {
	padding-right: 10px;
	border-right: 2px solid #cccccc;
}

#jobDetails {
	border-right: 2px solid #cccccc;
	padding-right: 10px;
}

#jobDetails ul {
	padding-bottom: 15px;
}

#jobDesc {
	float: right;
	padding-left: 10px;
}

/* FAQ */
#faqTitle {
	background: transparent url(../images/faq.jpg) no-repeat top left;
	height: 346px;
	padding-right: 10px;
}

#faqSec {
	padding-left: 10px;
	border-left: 2px solid #cccccc;
}

#faq h4 {
	margin-right: 5px;
	float: left;
}

#faq p {
	overflow: hidden;
}

/* CONTACT FORM */
#contactTitle {
	background: transparent url(../images/contact.jpg) no-repeat bottom left;
	height: 800px;
}

#contactTitle p {
	margin: 600px 0 0 80px;
}

#contactForm {
	margin: -800px 0 0 0;
	padding-right: 10px;
}

.textfield {
	padding: 10px;
	border: 0;
	background: transparent url(../images/textfield.png) no-repeat top left;
	width: 255px;
	height: 20px;
	font: normal 12pt 'Trebuchet MS', Arial, Helvetica;
}

.textbox {
	padding: 10px;
	border: 0;
	background: transparent url(../images/textbox.png) no-repeat top left;
	width: 255px;
	height: 100px;
	font: normal 12pt 'Trebuchet MS', Arial, Helvetica;
}

/* OFFICE LOCATIONS */
#locations {
	overflow: hidden;
	border-left: 2px solid #cccccc;
	padding: 450px 15px 0 15px;
	background: transparent url(../images/map.png) no-repeat top center;
}

/* WIP */
#wip {
	padding-top: 30px;
	width: 100%;
	height: 400px;
	background: transparent url(../images/wip.jpg) no-repeat top right;
}

/* FOOTER */
#footer {
	background: transparent url(../images/footer.png) no-repeat bottom center;
	height: 80px;
}

#footer p {
	padding: 0;
	text-align: right;
	font-size: 0.8em;
}