@import url("zero-out.css");

/* Default styles.css */

/* @group Main */

body {
	font: 12px/1.4em "Trebuchet MS", Helvetica;
	color: #46545a;
	background: #3c88de url(../images/body-bg.png) repeat-x top;
}

a:link, a:visited {
	color: #004d7e;
}

a:hover {
	color: #0095e0;
}

#container {
	width: 850px;
	padding: 0px 5px 35px;
	margin: 0px auto;
	background: #ffffff url(../images/container-bg.png) repeat-y;
}

/* @end */

/* @group Header */

#header {
	background: url(../images/header-bg.jpg) no-repeat top;
	position: relative;
	height: 95px;
}

#cloud-left, #cloud-right {
	position: absolute;
	width: 150px;
	height: 500px;
	text-indent: -9999px;
}

#cloud-left {
	background: url(../images/cloud-left.jpg);
	left: -150px;
}

#cloud-right {
	background: url(../images/cloud-right.jpg);
	right: -150px;
}

h1#logo {
	position: absolute;
	top: 15px;
	left: 20px;
	width: 210px;
	height: 48px;
	background: url(../images/logo.png) no-repeat;
	text-indent: -9999px;
}

/* @end */

/* @group Navigation */

/* @group SubNavigation */

h3#sub-nav-header {
	color: #0095e0;
	background: url(../images/subnav-header-bg.png) repeat-x;
	text-transform: uppercase;
	padding: 7px 14px;
	font-size: 12px;
}

ul#sub-navigation {
	margin-left: 10px;
}

ul#sub-navigation li {
	padding: 6px 0px;

}

ul#sub-navigation li a {
	text-decoration: none;
	padding: 0px 13px;
	background: url(../images/bullet-arrow.gif) no-repeat center left;
}

ul#sub-navigation li a.active,
ul#sub-navigation li ul li a.active {
	color: #0095e0;
} 

ul#sub-navigation li ul li a{
	background: none;
}


/* @end */

ul#navigation {
	background: url(../images/nav-bg.png) repeat-x;
	padding: 0px 0px 0px 290px;
	height: 39px;
	padding-top: 1px;
}

ul#navigation li {
	display: inline;
}

ul#navigation li a:link, ul#navigation li a:visited {
	float: left;
	padding: 10px;
	color: #ffffff;
	text-decoration: none;
	border-left: 1px solid #00315d;
	font-size: 14px;
}

ul#navigation li a.active, ul#navigation li a:hover {
	background: url(../images/nav-active-background.png) repeat-x;
}

ul#breadcrumbs {
	padding: 8px 14px;
	background: url(../images/breadcrumb-bg.png) repeat-x;
}

ul#breadcrumbs li {
	display: inline;
}

ul#breadcrumbs li a {
	padding-right: 18px;
	margin-right: 5px;
	background: url(../images/bullet-arrow.gif) no-repeat center right;
}

ul#navigation li.last a {
	border-right: 1px solid #00315d;
}

/* @end */

/* @group Content */

#main-content h2 {
	color: #0095e0;
	font-size: 16px;
	text-transform: uppercase;
}

#main-body {
	background: url(../images/main-body-bg.png) repeat-x;
	padding: 15px 10px 0px;
}

#main-content {
	margin: 0px 275px 0px 185px;
}

a.learn-more {
	padding-left: 20px;
	background: url(../images/button-arrow.png) no-repeat left center;
	text-decoration: none;
}

/* @group Front Page */
div#splash-container {
	height: 256px;
	overflow: hidden;
	position: relative;
	border-bottom: 3px solid #ffffff;
}

ul#story-selector {
	position: absolute;
	right: 10px;
	bottom: 0px;
	border: 3px solid #ffffff;
	border-bottom: none;
}

ul#story-selector li {
	display: inline;
}

ul#story-selector li a {
	float: left;
	width: 34px;
	padding: 5px 0px;
	text-align: center;
	background: url(../images/image-rotator.png) repeat-x;
	color: #ffffff;
	text-decoration: none;
}

ul#story-selector li a.active, ul#story-selector li a.slideHover  {
	background: url(../images/image-rotator-active.png) repeat-x;
}

a.selector {
	border-left: 3px solid #ffffff;
}

a#selector1 {
	border:none;
}

div.story {
	width: 325px;
	height: 236px;
	padding: 20px 100px 0px 425px;
	color: #ffffff;
	font: 16px/1.4em "Trebuchet MS", Helvetica;
	display: none;	
}

#story1 {
	padding: 64px 0px 0px 365px; 
	width: 485px;
	height: 191px;
}
#story1 { background: url(../images/story0-banner.jpg); }
#story1 h2 { color: white; }
#story1 a {color: #00ccff;}

#story2 { background: url(../images/story3-banner.jpg);}
#story3 h2 { color: #772a00;}

#story3 { background: url(../images/story2-banner.jpg); }
#story3 h2 { color: #004864; }

#story4 { background: url(../images/story1-banner.jpg); }
#story4 h2 { color: #284500; }

