/*/////////////////////////////////////////////////////////////////////// Setup */
* {
	font-family: arial;
}
html 
{
    height: 100%;
}
body {
	width: 100%;
	height: 100%;
	background-image: url(../images/background.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	/*background-attachment: fixed;*/
	background-color: #000000;
	text-align: center;
}
#divContainer {
	width: 100%;
    height:100%;
}

/*/////////////////////////////////////////////////////////////////////// Navigation Styles */
#ulNav {
    float: right;		
	margin: 0; padding: 0;
	margin-top: 70px;
	border: 0px;
	position: relative;
	z-index: 2;
}
#ulNav li {
	list-style: none;
	position: relative;
	float: left;
	text-align: left;
}
#ulNav li a {
	float: left;		
}	
#aHome:link, #aHome:visited {background-image: url(../images/home1.png); background-repeat: no-repeat;}
#aHome:hover, #aHome:active {background-image: url(../images/home2.png); background-repeat: no-repeat;}
#imgHome{width: 79px; height: 20px;}

#aAbout:link, #aAbout:visited {background-image: url(../images/about1.png); background-repeat: no-repeat;}
#aAbout:hover, #aAbout:active {background-image: url(../images/about2.png); background-repeat: no-repeat;}
#imgAbout{width: 97px; height: 20px;}

#aPortfolio:link, #aPortfolio:visited {background-image: url(../images/portfolio1.png); background-repeat: no-repeat;}
#aPortfolio:hover, #aPortfolio:active {background-image: url(../images/portfolio2.png); background-repeat: no-repeat;}
#imgPortfolio{width: 133px; height: 20px;}

#aServices:link, #aServices:visited {background-image: url(../images/services1.png); background-repeat: no-repeat;}
#aServices:hover, #aServices:active {background-image: url(../images/services2.png); background-repeat: no-repeat;}
#imgServices{width: 128px; height: 20px;}

#aResources:link, #aResources:visited {background-image: url(../images/resources1.png); background-repeat: no-repeat;}
#aResources:hover, #aResources:active {background-image: url(../images/resources2.png); background-repeat: no-repeat;}
#imgResources{width: 153px; height: 20px;}

#aContact:link, #aContact:visited {background-image: url(../images/contact1.png); background-repeat: no-repeat;}
#aContact:hover, #aContact:active {background-image: url(../images/contact2.png); background-repeat: no-repeat;}
#imgContact{width: 98px; height: 20px;}

