body {
	height: 100%;
	text-align: center;
	background: #fff url(../img/bodybg.jpg) repeat-x left top;
	padding: 0;
}

img{
border: 0px;
}

img.floatLeft { 
    float: left; 
    margin: 4px; 
}
img.floatRight { 
    float: right; 
    margin: 4px; 
}

img.floatLeftClear { 
    float: left; 
    clear: left; 
    margin: 4px; 
}

img.floatRightClear { 
    float: right; 
    clear: right; 
    margin: 4px; 
}

#content {
	margin: 0 auto;
	width: 940px;
	padding: 0 28px;
	background: url(../img/contentbg.png) repeat-y center top;
	text-align: left;
	font: 12px/16px "Trebuchet MS", Verdana, serif;
	color: #333;
}

/* @group header */

#header {
	height: 71px;
	width: 899px;
	background: #333 url(../img/headerbg.jpg) no-repeat center bottom;
	padding: 0 13px 21px 28px;
}

#logo {
	float: left;
	margin-top: 18px;
	width: 233px;
	height: 54px;
}

#logo img {
	color: #fff;
	width: 233px;
	height: 54px;
	font-size: 16px;
	line-height: 22px;
}

#headercontent {
	float: right;
	text-align: right;
}

#header ul {
	width: auto;
	height: 25px;
	margin-bottom: 29px;
}

#header ul li {
	float: left;
	list-style-type: none;
	font: 12px/12px "Trebuchet MS", Verdana, serif;
	color: #fff;
}

ul li.socmedia {
	margin-top: 2px;
	margin-right: 12px;
	padding-top: 3px;
	padding-bottom: 5px;
	text-transform: lowercase;
}

ul li.facebook {
	background: url(../img/icon_facebook.gif) no-repeat left center;
}

ul li.linkedin {
	background: url(../img/icon_linkedin.gif) no-repeat left center;
}

ul li.twitter {
	background: url(../img/icon_twitter.gif) no-repeat left center;
}

ul li.rss {
	background: url(../img/icon_rss.gif) no-repeat left center;
}

ul li.socmedia a:link, ul li.socmedia a:visited, ul li.socmedia a:active {
	display: block;
	padding-left: 22px;
	color: #fff;
	text-decoration: none;
}

ul li.socmedia a:hover, ul li.socmedia a:visited:hover {
	color: #f90;
}

ul li.clientlogin {
	width: 74px;
	height: 18px;
	padding-top: 5px;
	text-align: center;
	background: #f90 url(../img/clientloginbg.jpg) no-repeat center center;
}

ul li.clientlogin a:link, ul li.clientlogin a:visited, ul li.clientlogin a:active {
	color: #333;
	text-decoration: none;
}

ul li.clientlogin a:hover, ul li.clientlogin a:visited:hover {
	color: #fff;
}

img.phonenumber {
	color: #fff;
	font-size: 14px;
	line-height: 14px;
}

/*

@end */

/* @group nav */

#nav {
	line-height: 1;
	text-transform: uppercase;
	overflow: auto;
	padding: 5px 0 5px 8px;
	border-bottom: 1px solid #ccc;
}

#nav ul {
	list-style: none;
	line-height: 1;
	z-index: 999;
}

#nav a {
	display: block;
	width: 80px;
	font: 12px/12px "Trebuchet MS", Verdana, serif;
	color: #000;
	text-decoration: none;
	padding: 0 20px 0 10px;
}

#nav a:hover, #nav ul li:hover a {
	color: #f90;
}

 /* VVVV  all list items. width needed for opera. VVVV */
#nav ul li {
	float: left;
	width: 110px; 
	background: url(../img/navitembg.jpg) repeat-y right center;
}

#nav ul li.home {
	background: none;
}

#nav ul li a {
	font-weight: bold;
}

#nav ul li ul {
	position: absolute;
	width: 110px;
	left: -999px;
	padding: 10px 0;
	background: url(../img/navmenubg.png) no-repeat left bottom;
}

