@import url("reset.css");

html {overflow-y:scroll;} 

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size : 100.01%;
	color : #666666;
	text-align: center;	
	background: #4cbbff url(../images/bg-rpt.jpg) 0 0 repeat-x;	
}

h1 {
	font-size : 1.6em;	
	color : #2782c4;
	margin: 0 0 0.3em 0;
	padding: 0;
}

h1 a img {vertical-align: top; margin: 3px 0 0 12px;}

h2 {
	font-size : 1.3em;	
	color : #22bdef;
	font-weight: bold;
	margin: 0 0 0.2em 0;
	padding: 0;
}

h3 {
	font-size : 1.2em;	
	color : #2782c4;
	font-weight: bold;
	margin: 0 0 0.2em 0;
	padding: 0;
}

h3.Homepage {margin: 0 0 0.1em 0;}

h4 {
	font-size : 1em;	
	color : #A0A5AB;
	font-weight: bold;
	margin: 0 0 0.2em 0;
	padding: 0;
}

p {margin : 0 0 1em 0; line-height: 1.2em;}

ul { margin: 0;	padding: 0;}
ul li {	margin: 0;	padding: 0;}

a {text-decoration : underline;}
a:link{color : #FF6600;}
a:visited {color: #22bdef;}
a:hover {color: #FF3000; text-decoration: none;}
a:active {color : #FF6600;}

h1 a, h2 a, {text-decoration: none !important;}
h1 a:link, h2 a:link{color : #FF6600;}
h1 a:visited, h2 a:visited {color: #22bdef; text-decoration: none !important;}
h1 a:hover, h2 a:hover {color: #FF3000; text-decoration: underline !important;}
h1 a:active, h2 a:active {color : #FF6600;}

/* page background */


#page-wrapper {
	margin : 0 auto;
	width: 990px;
	font-size : 62.5%;
	text-align: left;	
	position: relative;
	background: transparent url(../images/stillBackground.jpg) -17px 0 no-repeat;
	height: 750px;
}

#content-wrapper {
	position: absolute;
	top: 0;
	left: 275px;
	width: 715px;
	margin: 0;
	padding: 0;
}

#top-nav{
	list-style-type: none;	
	background: transparent url(../images/nav-bg.jpg) 0 0 no-repeat;
	margin: 27px 0 0 8px;
	width: 686px;	
	height: 34px;	
}

#top-nav li {
	float: left;
	list-style-type: none;
	margin: 0;
	padding: 0 13px;
}

/* drop down section */

.dropdown {float:left; 	 }

.dropdown dt a span {display: none;}

.dropdown dt {	
	padding: 0 13px;	
	float: left;
	list-style-type: none;
	margin: 0;
}

.dropdown dt a {float: left; height: 34px; }

.dropdown dt#ddheader-1 a {
	background: transparent url(../images/nav-n-dosomerhing.jpg) 0 0 no-repeat;
	width: 95px;
	margin-left: 2px;
		
}
.dropdown dt#ddheader-2 a {
	background: transparent url(../images/nav-n-doidyouknow.jpg) 0 0 no-repeat;
	width: 95px;
}
.dropdown dt#ddheader-3 a {
	background: transparent url(../images/nav-n-solutions.jpg) 0 0 no-repeat;
	width: 109px;
}
.dropdown dt#ddheader-4 a {
	background: transparent url(../images/nav-n-blog.jpg) 0 0 no-repeat;
	width: 41px;
}
.dropdown dt#ddheader-5 a {
	background: transparent url(../images/nav-n-whoweare.jpg) 0 0 no-repeat;
	width: 84px;
}
.dropdown dt#ddheader-6 a {
	background: transparent url(../images/nav-n-news.jpg) 0 0 no-repeat;
	width: 103px;
}

/* main nav hover state */

.dropdown dt#ddheader-1 a:hover {
	background: transparent url(../images/nav-o-dosomerhing.jpg) 0 0 no-repeat;
	width: 95px;
}
.dropdown dt#ddheader-2 a:hover {
	background: transparent url(../images/nav-o-doidyouknow.jpg) 0 0 no-repeat;
	width: 95px;
}
.dropdown dt#ddheader-3 a:hover {
	background: transparent url(../images/nav-o-solutions.jpg) 0 0 no-repeat;
	width: 109px;
}
.dropdown dt#ddheader-4 a:hover {
	background: transparent url(../images/nav-o-blog.jpg) 0 0 no-repeat;
	width: 41px;
}
.dropdown dt#ddheader-5 a:hover {
	background: transparent url(../images/nav-o-whoweare.jpg) 0 0 no-repeat;
	width: 84px;
}
.dropdown dt#ddheader-6 a:hover {
	background: transparent url(../images/nav-o-news.jpg) 0 0 no-repeat;
	width: 103px;
}

