﻿/* generated by csscreator.com */ 
body{
	margin:0;
	padding:0;
	text-align:center;
	background-image: url(../images/background/body-background.png);
	background-repeat: repeat-x;
	background-color: #2C64AD;
} 
 
html{
	margin:0;
	padding:0;
	text-align:center;
	background-image: url(../images/background/body-background.png);
	background-repeat: repeat-x;
	background-color: #2C64AD;
} 
 
#pagewidth{
	width:986px;
	text-align:left;
	margin-left:auto;
	margin-right:auto;
	background-image: url(../images/background/page-background.png);
	background-repeat: repeat-y;
} 
 
#header{
	position:relative;
	height:160px;
	width:960px;
	background-image: url(../images/background/header-bg.png);
	background-repeat: no-repeat;
	background-position: center;
	padding-right: 13px;
	padding-left: 13px;
	padding-top: 25px;
} 

#logo-phone-container {
	height: 75px;
	width: 950px;
	margin-right: auto;
	margin-left: auto;
}
#logo {
	float: left;
	width: 315px;
	height: 80px;
	margin-top: -10px;
}
#gray-phone {
	background-image: url(../images/background/gray-phone-background.png);
	background-repeat: no-repeat;
	float: right;
	height: 82px;
	width: 320px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #FFFFFF;
	text-decoration: none;
	text-align: center;
	padding-top: 2px;
}

a.grayphone:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #FFFFFF;
	text-decoration: none;
}

a.grayphone {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #FFFFFF;
	text-decoration: none;
}
a.grayphone:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #FFFFFF;
	text-decoration: underline;
}

#orange-phone {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 30px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	background-image: url(../images/background/orange-call-background.png);
	background-repeat: no-repeat;
	height: 44px;
	width: 436px;
	text-align: center;
	display: block;
	text-transform: uppercase;
	padding-top: 8px;
	float: right;
}

#orange-phone2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	text-decoration: none;
	background-image: url(../images/background/orange-call-background.png);
	background-repeat: no-repeat;
	height: 44px;
	width: 436px;
	text-align: center;
	display: block;
	text-transform: uppercase;
	padding-top: 8px;
	float: right;
}
a.orangephone:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
}
a.orangephone {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
}
a.orangephone:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	text-decoration: underline;
}
#main-page-blue-background {
	background-image: url(../images/background/home-page-background.png);
	background-repeat: no-repeat;
	display: block;
	height: 170px;
	width: 963px;
	margin-right: auto;
	margin-left: auto;
	background-position: center top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
	margin-top: -22px;
}
#main-page-blue-container-left {
	display: inline;
	float: left;
	width: 785px;
	padding-left: 10px;
}

#secondary-page-blue-background {
	background-image: url(../images/background/secondary-header-background.png);
	background-repeat: no-repeat;
	display: block;
	height: 80px;
	width: 958px;
	margin-right: auto;
	margin-left: auto;
	background-position: center top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
	padding-left: 10px;
	margin-top: -20px;
}
#server-contianer {
	float: right;
	width: 203px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
	margin-top: 10px;
}
#serverlinks-container {
	display: block;
	width: 203px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #1B75BC;
	text-decoration: none;
	padding-right: 5px;
	float: right;
	margin-top: 5px;
	background-color: #CCCCCC;
	padding-bottom: 5px;
	padding-left: 5px;
}
a.serverlinks:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
	display: block;
	float: left;
	width: 98%;
	font-weight: normal;
	background-color: #FFFFFF;
	padding-left: 5px;
}

a.serverlinks {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
	display: block;
	float: left;
	width: 98%;
	font-weight: normal;
	background-color: #FFFFFF;
	padding-left: 5px;
}

a.serverlinks:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FF0000;
	text-decoration: none;
	display: block;
	float: left;
	font-weight: normal;
	background-color: #FFFFFF;
	width: 98%;
	padding-left: 5px;
}
.servertypes {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #1B75BC;
	text-decoration: none;
	background-color: #F2F2F2;
	display: block;
	width: 380px;
	padding-left: 5px;
	float: left;
	margin: 5px;
	padding-bottom: 5px;
}