#nav ul li:hover ul {
	border-top: 5px solid white;
	left: auto;
}

#nav ul li ul a {
	color: #fff !important;
	font-weight: normal;
	padding: 5px 20px 5px 10px;
}

#nav ul li ul a:hover {
	color: #f90 !important;
}

#nav ul li ul li {
	background: none;
}

/*

@end */

#pagecontent {
	width: 940px;
	float: left;
	margin-bottom: 30px;
}

.stepdown #pagecontent {
	margin-top:30px;
}

#video {
	width: 940px;
	height: 360px;
}

/* @group intro */

#intro {
	padding: 30px 0;
	overflow: auto;
	border-bottom: 1px solid #ccc;
	margin-bottom: 10px;
}

#intro h1, #intro h1 p{
	float: left;
	width: 268px;
	margin-right: 15px;
	font: 24px/34px helvetica, arial;
	color: #f90;
	letter-spacing: 1px;
	text-align: right;
}

#intro h1 span {
	color: #000;
}

.introcopy {
	float: left;
	padding-top: 6px;
}

#intro p, #intro h2 {
	width: 575px;
}

#intro p strong {
	font-weight: bold;
}

#intro h2 {
	margin-top: 15px;
	color: #f90;
	font: 16px/20px helvetica, arial;
}

/* @end */

/* @group feature boxes and sidebar */

/* shared classes followed by specifics. some elements are used in the sidebar as well. */

#features {
	overflow: hidden;
}

.featurebox {
	width: 232px;
	float: left;
	margin-right: 7px;
}

.boxtitle {
	background: #333 url(../img/boxtitletop.jpg) no-repeat center top;
	padding: 15px 10px 5px 10px;
}

.boxtitle h3 {
	line-height: 1;
	text-transform: uppercase;
	color: #fff;
	font-weight: bold;
}

.boxtitle h3 span {
	float: right;
	text-transform: none;
}

.boxtitle h3 span a:link, .boxtitle h3 span a:visited, .boxtitle h3 span a:active {
	text-decoration: none;
	color: #f90;
	padding-right: 20px;
	background: url(../img/subscribebutton.jpg) no-repeat right center;
}

.boxtitle h3 span a:hover, .boxtitle h3 span a:visited:hover {
	text-decoration: underline;
}

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

.boxcontent ul li {
	margin-bottom: 12px;
}

.boxcontent h1 {
	color: #f90;
	font-size: 32px;
	line-height: 32px;
	font-weight: normal;
}

.boxcontent strong {
	color: #000;
	font-weight: bold;
}

.boxcontent a:link, .boxcontent a:visited, .boxcontent a:active {
	text-decoration: none;
	color: #f90;
}

.boxcontent a:hover, .boxcontent a:visited:hover {
	text-decoration: underline;
}

.newsbox {
	background: #e4e4e4 url(../img/newsboxbg.jpg) no-repeat center bottom;
}

.newsbox .boxcontent {
	background: url(../img/newsboxtitlebottom.jpg) repeat-x left top;
	padding: 15px 10px 0 10px;
}

.feedback {
	background: #f90 url(../img/feedbackbg.jpg) no-repeat center bottom;
}

.feedback .boxcontent {
	background: url(../img/feedbacktitlebottom.jpg) repeat-x left top;
	padding: 15px 10px 0 10px;
	color: #fff;
}

.feedback .boxcontent ul li.feedbackimg {
	text-align: center;
}

.feedback .boxcontent a:link, .feedback .boxcontent a:visited, .feedback .boxcontent a:active {
	text-decoration: none;
	color: #333;
}

.feedback .boxcontent a:hover, .feedback .boxcontent a:visited:hover {
	text-decoration: underline;
}

.leadarticle {
	width: 461px;
	margin-right: 0;
	background: url(../img/leadarticlebg.jpg) no-repeat center bottom;
}

.leadarticle .boxtitle {
	background: #333 url(../img/boxtitletoplong.jpg) no-repeat center top;
	padding: 15px 10px 5px 10px;
}

