@charset "UTF-8";


/* 
Structure and Layout Styles 
*/
body {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 1em;
	margin: 0px; }
	
body#Seed { 
	margin: 0;
	padding: 0;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 1em;
	background: #606060 url(../images/seed_back.png) repeat-x;}
	
Body#Home {
	background: #606060  url(../images/home_body_back.png) repeat-x;
	margin: 0px;}
	
Body#Sub {
	background: #606060;
	margin: 0px;}
	
#HomeContainer {
	width: 960px;
	height: 552px;
	margin-right: auto;
	margin-left: auto; 
	padding: 0}

#SubContainerWrapper {
	background: url(../images/sub_back.png) repeat-x}

#SubContainer { 
	width:920px;
	margin-left: auto;
	margin-right: auto;
	padding: 0 20px 0 20px;}
		
#SubContainer #Top {
	height: 87px;
	background:url(../images/sub_logo.png) no-repeat left top;
	text-align: right;
/*	margin:0 20px 0 20px*/}

#HomeContainer #Top {
	background-image: url(../images/home_logo.png);
	background-repeat: no-repeat;
	height: 87px;
	margin: 0 ;
	text-align: right;
	padding: 0 20px 0 20px}
	
.ContentAreaCol {
	float: left;
	width:309px;
	margin:0 25px 0 0}
	
.ContentAreaNoCol {
	width:630px;
	margin:0}
	
.ContentAreaColLft {
	float: left;
	width:437px;
	margin:0 26px 0 0}

.ContentAreaColRt {
	float: left;
	width:437px;
	margin:0 0 0 0}
	
#BottomWrapper {
	background-color: #606060}

#FooterWrapper {
	background-color: #606060;
	margin-left: auto;
	margin-right: auto;
	padding: 0 20px 0 20px;}

#Footer {
	height: 100%;
	width: 100%;
	text-align: center;
	width:920px;
	margin-left: auto;
	margin-right: auto}

.HomeLink {
	display:block;
	float:left;
	width: 160px;
	height: 60px;}

.Clear {
	clear: both}
	
.ClearTall {
	clear: both;
	height: 12px}



/* 
Main  Navigation Styles 
*/
#MainNav {
	padding: 0 0 0 0;
	margin: 0;
	float: right}

#MainNav li {
	float: left;
	list-style:none;
	text-align: left; }

li.sep_lines {
	width: 2px; }

#MainNav li a,
#MainNav li span{
	font-size: .78em;
	display: block;
	height: 64px;
	padding: 13px 0 0 16px;
	color: #32739b }

p.top_nav_subtext {
	font-size: .75em;
	line-height: 1.4em;
	color: #9d9d9d;
	margin: 0;
	padding: 3px 0 0 0}

#MainNav li a:hover {
color: #0d3f64; }

#MainNav li a#AboutFedCloud:link,
#MainNav li a#AboutFedCloud:visited {
	text-decoration: none;
	width:120px; }
#MainNav li a#AboutFedCloud:hover {
	text-decoration: none;
	background: url(../images/top_nav_hover_back.png) repeat-x; }
#MainNav li .AboutFedCloudOn {
	color: #0d3f64;
	background: url(../images/top_nav_hover_back.png) repeat-x;
	width:120px;}

#MainNav li a#GettingStarted:link,
#MainNav li a#GettingStarted:visited {
	text-decoration: none;
	width:111px; }
#MainNav li a#GettingStarted:hover {
	text-decoration: none;
	background: url(../images/top_nav_hover_back.png) repeat-x; }
#MainNav li .GettingStartedOn {
	color: #0d3f64;
	background: url(../images/top_nav_hover_back.png) repeat-x;
	width: 111px}
	
#MainNav li a#CloudUses:link,
#MainNav li a#CloudUses:visited {
	text-decoration: none;
	width:100px;}
#MainNav li a#CloudUses:hover {
	text-decoration: none;
	background: url(../images/top_nav_hover_back.png) repeat-x; }
#MainNav li .CloudUsesOn {
	color: #0d3f64;
	background: url(../images/top_nav_hover_back.png) repeat-x;
	width:100px}
	
#MainNav li a#Agreements:link,
#MainNav li a#Agreements:visited {
	text-decoration: none;
	width:103px;}