.servertypesnew {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	background-color: #CCCCCC;
	display: block;
	width: 600px;
	padding-left: 5px;
	float: left;
	margin: 5px;
	padding-bottom: 5px;
}

.server-container-tables {
	background-color: #FFFFFF;
	display: block;
	float: left;
	width: 370px;
	margin-right: auto;
	margin-left: auto;
	padding-left: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
	padding-bottom: 5px;
	margin-top: 1px;
	margin-bottom: 1px;
}

.server-container-tablesnew {
	background-color: #FFFFFF;
	display: block;
	float: left;
	width: 590px;
	margin-right: auto;
	margin-left: auto;
	padding-left: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
	padding-bottom: 5px;
	margin-top: 1px;
	margin-bottom: 1px;
}

.server-textnew {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
	display: inline;
	float: left;
	padding-left: 95px;
}

.server-textnew1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
	display: inline;
	float: left;
	padding-left: 50px;
}

.server-textnew4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	display: inline;
	float: left;
	margin-left: 30px;
}

.server-textnew5 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
	display: inline;
	float: left;
	padding-left: 50px;
	width: 120px;
}

.server-textnew6 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
	display: inline;
	float: left;
	width: 120px;
	padding-left: 5px;
}

.server-textnew7 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	display: inline;
	float: right;
	width: 310px;
	margin-left: 5px;
	padding-right: 5px;
}

.server-textnew8 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	display: inline;
	float: right;
	width: 130px;
	padding-right: 5px;
}

.server-textnew2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	display: inline;
	float: left;
	margin-left: 90px;
}

.server-textnew3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	display: inline;
	float: right;
	width: 280px;
}

.server-text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
	display: inline;
	float: left;
}

}
.server-text-middle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
	display: inline;
	float: left;
	margin-left: 10px;
}

.server-text-end {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
	display: inline;
	float: right;
	margin-left: 15px;
}

.servertypes2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #1B75BC;
	text-decoration: none;
	background-color: #F2F2F2;
	display: block;
	width: 520px;
	padding-left: 5px;
	float: left;
	margin: 5px;
	padding-bottom: 5px;
}
.server-container-tables2 {
	background-color: #FFFFFF;
	display: block;
	float: left;
	width: 510px;
	margin-right: auto;
	margin-left: auto;
	padding-left: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
	padding-bottom: 5px;
	margin-top: 1px;
	margin-bottom: 1px;
}
.server-text2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
	display: inline;
	float: left;
}

.servertypes3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #1B75BC;
	text-decoration: none;
	background-color: #F2F2F2;
	display: block;
	width: 520px;
	padding-left: 5px;
	float: left;
	margin: 5px;
	padding-bottom: 5px;
}
.server-container-tables3 {
	background-color: #FFFFFF;
	display: block;
	float: left;
	width: 510px;
	margin-right: auto;
	margin-left: auto;
	padding-left: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
	padding-bottom: 5px;
	margin-top: 1px;
	margin-bottom: 1px;
}
.server-text3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
	display: inline;
	float: left;
}

a.getquote:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FF0000;
	text-decoration: none;
	float: right;
	display: inline;
}

a.getquote {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FF0000;
	text-decoration: none;
	float: right;
	display: inline;
}
a.getquote:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FF0000;
	text-decoration: underline;
	float: right;
}


#redbutton {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-decoration: none;
	background-image: url(../images/background/red-call-background.png);
	height: 83px;
	width: 232px;
	margin-top: 8px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 10px;
	padding-left: 10px;
	background-repeat: no-repeat;
	text-align: center;
}
.redbuttontext {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-decoration: none;
	text-align: center;
}
.redbuttonsmalltext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
	text-align: center;
	margin-top: 1px;
	font-weight: bold;
}

img {
	border:0px;
}
 
#leftcol{
	width:269px;
	float:left;
	margin-left: 12px;
  }
 
#maincol{
	float: right;
	display:inline;
	width:681px;
	margin-right: 12px;
	padding-right: 5px;
	padding-left: 5px;
 }
#main-col-container {
	display: inline;
	float: left;
	width: 370px;
}