.leadarticle .boxcontent {
	height: 294px;
	width: 270px;
	padding: 15px 10px 0 10px;
	float: left;
}

/* @end */

/* @group left column */

#leftcolumn {
	background: #ccc url(../img/leftcolumnbg.jpg) no-repeat center bottom;
	margin-top: 10px;
	width: 698px;
	float: left;
	margin-right: 10px;
}

.leftcolumntitle {
	background: #333 url(../img/leftcolumntitlebg.jpg) no-repeat center top;
	padding: 15px 10px 5px 10px;
}

.leftcolumntitle h3 {
	line-height: 1;
	text-transform: uppercase;
	color: #fff;
	font-weight: bold;
}

.leftcolumntitle h3 span {
	float: right;
	text-transform: none;
}

.leftcolumncontent {
	padding: 15px 10px 10px 10px;
	background: url(../img/leftcolumntitlebottom.jpg) repeat-x left top;
}

.leftcolumncontent h1 {
	color: #ffffff;
	font-size: 62px;
	line-height: 62px;
	padding-bottom: 10px;
	border-bottom: 1px solid #333;
	font-weight: normal;
}


#postimg {
	background: url(../img/postheaderimage.jpg) no-repeat;
	width: 678px;
	height: 200px;
	position:relative;
	border-bottom: 1px solid #333;
}

#postimg h1 {
	color: #fff;
	font-size: 32px;
	line-height: 40px;
	border: 0;
position:absolute;
	bottom:10px;
	left: 10px;

}


.othercontent {
	clear: left;
	overflow: auto;
	margin-bottom: 10px;
	line-height: 1;
}

.othercontent p {
	padding: 4px 0;
	float: left;
	width: 450px;
}

.othercontent p strong {
	color: #fff;
}

ul.otherpageitems {
	float: left;
}

ul.otherpageitems li {
	float: left;
	margin-right: 4px;
}

ul.otherpageitems li a:link, ul.otherpageitems li a:visited, ul.otherpageitems li a:active {
	width: 74px;
	display: block;
	text-align: center;
	background: #333 url(../img/otherpageitembg_off.jpg) no-repeat center top;
	color: #fff;
	text-decoration: none;
	padding: 4px 0 8px 0;
}

ul.otherpageitems li a:hover, ul.otherpageitems li a:visited:hover, ul.otherpageitems li a.selected {
	background: #f90 url(../img/otherpageitembg_on.jpg) no-repeat center top;
	color: #333;
}

ul.pagenums, ul.postnav {
	float: right;
	padding-top: 4px;
}

ul.pagenums li {
	float: left;
	margin-left: 4px;
}

ul.postnav li {
	float: left;
	margin-left: 16px;
}

.pagenums a:link, .pagenums a:visited, .pagenums a:active {
	color: #333;
	text-decoration: none;
}

.postnav a:link, .postnav a:visited, .postnav a:active {
	color: #fff;
	text-decoration: none;
}

.pagenums a:hover, .pagenums a:visited:hover, .pagenums a.selected, .postnav span, .postnav a:hover, .postnav a:visited:hover {
	color: #f90;
}

.blogpost {
	margin-bottom: 5px;
	background: #fff;
	float: left;
	width: 658px;
	overflow: auto;
	padding: 10px;
}

.blogpostbg {
	background: #fff url(../img/footerbg.jpg) repeat-x left bottom;
}

.postimg {
	height: 106px;
	min-height: 106px;
	width: 120px;
	float: left;
}

.postdetails {
	width: 528px;
	float: right;
}

.fullcontent {
	width: 100%;
	padding: 10px 0;
	float: none;
	margin-bottom:20px;
}

.fullcontent ol {
	width: 90%;
	padding: 10px ;
	margin: 10px ;
	
	float: none;
	list-style-type: decimal ;    
}

.fullcontent li {
	padding: 10px ;
}

.postdetails a:link, .postdetails a:visited, .postdetails a:hover {
	color: #f90;
	text-decoration: none;
}

.postdetails a:hover, .postdetails a:visited:hover {
	text-decoration: underline;
}

