/* CSS Document */
/* Global styles */

/* Basic structure */
body { background: #fff; margin: 0; padding: 0;}
#masthead { margin: 0; width: 100%; color: #fff; background: #3E5871;}
#page { margin: 0 auto 20px; padding: 0px; }


/* Basic text and links */
body, input, select, option, textarea, button { font-family: Arial,Tahoma,Verdana; color: #000;}
a { color: #336699; text-decoration: none;}
a:hover { color: #fff; background-color: #336699;}

h1 { FONT-WEIGHT: bold; FONT-SIZE: 20px; TEXT-TRANSFORM: none; COLOR: #336699; FONT-FAMILY: Arial,Tahoma,Verdana; 
	margin: 10px 10px 5px; padding: 5px;}


h2 { FONT-WEIGHT: bold; FONT-SIZE: 18px; TEXT-TRANSFORM: none; FONT-FAMILY: Arial,Tahoma,Verdana;
	 color: #336699;
	border-top: 1px solid #ccc;
	margin: 10px 10px 10px; padding:5px}

h3 { FONT-WEIGHT: bold; FONT-SIZE: 14px; TEXT-TRANSFORM: none; COLOR: #7F9E26;  FONT-FAMILY: Arial,Tahoma,Verdana;
	border: none; margin: 10px 10px 10px; padding: 5px; color: #666;}

h5 { FONT-WEIGHT: bold; FONT-SIZE: 14px; TEXT-TRANSFORM: none; COLOR: #7F9E26;  FONT-FAMILY: Arial,Tahoma,Verdana;
	border: none; margin: 0px 10px 0px; padding: 5px; color: #333;}


p {
	font-weight: normal;
	font-size: 14px;
	text-transform: none;
	color: #000;
	
	font-family: Arial,Tahoma,Verdana;
	text-align: left;
	padding: 5px; margin: 5px 20px 5px;
}

p.pagenav {text-align: center}



/* Masthead contents */

#nav1 {  margin: 0 auto;}
#logo { padding: 20px 0;}
#minisearch { float: right; text-align: right; padding: 22px 0 0;}
#minisearch a { color: #ffcc00; font-weight: bold; padding: 0 3px;}
#minisearch a:hover { color: #002348; background-color: #ffcc00;}
#minisearch form { margin: 2px 0 0; background-color: #183758; padding: 8px 7px 7px 8px; border-left: 1px solid #677b91; border-top: 1px solid #677b91;}
#minisearch select, #minisearch input { margin-right: 5px; font-size: 12px; color: #333;}
#minisearch input#minisearchbutton { color: #333; font-size: 11px; font-weight: bold; padding: 2px 6px; background: #ffcc00 url(/_images2/bg-searchbutton.jpg) repeat-x top left; border-top: 1px solid #fff3c2; border-left: 1px solid #fff3c2; border-right: 1px solid #ffcc00; border-bottom: 1px solid #ffcc00;}
#minisearch form a:hover { background: none;}


/* Navigation */
#nav1 ul { height: 37px; list-style: none; margin: 0; padding: 0; border-left: 1px solid #bbb;}
#nav1 li { height: 37px; list-style: none; margin: 0; padding: 0; display: inline; float: left; background-image: url(../images/bg-nav1.gif); background-position: top right; background-repeat: repeat-y; border-right: 0px solid #fefefe;}
#nav1 li a { display: block; padding: 10px 20px; font-size: 12px; font-weight: bold; color:#dddddd;}
#nav1 li a:hover { background: none; color: #fff; text-decoration: none;}
#nav1 li:first-child { border-left: 1px solid #fefefe; }
.home #nav1 li#home a { color: #fff; background: #15385c url(../images/bg-nav1on.jpg) repeat-x center bottom; margin-top: 0px;} 


.commissions #nav1 li#commissions a { color: #fff; background: #15385c url(../images/bg-nav1on.jpg) repeat-x center bottom; margin-top: 0px;} 
.company #nav1 li#company a { color: #fff; background: #15385c url(../images/bg-nav1on.jpg) repeat-x center bottom; margin-top: 0px;} 
.processing #nav1 li#processing a { color: #fff; background: #15385c url(../images/bg-nav1on.jpg) repeat-x center bottom; margin-top: 0px;} 
.pipeline #nav1 li#pipeline a { color: #fff; background: #15385c url(../images/bg-nav1on.jpg) repeat-x center bottom; margin-top: 0px;} 
.crm #nav1 li#crm a { color: #fff; background: #15385c url(../images/bg-nav1on.jpg) repeat-x center bottom; margin-top: 0px;} 
.smartphone #nav1 li#smartphone a { color: #fff; background: #15385c url(../images/bg-nav1on.jpg) repeat-x center bottom; margin-top: 0px;} 
.products #nav1 li#products a { color: #fff; background: #15385c url(../images/bg-nav1on.jpg) repeat-x center bottom; margin-top: 0px;} 
.customers #nav1 li#customers a { color: #fff; background: #15385c url(../images/bg-nav1on.jpg) repeat-x center bottom; margin-top: 0px;} 



/* Sidebar */
#left { padding: 0 1px 1px; float: left;  margin: 0; width: 15%; BORDER-TOP: #cccccc 1px solid; BORDER-LEFT: #cccccc 1px solid; BORDER-BOTTOM: #cccccc 1px solid;BORDER-RIGHT: #cccccc 1px solid;}
#left /*{  margin: 0; width: 15%; padding: 0 15px 15px; float: left; color: #fff; line-height: 1.5; background-color: #002348;}*/
#left a { color: #ffcc00;}
#left a:hover { color: #ffffff; background-color: #336699;}
.mainmenu a { font-weight: bold; }
#left h2 { font-size: 34px; margin: 8px 0 15px;}
#left p { margin: none}
#left p.mainmenu { margin: 5px 5px 5px 15px}
#left h4 { margin: 50px 0 10px; line-height: 1;}
#left h4.platformgrouping { font-weight: bold; line-height: 1.1; margin: 0; padding: 0; font-size: 11px;}
.curplatform { font-weight: bold;}
#left p.platforms { margin: 0 0 12px;}
#left p.sortby { font-size: 10px; margin: 12px 0;}
#left p.sortby a { padding: 3px 9px; border: 1px solid #8091a4;}
#left p.sortby a:first-child { border-right-width: 0px;}
#left a.starred { font-weight: bold; margin-right: 2px; color: #ffffcc;}
#left p.listing { margin-bottom: 0;}
#left p.small { line-height: 1.1; font-size: 14px;}
#left img {margin: 5px;}
#left img.mainimage {width: 100%; border-style: none;}




/* Home Page */
#homeleft { float: left; width: 20%; }
#homeleft img {margin: 5px;}
#homeleft img.mainimage {width: 95%}

#homepageblock {background: #ffffff; float: left; width: 58%;

margin: 10px 10px 10px 10px;


}


.homeblurb {float: left; 



}

.featureitem {float: left; width: 40%;  padding:2px;
border : none;
}

.featureitem h2 {color: #999; border: none}
.featureitem img {width: 125px; height: 125px; border: none; float: left; margin: 5px;}
h2.featurepoints  {color: #666; font-size: 14px;}

.advert 
{
float:left;
vertical-align:text-top;

 margin: 15px;
}

.infotext {float: left;width: 40%;}

#homeright { float: right; width: 20%; height: 100%; 


}


/* Content area */

#center { float: left; margin: 5px 5px 5px 5px; width: 60%;  padding: 0px 0px 0px 5px; background-color: #fff;
BORDER-RIGHT: #cccccc 1px solid; BORDER-TOP: #cccccc 1px solid; BORDER-LEFT: #cccccc 1px solid; BORDER-BOTTOM: #cccccc 1px solid;
}

#center h5 {font-style: italic}
#center li {font-size: 14px}

#right {float: right; padding: 5px; width: 20%;

BORDER-RIGHT: #cccccc 1px solid; BORDER-TOP: #cccccc 1px solid; BORDER-LEFT: #cccccc 1px solid; BORDER-BOTTOM: #cccccc 1px solid;
}
.clear { clear: both; height: 0;}


/* Callout boxes */

#callout {BORDER-TOP: #3e5871 1px solid; BORDER-LEFT: #3e5871 1px solid; BORDER-BOTTOM: #3e5871 1px solid;BORDER-RIGHT: #3e5871 1px solid;
width: 100%;
margin: 5px; 5px; 5px; 5px; padding: none;

height: 100%

}

#callout p {padding: 0px; margin: 10px 10px 10px; 10px; FONT-SIZE: 12px;}
#callout p.quote {font-style: italic}
#callout p.quoter {font-weight: bold; COLOR: #3e5871; FONT-SIZE: 14px; 

			margin: 5px 5px 0px 10px; padding: none
			}


#callout p.quotejobtitle {margin: 0px 0px 0px 10px; padding: none}
#callout p.quotecompany { margin: 0px 0px 0px 10px; padding: none}
#callout img {width: 95%; margin: 5px 5px 5px 5px}
#callout img.pdfimage {width: 41px; margin: 5px 5px 5px 5px}


#calloutheader  {
background-color: #3e5871; 
 width: 100%}

#calloutheader h1 {FONT-WEIGHT: bold; FONT-SIZE: 12px; TEXT-TRANSFORM: uppercase; COLOR: #FFFFFF; margin: none;
padding: none
}