/*.dropdown dt a span {display: none;}*/

.dropdown dd {
	position:absolute; 
	margin: 28px 0 0 6px;
	overflow:hidden; 
	padding : 0 ;	
	width : 149px;
	display:none;
	z-index:200; 
	opacity:0;
	clear: both;	
}
* html .dropdown dd {margin: -6px 0 0 6px;}
*:first-child+html .dropdown dd {margin: -6px 0 0 6px;}

.dropdown dd.newsmedia {margin : 28px 0 0 -37px;}
* html .dropdown dd.newsmedia {margin : -6px 0 0 -37px;}
*:first-child+html .dropdown dd.newsmedia {margin : -6px 0 0 -37px;}

.dropdown ul {list-style-type:none;}

.dropdown ul li {display:inline;}

.dropdown ul li a:link, .dropdown ul li a:visited, dripdown ul li a:hover .dropdown ul li a:active {
	padding : 4px 6px 4px 6px;
	border-bottom: 1px solid #FFF;
	font-size: 1.1em;
	display:block; 	
	color:#FFF; 
	text-decoration:none; 
	background-color: #1879BD;
	width : 137px;
	height: auto !important;
}
.dropdown ul li a:hover {background-color: #52BEFF !important; color:#FFFFFF;}


/***********************/

#content {height: 444px;	font-size: 1.1em; padding: 4px 0 0 8px; }

#outerleftcol {
	float: left; 
	width: 458px;
	overflow: auto;
	height: 410px;
}

#outerleftcol.Homepage {height: 430px !important; overflow: hidden;}

#outerleftcol .pad {padding: 25px 15px 0 20px;}

#hp-left-col {
	float: left;
	width: 228px;
	border-right: 1px solid #C8D7DE;
	margin: 0;
	padding: 0;	
	height: 150px;
	position: relative;	
}

#hp-mid-col {
	float: left;
	width: 228px;
	border-right: 1px solid #C8D7DE;
	margin: 0;	
	height: 150px;
	position: relative;
}

#hp-mid-col .pad {padding: 16px 5px 0 20px;}

/* top-links section */

#top-links {
	list-style-type : none;
	margin : 8px 0 0 0 !important;
	padding : 0 !important;
	font-weight: bold;
	height: 2.5em;
}

#top-links li {
	list-style-type : none;
	float : left;
	padding : 0 6px 0 8px !important;
	background: none !important;
	margin: 0;
	border-left: 1px solid #2782c4; 
	line-height: 1.1em;
}
#top-links li.first-item {padding-left :0 !important; border-left: none;}

#top-links a:link{color: #2782c4; text-decoration:underline;}
#top-links a:visited{color: #2782c4;}
#top-links a:hover{color: #2782c4; text-decoration:none;}
#top-links a:active{color: #2782c4;}

#outerleftcol .blog-left {
	float: left;
	width: 86px;
	margin: 0 12px 0 0;
	background-color: #FFF;
}

#outerleftcol .thumbnail {margin-bottom: 8px;}

#outerleftcol .blog-left .comments {float: left;}

#outerleftcol .blog-right {
	float: left;
	width: 308px;
	margin: 0 ;
}

#outerleftcol .blog-details-left {
	float: left;
	width: 123px;
	margin: 0 12px 0 0;
}

#outerleftcol .blog-details-right {
	float: left;
	width: 271px;
	margin: 0 ;
}

#outerleftcol .solutions-left {
	float: left;
	width: 234px;
	margin: 0 12px 0 0;
}

#outerleftcol .solutions-right {
	float: left;
	width: 160px;
	margin: 0 ;
}

#outerleftcol #list-item-bg {
	background: transparent url(../images/bg-solutions-list.gif) 0 0 no-repeat;
	width: 123px;
	height: 158px;
}

#outerleftcol #list-item-bg .pad {padding: 15px 10px 10px 10px;} 

#outerleftcol #list-item-bg a {text-decoration : underline;}
#outerleftcol #list-item-bg a:link{color : #2782c4;}
#outerleftcol #list-item-bg a:visited {color: #2782c4;}
#outerleftcol #list-item-bg a:hover {color: #2782c4; text-decoration: none;}
#outerleftcol #list-item-bg a:active {color : #2782c4;}

#outerleftcol ul {margin: 0; padding: 0 0 10px 10px;}

#outerleftcol ul li {
	background: transparent url(../images/bullet.jpg) 0 6px no-repeat;
	list-style-type: none;
	margin: 0 0 0 0;
	padding: 0 0 0 10px;	
	display: block;
	line-height: 1.4em;
}

#outerleftcol .left-div {float: left; width: 30px; margin: 0 7px 0 0;}

#outerleftcol .right-div {float: left; width: 84px; margin: 0 ;}