#MainNav li a#Agreements:hover {
	text-decoration: none;
	background: url(../images/top_nav_hover_back.png) repeat-x; }
#MainNav li .AgreementsOn {
	color: #0d3f64;
	background: url(../images/top_nav_hover_back.png) repeat-x;
	width:103px}
	
#MainNav li a#Support:link,
#MainNav li a#Support:visited {
	text-decoration: none;
	width:64px;}
#MainNav li a#Support:hover {
	text-decoration: none;
	background: url(../images/top_nav_hover_back.png) repeat-x; }
#MainNav li .SupportOn {
	color: #0d3f64;
	background: url(../images/top_nav_hover_back.png) repeat-x;
	width:64px}



/* 
Content Area Elements Styles 
*/
.CalloutBlue {
	background: #bfdef4;
	padding: 22px;}



/* 
Table Cell Styles, used in
User Login on the Home Page
*/
.Label {
	font-size: .7em;
	color: #fff;
	text-align: right;
	height: 29px}

.TextField {
	height: 11px;
	width: 165px;
	font-size: .65em; 
	margin: 0 0 0 3px}
	
#SubFeature {
	height: 183px;
	background: url(../images/footer_cloud.png) no-repeat;
	background-position:bottom right;
	padding: 12px 0 0 0}
	
#Feature1 {
	float: left;
	width: 303px;
	margin:0 10px 0 15px}

#Feature2 {
	float: left;
	width: 304px;
	margin: 0 10px 0 0}

#Feature3 {
	float: left;
	width: 303px; }
	
	
/* 
This is where you change
the sub level page photos 
*/
#SubPhoto {
	height:235px;
	width: 276px;
	position: absolute;
	top: 100px;
	z-index: 10;
	display: block }

.SubPhotoServices {
	background: url(../images/sub_photo_services.png) no-repeat; }
.SubPhotoTop10Reasons {
	background: url(../images/sub_photo_services.png) no-repeat; }
.SubPhotoUserExperienceVideo {
	background: url(../images/sub_photo_services.png) no-repeat; }
.SubPhotoLoginInfo {
	background: url(../images/sub_photo_services.png) no-repeat; }
.SubPhotoContact {
	background: url(../images/sub_photo_services.png) no-repeat; }
.SubPhotoHowToProcure {
	background: url(../images/sub_photo_getting_started.png) no-repeat; }
.SubPhotoElasticCloud {
	background: url(../images/sub_photo_sla.png) no-repeat; }
.SubPhotoSimpleStorage {
	background: url(../images/sub_photo_sla.png) no-repeat; }
.SubPhotoTermsConditions {
	background: url(../images/sub_photo_sla.png) no-repeat; }
.SubPhotoSupport {
	background: url(../images/sub_photo_support.png) no-repeat; }
.SubPhotoCloudUses {
	background: url(../images/sub_photo_cloud_uses.png) no-repeat; }
.SubPhotoSurgeScenarios {
	background: url(../images/sub_photo_services.png) no-repeat; }
.SubPhotoDisasterRecovery {
	background: url(../images/sub_photo_services.png) no-repeat; }
.SubPhotoEncryptedStorage {
	background: url(../images/sub_photo_services.png) no-repeat; }
.SubPhotoDevelopmentEnvironments {
	background: url(../images/sub_photo_services.png) no-repeat; }
.SubPhotoTestEnvironments {
	background: url(../images/sub_photo_services.png) no-repeat; }
.SubPhotoFlexibleWebHosting {
	background: url(../images/sub_photo_services.png) no-repeat; }
.SubPhotoShortDurationProjects {
	background: url(../images/sub_photo_services.png) no-repeat; }


/* 
These are all Home Page Elements like:
User Login, Main Feature
*/
#UserLoginTbl {
	color: #FFF;
	margin-left: 667px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px; }

#MainFeature {
	background-image: url(../images/home_mainfeature.png);
	background-repeat: no-repeat;
	height: 270px; }
	
#MainFeature2 {
	background-image: url(../images/home_mainfeature2.png);
	background-repeat: no-repeat;
	height: 270px; }



/* 
Sub Navigation Styles 
*/
#SubNav,
#LeftNav {
	float: left;
	width: 258px;
	text-align: right;
	 background: url(../images/sub_nav_background.png) no-repeat  right;
	 height: 480px}
	