.postdetails h2 {
	color: #f90;
	font-size: 22px;
	line-height: 22px;
	font-weight: normal;
	border-bottom:1px solid #ccc;
}

.postdetails h3 {
	color: #999;
	font-weight: normal;
}

.postdetails h4 {
	color: #999;
	font-weight: normal;
	margin:10px 0 0px 0;
	font-size: 16px;
	line-height: 16px;
	padding:0;
}

.postdetails h3 span {
	color: #333;
}

.postdetails p {
	margin-top: 5px;
}

/* @end */

/* @group comments */

#comments {
	margin-top: 20px;
	border-top: 1px solid #f90;
	clear: right;
}

.singlecomment {
	clear: left;
	float: left;
	width: 638px;
	padding: 10px 10px 0 10px;
	margin-bottom: 10px;
	background: #ccc;
	overflow: auto;
}

.singlecomment a:link, .singlecomment a:visited, .singlecomment a:active, .newcommentoptions a:link, .newcommentoptions a:visited, .newcommentoptions a:active {
	color: #f90;
	text-decoration: none;
}

.singlecomment a:hover, .singlecomment a:visited:hover, .newcommentoptions a:hover, .newcommentoptions a:visited:hover {
	text-decoration: underline;
}

.commentdetails {
	width: 210px;
	margin: 0 10px 10px 0;
	float: left;
}

.commentcontent {
	width: 418px;
	float: left;
}

.commentcontent p {
	margin-bottom: 10px;
}

#comments h3 {
	clear: left;
	font-weight: normal;
	color: #f90;
	margin-bottom: 10px;
}

.leavecomment {
	clear: both;
	overflow: auto;
}
.newcomment {
	float: left;
}

.commentinput {
	border: 1px solid #ccc;
	height: 66px;
	width: 460px;
	padding: 10px;
	font: 12px/16px "Trebuchet MS", Verdana, serif;
	color: #333;
	margin-right: 10px;
}

.commentpost {
	margin-top: 5px;
	background: #fff url(../img/submitbg.jpg) no-repeat right center;
	padding: 0 20px 0 0;
	border: 0;
	font: 12px/12px "Trebuchet MS", Verdana, serif;
	color: #f90;
	cursor: pointer;
}

/* @end */

/* @group social media toolbar */

#toolbar {
	clear: left;
	margin-top: 10px;
	border-top: 1px solid #f90;
	padding: 10px 0;
	overflow: auto;
}

#toolbar ul {

}

#toolbar ul li {
	float: left;
	margin-top: 2px;
	margin-right: 10px;
	padding-top: 3px;
	padding-bottom: 5px;
}

#toolbar ul li a:link, #toolbar ul li a:visited, #toolbar ul li a:active {
	color: #333;
	text-decoration: none;
}

#toolbar ul li a:hover, #toolbar ul li a:visited:hover {
	text-decoration: underline;
}

#toolbar ul li.toolsocmedia {
	padding-left: 20px;
	text-transform: lowercase;
}

#toolbar ul li.toolfacebook {
	background: url(../img/icon_facebook.gif) no-repeat left center;
}

#toolbar ul li.toollinkedin {
	background: url(../img/icon_linkedin.gif) no-repeat left center;
}

#toolbar ul li.tooltwitter {
	background: url(../img/icon_twitter.gif) no-repeat left center;
}

#toolbar ul li.toolsubscribe {
	padding-right: 20px;
	background: url(../img/submitbg.jpg) no-repeat right center;	
}

#toolbar ul li.toolsubscribe a:link, #toolbar ul li.toolsubscribe a:visited, #toolbar ul li.toolsubscribe a:active {
	color: #f90;
}

/* @end */



/* @group blog sidebar */

#sidebar {
	margin-top: 10px;
	float: left;
	width: 232px;
	background: #f90 url(../img/feedbackbg.jpg) no-repeat center bottom;
}

#sidebar .boxcontent {
	background: url(../img/feedbacktitlebottom.jpg) repeat-x left top;
	padding: 15px 10px 0 10px;
	color: #333;
}