#outerleftcol #quote {
	background: transparent url(../images/img_openQuote.jpg) 0 0 no-repeat;
	margin: 10px 0 0 0;
	padding: 7px 0 0 0;
}

#outerleftcol #quote .pad {
	background: transparent url(../images/img_closeQuote.jpg) 100% 100% no-repeat; 
	margin: 0;
	padding: 0 35px 0 30px;
}

#outerleftcol #quote p.right {text-align: right; color: #2082A5;}

#outerleftcol a.cross-link {
	text-decoration : none;
	background: transparent url(../images/icon-plus.gif) 0 3px no-repeat;
	margin: 5px 0 0 0;
	padding: 0 0 0 20px;
	font-weight: bold;
	display: block;
}
#outerleftcol a.cross-link:link{color : #22BDEF;}
#outerleftcol a.cross-link:visited {color: #22BDEF;}
#outerleftcol a.cross-link:hover {color: #22BDEF; text-decoration: underline;}
#outerleftcol a.cross-link:active {color : #22BDEF;}

#outerrightcol {
	float: left;
	width: 228px;
	margin: 0;
	padding: 0;
}

#hp-mid-col p, #alliance-subscription p, #outerleftcol #quote p {margin-bottom: 0.4em;}

#hp-content-right {padding: 15px 10px 0 20px; height: 257px;}

#content-right {padding: 0 ; height: 272px;}

#content-right img {display: block;}

#alliance-subscription {
	float: left;
	width: 228px;
	border-top: 1px solid #C8D7DE;
	margin: 0;	
	height: 150px;
	position: relative;
}

#alliance-subscription #page1 {padding: 16px 10px 0 20px; display: block; width: 200px;}
#alliance-subscription #page2 {padding: 16px 10px 0 20px; display: none; width: 200px;}

#alliance-form label, #tellafriend-form label {
	font-weight: bold;
	color: #2782c4;
	float: left;
	width: 40px;
	vertical-align: middle;
	margin-top: 2px;	
}

#tellafriend-form label {width: 80px;}

#alliance-form input.text, #tellafriend-form input.text {
	width: 150px;
	border: 1px solid #6EACC1;
	background-color: #FFF !important;
	margin: 0 0 6px 0;
	padding: 1px 2px 1px 3px;
	font-size: 1em;
}
* html #alliance-form input.text {margin: 0 0 5px 0;}
*:first-child+html #alliance-form input.text {margin: 0 0 5px 0;} 


#tellafriend-form input.text {width: 110px; margin: 0 0 3px 0;}
* html #tellafriend-form input.text {margin: 0 0 2px 0;}
*:first-child+html #tellafriend-form input.text {margin: 0 0 2px 0;}

#alliance-form .join, #tellafriend-form .join {
	float: right;
	height: 22px;
	width: 81px;
	margin: 4px 3px 0 0;
	border: none;
}

#tellafriend-form .join {margin: 3px 3px 0 0;}

* html #alliance-form .join{margin: 2px 1px 0 0;}
* html #tellafriend-form .join {margin: 0 1px 0 0;}
*:first-child+html #tellafriend-form .join {margin: 2px 3px 0 0;}

#alliance-subscription .vertical-button {position: absolute; right: -22px; top: 0; height: 129px; width: 21px;}
* html #alliance-subscription .vertical-button {right: -20px;}
*:first-child+html #alliance-subscription .vertical-button {right: -21px;}

/* Reusable Classes
************************************************************/

.clear-hidden {
	margin : 0;
	padding : 0;
	font-size : 1px;
	line-height: 1px;
	clear : both;
	height: 1px;
}

.floatright {float: right; clear: right;}
.floatleft {float: left; clear: left; margin: 0 5px 5px 0;}

.img-border {border: 1px solid #2782C4; margin-bottom: 5px;}
* html .img-border {margin-bottom: 2px;}
*:first-child+html .img-border {margin-bottom: 2px;}

ul. avatar {margin: 0; padding: 0;}

ul.avatar li {
	background: transparent url(../images/img-user-avatar.gif) 0 2px no-repeat;
	list-style-type: none;
	padding: 0 0 0 20px;
	color: #999999;
	font-size: 0.95em;
	display: block;
}

div.hr {
	background: transparent url(../images/img_hr_dotted.gif) 0 0 repeat-x;
	margin: 10px 0 10px 0;
	height: 1px;
	border: 0;
	padding: 0;
	clear:both;
}

div.hr hr { display: none;}

.comments {float: right; font-size: 0.9em;}

.highlight-text {font-weight: bold; color: #2782c4; }

.hp-flash {display: block;}

.email {float: right; margin-bottom: 0; clear: both;}

p.left {float: left; font-size: 1em; color: #999999; margin-bottom: 0.5em;}