/* Base CSS Document for Cloud Marketing Microsite
Author: Strategic Insights, contact Jennifer Hoy
Site design: Strategic Insights
Date Created: 01/26/2009
Last Updated: 06/04/2009
Copyright: SharedVue */


/*-------------------------
Site layout structure
------------------------*/

*, html {
	margin: 0;
	padding: 0;
	
}
body { 
	margin: 0 auto;
	padding: 0;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 85%;
	text-align: center;
	color: #103a57;
	background: url(../images/bg-body.png) repeat-x #b5dcf1;
	
}
div {
	display: block;
	margin: 0;
	padding: 0;
	position: relative;
	
}
div#wrapper {
	width: 100%;
	clear: both;
	margin: 0 auto;
	text-align: center;
	background: url(../images/bg-wrapper.gif) no-repeat 50% 0;
	
}
div#container {
	width: 920px;
	clear: both;
	margin: 0 auto;
	text-align: center;
	
}
div#header {
	width: 920px;
	height: 600px;
	min-height: 600px;
	text-align: left;
	
}
div#columns {
	clear: both;
	float: none;
	position: relative;
	text-align: left;
	
}
div#col-left {
	width: 650px;
	float: left;
	top: -3px;
	margin: 0;
	padding: 0;
	text-align: left;
	
}
div#col-right {
	width: 230px;
	float: left;
	margin: 0;
	padding: 0;
	text-align: left;
	
}
div#footer {
	width: 100%;
	clear: both;
	height: 383px;
	min-height: 383px;
	top: 36px;
	margin: 0 auto;
	text-align: center;
	color: #103a57;
	background: url(../images/bg-footer.gif) repeat-x 0 0 #e1f1f9;
	
}

/*-------------------------
Page elements
------------------------*/

div#header div#banner {
	width: 920px;
	height: 263px;
	position: absolute;
	top: 254px;
	background: url(../images/bg-banner.gif) no-repeat 0 0;
	
}
div#twitter_div {
	width: 229px;
	height: 188px;
	min-height: 188px;
	position: absolute;
	top: 471px;
	left: 691px;
	z-index: 100;
	font-size: .68em;
	line-height: 1.6em;
	font-weight: bold;
	text-align: left;

}
div#twitter_div div.top {
	width: 230px;
	height: 86px;
	background: url(../images/top-twitter.gif) no-repeat 0 0;
	
}
div#twitter_div div.bottom {
	width: 230px;
	height: 5px;
	background: url(../images/bottom-twitter.gif) no-repeat 0 0;
}
div#col-left div.divider {
	width: 650px;
	height: 9px;
	margin: -1px 0;
	background: url(../images/divider.png) no-repeat 0 0;
	behavior: url(elements/java/iepngfix.htc);
	
}
div#footer div#content {
	width: 920px;
	height: 302px;
	min-height: 302px;
	margin: 0 auto;
	padding-top: 81px;
	text-align: left;
	background: url(../images/bg-content.jpg) no-repeat 0 10px;
	
}
img {
	border: none;
	margin: 0;
	
}
img#cmlogo {
	position: absolute;
	top: 84px;
	
}
img#svlogo {
	position: absolute;
	top: 52px;
	left: 723px;
	
}
div#footer div#content dl dd a img {
	position: relative;
	top: 6px;
	
}

/*-------------------------
Headlines
------------------------*/

div#header div#banner h1 {
	margin: 81px 144px 0 140px;
	padding: 0;
	font-size: 2em;
	line-height: 1.3em;
	font-weight: normal;
	
}
body#page-pg1 div#col-left h1 {
	display: block;
	width: 650px;
	height: 64px;
	background: url(../images/h1-pg1.gif) no-repeat 0 0;
	
}
body#page-pg2 div#col-left h1 {
	display: block;
	width: 650px;
	height: 100px;
	background: url(../images/h1-pg2.gif) no-repeat 0 0;
	
}
div#footer h1 {
	display: block;
	width: 187px;
	height: 55px;
	position: absolute;
	top: 46px;
	left: 67px;
	background: url(../images/h1-footer.gif) no-repeat;
	
}
div#col-right h2 {
	display: block;
	width: 230px;
	height: 64px;
	position: relative;
	left: 40px;
	margin: 96px 0 0 0;
	background: url(../images/h2-colright.gif) no-repeat 0 0;
	
}

/*-------------------------
Paragraphs
------------------------*/

