/*

	CSS styles
	Clent: OEM Computer Systems
	Filename: typography.css
	
	==============
	
	Branding colours
	
	BLUE
	Dark:    #B5D0D9 
	Med:     #BBD4DC
	Light:   #D3E3E8
	Lighter: #EEF4F6

*/

p { padding: 0 0 10px 0; margin:0; color: black; line-height: 130%; cursor: default; }
p.intro { font-weight: bold; font-size: 12px; }

.formtextbox { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 8pt; margin:0 0 10px 0; width:195px; }
.formtextarea { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;font-size: 8pt; margin:0 0 10px 0; width:442px; height: 75px; }
.formbutton {border: 1px solid #BBD4DC;color: #B5D0D9;background-color: #EEF4F6;font-weight: bold;cursor: pointer; margin:0 0 20px 0;}

.accessibility { display: none; }

.em { font-style: italic; }

#navlist { margin:0; margin-left: 30px; padding: 0; }
#navlist li	{
	float: left;
	margin: 0;
	padding: 0;
	display: inline;
}
#navlist li a, #navlist li a:link {
	color: #FFF;
	text-decoration: none;
	padding: 0 5px 3px 5px;
	display: block;
	font-weight: bold;
	border-right: 1px solid #BBD4DC;
}
#navlist li a:hover { color: #191970; cursor: pointer; background: #EEF4F6; }
#navlist li a#lastitem, #navlist li a#lastitem:link {
	color: #FFF;
	text-decoration: none;
	padding: 0 8px 3px 8px;
	display: block;
	font-weight: bold;
	border: 0;
}
#navlist li a#lastitem:hover { color: #BBD4DC; cursor: pointer; background: #EEF4F6; }
#navlist li span { display: none; }

#subnavlist { margin: 0; paddinFg: 0; list-style: none; }
#subnavlist li	{ margin: 0; padding: 0; width: auto; display: block; width: 210px; }
#subnavlist li a, #subnavlist li a:link {
	color: #B5D0D9;
	text-decoration: none;
	padding: 8px 8px 6px 8px;
	display: block;
	font-weight: bold;
	width: 194px;
	border-top: 1px solid #D3E3E8;
}
#subnavlist li a:hover { cursor: pointer; background-color: #EEF4F6; }
#subnavlist li a#subnavcurrent, #subnavlist li a#subnavcurrent:link {
	cursor: default;
	background-color: #EEF4F6;
	border-top: 1px solid #D3E3E8;
	border-bottom: 1px solid #D3E3E8;
	padding-right: 29px;
	display: block;
}

#subnavlist li a#subnavlast, #subnavlist li a#subnavlast:link {
	color: #B5D0D9;
	text-decoration: none;
	padding: 8px 8px 6px 8px;
	display: block;
	font-weight: bold;
	border-top: 0;
	border-bottom: 1px solid #D3E3E8;
}

#footerlist { margin: 0; padding: 0; list-style: none; text-align: left; }
#footerlist li	{ margin: 0; padding: 0; display: block; float: left; }
#footerlist li a, #footerlist li a:link { color: #FFF; text-decoration: none; padding: 3px; margin: 0 0 0 5px; display: block; font-weight: normal; font-size: 10px; background-color: #D3E3E8; }
#footerlist li a:hover { color: #FFF; cursor: pointer; background-color: #BBD4DC; }

#maincontent h2{ margin: 0; padding-bottom:2px; border-bottom: 5px solid #e0e0e0; font-size:16px }
#maincontent a { color: #B5D0D9; text-decoration: none }
#maincontent a:hover { text-decoration: underline }

#home h2 { margin:0 0 0 0; font-size:11px; font-weight:normal; width:350px }
#home h2 span { font-size:16px; color:#B5D0D9 }
#Title { font-weight: bold; font-family: Arial; font-size: 16px; }

#splash h2 {
	color: #FFFFFF;
	font-size: 20px;
	margin: 0;
	padding: 10px 25px 10px 25px;
	text-transform: uppercase;
	cursor: default;
}

.horizBreadcrumbs a {
		text-decoration: none;
}

.colTitle1 {
	font-weight: bold;
	font-size: 12px;
	border-bottom: 1px solid #191970;
	padding: 0 0 5px 0;
	margin: 0 0 5px 0;
	color: #191970;
	cursor: default;
	line-height: 130%;
}

a.link1, a:link.link1 {
	color: #191970;
	padding: 0 10px 0 0;
	text-decoration: none;
}

a.link2, a:link.link2 {
	color: #B22222;
	float:right;
	font-size: 10px;
	text-decoration: none;
}

a:hover.link1 { text-decoration: none; }