#main-col-sub {
	display: inline;
	float: left;
	width: 600px;
}

#main-col-sub2 {
	display: inline;
	float: right;
	width: 200px;
}

#main-col-container-form {
	display: inline;
	float: left;
	width: 600px;
}

 
#footer{
	height:268px;
	clear:both;
	background-image: url(../images/background/footer-background.png);
	background-repeat: no-repeat;
	width: 956px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 5px;
	padding-right: 15px;
	padding-left: 15px;
 } 
#footer-address {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: none;
	float: right;
	width: 239px;
	text-align: left;
}
#footer-sitemap {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: none;
	display: inline;
	float: left;
	width: 578px;
	margin-right: 10px;
}
.footer-sitemap-container {
	width: 25%;
	display: inline;
	float: left;
	text-align: left;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
	margin-right: 10px;
	padding-right: 5px;
}

.footer-sitemap-container2 {
	width: 100%;
	float: left;
	text-align: left;
	display: block;
	margin-right: 10px;
}
 
/****text styles begin here****/
.header {
	color:#1B75BC;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:bold;
	text-decoration:none;
}

.h3header {
	color:#1B75BC;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
	margin: 1px;
}

.text {
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:none;
}
.whiteheader {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	margin-bottom: 5px;
	margin-top: auto;
}
.whiteheader2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	margin-bottom: 5px;
	margin-top: auto;
	text-align: left;
}
.whitetext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
}

/****text styles end here******/


/*-----------------navigation styles begin here------------------*/
#navbar{
	height:30px;
	width:960px;
	background-repeat:no-repeat;
	display: block;
	margin-right: auto;
	margin-left: auto;
	float: left;
	padding-top: 35px;
} 

#nav ul {
	float: none;
	list-style: none;
	line-height: 20px;
	color: #212677;
	background-color: transparent;
	font-weight: normal;
	padding: 0;
	margin: 0;
	font-family: "Times New Roman", Times, serif;
	font-size: 10px;
}

#nav {
	float: none;
	list-style: none;
	line-height: 20px;
	color: #212677;
	background-color: transparent;
	font-weight: normal;
	padding: 0;
	margin: 0;
	font-family: "Times New Roman", Times, serif;
	font-size: 10px;
}

#nav ul {
	margin-top:-5px;
}

* html #nav {
	margin-top:-5px;
}
/* -------------------------- */
/* The top main navigation links */
#nav a {
	display: block;
	color: #FFFFFF; /* puts a "bar" on right of the main nav links */
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-image: url(../images/background/line.jpg);
	background-repeat: no-repeat;
	background-position: right center;
	font-weight:bold;
	text-transform: uppercase;
	padding-top: 1px;
	padding-right: 14px;
	padding-bottom: 1px;
	padding-left: 24px;
	
}
/* I'm targeting the last main navigation link to have no "bar" on the right side */
#nav a.last {
	background-image: none;
}
#nav a.three {
	text-align: left;
	font-size: 1em;
}
#nav a.two {
	text-align: left;
	font-size: 1em;
}
#nav a.one {
	text-align: left;
	font-size: 1em;
}
#nav li {
	float: left;
	padding: 0;
}
/* -------------------------- */
/* The dropdown links lists */
#nav li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 170px;
	font-weight: bold;
	border: 1px solid #999;
	background-color: #333333;
	margin: 0;
	background-image: none;
	line-height:20px;
	z-index:100;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	padding-left:10px;
}
#nav li li {
	padding: 0;
	width: 100%; 
	background-image: none;
	z-index:101;
}
#nav li ul a {
	width: 180px;
	* html width: 180px;
	background-image: none;
	z-index:102;
	padding-top: 10px;
	padding-right: 16px;
	padding-bottom: 8px;
	padding-left: 16px;
}
/* This controls the flyout location of the second level dropdowns */
#nav li ul ul {
	margin: -2em 0 0 100px;
	background-image: none;
}
#nav li.sfhover ul ul ul {
	left: -999em;
	background-image: none;
}
#nav li.sfhover ul ul {
	left: -999em;
	background-image: none;
}
#nav li:hover ul ul ul {
	left: -999em;
	background-image: none;
}
#nav li:hover ul ul {
	left: -999em;
	background-image: none;
}
#nav li li li.sfhover ul {
	left: auto;
	background-image: none;
}
#nav li li.sfhover ul {
	left: auto;
	background-image: none;
}
#nav li.sfhover ul {
	left: auto;
	background-image: none;
}
#nav li li li:hover ul {
	left: auto;
	background-image: none;
}
#nav li li:hover ul {
	left: auto;
	background-image: none;
}
#nav li:hover ul {
	left: auto;
	background-image: none;
}
/* -------------------------- */
/* Here is the background of the main nav link while looking at the dropdown */
#nav li.sfhover {
	background-color: #999999;
	background-image: none;
}
#nav li:hover {
	background-color: #999999;
	background-image: none;
}
/* -------------------------- */
/* The dropdown links list colors */
#nav li ul.under a {
	color: #000;
	background-image: none;
}
#nav li ul.under a:hover {
	background: #666666;
	color: #000000;
	background-image: none;
}
/* -------------------------- */
/* The background of the second level links while looking at the dropdown under it... */
#nav li ul.under li.sfhover a.daddy {
	color: #fff;
}
#nav li ul.under li:hover a.daddy {
	color: #fff;
}
#nav li ul.under li.sfhover {
	color: #fff;
	background-color: #f00;
}
#nav li ul.under li:hover {
	color: #fff;
	background-color: #f00;
}
/*-----------------navigation styles ends here------------------*/