#MainContent {
	float: right;
	width: 644px;}
	
#SeedSubNav {
	height: 41px;
	text-align: right;
	background-image: url(../images/sub_header_seed_photo2.png);
	background-repeat: no-repeat; }
	
#SubNavText {
	height: 44px;	
	width:258px;
	margin:0 0 0 0;
	padding: 150px 0 0 0}

#SubNavText ul {
	list-style:none;
	margin: 0;
	padding:0}
	
#SubNavText ul li {
	text-align: right;
	padding: 0 0 0 0;
	font-size: .75em;
	color: #0f71ad;
/*	line-height: 1.4em */}
	
#SubNavText li a {
	text-decoration: none;
	color:#0f71ad;
	display: block;
	padding: 6px 17px 6px 0;}
	
#SubNavText li a:hover {
	text-decoration: none;
	color: #0d3f64;
	background: #fff}
	
.SubNavLinkOn {
	color: #0d3f64;
	display: block;
	padding: 6px 17px 6px 0;
	background: #fff}
	


/* 
Text Styles 
*/
#SubHeader {
	height: 107px }
	
#SeedSubHeader {
	height: 190px }
	
#ServicesSubHeader {
	height: 190px }
	
.ContentHdr {
	display: block;
	margin:0 0 8px 0}

h1 {
	font-size: .8em;
	color:#0f70ac;
	font-weight:normal;
	text-transform:uppercase;
	margin:0 0 4px 0}
	
h2 {
	font-size: .9em;
	color:#025a91;
	font-weight:normal;
	margin:15px 0 4px 0}

h4 {
	color:#025a91;
	font-weight: normal;
	font-size: .8em;
	margin: 0;
	padding: 0}

p {
	font-size:.7em;
	color:#6f6f6f;
	margin: 0 0 12px 0;
	line-height: 1.8em}
	
table tr td p {
	font-size:.7em;
	color:#6f6f6f;
	margin: 7px;
	line-height: 1.8em}
	
p b,
li b{
	color:#232323;
	font-weight: bold; }

.ContentAreaCol p b {
	color: #000;
	font-weight:normal;
	font-size:1.2em}

.EffectiveDate {
	color:#000;
	text-transform:uppercase;
	font-size: .6em;
	margin-bottom: 9px;
	display: block}

.Link {
	font-size: .6em;
	color: #d5a00f;
	margin: 0 0 0 28px; }
	
a.WebLink:link,
a.WebLink:visited {
	color: #c79316;
	text-decoration: none}
a.WebLink:hover {
	color: #a97907;
	text-decoration: none;
	background: #f1f1f1}


/*
These are bullets for the content
*/
.ContentAreaCol ul,
.ContentAreaColLft ul,
.ContentAreaNoCol ul {
	margin: 0 0 10px 0;
	padding-left: 19px}

.ContentAreaColLft ul li,
.ContentAreaCol ul li,
.ContentAreaNoCol ul li {
	font-size:.7em;
	color:#6f6f6f; }
	
.ContentAreaCol ol,
.ContentAreaColLft ol,
.ContentAreaNoCol ol {
	margin: 0 0 10px 0;
	padding-left: 19px}

.ContentAreaColLft ol li,
.ContentAreaCol ol li,
.ContentAreaNoCol ol li {
	font-size:.7em;
	color:#6f6f6f;
	line-height: 2.5em}



/*
Footer Styles
*/
ul.FooterNav {
	padding: 17px 0 25px 0;
	margin: 0 20px 0 0;
	display: block;
	width: 168px;
	float: left}

.FooterNav li {
	list-style:none;
	font-size: .55em;
	text-align: left}
	
.FooterNav li a {
	text-decoration: none;
	color: #bababa}
.FooterNav li a:hover {
	color:#dddddd;
	text-decoration: none;}
	
.FooterNav li span.NavOn {
	color:#dddddd;
	text-decoration: none;}
	
li.FtrHdr {
	color: #373737;
	padding-bottom: 6px;
	text-shadow:0 1px 0 #858585}
	
#LogoApptis {
	background: url(../images/footer_logo_apptis.png) no-repeat;
	width: 51px;
	height: 50;
	float: left}

#LogoAmazon {
	background: url(../images/footer_logo_amazon.png) no-repeat;
	width: 127px;
	height: 50;
	float: left }

/* CSS Document */