/*------------------------------
	Name: Waracle.NET Template
	Author: Oskar Kirkwood
	Website: http://www.waracle.com/
	Copyright: Waracle Ltd 2008
-------------------------------*/

*{
	margin:0;
	padding:0;
	}

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

img.btn-slide.active{behavior: url("/css/iepngfix.htc");}

html, body {
	height: 100%;
	background:#fff;
	font-family:Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size:11px;
	/*color:#676768;*/
	color:#555555;
	/*text-shadow: 0 0 0 #000; Chrome is hating this - Safari Font Hack */
	}

#container{
	position: relative;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	}

/* Header */

#header-outer{
	width:100%;
	background:url('/images/bg-header.png') repeat-x #516170;
	text-align:center;
}

#header-inner{
 	width:920px;
	height:120px;
	margin:0 auto;
	text-align:left;
	}

#logo{
	float:left;
	}
	
/* Top Navigation */
#nav-box{
	float:right;
	width:600px;
	height:120px;
	}
	
.nav-link{
	float:left;
	width:100px;
	height:20px;/* 120px minus the padding*/
	padding-top:100px;
	text-align:center;
	}

.nav-link a:link, 
.nav-link a:visited{
	color:#DBDCDD;
	font-size:14px;
	}
	
.nav-link a:hover{
	color:#fff;
	text-decoration:none;
	}
	
.nav-link.active{
	float:left;
	width:100px;
	height:20px;/* 120px minus the padding*/
	padding-top:100px;
	background:url('/images/nav-active.png') no-repeat;
	text-align:center;
	}
	
.nav-link.active a:link,
.nav-link.active a:visited{
	color:#fff;
	font-size:14px;
	}
	
/* blue-band */
#blue-band-outer{
	width:100%;
	background:url('/images/bg-blue-band.png') repeat-x;
	}

#blue-band-inner{
	margin:0 auto;
	width:920px;
	height:240px;
	background:url('/images/bg-blue-band-02.png') no-repeat;
	}
	
#title-box{
	float:left;
	display:block;
	padding-top:80px;
	width:750px;
	}

p.subheader{
	font-size:16px;
	color:#fff;
	line-height:1.2em;
	}


	
.seasonal-graphic{
	float:right;
	width:120px;
	height:100px;
	margin-top:140px;
	}

/* Body */

#body-outer{
	width:100%;
	text-align:center;
	padding-bottom: 140px; /* Footer + 20px space */
	}

#body-inner{
 	width:920px;
	margin:0 auto;
	background:#fff;
	text-align:left;
	}

/* Layout Classes */

.layout-01-01{
	float:left;
	width:620px;
	}

.layout-01-02{
	float:right;
	width:270px;
	}
	
.layout-02-01{
	float:left;
	width:270px;
	/* min height hack */
	min-height:600px;
  	height:auto !important;
  	height:600px;
	}

.layout-02-02{
	float:right;
	width:620px;
	}
	
.layout-03-01{
	float:left;
	width:280px;
	margin-right:40px;
	}

.layout-03-02{
	float:left;
	width:280px;
	margin-right:40px;
	}

.layout-03-03{
	float:left;
	width:280px;
	}
	
.layout-03-span{
	float:left;
	width:600px;
	margin-right:40px;
	}

/* Body Content */

p{
	font-size:11px;
	margin-bottom:10px;
	text-align:justify;
	line-height:1.5em;
	/*color:#676768;*/
	color:#555555;
	}
	
h1{
	font-family:Verdana, Arial, Geneva, Helvetica, sans-serif; 
	margin-bottom:3px;
	font-size:52px;
	font-weight:bold;
	color:#fff;
	}
	
h2{
	font-family:Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-weight:bold;
	font-size:40px;
	color:#516170;
	}

/*h3{
	font-family:Verdana, Arial, Geneva, Helvetica, sans-serif; 	
	font-size:24px;
	font-weight:bold;
	color:#40A0E2;
	margin-bottom:5px;
	}*/

