/*
Theme Name: Portal Technology
Description: Portal Technology theme
Version: 1.0
Author: Jon Webster
Author URI: http://binarylab.com/


*/



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

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-size: 11pt;
	line-height: 1.1em;
	background-color: #FFFFFF;
	background-image: url(images/bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	color: #88888C;
}

p {
	margin-bottom:0.5em;
}

a:link {
	color: #0098d8;
	font-weight: bold;
}
a:visited {
	color: #0098d8;
	font-weight: bold;
}
a:hover {
	color: #05b0f8;
}
a:active {
	color: #0098d8;
}

img
{  border-style: none;
}


h1,h2,h3,h4,h5,h6 {
	font-family: Arial, sans-serif;
	font-weight: normal;
	text-decoration: none;
}
h1, h2, h3, a { text-decoration: none; }
h1 {
	font-size: 1.4em;
	color: #0A3D59;
}




h2 {
	font-size: 1.4em;
	color: #696969;
	margin-top:-0.2em;
	margin-bottom:-0.2em;
      }
	  
h2 a:link{color: #696969;}
h2 a {color: #696969;}
h2 a:visited {color: #696969;}
h2 a:hover {color: #0098d8;}
h2 a:active {color: #0098d8;} 

  
h3 {
	font-size: 1.1em;
	color: #696969;
}
h4 {
	font-size: 1.0em;
	color: #696969;
}
h5 {
	font-size: 1em;
	color: #000000;
	font-weight: bold;
}


#container {
	
}
.page {

	
}
#topbar {

	height: 27px;
}
#menu980 {
	width: 980px;
	margin-left: auto;
	margin-right: auto;
}
.box980 {
	width: 980px;
	margin-left: auto;
	margin-right: auto;
}
#boxHead {
	width: 1030px;
	margin-left: auto;
	margin-right: auto;
	padding-right: 5px;
}
body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	color: #88888C;
	font-size: 13px;
	line-height: 1.5em;
}
#logoContainer {
	width: 980px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 2px;
}
#logoBox {
	width:263px;
	padding-top: 8px;
	padding-left: 5px;
}
#topButtons {
	width:365px;
	padding-top: 5px;
	padding-left: 5px;
	float: right;
}

#heroHome {
	width: 980px;
	margin-left: auto;
	margin-right: auto;
	background-color: #004475;
	height: 330px;
}

.homeboxes {
	font-size: 11px;
	line-height: 15px;
	height: 450px;
}


.homeBox {
	width:210px;
	height:280px;
	float: left;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #999999;
	margin-top: 22px;
	margin-right: 5px;
	margin-bottom: 25px;
	margin-left: 5px;
	padding-top: 8px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 15px;
	list-style-type: none;
}

.homeBox2 {
	width:210px;
	height:280px;
	float: left;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #999999;
	margin-top: 22px;
	margin-right: 5px;
	margin-bottom: 25px;
	margin-left: 5px;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 15px;
	list-style-type: none;
}



#homeBoxLeft {
	width:210px;
	float: left;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #999999;
	margin-top: 22px;
	margin-right: 5px;
	margin-bottom: 25px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 15px;
	list-style-type: none;
}

#blogLeft {
	width:210px;
	float: left;
	margin-top: 52px;
	margin-right: 5px;
	margin-bottom: 25px;
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 5px;
	padding-left: 5px;
	list-style-type: none;
}


#pageLeft {
	width:210px;
	float: left;
	margin-top: 52px;
	margin-right: 5px;
	margin-bottom: 25px;
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 5px;
	padding-left: 5px;
	list-style-type: none;
}

.homeBoxRight {
	width:190px;
	height:280px;
	float: right;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #999999;
	margin-top: 22px;
	margin-right: 5px;
	margin-bottom: 25px;
	margin-left: 5px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 15px;
	list-style-type: none;
}

.homeBoxRightBKP {
	width:210px;
	height:280px;
	float: right;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #999999;
	margin-top: 22px;
	margin-right: 5px;
	margin-bottom: 25px;
	margin-left: 5px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 15px;
	list-style-type: none;
}

