﻿body 
{
        background: #F4F4F4 url(../Images/body-back.gif) center repeat-y;
        margin:0;
        padding:0;
        border:0;			/* This removes the border around the viewport in old versions of IE */
        width:100%;
        min-width:900px;    /* Minimum width of layout - remove line if not required */
							/* The min-width property does not work in old versions of Internet Explorer */
    }
	a {
    	border:0px;color:#1f6089;text-decoration:none;
	}
	a:hover {
		text-decoration:underline;
	}
    h2, h3 {
        margin:.8em 0 .2em 0;
        padding:0;
    }
    p {
        margin:.4em 0 .8em 0;
        padding:0;
    }
	img {
		border:none;
	}

	/* 'widths' sub menu */
	#layoutdims {
		clear:both;
		background:#eee;
		border-top:4px solid #000;
		margin:0;
		padding:6px 15px !important;
		text-align:right;
	}
	/* column container */
	.colmask 
	{
	    margin-top:88px;
		position:relative;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	    clear:both;
	    float:left;
        width:900px;			/* width of whole page */
		overflow:hidden;	/* This chops off any overhanging divs */
	}
	
	.mainContent
	{
	    float:left;
	    clear:left;
	    width:665px;
	    padding:0px 10px 20px 10px;
	}
	
	.mainContentFullWidth
	{
	    float:left;
	    clear:left;
	    width:100%;
	    padding:0px 10px 20px 10px;
	}
	
	.sidebar
	{
	   float:right;
	   clear:right;  
	}
		
	/* Footer styles */
	#footer {
        width:900px;
		text-align:center;
		margin-top:12px;
	    padding-top:3px;
	    /*border-top:1px solid #c7bf9f;*/
	    line-height:1.5em;
	    padding-bottom:15px;
    }
    #footer p {
        padding:10px;
        margin:0;
    }
    
    /***********************HEADER/FOOTER STYLES*************************/
#wrapper {
	min-height:100%;
	margin:0 auto;
	width:900px;
	text-align:left;
	font:70.5% verdana,arial,helvetica,sans-serif;

	background: url(../Images/body-back.gif) left repeat-y;
	padding-left:35px;padding-right:35px;
}

#nav {
	background: url(../Images/bgnav.gif) repeat-x;
	width:900px;
	height:88px;
	overflow:hidden;
	margin:0 auto;
	position:absolute;
	top:0px;
	line-height:1em;
	float:none;
	border-bottom: 1px solid #c7bf9f;
}

#psmobile {
	background: url(../Images/psmobile.gif) no-repeat right top;
	width:100%;
	position:relative;
	height:64px;


}
/***********************END HEADER/FOOTER STYLES*************************/


/*********************START MENU STYLES****************************/


#menuholder {
	background: url(../Images/mdf_03.gif) 30px no-repeat;
	float:left;
	position:relative;
	height:27px;
	width:100%;

}
/* hide from MacIE \*/
* html #menuholder {
	margin-top: -5px;
	}
/* end hide */
#menu, #hmenu {
	height:22px;
	position:absolute;
	right:0px;
	bottom:2px;
	float:right;
	margin-right:25px;
	margin-top:2px;
	width:465px;
}
#hmenu {
	width:395px;
}
  #mnav {
  margin: 0; /*removes indent IE and Opera*/
  padding: 0; /*removes indent Mozilla and NN7*/
  list-style-type: none; /*turns off display of bullet*/
  list-style:none;
  }
  
  .lnavlist, .mnavlist, .rnavlist, .hnavlist {
  position:relative;
  margin:0px;
  padding:0;
  float:left;
  }
  .mnavlist a, .mnavlist a:visited , .lnavlist a, .lnavlist a:visited, .rnavlist a, .rnavlist a:visited, .hnavlist a, .hnavlist a:visited {
  display:block;
  color: #383835;
  text-decoration: none;
  padding-top:0px;
  padding-bottom:0px;
   height:22px;
   line-height:1.8em;
  }
.mnavlist a, .mnavlist a:visited {
  	  background: url(../Images/menu-mid.gif) repeat-x;
	  border-right:1px solid #b7ad86;
	  text-align:center;
  	  width:75px;
	}
.lnavlist a, .lnavlist a:visited, .hnavlist a, .hnavlist a:visited {
  	  background: url(../Images/menu-sides.gif) no-repeat;
  	  width:60px;
	  border-right:1px solid #b7ad86;
  	  text-align:right;
	  padding-right:20px;

}
.hnavlist a, .hnavlist a:visited {
	width:75px;
	padding-right:10px;
}
.rnavlist a, .rnavlist a:visited {
  	  background: url(../Images/menu-sides.gif) no-repeat -202px 0;
	  padding-left:15px;
	  padding-right:0;
  	  width:65px;
      text-align:left;
}
  .mnavlist a:hover, .lnavlist a:hover, .rnavlist a:hover, .hnavlist a:hover{
  color: #ffffff;
  }
  .mnavlist a:hover, .mnavlist #selectedmenu {
  	 background-position: 0 -21px;
	 }
  .lnavlist a:hover, .lnavlist #selectedmenu, .hnavlist a:hover, .hnavlist #selectedmenu {
  	background-position: -94px 0;
	}
	.rnavlist a:hover, .rnavlist #selectedmenu {
  	background-position: -296px 0;
	}
	
	#selectedmenu {
		/*cursor:default;*/
		color:#fff;
	}
  /**************************END MENU STYLES*****************/
  
  /*********************START LEFT INFO BOXES HOME****************************/
  .leftDevelopersContainer
  {
       background:url(../Images/developers.jpg) bottom  no-repeat;
       float:left;
       /*margin-right:20px;*/
       margin-top:250px;
  }
  
  .leftBusinessContainer
  {
      margin-left:10px;
       background:url(../Images/businesses.jpg) bottom  no-repeat;
       float:left;
       margin-top:250px;
  }
  