/*-----------------side navigation styles begin here------------*/
#side-nav-container {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	background-image: url(../images/background/side-navigation-background.png);
	background-repeat: no-repeat;
	height: 310px;
	width: 247px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	margin-top: 8px;
	padding-top: 6px;
}
a.sun:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
	text-decoration: none;
	background-image: url(../images/background/sidenavigation/sun.png);
	background-repeat: no-repeat;
	text-align: left;
	display: block;
	height: 25px;
	width: 221px;
	padding-left: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #333333;
	margin-right: 25px;
	margin-left: 5px;
	margin-top: 10px;
	background-position: right;
	padding-top: 10px;
}
a.sun {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
	text-decoration: none;
	background-image: url(../images/background/sidenavigation/sun.png);
	background-repeat: no-repeat;
	text-align: left;
	display: block;
	height: 25px;
	width: 221px;
	padding-left: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #333333;
	margin-right: 25px;
	margin-left: 5px;
	margin-top: 10px;
	background-position: right;
	padding-top: 10px;
}
a.sun:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FF0000;
	text-decoration: none;
	background-image: url(../images/background/sidenavigation/sun.png);
	background-repeat: no-repeat;
	text-align: left;
	display: block;
	height: 25px;
	width: 221px;
	padding-left: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #333333;
	margin-right: 25px;
	margin-left: 5px;
	margin-top: 10px;
	background-position: right;
	padding-top: 10px;
	;
}

a.hp:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
	text-decoration: none;
	background-image: url(../images/background/sidenavigation/hp.png);
	background-repeat: no-repeat;
	text-align: left;
	display: block;
	height: 22px;
	width: 221px;
	padding-left: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #333333;
	margin-right: 25px;
	margin-left: 5px;
	background-position: right;
	padding-top: 10px;

}

a.hp {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
	text-decoration: none;
	background-image: url(../images/background/sidenavigation/hp.png);
	background-repeat: no-repeat;
	text-align: left;
	display: block;
	height: 22px;
	width: 221px;
	padding-left: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #333333;
	margin-right: 25px;
	margin-left: 5px;
	background-position: right;
	padding-top: 10px;

}
a.hp:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FF0000;
	text-decoration: none;
	background-image: url(../images/background/sidenavigation/hp.png);
	background-repeat: no-repeat;
	text-align: left;
	display: block;
	height: 22px;
	width: 221px;
	padding-left: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #333333;
	margin-right: 25px;
	margin-left: 5px;
	background-position: right;
	padding-top: 10px;

}