.homeBoxRight ul{
	margin: 0px;
	padding: 0px;
	font-size: 11px;
	line-height: 15px;
}
.homeBoxRight li{
	list-style-type: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	padding-bottom: 6px;
	padding-top: 6px;
}

#footer {
	font-size: 0.75em;
	color: #999999;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #014373;
}
#footerLinks {
	width: 980px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 10px;
	padding-bottom: 5px;
	text-align: center;
}

.footer A:link {
	font-weight: normal;
	text-decoration: none;
	color: #000000;
}
.footer A:visited {
	font-weight: normal;
	text-decoration: none;
	color: #000000;
}
.footer A:active {
	font-weight: normal;
	text-decoration: none;
	color: #000000;
}
.footer A:hover {
	font-weight: normal;
	text-decoration: underline;
	color: #333333;
}

#footerLogo {
	width:143px;
	height:54px;
	float: left;
	padding-left: 30px;
}

#footerLogo2 {
	width:143px;
	height:54px;
	float: right;
	padding-right: 30px;
}
#heroBG {
	height: 250px;
	background-position: center top;
}
#contentBox {
	width:650px;
	float: left;
	margin-top: 272px;
	margin-right: 5px;
	margin-bottom: 25px;
	margin-left: 5px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 15px;
	  min-height:600px;
  height:auto !important;
  height:600px;
}



#subnav {
	margin:0;
	width:230px;
	list-style:none;
	padding-top: 15;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	font-weight: bold;
	}
	
	



#subnav a, 
#subnav a:visited {
	text-align:left;
	height:25px;
	font:Arial, sans-serif;
	color:#0098d8;
	display:block;
	text-decoration:none;
	background-image: url(images/verMenuImages.png);
	background-repeat: no-repeat;
	background-position: 0px 1px;
	padding-top: 4px;
	padding-right: 25px;
	padding-bottom: 0px;
	padding-left: 25px;
	}

#subnav a:hover {
	color:rgb(255,255,255);
	background-image: url(images/verMenuImages.png);
	background-repeat: no-repeat;
	background-position: 0px -96px;	}

#subnav a:active,
#subnav li.current_page_item a,
#subnav li.current_page_item a:visited {
	color:rgb(255,255,255);
	background-image: url(images/verMenuImages.png);
	background-repeat: no-repeat;
	background-position: 0px -96px;
	}

	#subnav ul{
	margin:0;
	padding-top: 15;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 15px;
	list-style-type: none;
	}

/* Begin dTabs css */

#tabbar {
	margin: 0px 20px 0px 20px;
	padding: 0px 0px 0px 0px;
	text-align: left;
	display: block;
	vertical-align: bottom;	
	font-family: "Lucida Sans Unicode", Helvetica, Arial, sans-serif;
	font-weight: normal;
	text-decoration: none;
	font-size: 0.9em;
}

#tabbarbox {
	vertical-align: bottom;
	background-repeat: repeat-x;
	background-position: center bottom;
	margin-top: 0;
	margin-right: auto;
	margin-left: auto;
	padding-top: 7px;
	padding-right: 0;
	padding-left: 0;
	background-image: url(images/tabbar.jpg);
}
.tab {
	display: table-cell;
	text-align: center;
	height: 22px;
	vertical-align: middle;
	color: #0C486A;
	float: right;
	padding-top: 0px;
	padding-right: 2px;
	padding-bottom: 0px;
	padding-left: 2px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 4px;
	margin-left: 0px;	
}
.tabselected {
	display: table-cell;
	text-align: center;
	height: 22px;
	vertical-align: middle;
	color: #FFFFFF;
	float: right;
	padding-top: 0px;
	padding-right: 2px;
	padding-bottom: 0px;
	padding-left: 2px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 4px;
	margin-left: 0px;
}
.tab a{
	display: table-cell;
	text-align: center;
	height: 22px;
	padding: 0px 2px 0px 2px;
	margin: 0px 0px 0px 0px;
	vertical-align: middle;
	color: #0C486A;
}
.tab a:hover{
	display: table-cell;
	text-align: center;
	height: 22px;
	padding: 0px 2px 0px 2px;
	margin: 0px 0px 0px 0px;
	vertical-align: middle;
	color: #047DB2;
}
.tabselected a{
	display: table-cell;
	text-align: center;
	height: 22px;
	padding: 0px 2px 0px 2px;
	margin: 0px 0px 0px 0px;
	vertical-align: middle;
	color: #FFFFFF;
}
#tabbar a {
	display: table-cell;
	text-align: center;
	height: 22px;
	margin: 0px;
	vertical-align: middle;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

