/* CSS Document */

html, body, div, span,
applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	line-height: 1;
	font-family: inherit;
	text-align: left;
	vertical-align: baseline;
}
a img, :link img, :visited img {border: 0}
table {border-collapse: collapse; border-spacing: 0}
ul {list-style: none}
q:before, q:after,
blockquote:before, blockquote:after {content: ""}

/*#######################
  Element Styles 
#######################*/

body {font-size:14px; font-family:Helvetica, Arial, Verdana, sans-serif; color:#282828; background:#fff url(../images/body_bg.jpg) top no-repeat}
h1,h2, h3, h4, h5, p, ul, ol, dl {margin:15px 0}
h1,h2, h3, h4, h5 {font-weight:bold; font-family:Palatino, Times, "Times New Roman", serif; font-style:italic; color:#FCAD1A}
h1 {font-size:24pt}
h2 {font-size:20pt}
h3 {font-size:18pt}
h4 {font-size:14pt}
h5 {font-size:14pt; font-style:italic; color:orange}
a {color:#0033FF; outline:none; text-decoration:none;}
	a:hover {text-decoration:none}
dt {margin:15px 0; font-weight:bold}
dd {margin:5px 0 5px 15px}
ol {margin-left:25px}

/*#######################
  Layout Styles 
#######################*/

#wrapper {width:800px; padding:0 15px; margin:0px auto}

#navigation {margin:86px 0 0 0}
	#navigation li {float:right; display:inline; margin-left:3px; font-size:12pt; text-transform:lowercase}
		#navigation li a {display:block; padding:9px 20px; text-decoration:none; color:#FFFFFF} /*sets colour of font */
			#navigation li a:hover {background-color:#e12314} /*sets bg colour of hover state */

			/* Active States */
			#partner_page #navigation #partnerpage_link a,
            #home_page #navigation #home_link a,
            #solutions_page #navigation #solutions_link a,
            #b2b_page #navigation #b2b_link a,
            #client_page #navigation #client_link a,
            #media_page #navigation #media_link a,
			#about_page #navigation #about_link a,
			#contact_page #navigation #contact_link a {background-color:#254655} /*sets bg colour of active state */

#content {
	clear:both;
	float:left;
	margin-top: 0px;
}	


#flagimg {
	float:none;
	padding-bottom:0px;
    padding-right:0px;
    padding-top:7px;
	margin-bottom:0px;
	margin-top:0px;
    margin-left:7px;
    margin-right:0px;
	color:#323232;
	
}


#floatimg {
	float:none;
	padding-bottom:0px;
    padding-right:0px;
    padding-top:0px;
	margin-bottom:0px;
	margin-top:0px;
    margin-left:0px;
    margin-right:-300px;
	color:#323232;
	/*background:url(../images/stop-press.jpg) 0px 0px no-repeat;*/
}

#solutionsimg {
	float:none;
    padding-bottom:0px;
    padding-right:0px;
    padding-left:225px;
    padding-top:0px;
	margin-bottom:0px;
	margin-top:0px;
    margin-left:0px;
    margin-right:0px;
	color:#323232;
	background:url(../images/systems_integration_thumb.jpg) 0px 0px no-repeat;
}

#mps-img {
	float:none;
    padding-bottom:0px;
    padding-right:0px;
    padding-left:225px;
    padding-top:0px;
	margin-bottom:0px;
	margin-top:0px;
    margin-left:0px;
    margin-right:0px;
	color:#323232;
	background:url(../images/overload.jpg) 0px 0px no-repeat;
}

#procurementimg {
	float:none;
    padding-bottom:0px;
    padding-right:0px;
    padding-left:225px;
    padding-top:0px;
	margin-bottom:0px;
	margin-top:0px;
    margin-left:0px;
    margin-right:0px;
	color:#323232;
	background:url(../images/coins.jpg) 0px 0px no-repeat;
}

#cloudtxt {
	float:none;
    padding-bottom:0px;
    padding-right:0px;
    padding-left:225px;
    padding-top:0px;
	margin-bottom:0px;
	margin-top:0px;
    margin-left:0px;
    margin-right:0px;
	color:#323232;
	background:url(../images/cloud.jpg) 0px 0px no-repeat;
}

#clienthead {
	float:none;
    padding-bottom:0px;
    padding-right:0px;
    padding-left:220px;
    padding-top:0px;
	margin-bottom:0px;
	margin-top:0px;
    margin-left:0px;
    margin-right:0px;
	color:#323232;
	background:url(../images/invoice.jpg) 0px 0px no-repeat;
}

#clientimg {
	float:none;
    padding-bottom:0px;
    padding-right:0px;
    padding-left:0px;
    padding-top:0px;
	margin-bottom:0px;
	margin-top:0px;
    margin-left:60px;
    margin-right:0px;
	color:#323232;
	background:url(../images/client-services.jpg) 400px 40px no-repeat;
}

#documents {
	float:none;
    padding-bottom:0px;
    padding-right:0px;
    padding-left:180px;
    padding-top:0px;
	margin-bottom:0px;
	margin-top:0px;
    margin-left:0px;
    margin-right:0px;
	color:#323232;
	background:url(../images/mfd.jpg) 0px 0px no-repeat;
}

#b2bimg {
	float:none;
    padding-bottom:0px;
    padding-right:0px;
    padding-top:0px;
	margin-bottom:0px;
	margin-top:0px;
    margin-left:0px;
    margin-right:0px;
	color:#323232;
	background:url(../images/b2b.jpg) 400px 0px no-repeat;
}

#randomimg {
	float:none;
    padding-bottom:0px;
    padding-right:0px;
    padding-top:0px;
	margin-bottom:0px;
	margin-top:0px;
    margin-left:0px;
    margin-right:0px;
	color:#323232;
	background:url(../images/training.jpg) 450px 0px no-repeat;
}