.leftcol {
  background: url(../Images/leftc.gif) no-repeat -324px bottom;
  margin:12px 0 0px;
  padding-bottom:9px;
  width:324px;
 /* border-bottom:1px solid #b7ad86;*/
  }

.leftcol h2 {
  background:url(../Images/leftc.gif) no-repeat 0px 0px;
  padding:5px 10px 5px 10px;
  margin-bottom:0px;
	font-size:130%;
  	font-weight:bold;
  }
  .leftcol ul{
  padding:0px 5px 3px 10px;
  margin:0px;
  height:275px;
 /* line-height:101%;  sync IE and FF line-height */
  }
  .leftcol ul{
  border-left:1px solid #b7ad86;
  border-right:1px solid #b7ad86;

  }
  .leftcol p{
  	margin-top:0px;
	}
 /*********************END LEFT INFO BOXES HOME****************************/
 
 /*****************START GENERAL*****************/
 
 .arrowlink {
	font-weight:bold;
	margin:0px -5px 2px 0px;
  line-height:1.2em;
  padding-right:18px;
  background:url(../Images/ar.gif) no-repeat 97% 70%;
}
.arrowlink:hover {
	text-decoration:none;
	}
	.style4 {
	text-align: right;
}
.arrowlist li{
	list-style:none;
	margin-bottom:2px;
	padding-left:25px;
	margin-left:-20px;
	background:url(../Images/ar.gif) no-repeat 1% 70%;
	}
.style4 {
	text-align: right;
}
.fright {
	margin: 5px 0 15px;
	width:658px;
	height:10px;
}
.fright a {
	float:right;
	margin-right:30px;
}
.SectionHeader {
	background-color:#b7ad86; 
	width:658px; 
	padding:5px 0 5px 10px;
	color:#fff;
	font-weight:bold;
}
.SectionHeader a {
	color:#FFFFFF;
	margin:0;
	padding:0;
	text-decoration:none;
	font-weight: bold;
}
html* .SectionHeader {
	width:650px;
	}
.SectionHeader span {
	font-size:130%;
}
.HeaderBlack 	
{
	font-size:130%;
  	font-weight:bold;
}
H1 
{
    margin-top:15px;
    font-size:130%;
    font-weight:bold;  
}
.HeaderMedium {
  	font-weight:bold;
}
.MenuB:link {
	color: #AB0F00;
}
.MenuB {
	color: #AB0F00;
}
.tablepadd {
	padding: 10px 5px 10px 5px;
}
.FeatureNew {
	color:#AB0F00;
	font-weight:bold;
}
.intermedrows {
	background-color:#f3f1e9;
	}

/*****************END GENERAL*****************/

 /*********************START RIGHT COLUMN HOME****************************/
.rightcol {
  background:#fff url(../Images/rightcol.gif) no-repeat -204px bottom;
  margin:12px 0 1px;
  padding-bottom:3px;
  width:204px;
  margin-right:10px;
  }

.alt-size {
	width:658px;
	background:none;
	margin:0;
	padding:0;
	border-bottom: 1px solid #b7ad86;
	float:none;
	}

.rightcol h3 {
  background:#b7ad86 url(../Images/rightcol.gif) no-repeat 0px 0px;
  padding:5px 10px 5px;
  color:#fff;
  font-weight:bold;
  font-size:85%;
  line-height:1em;
  margin-bottom:0px;
    margin:0;
  }
  .alt-size h3 {
  	background-image:none;
	}
  .rightcol p, .rightcol ul {
  padding:5px 5px 3px 10px;
  margin:0px;

 /* line-height:101%;  sync IE and FF line-height */
  }
  .rightcol p, .rightcol ul{
  border-left:1px solid #b7ad86;
  border-right:1px solid #b7ad86;
  }
  
  .rightcol ul li ul {
  	border:none;
	padding:0 5px 0 10px;
	}
	
  .rightcol li {
  list-style-type:none;
  display: block;
  padding:0 0 5px;

  }
  .no-rc h3 {

  background-image:none;
  }

.alt-color    { background-color:#f3f1e9; }

.alt-links ul { padding:5px 0 1px 10px; }

.alt-links li, .rightcol ul li ul li  {
  display:block;
  list-style:none;
  margin:4px 0 2px -5px;
  line-height:1em;
  padding-left:25px;
  background:url(../Images/ar.gif) no-repeat 3% 27%;
  }
  .rightcol ul li ul li {
  padding-bottom:3px;
  padding-left:15px;
  margin-left:-9px;
  background:url(../Images/ar.gif) no-repeat 0% 27%;
  }

.alt-links a:link, .alt-links a:visited { font-weight:bold; }

.no-bd a:link, .no-bd a:visited{ font-weight:normal; }

#specialList {
	background-position:3% 7px;
	padding-bottom:2px;
	}
#specialList ul {
	padding-top:5px;
	}
.spacedList li{
	padding-bottom:5px;
	}
#backArrow{
	background-image:url(../Images/arL.gif);
	}
#specialArrow li{
	background-image:url(../Images/arM.gif);
}
#targetArrow{
	background-image:url(../Images/arS.gif);
}

 /*********************END RIGHT COLUMN HOME****************************/

.flashIntro
{
    position:absolute;
    top:0px;
    left:10px;
    float:left;
}

 /*  =========== MODAL POPUP =========== */
 .modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.modalPopup {
	background-color:#ffffdd;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:250px;
}