div#col-left p.border-right, div#col-left p.border-left {
	display: block;
	width: 549px;
	margin: 0;
	padding: 35px 35px 33px 66px;
	font-size: .9em;
	line-height: 1.65em;
	
}
div#col-left p.border-right {
	background: url(../images/bg-borderright.png) no-repeat 0 0;
	behavior: url(elements/java/iepngfix.htc);
	
}
div#col-left p.border-left {
	background: url(../images/bg-borderleft.png) no-repeat 0 0;
	behavior: url(elements/java/iepngfix.htc);
	
}
div#col-right p.top, div#col-right p.bottom {
	display: block;
	width: 230px;
	position: relative;
	left: 40px;
	
}
div#col-right p.top {
	height: 414px;
	background: url(../images/top-chart.png) no-repeat 0 0;
	
}
div#col-right p.bottom {
	height: 349px;
	background: url(../images/bottom-chart.png) no-repeat 0 0;
	
}

/*-------------------------
Lists
------------------------*/

div#header ul#nav {
	display: block;
	width: auto;
	height: 135px;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 462px;
	left: 0;
	list-style-type: none;
	
}
div#header ul#nav li {
	display: block;
	margin: 0;
	padding: 0;
	float: left;
	
}
div#twitter_div ul {
	display: block;
	margin: 0;
	padding: 0;
	list-style-type: none;
	color: #103a57;
	background-color: #bddff3;
	
}
div#twitter_div ul li {
	margin: 0;
	padding: 6px 0 0 0;
	
}
div#twitter_div ul.caption {
	padding: 0 11px 0 0;
	text-transform: uppercase;
	text-align: right;
	
}
div#footer dl {
	display: block;
	clear: both;
	width: 515px;
	margin: 0 0 -2px 341px;
	padding-bottom: 7px;
	background: url(../images/bottom-dl.gif) repeat-x 0 bottom;
	
}
div#footer dl dt, div#footer dl dd {
	display: inline;
	font-size: .8em;
	line-height: 1em;
	
}
div#footer dl dt {
	font-weight: bold;
	margin-right: 1px;
	
}
div#footer dl dd {
	font-style: italic;
	
}	

/*-------------------------
Misc. typography
------------------------*/

span {
	position: absolute;
	left: -999999em;
	
}
div#twitter_div ul li span {
	display: block;
	position: relative;
	left: 0;
	margin: 0;
	padding: 0 11px 11px 11px;
	
}
div#footer div#content address {
	position: relative;
	top: 20px;
	left: 341px;
	font-style: normal;
	font-size: .7em;
	
}

/*-------------------------
Main navigation
------------------------*/

div#header ul#nav li#nav-pg1 a {
	display: block;
	width: 151px;
	height: 135px;
	background: url(../images/nav-pg1.gif) 0 0;
	
}
div#header ul#nav li#nav-pg2 a {
	display: block;
	width: 143px;
	height: 135px;
	background: url(../images/nav-pg2.gif) 0 0;
	
}
body#page-pg1 div#header ul#nav li#nav-pg1 a, div#header ul#nav li#nav-pg1 a:hover, div#header ul#nav li#nav-pg1 a:active, body#page-pg2 div#header ul#nav li#nav-pg2 a, div#header ul#nav li#nav-pg2 a:hover, div#header ul#nav li#nav-pg2 a:active {
	background-position: 0 -135px;
	
}

/*-------------------------
Inline navigation
------------------------*/

a {
	color: #47a7de;
	background-color: inherit;
	text-decoration: underline;
	
}
a:hover, a:active {
	color: #5fb2e2;
	background-color: inherit;
	
}
div#twitter_div a {
	display: block;
	padding-right: 11px;
	text-transform: uppercase;
	text-decoration: none;
	text-align: right;
	color: #47a7de;
	background-color: #bddff3;
	
}
div#twitter_div a:hover, div#twitter_div a:active {
	text-decoration: underline;
	
}
div#twitter_div ul li span a {
	display: inline;
	text-transform: none;
	
}
div#twitter_div a#twitter-link {
	padding-bottom: 6px;
	font-size: 85%;
	
}
div#footer dl a {
	color: #103a57;
	background-color: inherit;
	text-decoration: none;
	
}
div#footer dl a:hover, div#footer dl a:active {
	color: #3a5f77;
	background-color: inherit;
	
}

/*-------------------------
Safari Fixes
------------------------*/