h3,	
h3 a:link,
h3 a:visited{
	text-decoration:none;
	font-family:Verdana, Arial, Geneva, Helvetica, sans-serif; 	
	font-size:24px;
	font-weight:bold;
	color:#40A0E2;
	margin-bottom:5px;
	}
h3 a:hover{text-decoration:underline;}
	

	
h4{
	font-family:Verdana, Arial, Geneva, Helvetica, sans-serif; 	
	font-size:16px;
	font-weight:bold;
	color:#40A0E2;
	margin-bottom:5px;
	}

/*

h5{
	margin-bottom:10px;
	font-size:1.2em;
	font-weight:bold;
	}
*/

h5{
	font-size:16px;
	color:#fff;
	line-height:1.2em;
	}


.related-link{
	font-family:Verdana, Arial, Geneva, Helvetica, sans-serif; 	
	font-size:12px;
	font-weight:bold;
	color:#40A0E2;
	margin-bottom:3px;
}

img{border:0;}

table{
	margin-bottom:10px;
	border-collapse: collapse;
	width:400px;
	background:#c9e4fe;
	}

table th{
	border:1px solid #000; 
	padding:5px;
	font-family:Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	text-align:center;
	background: #1E4F84;
	color:#fff;
}

table td{
	border:1px solid #000; 
	padding:5px;
	width:25%;
	font-family:Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size:11px;
	}

/*	
label{display:block; margin-bottom:5px;}

input.button{
	margin-top:5px;
	width:150px;
	background:#eee;
	color:#222;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	border-right:1px solid #333;
	border-bottom:1px solid #333;
	cursor:pointer;
	}

input.button:hover{background:#D9EFF9;}

textarea{
	display:block;
	overflow:auto;
	width:400px;
	height:150px;
	background:#9DD8F8;
	border:1px solid #1E4F84;
	padding:2px;
	font-family:Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size:11px;
	color:#1E4F84;
	}*/

a:link, a:visited{
	color: #1E4F84;
	text-decoration:none;
	}

a:hover {
	color: #1E4F84;
	text-decoration:underline;
	}

/* Footer */

#footer-outer{
 	clear:both;
	width: 100%;
	background:url('/images/bg-footer.png') repeat-x #fff;
	position: absolute;
	bottom: 0 !important;
	bottom: -1px;
	height: 120px;
	text-align:center;
	}

#footer-inner{
 	width:920px;
	margin:0 auto;
	text-align:left;
	}

#footer-left{
	float:left;
	margin-top:10px;
	}
	
#footer-left img{margin-right:10px;}
	
/*#footer-logo-bar{
	background:yellow;
	}*/
	
/*#footer-middle{
	float:left;
	margin-top:10px;
	margin-right:10px;
	width:300px;
	}*/

#footer-right{
	float:right;
	margin-top:10px;
	}

/* clearfix */

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

html[xmlns] .clearfix {
	display: block;
}

* html .clearfix {
	height: 1%;
}

/* reusable classes */