#ulNav img {
	border: 0px;
}
/* Sub menu */
.hasChildren {
	position: absolute;
	width: 5px; height: 5px;
	background: black;
	right : 0;
	bottom: 0;
}
#ulNav li ul {
	display: none;
	position: absolute;
	left: 0;
	top: 100%;
	padding: 0; margin: 0;		
	padding-top: 12px;
	padding-bottom: 12px;
	background-color: #ffffff;
	border: 2px solid #768491;
	/* Adds Rounded Corners */
	-moz-border-radius: 12px; /* Firefox */
	-webkit-border-radius: 12px; /* Safari & Chrome */
	-khtml-border-radius: 12px; /* Linux Browsers */
	border-radius: 12px; /* CSS3 Standard */	
	/* Adds Drop-Shadow */
	-moz-box-shadow: 0px -1px 4px #000; /* Firefox */
	-webkit-box-shadow: 0px -1px 4px #000; /* Safari & Chrome */
	box-shadow: 0px -1px 4px #000; /*CSS3 Standard */				
}
#ulNav li:hover > ul {		
	display: block;		
}
#ulNav li ul li {
	float: none;
	_display: inline; /* for IE6 */
}
#ulNav li ul li a {
	float: none;
	width: 150px;
	display: block;
	font-family: arial;
	font-size: 12px;		
	font-weight: bold;
	color: #768491;
	padding: 5px;
	text-decoration: none;
}
#ulNav li ul li a:hover {
	color: #ffffff;
	background-color: #b6bfc7;
}
/* SUB SUB Menu */
#ulNav li ul li ul {
	display: none;
}
#ulNav li ul li:hover ul {
	left: 95%;
	top: 0;
	z-index: 3;
} 
.ieDDTopFix, .ieDDBtmFix {
	display: none;
}
/*/////////////////////////////////////////////////////////////////////// Content Styles */
header {
	width: 990px;
	height: 114px;	
	margin: auto;
}
#imgLogo {
	float: left;
}
#divMain, .divMain {
	background-image: url(../images/white-bkg.png);
	background-repeat: repeat-y;
	background-position: top center;
	width: 980px;
	margin: auto;
	text-align: left;
	min-height:100%;
    height:auto !important;
    height:100%;
    position: relative;
}
.h1Reg 
{
    text-align: left;
    font-size: 20px;
    font-weight: bold;
    padding: 20px;
    padding-bottom: 5px;
    color: #1b324f;
}
.h2Reg 
{
    text-align: left;
    font-size: 16px;
    font-weight: bold;
    padding: 20px;
    padding-top: 0px;
    padding-bottom: 5px;
    color: #1b324f;
}
.pReg 
{
    font-size: 12px;
    color: #444444;
    text-align: justify;
    margin-left: 20px;
    margin-right: 20px;
    margin-top: 0px;
    margin-bottom: 12px;
}
.ulReg 
{
    margin-bottom: 12px;
}
.ulReg li 
{
    margin-left: 15px;
    padding-left: 0px;
}
#imgContactDS, #imgServicePackages
{
    border: 0px;
    margin-bottom: 10px;
}
#divStarterPackage
{
    background-image: url(../images/starter-package.png);
    background-repeat: no-repeat;
    background-position: 680px 0px;
    width: 287px;
    height: 165px;
    padding-left: 710px;
    margin-bottom: 10px;
}
#divAdvancedPackage
{
    background-image: url(../images/advanced-package.png);
    background-repeat: no-repeat;
    background-position: 680px 0px;
    width: 287px;
    height: 250px;
    padding-left: 710px;
    margin-bottom: 10px;
}
#divStarterPackage ul, #divAdvancedPackage ul 
{
    margin: 0px;
    padding: 0px;   
    padding-top: 50px;
}
#divStarterPackage li, #divStarterPackage li a:link, #divStarterPackage li a:visited, #divAdvancedPackage li, #divAdvancedPackage li a:link, #divAdvancedPackage li a:visited 
{
    font-size: 12px;
    color: #000000;
    text-decoration: none; 
}
#divStarterPackage li a:hover, #divAdvancedPackage li a:hover 
{
    text-decoration: underline;
}

#divBottom{
	width: 980px;
	margin: auto;
	text-align: left;
	padding-top: 10px;
}
.imgAnchor {
	width: 100%;
	height: 1px;
}
#btmAnchor {
	margin-bottom: 37px; /* ensures that nothing gets hidden by the footer */
}
footer {
	height: 42px;
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	text-align: left;
}
#divFooterContents {
	background-image: url(../images/footer.png);
	background-repeat: no-repeat;
	width: 990px;
	height: 42px;
	margin: auto;
	left: 0;
}
#divFooterL 
{
    padding-top: 13px;
    padding-left: 25px;
    float: left;
}
#divGoogleSearch 
{
    float: left;
    border: 0px solid #ffffff;
    margin-right: 10px;
}
#divFooterL p 
{
    color: #768491;
    font-size: 11px;
    float: left;
    padding-top: 5px;
}
#divFooterL iframe /*Facebook "Like"/"Recommend" Button */
{
    width: 100px;
    height: 21px;
    overflow: hidden;
    float: left;
    margin-left: 10px;
    border: 0px solid #ffffff;
}
#divFooterR 
{
    padding-top: 13px;
    padding-right: 25px;
    float: right;
}
#divFooterR p 
{
    color: #ffffff;
    font-size: 11px;
    float: left;
    padding-top: 5px;
}
#divFooterR img 
{
    margin-left: 5px;
    float: left;
}
#cse-search-results 
{
    margin: auto;
    text-align: center;
    margin-bottom: 20px;
}
/*//////////////////////////////////////////////////////////////////////// Bells & Whistles */
::selection {
        background: #1f4a74; /* Safari Highlight Color */
}
::-moz-selection {
        background: #1f4a74; /* Firefox Highlight Color */
}
/*///////////////////////////////////////////////////////////////////////// Adjustments */
@media screen {
	footer{
		position: fixed;
		z-index: 3000000; /* Necessary only to cover "share-this" buttons */
	}		
}