a.learn-more-large {
	background: url(../images/button-arrow-large.png) no-repeat left center;
	padding-left: 23px;
	text-decoration: none;
}

div#latest-news {
	background: url(../images/latest-news-bg.png) repeat-x;
	padding: 9px;
	position: relative;
}

div#latest-news h4 {
	display: inline;
	font-size: 14px;
	color: #ffffff;
	text-transform: uppercase;
	padding-right: 20px;
	background: url(../images/news-arrow.png) no-repeat right center;
}

#headlines {
	list-style-type: none;
	position: absolute;
	left: 130px;
	margin: 0px;
	top: 9px;
}

#headlines a {
	color: #bdcbd2;
}

div.sub-ad {
	float: left;
	width: 236px;
	height: 93px;
	margin: 0px 7px;
	padding: 13px;
	font: 12px/1.25em "Trebuchet MS", Helvetica;
}

div.sub-ad h4 {
	color: #0095e0;
	font-size: 16px;
	margin: 0px;
	text-transform: uppercase;
	padding-right: 55px;
	font-family: "Trebuchet MS", Helvetica;
}

div.sub-ad p {
	margin: 5px 0px;
	padding-right: 71px;
}

div.sub-ad h4 span {
	text-transform: none;
}

#first.sub-ad {
	background: url(../images/sub-ad-xml-small.jpg);
	background-repeat: no-repeat;
}

#second.sub-ad {
	background: url(../images/sub-ad-bell.jpg);
}

#third.sub-ad {
	background: url(../images/sub-ad-browser.jpg);
}

ul#gallery li {
	display: inline;
	margin-right: 6px;
	
}

ul#gallery li a {
	text-decoration: none;
}

ul#gallery li img {
	border: 1px solid #ccc;
	float: none !important;
}

/* @end */


/* @end */

/* @group SubContent */

#aside-right {
	float: right;
	width: 220px;
	padding: 0px 15px;

	border-left: 1px solid #e1e1e1;
}

#aside-right.no-border {
	border: none;
}

ul.product-info li {
	padding: 4px 0px;
}

ul.product-info li a {
	color: #0095e0;
	text-decoration: none;
	
}

#aside-right h3 {
	color: #004d7e;
}

#aside-left {
	float: left;
	width: 160px;
}

#accordion h3 {
	cursor: pointer;
	color: #004d7e;
}

#accordion h3:hover {
	color: #0095e0;
}

#aside-featured-image {
	margin: -15px 0px 0px -15px;
}

#aside-right .featured-block {
	border-left: 1px solid #e1e1e1;
	padding-left: 15px;
	margin-left: -15px;
}
/* @end */

/*

@group Footer */

div#footer {
	width: 830px;
	height: 30px;
	padding: 10px 15px 0px;
	margin: 0px auto;
	background: #e7e9ea url(../images/footer.png);
	color: #a4aaad;
	font-size: 11px;
}

a#policy-link {
	float: right;
	color: #a4aaad;
}

/* @end */

ul.bullets {
	margin: 5px 5px 5px 20px;
	padding: 0px;
	list-style-type: disc;
	color: #003F74; }
ul.bullets li {
	padding: 1px 0px;}
ul.devbullets {
	margin: 5px 5px 5px 40px;
	padding: 0px;
	list-style-image: url(/cloud/assets/images/orange_bullet.gif);
}


/************ Home Page Styles ************/

#home #main-body{
	padding: 15px 20px 0;
}

/* Text Styles */
#home p{
	margin: 10px 0;
}
h5{
	font: bold 16px "Trebuchet MS", Helvetica;
	color: #0095e0;
	margin:0 0 10px;
}
.orange h5{
	color: #f48d12;
}
.green h5{
	color: #8bb448;
}
h6{
	font: normal 12px "Trebuchet MS", Helvetica;
	color: #94a1a8;
	margin:0;
}
#col-left p{
	margin: 0 0 10px 0;
}
#col-right p{
	color:#054c79;
}
/* #home div.orange p{ */
	margin-left: 85px;
}

/* Home page columns */
#home #container{
	padding-bottom: 0;
}
#brief{
	background: white url("../images/home-grad.jpg") left bottom repeat-x;
	padding: 15px;
}
#columns{
	margin: 20px 0 0 0;
}
#col-right, #col-left{
	float: left;
	width: 195px;
}
#col-mid{
	float: left;
	width: 377px;
	padding: 2px;
	margin: 0 19px;
}

/* Green and orange boxes */
div.box{
	min-height: 140px;
	margin: 0 0 15px 0;
	padding: 2px;
}
div.green{
	background: url("../images/box-green.jpg") 0 0 no-repeat;
}
div.orange{
	background: url("../images/box-orange.jpg") 0 0 no-repeat;
}
div.box-inner{
	background: white url("../images/home-grad.jpg") left bottom repeat-x;
	padding: 15px;
}
.box-inner img{
	float: left;
}

/* Quotes Switcher */
#quotes p{
	display: none;
}
#quotes p.first{
	display: block;
}