.hor-line{border-top:1px solid #000; margin-bottom:10px;}

.align-left{text-align:left;}

.align-center{text-align:center;}

.align-right{text-align:right;}

.float-left{float:left;}

.float-center{display:block; margin:0 auto 0 auto;}

.float-center img{display:block; margin:0 auto 0 auto;}

.float-right{float:right;}

.img-left{
	float:left;
	margin-right:10px;
	}

.img-right{
	float:right;
	margin-left:10px;
	}

.padder-5{padding:5px;}
.padder-10{padding:10px;}
.padder-20{padding:20px;}

.bottom-5{margin-bottom:5px;}
.bottom-10{margin-bottom:10px;}
.bottom-20{margin-bottom:20px;}

.block{display:block;}

.pointer{cursor:pointer;}

/* Home Boxes */

.home-box{
	margin-bottom:10px;
	padding-bottom:5px;
	border-bottom:1px solid #DBDCDD;
	}

/* Whats New */

.whats-new-header{
	width:260px;
	height:35px;
	padding-top:10px;
	padding-left:10px;
	background:url('/images/bg-whats-new-header.png') no-repeat;
	font-family:verdana;
	font-size:24px;
	font-weight:bold;
	color:#fff;
	}

.most-read-header{
	width:260px;
	height:35px;
	padding-top:10px;
	padding-left:10px;
	background:#000;
	font-family:verdana;
	font-size:24px;
	font-weight:bold;
	color:#fff;
	}
	
.whats-new-box{
	background:#A2DFF9;
	}
	
.whats-new-padder{padding:0px 10px 0px 10px}

.whats-new-entry{
	padding-top:10px;
	border-bottom:1px solid #40A0E2;
	}
	
.whats-new-info{
	float:right;
	width:195px;
	}
	
a.article-link{
	font-size:16px;
	font-weight:bold;
	}

.whats-new-date{
	font-size:10px;
	color:#333;
	}
	
.whats-new-blurb{
	padding-top:5px;
	padding-bottom:5px;
	color:#000;
	height:52px;
	overflow:hidden;
	}

.read-more{
	clear:both;
	height:17px;
	text-align:right;
	}
	
/* News Page */
.comment{
    
	padding:5px;
	border:1px solid #cccccc;
	}
	
.comment-none{
	padding:5px;
	background:#efd1d1;
}


	
/* Side Nav */

#side-nav-box{
	background:url('/images/bg-side-nav.png') repeat-y;
	padding-top:20px;
	padding-bottom:20px;
	}
	
.side-nav-item{
	width:230px;
	height:32px;
	padding-left:40px;
	padding-top:8px;
	margin-bottom:10px;
	background:url('/images/bg-side-nav-off.png') no-repeat;
	}
	
.side-nav-item.current{ /* changed from active to support IE6 */
	background:url('/images/bg-side-nav-on.png') no-repeat;
	}
	
.side-nav-item a:link,
.side-nav-item a:visited{
	font-size:18px;
	font-weight:bold;
	color:#fff;
	}
	
/* Products and Services */