/* Footers */
#sitefooter { clear: both; border-left: 1px solid #fff; border-right: 1px solid #fff; background: #3E5871;}
#bottomnav { margin: 20px 0 0; padding: 10px 0 20px 0; color: #fff; background: url(../images/logo-footer.gif) no-repeat top left;}
.bottomnav1  { font-size: 14px; margin: 0 0 10px 10px; text-align:center;}
.bottomnav1 a { color: #fff; margin-right: 20px; font-weight: bold;}
.bottomnav1 a:hover { text-decoration: underline; background: none;}
.bottomnav2 { margin: 0 0 0 0px; text-align:center;}
.bottomnav2 a { color: #ffcc00; font-weight: bold; padding: 0 5px;}
.bottomnav2 a:hover { color: #3E5871; background-color: #ffcc00;}
#networkfooter { margin: 0; padding: 10px 20px; color: #fff; background: #002348; line-height: 1.6; border-left: 1px solid #fff; border-right: 1px solid #fff; border-bottom: 1px solid #fff;}
#networkfooter a { color: #ffcc00;}
#networkfooter a:hover { color: #002348; background-color: #ffcc00; }
#networkfooter form { float: right; text-align: right;}
#networkfooter form label { display: block; padding-bottom: 5px; }
#networkfooter input { margin-left: 5px; color: #333; font-size: 11px; font-weight: bold; padding: 1px 3px; background: #ffcc00 url(/_images2/bg-searchbutton.jpg) repeat-x top left; border-top: 1px solid #fff3c2; border-left: 1px solid #fff3c2; border-right: 1px solid #ffcc00; border-bottom: 1px solid #ffcc00;}