.tabbar_button_l {
	display: table-cell;
	vertical-align: middle;
}
.tabbar_button_c {
	vertical-align: middle;
	width: 90px;
	margin-top: 0;
	margin-right: 7px;
	margin-bottom: 0;
	margin-left: 7px;
	padding-top: 2px;
	padding-right: 0;
	padding-bottom: 2px;
	padding-left: 0;
	text-align: center;
}
.tabbar_button_c a {
	margin: 0 7px 0 7px;
	padding: 2px 0 2px 0;
	vertical-align: middle;
	text-align: center;
}

.tab .tabbar_button_l {
	background: transparent url(images/tab_unselected_left.jpg) no-repeat top left;
}
.tab .tabbar_button_c {
	background: transparent url(images/tab_unselected_central.jpg) repeat-x top;
}
.tab .tabbar_button_r {
	background: transparent url(images/tab_unselected_right.jpg) no-repeat top right;
}

.tabselected .tabbar_button_l {
	background: transparent url(images/tab_left.jpg) no-repeat top left;
}
.tabselected .tabbar_button_c {
	background: transparent url(images/tab_central.jpg) repeat-x top;
}
.tabselected .tabbar_button_r {
	background: transparent url(images/tab_right.jpg) no-repeat top right;
}

.dmenu {
	position: absolute;
	left: -999em;
	margin: 25px 0px 0px 2px;
	padding: 5px 5px 5px 5px;
	border: 1px solid #A2A2A2;
	background-color: #E6E6E6;
	min-width: 88px;
	text-align: left;
}
.dmenu ul{
	padding:0;
	margin:0px 0px 0px 17px;
}
.dmenu ul li {
	display: list-item;
	list-style-type: none;
	margin: 0;
	padding: 0;
	vertical-align: middle;
}
.dmenu ul ul{
	padding: 0;
	margin: 0px 0px 0px 10px;
}
/* End dTabs css */
#box500 {
	width: 690px;
	margin-left: 395px;
}


#recentContainer {
	margin-bottom: 1em;
	padding-top: 5;
	padding-right: 0;
	padding-bottom: 1em;
	padding-left: 0;
	margin-top: 5px;
	}
#recentContainer ul {
	list-style: none;
	padding: 0;
	border: none;
	margin-top: 15;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
		}
		
#recentContainer li {
	margin: 0;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 0px;
		}
.srp-widget-date {
	font-size: 10px;
	font-style: italic;
	color: #666;
}
		
#heroBGhome {
	height: 343px;
	background-position: center top;
	padding-bottom: 4px;
}
.alignright {
	float: right;
	font-size: 0.8em;
}
.alignleft {
	float: left;
	font-size: 0.8em;
}
.menu{
	padding:0;
	height:30px;
	display:block;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
.menu li{padding:0; margin:0; list-style:none; display:inline;}
.menu li a{float:right; padding-left:15px; display:block; color:rgb(17,103,152); text-decoration:none; font:12px Lucida Sans Unicode, Helvetica, Arial, sans-serif; cursor:pointer; background:url('images/topMenuImages.png') 0px -30px no-repeat;}
.menu li a span{line-height:30px; float:left; display:block; padding-right:15px; background:url('images/topMenuImages.png') 100% -30px no-repeat;}
.menu li a:hover{background-position:0px -60px; color:rgb(17,103,152);}
.menu li a:hover span{background-position:100% -60px;}
.menu li a.active, .menu li a.active:hover{line-height:30px; font:12px Lucida Sans Unicode, Helvetica, Arial, sans-serif; background:url('images/topMenuImages.png') 0px -90px no-repeat; color:rgb(255,255,255);}
.menu li a.active span, .menu li a.active:hover span{background:url('images/topMenuImages.png') 100% -90px no-repeat;}

#menuBG {
	margin:0 auto;
	padding:0;
	height:30px;
	width:100%;
	display:block;
}
#navHome {
	display: block;
	width: 319px;
	height: 48px;
	float: left;
	background-image: url(images/nav_01.gif);
	background-repeat: no-repeat;
	background-position: right 0;
}
#navHome:hover {
background-position: right -51px;
}