h2.toggle{background:#fff; cursor:pointer;}

h2.toggle-closed{background:#fff; cursor:pointer;}

#feature-header{
	width:600px;
	height:80px;
	padding-left:20px;
	background:url('/images/bg-products-services-header.png') no-repeat;
	margin-bottom:20px;
	}
	
#feature-header h3{padding-top:16px; background:#fff;}

.feature-container{
	border:1px solid #DBDCDD;
	padding:10px;
	margin-bottom:10px;
	}
	
.feature-padder{padding:10px 10px 0px 10px;}

.feature-item{margin-bottom:10px;}

.feature-blurb{
	float:right;
	width:500px;
	}
	
.feature-blurb h3{background:#fff;}/* Javafade hack */
.feature-blurb p{background:#fff;}/* Javafade hack */

/* Lists */
ul.blue{
	list-style-type:none;
	padding-left:20px;
	}
	
ul.blue li{
	background:url('/images/bullet-blue.png') center left no-repeat #fff;
	text-indent:15px;
	font-size:14px;
	font-weight:bold;
	margin-bottom:10px;
	}
	
ul.cross{
	list-style-type:none;
	padding-left:20px;
	}
	
ul.cross li{
	background:url('/images/bullet-cross.png') center left no-repeat #fff;
	text-indent:15px;
	font-size:14px;
	font-weight:bold;
	margin-bottom:10px;
	}
	
ul.tick{
	list-style-type:none;
	padding-left:20px;
	}
	
ul.tick li{
	background:url('/images/bullet-tick.png') center left no-repeat #fff;
	text-indent:15px;
	font-size:14px;
	font-weight:bold;
	margin-bottom:10px;
	}
	
/* logos */
.logo-example-box{
	width:600px;
	}
	
.logo-example{
	float:left;
	display: block;
	margin-top:20px;
	margin-right:26px;
	}
	
.logo-example-end{
	float:left;
	display: block;
	margin-top:20px;
	margin-right:0px;
	}

/* Clients */

.client-img{
	display:block;
	margin-bottom:20px;
	}
	
.client-box{
	float:left;
	width:153px;
	height:160px;
	text-align:center;
}
	
.quote-box{}
	
.quote-top{
	width:280px;
	height:13px;
	display:block;
	background:url('/images/bg-quote-top.png') no-repeat;
	}

.quote-text{
	background:#516170;
	padding:0px 10px 0px 10px;
	font-family:verdana;
	font-size:14px;
	color:#fff;
	}

.quote-bottom{
	width:280px;
	height:36px;
	background:url('/images/bg-quote-bottom.png') no-repeat;
	}
	
span.quote-source{
	font-family:verdana;
	font-size:12px;
	color:#676768;
	}
	
/* Contact */

.contact-method{
	height:65px;
	margin-bottom:20px;
	font-family:verdana;
	font-size:18px;
	color:#676768;
	}
	
.affiliate-row{margin-bottom:10px;}
	
img.affiliate-thumb-left{
	display:block;
	float:left;
	}
	
img.affiliate-thumb-right{
	display:block;
	float:right;
	}
	
/* Fotm Details */
form.contact-form{}

form.contact-form input{
	width:270px;
	background:url(/images/bg-input-off.png) no-repeat;
	padding:5px;
	border:0px;
	font-family:Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size:24px;
	color:#555;
	margin-bottom:5px;
	}
	
form.contact-form input.submit-button{
	width:119px;
	height:42px;
	padding:0px;
	margin:0px;
	}
	
form.contact-form textarea{
	display:block;
	overflow:auto;
	width:270px;
	height:200px;
	background:url(/images/bg-textarea-off.png) no-repeat;
	padding:5px;
	border:0px;
	font-family:Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size:24px;
	color:#555;
	margin-bottom:5px;
	overflow: auto;
	}

/* comment form */
form.comment-form{
	background:#d6f0fc;
	padding:10px;
	}

form.comment-form input{
	width:270px;
	/*background:url(/images/bg-input-off.png) no-repeat;*/
	padding:5px;	
	font-family:Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size:11px;
	color:#333333;
	border:1px solid #6fbde1;
	background:#84cff2;
	margin-bottom:5px;
	}
	
form.comment-form input.submit-button{
	width:165px;
	height:37px;
	padding:0px;
	margin:0px;
	border:0px;
	}
	
form.comment-form textarea{
	display:block;
	overflow:auto;
	width:588px;
	height:100px;
	font-size:11px;
	padding:5px;
	border:0px;
	font-family:Verdana, Arial, Geneva, Helvetica, sans-serif;
	color:#555;
	border:1px solid #6fbde1;
	background:#84cff2;
	overflow: auto;
	}
    
    
.fb-comment-box{
    border-style:solid;
    border-width:1px;
    border-color:#ccc;
    padding:10px;
}

.fb-prof-icon{
    float:left;        
}
    
.fb-comment-inner{
    float:right; 
    width:515px;
    /*height:100px;*/
    border:1px solid #ccc; 
    background: #F7F7F7;
    padding:10px;
    
}

.fb-comment-textarea{
    display:inline;
    height:60px;
    overflow:hidden;
    padding:3px;
    width:507px; 
    color: #777;
    font-size:11px;
    font-family:Arial,Verdana,Geneva,Helvetica,sans-serif;
}

.fb-comments-box{
    border-style:solid;
    border-width:1px;
    border-color:#ECEFF5;
    padding:10px;
}

.fb-comments-inner{
    float:right; 
    width:520px;
    min-height:60px;
    background:#ECEFF5;
    padding-left:10px;
    padding-right:10px;
    padding-bottom:5px;
    /*height:100px;*/   
}

.fb-username{
	font-family:Verdana, Arial, Geneva, Helvetica, sans-serif; 	
	font-size:14px;
	font-weight:bold;
	color:#1E4F84;
	margin-bottom:5px;
}