#workflowimg {
	float:none;
    padding-bottom:0px;
    padding-right:360px;
    padding-top:0px;
	margin-bottom:0px;
	margin-top:0px;
    margin-left:0px;
    margin-right:0px;
	color:#323232;
	background:url(../images/workflow.jpg) 450px 0px no-repeat;
}

#workflowaudit {
	float:none;
    padding-bottom:0px;
    padding-right:360px;
    padding-top:0px;
	margin-bottom:0px;
	margin-top:0px;
    margin-left:0px;
    margin-right:0px;
	color:#323232;
	background:url(../images/workflowaudit.jpg) 450px 0px no-repeat;
}

#systemsimg {
	float:none;
    padding-bottom:0px;
    padding-right:360px;
    padding-top:0px;
	margin-bottom:0px;
	margin-top:0px;
    margin-left:0px;
    margin-right:0px;
	color:#323232;
	background:url(../images/si.jpg) 450px 0px no-repeat;
}

#piggybank {
	float:none;
    padding-bottom:0px;
    padding-right:360px;
    padding-top:0px;
	margin-bottom:0px;
	margin-top:0px;
    margin-left:0px;
    margin-right:0px;
	color:#323232;
	background:url(../images/piggybank.jpg) 450px 0px no-repeat;
}

#vanilla {
	float:none;
    line-height:10em;
    padding-bottom:0px;
    padding-right:250px;
    padding-top:0px;
	margin-bottom:0px;
	margin-top:0px;
    margin-left:0px;
    margin-right:0px;
	color:#323232;
	}
    
#video {
	float:both;
    line-height:10em;
    padding-bottom:0px;
    padding-right:0px;
    padding-top:0px;
	margin-bottom:0px;
	margin-top:0px;
    margin-left:450px;
    margin-right:0px;
	color:#323232;
	}

#confidential {
	float:none;
    padding-bottom:0px;
    padding-right:360px;
    padding-top:0px;
	margin-bottom:0px;
	margin-top:0px;
    margin-left:0px;
    margin-right:0px;
	color:#323232;
	background:url(../images/confidential.jpg) 450px 0px no-repeat;
}

#projectmanagement {
	float:none;
    padding-bottom:0px;
    padding-right:360px;
    padding-top:0px;
	margin-bottom:0px;
	margin-top:0px;
    margin-left:0px;
    margin-right:0px;
	color:#323232;
	background:url(../images/projectmanagement.gif) 450px 0px no-repeat;
}

#onestopimg {
	float:none;
    padding-bottom:0px;
    padding-right:360px;
    padding-top:0px;
	margin-bottom:0px;
	margin-top:0px;
    margin-left:0px;
    margin-right:0px;
	color:#323232;
	background:url(../images/onestop2.jpg) 450px 0px no-repeat;
}

#hero1 {
	float:none;
	padding-top:0px;
    padding-bottom:0px;
    padding-right:0px;
	margin-bottom:0px;
	margin-top:0px;
    color:#323232;
}

#hero2 {
	float:none;
	padding-top:0px;
    padding-bottom:10px;
    padding-right:300px;
	margin-bottom:0px;
	margin-top:0px;
    color:##323232;
	
}

#hero3 {
    line-height:1.4em;
    text-align:left;
	padding-top:0px;
    padding-bottom:0px;
    padding-left:0px;
    padding-right:0px;
	margin-bottom:0px;
	margin-top:0px;
    color:#323232;
}



#hero {
	float:both;
	padding-top:0px;
    padding-bottom:10px;
    padding-right:180px;
	margin-bottom:0px;
	margin-top:0px;
    color:##323232;
	background:url(../images/systems_integration_1.jpg) 620px -20px no-repeat;
}
		#hero img {
	float:left;
    margin-left:0px;
    margin-top:0px;
    margin-right:0px;
}
		#hero #intro {font-size:2.5em; font-family:Palatino, Times, "Times New Roman", serif; font-style:italic; font-weight:bold;padding-top:1em}
		#hero p {font-size:1em}
        
 #footer {
	float:none;
	padding-top:100px;
    padding-bottom:0px;
    padding-right:0px;
	margin-bottom:5px;
	margin-top:0px;
    color:gray;
	background:url(../images/underline-spectrum.gif) 100%  no-repeat;
}

#footer p {font-size:7pt; font-style:italic}
	
	#content p {line-height:1.25em}
	#content ul {margin-left:25px; list-style-type:disc}
	#content li {margin:5px 0}
    #content .one_column {float:left; display:block; margin-top:0px; line-height:1.2em; width:800px; color:##323232;text-align:justify}	
	#content .two_columns {float:left; display:inline; width:450px; margin-right:15px}
	#content .three_columns {float:left; display:inline; width:220px; margin-right:15px; color:##323232}
    #content .three_columns_red {float:left; display:inline; width:250px; margin-right:15px; color:red}
	#content .service_list {float:left; display:inline; margin-top:40px; width:100px; font-size:.9em}
    
/* Form Styles */
input, textarea {padding:0px; font-size:1em; font-family:Times new Roman; font-style:italic; font-weight:bold; color:orange}
input {width:60px;height:22px}
textarea {width:350px; height:150px}
#submit {width:100px; font-weight:bold; color:orange; font-style:normal}
#contact {clear:none; font-size:10pt; font-style:normal; color:gray}
#contact1 {clear:none; font-size:8pt; font-weight:normal; color:black}
#banner {clear:both; float:right;  padding:20px 20px 20px 20px; text-align:center; font-size:24pt; font-style:italic; color:gray}