a.dell:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
	text-decoration: none;
	background-image: url(../images/background/sidenavigation/dell1.png);
	background-repeat: no-repeat;
	text-align: left;
	display: block;
	height: 22px;
	width: 221px;
	padding-left: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #333333;
	margin-right: 25px;
	margin-left: 5px;
	background-position: right;
	padding-top: 10px;

}

a.dell {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
	text-decoration: none;
	background-image: url(../images/background/sidenavigation/dell1.png);
	background-repeat: no-repeat;
	text-align: left;
	display: block;
	height: 22px;
	width: 221px;
	padding-left: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #333333;
	margin-right: 25px;
	margin-left: 5px;
	background-position: right;
	padding-top: 10px;

}

a.dell:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FF0000;
	text-decoration: none;
	background-image: url(../images/background/sidenavigation/dell1.png);
	background-repeat: no-repeat;
	text-align: left;
	display: block;
	height: 22px;
	width: 221px;
	padding-left: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #333333;
	margin-right: 25px;
	margin-left: 5px;
	background-position: right;
	padding-top: 10px;

}



a.compaq:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
	text-decoration: none;
	background-image: url(../images/background/sidenavigation/compaq.png);
	background-repeat: no-repeat;
	text-align: left;
	display: block;
	height: 22px;
	width: 221px;
	padding-left: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #333333;
	margin-right: 25px;
	margin-left: 5px;
	background-position: right;
	padding-top: 10px;

}

a.compaq {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
	text-decoration: none;
	background-image: url(../images/background/sidenavigation/compaq.png);
	background-repeat: no-repeat;
	text-align: left;
	display: block;
	height: 22px;
	width: 221px;
	padding-left: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #333333;
	margin-right: 25px;
	margin-left: 5px;
	background-position: right;
	padding-top: 10px;

}
a.compaq:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FF0000;
	text-decoration: none;
	background-image: url(../images/background/sidenavigation/compaq.png);
	background-repeat: no-repeat;
	text-align: left;
	display: block;
	height: 22px;
	width: 221px;
	padding-left: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #333333;
	margin-right: 25px;
	margin-left: 5px;
	background-position: right;
	padding-top: 10px;

}

a.cisco:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
	text-decoration: none;
	background-image: url(../images/background/sidenavigation/cisco.png);
	background-repeat: no-repeat;
	text-align: left;
	display: block;
	height: 23px;
	width: 221px;
	padding-left: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #333333;
	margin-right: 25px;
	margin-left: 5px;
	background-position: right;
	padding-top: 10px;

}

a.cisco {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
	text-decoration: none;
	background-image: url(../images/background/sidenavigation/cisco.png);
	background-repeat: no-repeat;
	text-align: left;
	display: block;
	height: 23px;
	width: 221px;
	padding-left: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #333333;
	margin-right: 25px;
	margin-left: 5px;
	background-position: right;
	padding-top: 10px;

}
a.cisco:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FF0000;
	text-decoration: none;
	background-image: url(../images/background/sidenavigation/cisco.png);
	background-repeat: no-repeat;
	text-align: left;
	display: block;
	height: 23px;
	width: 221px;
	padding-left: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #333333;
	margin-right: 25px;
	margin-left: 5px;
	background-position: right;
	padding-top: 10px;

}

a.facebook:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
	text-decoration: none;
	background-image: url(../images/background/sidenavigation/fb.png);
	background-repeat: no-repeat;
	text-align: left;
	display: block;
	height: 22px;
	width: 221px;
	padding-left: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #333333;
	margin-right: 25px;
	margin-left: 5px;
	background-position: right;
	padding-top: 10px;

}

a.facebook {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
	text-decoration: none;
	background-image: url(../images/background/sidenavigation/fb.png);
	background-repeat: no-repeat;
	text-align: left;
	display: block;
	height: 22px;
	width: 221px;
	padding-left: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #333333;
	margin-right: 25px;
	margin-left: 5px;
	background-position: right;
	padding-top: 10px;

}