a.downloadsla, a:link.downloadsla {
	padding: 10px 10px 10px 30px;
	background: #EEF4F6 url(/images/download-icon-01.gif) no-repeat 10px 10px;
	display: block;
	text-decoration: none;
	margin: 0 0 10px 0;
}

.filetype { font-weight: normal; }

h2.nav { display: none; }

h3.featured { margin: 0 0 0 20px; padding-left:10px; vertical-align:middle; height:26px; background:url(/images/title_feature.gif) no-repeat }
h3.featured span { display:none }

#fimages { padding:10px 10px 10px 25px; float:left; }
#fimages img { padding:2px }
.ftext { margin:10px;}

h3.mainpageicon { margin-right: 45px; background:url(/images/home.jpg) no-repeat }
a.mainpage { width:212px; height:190px; display: block; text-decoration: none; }

h3.benefitsicon { margin: 0px 25px 0px 10px; background:url(/images/benefits.jpg) no-repeat }
a.benefits { width:212px; height:220px; display: block; text-decoration: none; }

h3.flexibilityicon { margin: 0px 25px 0px 10px; background:url(/images/flexibility.jpg) no-repeat }
a.flexibility{ width:212px; height:220px; display: block; text-decoration: none; }

h3.supporticon { margin: 0px 15px 0px 0px; background:url(/images/support.jpg) no-repeat }
a.supports { width:245px; height:190px; display: block; text-decoration: none; }

h3.helpdeskicon { margin: 0px 15px 0px 0px; background:url(/images/helpdesk.jpg) no-repeat }
a.helpdesk { width:225px; height:300px; display: block; text-decoration: none; }

h3.ContactUsicon { margin: 0px 15px 0px 0px; background:url(/images/support.jpg) no-repeat }
a.contactus { width:225px; height:300px; display: block; text-decoration: none; }

h3.Asseticon { margin: 0px 25px 0px 0px; background:url(/images/Asset.jpg) no-repeat }
a.Asset { width:245px; height:300px; display: block; text-decoration: none; }

h3.rapidicon { margin: 0px 15px 0px 0px; background:url(/images/rapidresponse.jpg) no-repeat }
a.rapid { width:245px; height:170px; display: block; text-decoration: none; }

h3.supportPackages { margin: 20px 0px 0px 0px; background:url(/images/Packages.jpg) no-repeat }
a.supportPack {color: black; font-weight: bold;	font-size: 16px; padding: 10px 0px 10px 20px; width:135px; height:40px; display: block; text-decoration: none; }

h3.RemoteSupport { margin: 20px 0px 0px 0px; background:url(/images/RemoteSupport.jpg) no-repeat }
a.RemoteSupport {color: black; font-weight: bold; font-size: 16px; padding: 10px 0px 10px 20px; width:135px; height:40px; display: block; text-decoration: none; }

h3.supportListicon { margin: 0px 15px 0px 0px; background:url(/images/SupportPackages.jpg) no-repeat }
.supportList {color: black; font-weight: bold;	font-size: 16px; padding: 0px 25px 0px 0px; width:240px; display: block; text-decoration: none; }


h3.solutionsicon { margin: 0px 25px 0px 10px; background:url(/images/solutions.jpg) no-repeat }
a.solutions { width:212px; height:200px; display: block; text-decoration: none; }

h3.consultancyicon { margin: 0px 35px 10px 10px; background:url(/images/consultancy.jpg) no-repeat }
a.consultancy { width:212px; height:190px; display: block; text-decoration: none; }

h3.FreeSiteSurvey { margin: 0px 15px 0px 0px; background:url(/images/freesitesurvey.gif) no-repeat }
a.FreeSiteSurvey { width:225px; height:125px; display: block; text-decoration: none; }
h3.FreeSiteSurvey span { display:none }

h3.contactusicon { margin-top: 0px; width:212px; height:78px; background:url(/images/contactus.gif) no-repeat }
a.contactus { width:212px; height:78px; display: block; text-decoration: none; }

h3.servicesicon { margin-top: 0px; width:212px; height:102px; background:url(/images/services.gif) no-repeat }
a.services { width:212px; height:102px; display: block; text-decoration: none; }

h3.testimonialsicon { margin-right: 25px; background:url(/images/testimonials.jpg) no-repeat }
a.testimonials { width:212px; height:190px; display: block; text-decoration: none; }


h3.news { margin-top: 10px; width:212px; height:102px; background:url(/images/services-icon-01.gif) no-repeat }
h3.contact { margin-top: 10px; width:212px; height:78px; background:url(/images/contact-icon-02.gif) no-repeat }
#sidebar span { display:none }
#sidebar p { margin-right: 35px; color: #B5D0D9;}