#sidebar .boxcontent a:link, #sidebar .boxcontent a:visited, #sidebar .boxcontent a:active {
	text-decoration: none;
	color: #333;
}

#sidebar .boxcontent a:hover, #sidebar .boxcontent a:visited:hover {
	color: #fff;
}

#sidebar .boxcontent span {
	color: #fff;
}

#sidebar h4 {
	color: #333;
	font-weight: bold;
	padding-bottom: 5px;
	border-bottom: 1px solid #333;
	margin-bottom: 10px;
	text-transform: uppercase;
}

#sidebar h4.member {
	margin-top: -20px;
	margin-bottom: 30px;
	padding-bottom: 0;
	border-bottom-width: 0;
}

#sidebar .boxcontent ul {
	margin: 0 0 30px 30px;
	list-style-type: disc;
	list-style-position: outside;
}

#sidebar .boxcontent ul li {
	margin-bottom: 4px;
}

.sidebarform {
	margin-bottom: 30px;
	overflow: auto;
}

.sidebartext {
	color: #999;
	width: 204px;
	border: 0;
	padding: 4px;
	margin-bottom: 4px;
	line-height: 1px;
}

.sidebarshort {
	color: #999;
	width: 180px;
	border: 0;
	padding: 4px;
	margin-bottom: 4px;
	float: left;
	line-height: 1px;
}

.sidebarsubmit {
	width: 24px;
	height: 21px;
	
	border: 0;
	padding: 4px;
	margin-bottom: 4px;
	float: left;
	text-indent: -100px;
	cursor: pointer;
	background: #fff url(../img/submitbg.jpg) no-repeat center center;
	line-height: 1px;
}

/* @end */

/* @group secondary page */

#leftfeatures {
	width: 232px !important;
	float: left;
	margin-right: 20px;
}

.leftcolfeature {
	float: none;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

#secondarypagecontent {
	overflow: auto;
}

#secondarycontentcolumn {
	width: 688px;
	float: left;
}

.secondarytext {
	background: #fff;
	width: 100%;
	float: none;
}

.secondarytext .fullcontent {
	padding: 0;
}

.secondarycontent h1 {
	color: #f90;
	font-size: 50px;
	line-height: 60px;
	padding-bottom: 10px;
	border-bottom: 1px solid #333;
	font-weight: normal;
	margin-bottom:10px;
}

.nopadding {
	padding: 0;
}

/* @end */

/* @group footer */


#footer {
	clear: left;
	overflow: auto;
	padding-bottom: 30px;
}

#footmenu {
	width: 920px;
	padding: 10px 0 30px 20px;
	background: url(../img/footerbg.jpg) repeat-x left bottom;
	margin-bottom: 10px;
	overflow: auto;
	text-transform: uppercase;
}

.footsection {
	float: left;
	margin-right: 80px;
}

.footsectionlast {
	margin-right: 0;
}

.footsection a:link, .footsection a:visited, .footsection a:active {
	color: #333;
	text-decoration: none;
}

.footsection a:hover, .footsection a:visited:hover {
	color: #f90;
}

.footsection h4 {
	font-size: 14px;
	line-height: 14px;
	color: #000;
	font-weight: bold;
}

.footsection ul {
	margin-top: 2px;
}

.footsection ul li {
	font-size: 11px;
	line-height: 1;
	float: left;
	padding-right: 8px;
	border-right: 1px solid #333;
	margin-right: 8px;
}

.footsection ul li.last {
	float: left;
	padding: 0;
	border-width: 0;
	margin: 0;
}

.footercopy {
	border-top: 1px solid #ccc;
	padding-top: 5px;
}

.footerlogos {
	float: left;
}

#footer p {
	float: right;
	text-align: right;
	font-size: 10px;
	line-height: 10px;
	text-transform: uppercase;
}

/*

@end */

#pageend {
	height: 46px;
	background: url(../img/pagecontentbottombg.jpg) no-repeat center top;
}