a.facebook:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FF0000;
	text-decoration: none;
	background-image: url(../images/background/sidenavigation/fb.png);
	background-repeat: no-repeat;
	text-align: left;
	display: block;
	height: 22px;
	width: 221px;
	padding-left: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #333333;
	margin-right: 25px;
	margin-left: 5px;
	background-position: right;
	padding-top: 10px;

}

a.sidelink:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
	text-decoration: none;
	text-align: left;
	display: block;
	height: 22px;
	width: 221px;
	padding-left: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #333333;
	margin-right: 25px;
	margin-left: 5px;
	padding-top: 10px;

}

a.sidelink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
	text-decoration: none;
	text-align: left;
	display: block;
	height: 22px;
	width: 221px;
	padding-left: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #333333;
	margin-right: 25px;
	margin-left: 5px;
	padding-top: 10px;

}
a.sidelink:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FF0000;
	text-decoration: none;
	text-align: left;
	display: block;
	height: 22px;
	width: 221px;
	padding-left: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #333333;
	margin-right: 25px;
	margin-left: 5px;
	padding-top: 10px;

}

a.ftlink:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: none;
}

a.ftlink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: none;
}
a.ftlink:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: underline;
}

a.headerlink:visited {
	color:#1B75BC;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:bold;
	text-decoration:none;
}

a.headerlink {
	color:#1B75BC;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:bold;
	text-decoration:none;
}

a.headerlink:hover{
	color:red;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:bold;
	text-decoration:none;
}

a.whiteheaderlink:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	margin-bottom: 1px;
}

a.whiteheaderlink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	margin-bottom: 1px;
}

a.whiteheaderlink:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: underline;
	margin-bottom: 1px;
}

a.whitetextlink:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
}

a.whitetextlink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
}
a.whitetextlink:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: underline;
}
a.textlink:visited {
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:none;
	font-weight:bold;
}
a.textlink {
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:none;
	font-weight:bold;
}
a.textlink:hover {
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:underline;
	font-weight:bold;
}
a.h3headerlink:visited {
	color:#1B75BC;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
	margin: 1px;
}
a.h3headerlink {
	color:#1B75BC;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
	margin: 1px;
}
a.h3headerlink:hover {
	color:#1B75BC;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	text-decoration:underline;
	margin: 1px;
}
/*-----------------side navigation styles end here--------------*/


/*-----------------box styles begin here------------------------*/
.graybox {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	width: 239px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 8px;
	background-color: #F2F2F2;
	padding-top: 5px;
	padding-right: 4px;
	padding-left: 4px;
	padding-bottom: 5px;
}

.whitebox {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	width: 239px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 8px;
	background-color: #FFFFFF;
	padding-top: 5px;
	padding-right: 4px;
	padding-left: 4px;
	padding-bottom: 5px;
}
/*-----------------box styles end here--------------------------*/

/*------------------form styles begin here-------------------------*/
#form2 {
	float:right;
	width:500px;
	height:250px;
	background-image:url(../images/background/form-background1.png);
	background-repeat:no-repeat;
	background-position:left;
	margin-right: 10px;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	text-align: center;
	font-size: 18px;
}
.form-text {
font-family: Arial, Helvetica, sans-serif;
font-size: 21px;
line-height: 20px;
text-transform: uppercase;
text-decoration: none;
margin-right: auto;
margin-bottom: 3px;
margin-left: auto;
margin-top: 15px;
display: block;
font-weight: bold;
}


label{
	float: left;
	width: 170px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: right;
	margin-left: 5px;
	display: inline;
	margin-right: 10px;
}
.form-elements {
display: block;
width: 100%;
float: left;
}

#el02 {
	width: 165px;
	margin-bottom: 5px;
	margin-left: 5px;
	float: left;
	margin-right: 20px;
}
#el03 {
	width: 168px;
	margin-bottom: 5px;
	margin-left: 5px;
	float: left;
	margin-right: 20px;
}

#el09 {
	width: 250px;
	height: 150px;
	float: left;
}

#submitbutton2{
width: 187px;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #212677;
background-image: url(../images/background/submit-button.gif);
background-repeat: repeat-x;
font-weight: bold;
height: 27px;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
float: left;
margin-left: 85px;
}