#navHome2 {
	display: block;
	width: 319px;
	height: 26px;
	float: left;
	background-image: url(images/nav_01.gif);
	background-repeat: no-repeat;
	background-position: right 0;
}
#navHome2:hover {
background-position: right -51px;
}

#navAbout {
display: block;
width: 68px;
height: 26px;
background: url("images/nav_02.jpg") no-repeat 0 0;
float: left;
}
#navAbout:hover {
background-position: 0 -26px;
}

#navServices {
display: block;
width: 80px;
height: 26px;
background: url("images/nav_03.jpg") no-repeat 0 0;
float: left;
}
#navServices:hover {
background-position: 0 -26px;
}

#navECommerce {
display: block;
width: 98px;
height: 26px;
background: url("images/nav_04.jpg") no-repeat 0 0;
float: left;
}
#navECommerce:hover {
background-position: 0 -26px;
}

#navMCommerce {
display: block;
width: 102px;
height: 26px;
background: url("images/nav_05.jpg") no-repeat 0 0;
float: left;
}
#navMCommerce:hover {
background-position: 0 -26px;
}

#navResources {
display: block;
width: 90px;
height: 26px;
background: url("images/nav_06.jpg") no-repeat 0 0;
float: left;
}
#navResources:hover {
background-position: 0 -26px;
}

#navClients {
display: block;
width: 72px;
height: 26px;
background: url("images/nav_07.jpg") no-repeat 0 0;
float: left;
}
#navClients:hover {
background-position: 0 -26px;
}

#navBlog {
display: block;
width: 80px;
height: 26px;
background: url("images/nav_08.jpg") no-repeat 0 0;
float: left;
}
#navBlog:hover {
background-position: 0 -26px;
}

#navCareers {
display: block;
width: 63px;
height: 26px;
background: url("images/nav_09.jpg") no-repeat 0 0;
float: left;
}
#navCareers:hover {
background-position: 0 -26px;
}

#navBar span{
    display: none;
}

#navBar .current{
background-position: 0 -26px;
}

#navBar {
	width: 975px;
	float: right;
	list-style-type: none;
	padding-bottom: 30px;
	padding-top: 4px;
}

#heroBGhome, #heroBGhome ul, #heroBGhome ul{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	list-style-position: inside;
	 height: 330px;

}

.smallText {
	font-size: xx-small;
	color: #333333;
}
.smallText a {
	font-size: xx-small;
	color: #333333;
}
#flashcontent { height: 350px;
	}

#mCommerceAreaLeft {
	width:340px;
	float: left;
	margin: 5px;
}

#mCommerceAreaCentre {
	width:220px;
	float: right;
	margin: 1px;
	background-image: url(images/iphone.png);
	background-repeat: no-repeat;
	height: 310px;
	color: #CCCCCC;
	padding-right: 40px;
	padding-left: 60px;
	padding-top: 95px;
	padding-bottom: 170px;
}

#iPhone {
	width:214px;
	height: 340px;
	overflow: visible;
	background-color: #000A0B;
	padding-right: 3px;
	padding-left: 3px;
}

.yd_rp_widget li {
	color: #116795;
text-decoration: none;
font-size: 11.5px;
font-weight: normal;
border-bottom: 1px solid #cccccc;
	padding-bottom: 7px;
	list-style-type: none;
}
.yd_rp_widget li a{
	font-weight: normal;
}