#submitbutton3{
width: 147px;
font-family: Arial, Helvetica, sans-serif;
font-size: 15px;
color: #212677;
font-weight: bold;
height: 27px;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
float: left;
margin-left: 115px;
background: url(../images/background/submit-button1.gif) no-repeat;
}

#submitbutton4{
width: 187px;
font-family: Arial, Helvetica, sans-serif;
font-size: 8px;
color: #212677;
background-image: url(../images/background/submit-button.gif);
background-repeat: repeat-x;
font-weight: bold;
height: 27px;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
float: left;
margin-left: 85px;
}

/*------------------form style ends here---------------------------*/


/*----------------IE 6 png fix begins here---------------------*/
/*
  USAGE:
  Copy and paste this one line into your site's CSS stylesheet.
  Add comma-separated CSS selectors / element names that have transparent PNGs.
  Remember that the path is RELATIVE TO THIS HTML FILE, not the CSS file.
  See below for another method of activating the script without adding CSS here.
 */

 input { behavior: url("iepngfix.htc") }


 div { behavior: url("iepngfix.htc") }


 img { behavior: url("iepngfix.htc") }


 /*
  Here's an example you might use in practice:
  img, div.menu, .pngfix, input { behavior: url("/css/iepngfix.htc") }
 */

/*-----------------IE 6 png fix ends here-----------------------*/
/* The specific style rules used to suggest rendering */
/* for the CSS table design example, starts here */

DIV.base-layer {
  background: none #cc9966; border: solid #333333 1px; color: #000000;
  margin: 0.5em 12px 0.5em 12px; padding: 0; text-align: center; width: auto;
}

DIV.table-row {
  background: none #ffffcc; border: solid #000000 1px; color: #000000;
  margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto;
  padding: 0; text-align: center; width: 96%;
}

/* Style rules for the 3 x 2 table example */

DIV.left-container2 {
  border: none; float: left; margin: 0; padding: 0; width: 50%;
}

DIV.right-container2 {
  border: none; float: right; margin: 0; padding: 0; width: 50%;
}

/* Rules in detail that is used to suggest rendering for the */
/* Nobel price winner table example. I still use some of the */
/* generic rules as found above and below, but still..       */

DIV.left-container13 {
  border: none; float: left; margin: 0; padding: 0; width: 20%;
}

DIV.left-container23 {
  border: none; float: left; margin: 0; padding: 0; width: 35%;
}

DIV.right-container13 {
  border: none; float: right; margin: 0; padding: 0; width: 45%;
}

/* Rules in detail that is used to suggest rendering for the  10 by 5 int. */
/* product table example. I still use some of the generic rules as found   */
/* above and below, but still..                                            */

DIV.left-layer11 {
  border: none; float: left; margin: 0; padding: 0; width: 9%;
}

DIV.right-layer11 {
  border: none; float: right; margin: 0; padding: 0; width: 10%;
}

/* Watch out for this DIV... rule, it appears every now and then */

DIV.space-line {
  clear: both; margin: 0; padding: 0; width: auto;
}

 
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


 
 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 
#maincol{
	width:960px;
	float:none;
	background-image: url(../images/background/main-top-background.png);
	background-repeat: no-repeat;
	margin-right: auto;
	margin-left: auto;
}
#twocols{
	width:960px;
	float:none;
	background-image: url(../images/background/main-top-background.png);
	background-repeat: no-repeat;
	margin-right: auto;
	margin-left: auto;
}
}

.asterisk {color: #FF0000}

.holder-text {
	width: 350px;
	padding-top: 30px;
	float: left;
}

/* Custom hyperlinks */
A.pglnk:link {
	text-decoration: inherit;
	color: #0f75bc;
	font-family: arial;
	font-size: 12px;
}
A.pglnk:visited {
	text-decoration : none;
	color: #0f75bc;
	font-family: arial;
	font-size: 12px;
}
A.pglnk:hover {
	text-decoration: underline;
	color: #ec8d00;
	font-family: arial;
	font-size: 12px;
}
A.pglnk:active {
	text-decoration: none;
	color: #ec8d00;
	font-family: arial;
	font-size: 12px;
}

