/* @group Reset */

/* RESET
	no editing required
----------------------------------------------------------------------------- */


body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}

fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}

h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}

a { 
	outline: 0; 
}

.floatleft { float: left; margin: 1.5em;}
.floatright { float: right; margin: 1.5em;}
.clearfloat { clear: both;}

/* @end */

/* @group Base Typo */

/* BASE 
----------------------------------------------------------------------------- */

body {
	font: 13px/1.5em "Lucida Grande", Lucida, Verdana, sans-serif;
	color: #e5e5e5;
	background-color: #333333;
	/*background: #f9f7e8 url(../images/interface/shared/header_bknd_blue3.png) repeat-x top center;*/
}

body.lightBknd {
	color: #333333;
	background-color: #e5e5e5;
}

p {
	line-height:1.5em;
}

.italic, em {
	font-style: italic;
}

.bold, strong {
	font-weight: bold;
}

.capitalize {
	text-transform: capitalize;
}

.hidden {
	visibility: hidden;
}

h1, h2, h3 {
	/*color: #514b41;*/
	font-weight: 700;
	
}

/*don't want headlines to be all uppercase*/
.help h1, .help h2, .help h3 {
	text-transform: none;
}

h1 {	
	font-size:32px;
	line-height:1.3em;
	/*margin-bottom: .8em;*/
	
}

h2 {
	font-size:26px;	
	line-height:1.3em;
}

h3 {
	font-size:20px;
	line-height:1.3em;
	padding-top: 1em;
}

h4 {
	font-size: 15px;
	font-weight: bold;
	line-height: 1.3em;
	/*padding-top: 1em;*/
	padding-bottom: 1em;
}

hr {
	background-color:#d2d2ca;
	border:#d2d2ca;
	height:1px;
}

blockquote {
	margin: auto;
	margin-top: 10px;
	margin-bottom: 10px;
	/*padding: 20px;*/
	padding: 12px;
	padding-top: 20px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}

cite {
	font-size: .9em;
}

/*had to change font-size to be px - see .reviews p in Books*/
.quote {
	/*font-size: .9em;*/
	background: url(../images/interface/shared/quote_gray.png) no-repeat scroll 5px 12px;
	padding-left: 50px;
	font-style: italic;
}

.textLeft {
	text-align: left;
}

.center {
	text-align: center;
}

.indent {
	margin-left: 20px;
}

.reference {
	font-size: .85em;
}

h1.marginBottom {
	margin-bottom: 1.3em;
}

/* @end */

/* @group Links */

/* LINKS 
----------------------------------------------------------------------------- */

a,
a:visited {
	color: #a7a7a7;
	text-decoration:none;
	font-weight: bold;
}

a:hover,
a:visited:hover {
	color: #868686; text-decoration:none;
}

body.lightBknd a,
body.lightBknd a:visited {
	color: #333333;
	text-decoration:none;
	font-weight: bold;
}

body.lightBknd a:hover,
body.lightBknd a:visited:hover {
	color: #868686;
	text-decoration:none;
}

.linkHighlight,
.linkHighlight:visited {
	background: #cbcbcb;
	padding-left: 3px;
	padding-right: 3px;
}

.linkBrown,
.linkBrown:visited {
	color: #514b41;
}

.linkBrown:hover,
.linkBrown:visited:hover {
	color: #7a7162;
}

/* @end */

/* @group SiteWrapper */

/* SITE WRAPPER
----------------------------------------------------------------------------- */

/* The entire body of the design - in case want bknd */
#siteWrapper{
	/*background-color: #ff73d0;*/ /*4testing*/
}

/* @end */

/* @group Page Wrapper */

/* PAGE WRAPPER
----------------------------------------------------------------------------- */

#pageWrapper{
	width:100%;
	margin: 0 auto;
		
	/*--- CHANGE to these if don't want full 100%. 
	      will also need to adjust padding for inner wrappers
	      and add BODY background color ---*/
	/*width:950px;
	margin: 0 auto;*/ /*need to center in browser*/
}

/* @end */

/* @group Header */

/* HEADER
----------------------------------------------------------------------------- */

#headerWrapper{
	width:100%;
	overflow:inherit;
	background-color: #000000;
}

#header {
	width: 950px;
	margin: 0px auto; /*need to center in browser*/
}

#logoWrapper{
	float: left;
	margin-top: 30px;
	margin-left: 20px; /*added for logo to align with content*/

}

#logo a {   
	display: block;   
	background:  url(../images/interface/shared/logo.png) top;   
	width: 200px;
	height: 57px;
	padding: 0;
}

/* @end */

/* @group Member Account */

/* MEMBER ACCOUNT
----------------------------------------------------------------------------- */

#memberAcctWrapper{
	/*width:100%;*/
	float: right;
	margin-top: 35px;
	margin-right: 10px;
	/*margin-bottom:14px;*/
	/*padding: 10px;
	background-color: yellow;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;*/
}

#memberAcct{
	/*width: 950px;*/
	margin: 0 auto; /*need to center in browser*/
	text-align: right;
}

#memberAcct li{ 
    display: block;
    line-height: 1.6em;
    color: #F6F6F4;
}

.memberName {
	font-size: 1.2em;
	font-weight: bold;
	font-family: Georgia, "Times New Roman", Times, serif;
	letter-spacing: .1em;
}

.memberIcon {
	height: 16px;
	margin-right: 8px;
}

/* @end */

/* @group Nav */

/* NAV 
----------------------------------------------------------------------------- */

#navMainWrapper{
	width:100%;
	background-color: #000000;
}

#navMain {
	width: 950px;
	height: 16px; /*was 20 need since using floats in navLeft&Utility*/
	margin: 0 auto; /*need to center in browser*/
	text-align: left;
	padding-top:50px;
	padding-bottom: 6px;
	padding-left: 12px;
}

#navMain li { 
    display: inline;
    font-size: 15px;
    padding-left: 6px;
    padding-right: 6px; /*used to add space between links*/
    text-transform: uppercase;
}

#navMain li a:link,
#navMain li a:hover,
#navMain li a:visited,
#navMain li a:visited:hover,
#navMain li.selected a:link,
#navMain li.selected a:visited {
	position: relative; /*needed for IE to read padding when using floats*/
	text-decoration: none;	
    color: #FFFFFF;
    padding-left:10px;
    padding-right:10px;
    padding-top:5px;
    padding-bottom:4px;
	margin-left:4px;
	margin-right:4px;
	background: none;
}

#navMain li a:hover,
#navMain li a:visited:hover,
#navMain li.selected a:link,
#navMain li.selected a:visited {
    /*color: #000000;*/
    background-color: #868686;
    /*-moz-border-radius: 20px;
	-webkit-border-radius: 20px;*/
}
#navLeft { /*just use navMain if no need for navRight*/
	float: left;
}

#navRight {
	float: right;
	padding-right: 16px;
}

/* @end */

/* @group Nav Secondary */

/* SECONDARY NAV MENU 
----------------------------------------------------------------------------- */

#navSecWrapper{
	/*width:100%;*/
	float: right;
	margin-top: 85px;
	margin-bottom:14px;
	/*background-color: yellow;*/
	/*-moz-border-radius: 10px;
	-webkit-border-radius: 10px;*/
}
	
#navSec{
	/*width: 950px;*/
	margin: 0 auto; /*need to center in browser*/
	text-align: right;
}

#navSec ul{ 
    padding: 0px;
}

#navSec li{ 
    display: inline;
}

#navSec li a:link,
#navSec li a:hover,
#navSec li a:visited,
#navSec li a:visited:hover {
    text-decoration: none;
    color:#B0B3B6;
    padding-left:10px;
    padding-right:10px;
    padding-top:2px;
    padding-bottom:2px;
	margin-left:3px;
	margin-right:3px;
	font-size: 12px;
	font-weight: normal;
}

#navSec li.selected a:link,
#navSec li.selected a:visited,
#navSec li a:hover,
#navSec li a:visited:hover {
    color: #83BA47;
    /*color: #ffffff;*/
    /*background-color: #8AC1D8;*/
	/*-moz-border-radius: 4px;
	-webkit-border-radius: 4px;*/
}

/* @end */

/* @group Subhead */

/* SUBHEAD
----------------------------------------------------------------------------- */

#subHeadWrapper{
	width:100%;
	overflow:inherit;
	background-color: #868686;
}

#subHead {
	width: 950px;
	margin: 20px auto 0; /*need to center in browser*/
	margin-top: 0px;
}

#subHead p{
	font-size:1.2em;
	font-weight:normal;
	color:#B3DEFB;
}

#subHead h2 {
	text-transform: uppercase;
	/*text-align: right;*/
	padding-top:60px;
	padding-bottom:10px;
	padding-left:10px;
	padding-right:30px;
	/*border-bottom: #DEE2E6 1px solid;*/
}

/* @end */

/* @group Content */

/* CONTENT
----------------------------------------------------------------------------- */

#contentWrapper{
	width: 100%;
	min-height:400px; /*changed from 500px*/
	overflow:inherit;
	/*background-color: #ed862d;*/ /*4testing*/
	padding-bottom: 70px;
}

#content { /*Clear float in HTML due to columns*/
	width: 950px;
	margin: 0 auto; /*need to center in browser*/
	/*background-color: #ff6a65;*/ /*4testing*/
	/*-moz-border-radius: 10px;
	-webkit-border-radius: 10px;*/	
}

#contentMain {
	/*width:650px;*/
	width:610px;
	float: left;
	margin-top: 70px; /*same as #sidebar*/
	margin-left:25px;
	margin-right: 20px;
	/*background-color: #819644;*/ /*4testing*/
}

#contentMain.full {
	width: 900px;
}

#sidebar {
	width: 250px; /*this + contentMain margin & width can't be larger than #content width*/
	float: right;
	/*border-right:#E7E8EA 1px solid;*/
	margin-top: 70px; /*same as #contentMain*/
}

.oneColumn{
	width: 100%;
	float: left;
}

.twoThird{
	width: 66%;
	float: left;
}

.twoColumn{
	width: 50%;
	float: left;
}

.threeColumn{
	width: 33%;
	float: left;
}

.fourColumn{
	width: 25%;
	float: left;
}

/*#content .twoColumn p{
	padding-bottom: 20px;
	padding-right: 70px;
}*/

#contentMain p {
	padding-top: .7em;
	padding-bottom: .7em;
}

#contentMain h1 {
	margin-bottom: 20px;
	font-weight: 200;
}

#contentMain h2 {
	margin-top: 34px; /*needs to be margin, padding not work in IE*/
	margin-bottom: 4px;
}

#contentMain h2:first-of-type {
	margin-top: 5px;
}

#contentMain li, #tabGroup li { /*Override in Tab group*/
	padding-bottom: 5px;
}

#contentMain ul, #tabGroup ul { /*Override in Tab group*/
	list-style-position: outside;
	line-height: 1.5em;
	list-style-type: disc;
	margin-left: 40px;
	margin-right: 45px;
	padding-top: 10px;
	padding-bottom: 10px;
}

#contentMain ol {
	list-style-position: outside;
	list-style-type: decimal;
	line-height: 1.5em;
	margin-left: 40px;
	margin-right: 45px;
	padding-top: 10px;
	padding-bottom: 10px;
}

.box {
	background-color: #faf9f5;
	border:#e1ded0 1px solid;
	padding: 20px;
}

.contactMethods { /*Override in h3 in contentMain used in 1st instance*/
	padding-top: 0px;
}

/* @end */

/* @group Sidebar Box */

/* SIDEBAR BOXES
----------------------------------------------------------------------------- */

.sidebarBox, .sidebarBox2 {
	float:left;
	width:180px; /*total adds up to 220px*/
	overflow:hidden;
	display: inline;
	margin-bottom: 40px;
	/*-moz-border-radius: 8px;
	-webkit-border-radius: 8px;*/
}

.sidebarBox {
	width:220px;
	border:#e5e5e5 1px solid;
}

.sidebarBox2{
	background-color: #fcfcfc;
	border:#e5e5e5 1px solid;
	padding: 20px;
}

.blueSidebar {
	border:#C8E6FB 1px solid;
	background-color: #D8EDFB;
}

.darkGraySidebar {
	border:#333333 1px solid;
	background-color: #474747;
}

.darkGraySidebar2 {
	border:#333333 1px solid;
	background-color: #232323;
}

#sidebar .darkGraySidebar2 h2 {
	color: #e5e5e5;
}

.sidebarSearch {
	border:#FFFFFF 1px solid;
	background-color: #FFFFFF;
	margin-bottom: 20px;
}

.sidebarBox h2, .sidebarBox2 h2 {
	font-size:20px;
	line-height:1em;
	color:#363636;
}

.sidebarMenu h2 {
	font: 16px;
	font-weight: 200;
	color: #FFFFFF;
	padding-left: 8px;
	padding-top: 8px;
	padding-bottom: 4px;
	/*margin-bottom: 6px;*/
	/*background-color: #cbcbcb;*/
	background-color: #474747;
}

.sidebarMenu p {
	padding:10px;
	font-size: 11.5px;
}

.sidebarBox2 p {
	font-size:11.5px;
	line-height:1.5em;
	padding-top: 4px;
	/*color:#363636;*/
}

.sidebarBox2 ul{
	text-decoration: none;
}

.sidebarBox2 li {
	font-size: .9em;
	line-height: 1.5em;
	padding-top: 5px;
	padding-bottom: 7px;
	padding-left: 24px;
}

.noPaddingLeft li {
	padding-left: 0;
}

/*Menu Links*/

.sidebarMenu{
	/*background-color: #fcfcfc;*/
	background-color: #cbcbcb;
}

.sidebarMenu ul{
	text-decoration: none;
}

.sidebarMenu li {
	font-size: 13px;
	/*text-transform: uppercase;*/
	line-height: 15px; 
	list-style:none;
	padding: 2px;
	border-bottom:#e5e5e5 1px solid;
	font-weight: bold;
}

.sidebarMenu li:first-of-type {
	border-top:none; /*need because am stroking whole .sidebarMenu*/
	/*padding-top: 5px*/
}

/*.sidebarMenu li img{
	height: 23px;
	width: 23px;
	float: left;
	padding-left: 3px;
	padding-right: 13px;
}*/

.sidebarMenu li a {
	display:block;
	text-decoration: none;
	color: #333333;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left:10px;
}

.sidebarMenu li a:hover,
.sidebarMenu li a:visited:hover,
.sidebarMenu li.selected a:link,
.sidebarMenu li.selected a:visited {
	color: #FFF;
	/*color: #333333;*/
	/*background-color: #e5e5e5;*/
	background-color: #6a6a6a;
	/*-moz-border-radius: 20px;
	-webkit-border-radius: 20px;*/
}

/*Small Image Links*/

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

.media a:link,
.media a:hover,
.media a:visited,
.media a:visited:hover {
	text-decoration: none;
	list-style:none;
	color:#000;
	font-weight: normal;
}

.media a:hover,
.media a:visited:hover {
	color: #4784B6;
}

/* @end */

/* @group Home Feature */

/* HOME FEATURE
----------------------------------------------------------------------------- */

#featureWrapper {
	width:100%;
	overflow:inherit;
	padding-top: 20px;
}

#feature, #feature2 {
	margin: 0 auto; /*need to center in browser*/
	padding:50px;
	margin-top: 20px;
	margin-left:25px;
	margin-right: 28px; /*match where sidebar ends*/
	background-color:#000000;
	height:375px;
}

#feature2 {
	padding:40px;
	height:250px;
}

#contentMain.feature {
	margin-top: 40px;
}

#contentMain.feature2 {
	margin-top: 20px;
}

#sidebar.home {
	margin-top: 40px;
}

#feature img, #feature2 img {
	border: 1px solid #cbcbcb;
}

#feature h1, #feature2 h1 {
	font-size:30px;
	font-weight: 200;
}

.featureImage {
	width: 50%;
	float: left;
}

.featureImage2 {
	width: 40%;
	float: left;
}

.featureText {
	width: 50%;
	float: right;	
	margin-top: 290px;
	/*margin-top: 205px;*/
	text-align: right;
}

.featureText2 {
	width: 60%;
	float: right;
	margin-top: 20px;
	text-align: left;
	/*padding-left: 30px;*/
	/*padding-right: 50px;*/
}

#feature .featureClassic img {
	float: right;
	border: 0;
}

.homePost {
	background: #474747;
	padding: 20px;
	margin-bottom: 40px;
	/*margin-left: 50px;*/
}

.homePost p {
	color: #cbcbcb;
}

.homePost a,
.homePost a:visited {
	color: #FFFFFF;
}

.homePost a:hover,
.homePost a:visited:hover {
	color: #a7a7a7;
}

#sidebar.home hr {
	background-color:#474747;
	border:#474747;
	height:1px;
}

#sidebar.home h2 {
	color: #FFFFFF;
}

#sidebar.home p {
	color: #cbcbcb;
	font-size: .85em;
}

#sidebar.home li {
	color: #cbcbcb;
	font-size: .85em;
}

#contentMain.home h2 {
	color: #FFFFFF;
	margin-top: 5px; /*need for IE*/
}

#contentMain.home p {
	color: #cbcbcb;
}

/* @end */

/* @group Portfolio */

/* PORTFOLIO - SEE PRODUCTS TOO
----------------------------------------------------------------------------- */

.portfolioTitle {
	float: left;
}

.portfolioDesc {
	color: #cbcbcb;
	background-color: #474747;
	padding-left: 34px;
	padding-right: 24px;
	padding-top: 24px;
	padding-bottom: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
}

.portfolioStatement {
	margin-right: 40px;
}

.portfolioExhibAward {
	font-size: .85em;
	margin-left: 20px;
	margin-top: 40px;
	border-left: 1px solid #363636;	
}

#contentMain .portfolioExhibAward p {
	padding-left: 25px;
	padding-bottom: 0px;
}

#contentMain .portfolioExhibAward ul {
	margin-left: 20px;
	padding-top: 0;
	padding-left: 25px;
}

#contentMain .portfolioExhibAward li {
	padding-bottom: 15px;
}

#contentMain .portfolioPrintSize li {
	padding-bottom: 0px;
}

.iconPrinter {
	display: inline-block;
	position: relative;
	/*top: -35px;
	left: 840px;*/
	top: 40px;
	left: 675px;
}

/* @end */

/* @group Portfolio DD Menu */

/* PORTFOLIO DROP DOWN MENU
----------------------------------------------------------------------------- */

#portfolioDD {
	float: right;
	margin-top: 5px;
	margin-right: 20px;
	/*need because it covers portfolio image*/
		z-index:15; 
}

/* @end */

/* @group Products */

/* PRODUCTS
----------------------------------------------------------------------------- */

#purchase .box {
	padding: 5px;
}

#purchase .price {
	padding-left: 15px;
	padding-right: 15px;
}

#purchase {
	margin-top: 10px;
}

#purchase ul {
	line-height: 1.5em;
	list-style-type: none;
	margin-left: 20px;
	margin-right: 30px;
	padding-top: 0px; /*was 10*/
	padding-bottom: 20px; /*was 10*/
}

#purchase p {
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
	/*font-weight: bold;
	font-size: 16px;*/
}

#purchase h4 {
	font-size: 15px;
	text-transform: uppercase;
	font-weight: bold;
	line-height: 1.3em;
	padding-top: 1em;
}

#purchase p:last-of-type {
	margin-bottom: 0px;
}

.productListWrapper {
	width:100%;
	overflow:inherit;
	/*margin-top: 10px;*/
}

.productListBox {
	width: 250px;
	float: left;
	padding-bottom: 0px;
	padding-left: 25px;
	padding-right: 25px;
	margin-top: 20px;
}

.productListDesc {
	clear:left;	
	height: 65px; /*set this in case right box is shorter need to floatleft for 3rd product. change if have more text.*/
	overflow: hidden;
}

.productListBox:last-of-type {
	padding-right: 0px;
}

.productListTitle {
	/*font-size: 14px;*/
	font-size: .9em;
	color: #FFFFFF;
	text-align: center;
}

.productListTitleItem {
	font-size: 10px;
	color: #868686;
	text-align: right;
}

/*.productListBox h2 {
	font-size: 14px;
}*/

.productListBox p {
	margin-right: 30px;
}

.productListBox img {
	border: 1px solid #a7a7a7;
	margin-top: 5px; /*not here*/
	margin-bottom: 10px; /*was 30 with bknd*/
	padding-left: 0px; /*centers inside of box at 200wide*/
}

.product_hoverPhoto {
	/*border: 1px solid #474747;*/
	background: url(../images/interface/portfolio/img_portfolio_hover_spacer.gif) repeat scroll 0 0 transparent;
	display:block;
	height:250px;
	position:absolute;
	width:250px;
	z-index:5;
}

.product_hoverPhoto:hover {
	background: transparent url(../images/interface/portfolio/img_portfolio_hover_sm.png) no-repeat scroll 190px 195px;
}

/*Good for showing image with matte*/
.productMatted {
	background-color:#fcfcfc;
	border:2px solid #474747;
	padding:40px;
	margin: 10px 5px 10px 70px;
}

.sidebarFeatureProduct {
	padding-top: 5px;
	text-align: center;
}

.sidebarFeatureProduct img {
	margin-bottom: 5px;
	border: 1px solid #a7a7a7;
}

/*.productListBox img:hover {
	border: 1px solid #fff;
}*/

/*need this to fix added <p> tags in Wygwam*/
.reviews p {
	font-size: 10.5px;
	margin: 0px;
	padding: 0px;
	padding-top: 7px;
	padding-bottom: 7px;
}

.sidebarBookTitle {
	font-size: 10.5px;
	line-height: 14px;
	font-weight: bold;
	font-style: italic;	
}

/* @end */

/* @group About */

/* ABOUT 
----------------------------------------------------------------------------- */

#contentMain .resume ul {
	margin-left: 30px;
}

#contentMain .resume li {
	padding-bottom: 10px;
}

.favLinks h3 {
	padding-top: 1.5em;
	padding-bottom: -1em;
}

#contentMain .favLinks p {
	padding-top: .2em;
}

/* @end */

/* @group Blog */

/* Blog
----------------------------------------------------------------------------- */

#blog {
	width: 100%;
	margin: 0 auto;
}

/*overrides contentMain h2*/
#blog.list h2 {
	margin-top: 5px;
}

#blog.detail h1 {
	margin-bottom: 5px;
}

#blog .blogPost {
	/*background: #f4f4f4;*/
	background: #fcfcfc;
	padding: 20px;
	margin-bottom: 40px;
	margin-left: 50px;
}

#contentMain.full .blogPost {
	/*width: 75%;*/
}

#blog .date {
	width:50px;
	float:left;
	font-weight:bold;
	padding: 3px;
	margin: -10px 0 0 -77px;
	position:relative;
	text-align:center;
	text-transform:uppercase;
	background-color: #6a6a6a;
	/*-moz-border-radius: 6px;
	-webkit-border-radius:6px;*/
}

#blog .date_icon {
	display: block;
	position: relative;
	/*background: #f4f4f4;*/
	padding: 6px;
}

#blog .date_day {
	display: block;
	position: relative;
	font-size: 22px;
	color: #faf9f5;
	padding-top: 0px;
}

#blog .date_month, #blog .date_year {
	display: block;
	font-size: 14px;
	color: #faf9f5;
}

#blog.detail .entryTop {
	margin-bottom: 40px;
}

#blog .entryTop {
	margin-top: 8px;
	margin-bottom: 8px;
	
}

#blog p.entryTop {
	font-size: .9em;
	font-weight: bold;
	/*color: #000;*/
	padding: 2px;
	padding-left: 0px;
	border-top: 1px solid #cbcbcb;
	border-bottom: 1px solid #cbcbcb;
	/*text-align: right;*/
}

#blog img, img.withbknd {
	max-width: 95%;
	padding: 7px;
	margin-top: 7px;
	margin-bottom: 7px;
	/*background: #eaeaea;*/
	background: #f4f4f4;
	/*-moz-border-radius: 6px;
	-webkit-border-radius:6px;*/
}

#blog img.nobknd {
	max-width: 100%;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	background: none;
}

.lineHor {
	border-bottom:#c0c0c0 1px dashed;
	margin-top:25px;
	margin-bottom:25px;
}

.lineHor:last-of-type {
	border-bottom:#FFFFFF 1px dashed;
	margin-top:25px;
	margin-bottom:25px;
}

.list .lineHor {
	border-bottom:#c0c0c0 1px dashed;
	margin-top:12px;
	margin-bottom:22px;
}

.tags {
	margin-top:20px;
	margin-bottom:20px;
	font-size:11px;
	/*background: transparent url(../images/interface/icons/blog_tag.png) no-repeat;*/
	background-color: #faf9f5;
	border:#e1ded0 1px solid;
	padding: 5px;
	padding-left: 10px;
}

.tag {
	color:#f59b2a;
	cursor:pointer;
	margin: 0 10px;
}

a.tag,
a.tag:visited {
	color:#f59b2a;
	text-decoration:none;
}

a.tag:hover {
	color: #f7b25b;
	text-decoration:underline;
	margin:0 10px;
}

/*Comments*/

#commentDetail { /*similar to scanDetail*/
	padding: 25px;
	padding-top: 0px;
	/*background-color: #fbf8e0;
	border:1px solid #fbf3b0;*/
	/*need to use white because if don't have any comments don't want detail area to show*/
	background-color: #FFFFFF;
	border:1px solid #FFFFFF;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

.authorComment {
	padding-top:25px;
	padding-bottom:35px;
	border-bottom:#d2d2ca 1px solid;
}

#blog .gravatar img {
	width: 45px;
	height: 45px;
	float: left;
	margin: 0 15px 0 0;
	padding: 5px;
	border:#E7E8EA 1px solid;
	background-color: #FFFFFF;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;

}

#contentMain .commentText p {
	font-size: .9em;
	color: #444444;
	margin-left: 75px; /*need for vertical align position */
	padding-top: 5px;
	padding-bottom: 5px;
}

.replyHead {
	color:#888;
	font-size:11px;
	margin-left: 3px; /*need to adjust to commentText p */
}

.author, .reply {
	margin:0 4px 0 4px;
	font-weight:bold;
	cursor:pointer;
	color:#444444;
}

a.author:hover, a.reply:hover {color:#888;}

/* @end */

/* @group Contact */


/* CONTACT
----------------------------------------------------------------------------- */



.getInTouch {
	line-height:15px;
}

.getInTouch ul li.phoneContact, .getInTouch ul li.emailContact, .getInTouch ul li.faxContact,.getInTouch ul li.addressContact, .getInTouch ul li.skypeContact {
	padding-left:35px;
	padding-top:10px;
	margin-bottom:10px;
	}
	
.getInTouch ul li.phoneContact {background: transparent url(../images/interface/contact/phone_gray.png) no-repeat 6px 10px;}
.getInTouch ul li.emailContact {background: transparent url(../images/interface/contact/email_gray.png) no-repeat 3px 10px;}
.getInTouch ul li.faxContact {background: transparent url(../images/interface/contact/fax_gray.png) no-repeat 3px 11px;}
.getInTouch ul li.skypeContact {background: transparent url(../images/interface/contact/skype_gray.png) no-repeat 3px 11px;}
.getInTouch ul li.addressContact {background: transparent url(../images/interface/contact/home_gray.png) no-repeat 3px 10px;}

/* @end */

/* @group Footer */



/* FOOTER
----------------------------------------------------------------------------- */

#footerWrapper {
	width:100%;
	height:auto;
	float:left;
	overflow:inherit;
	background: #000000;
	border-top:#868686 8px solid;
}

body.blackBknd #footerWrapper {
	background: #333333;
}

/*See #footerRightWrapper in Newsletter*/ 

#footer {
	width: 950px;
	margin: 0 auto; /*need to center in browser*/
	margin-top: 20px
	
}

#footer h2 {
	font-size: 26px;
}

#footer .fourColumn, #footer .lastColumn {
	font-size: .85em;
	text-transform: capitalize;
	padding-top: 40px;
	padding-bottom: 40px;
	margin-left: 20px;
}

#footer p {
	font-size: 11px;
	text-align: left;
	/*color: #f9f7e8;*/
	padding-top: 20px;
	padding-bottom: 20px;
}

#footer a:link {color: #f9f7e8; text-decoration:none; font-weight: normal;}
#footer a:visited {color: #f9f7e8; text-decoration:none; font-weight: normal;}
#footer a:hover {color: #b8b6aa; text-decoration:none; font-weight: normal;}
#footer a:visited:hover {color: #b8b6aa; text-decoration:none; font-weight: normal;}

#webTagWrapper{
	width:100%;
	height:auto;
	float:left;
	overflow:inherit;
	background-color: #000000;
}

#webTag {
	width: 950px;
	margin: 0 auto; /*need to center in browser*/
}

#webTag p {
	font-size: 11px;
	text-align: left;
	padding-top: 20px;
	padding-left: 10px;
	padding-bottom: 30px;
}

#webTag .L2Designs {
	font-size: 11px;
	text-align: right;
	padding-right: 30px;
	margin-top: -40px;
}

#webTag a:link, #webTag a:visited {
	color: #474747; text-decoration:none; font-weight: normal;}
#webTag a:hover, #webTag a:visited:hover {
	color: #6a6a6a; text-decoration:none; font-weight: normal;}

/* @end */

/* @group Images */

/* IMAGES
----------------------------------------------------------------------------- */

.imIcon{
	float: right;
	width: 80px;
	padding-top: 10px;
	padding-bottom: 0px;
	padding-left: 8px;
}

#sidebar .imIcon {
	width: 30%;
}

/* @end */

/* @group Buttons */

/* BUTTONS
----------------------------------------------------------------------------- */

.button {
	display: inline-block;
	outline: none;
	font: bold .95em/100% "Lucida Grande", Lucida, Verdana, sans-serif;
	text-align: center;
	text-decoration: none;
	margin-top: 1em;
	padding: .5em 1em .55em; /*In ems to adjust for text size change*/
	-webkit-border-radius: 1.2em;
	-moz-border-radius: 1.2em;
	border-radius: 1.2em;
	cursor:pointer;
}

.button:hover {
	text-decoration: none;
}

/*Colors*/
.yellow, .yellow:visited, .highlight {
	color: #333333;
	border: solid 1px #f1efae;
	background: #f1f0c7;
}

.yellow:hover, .yellow:visited:hover {
	color: #333333;
	background: #f1efae;
}

/**/
.orange, .orange:visited {
	color: #f9f7e8;
	border: solid 1px #f59b2a;
	background: #f59b2a;
}

.orange:hover, .orange:visited:hover {
	color: #f9f7e8;
	background: #f7b25b;
}

/**/
.green, .green:visited {
	color: #fef4e9;
	border: solid 1px #A3BE6C;
	background: #A3BE6C;
}

.green:hover, .green:visited:hover {
	color: #fef4e9;
	background: #B6D17F;
}

/**/
.blue, .blue:visited {
	color: #FFFFFF;
	border: solid 1px #89bfdb;
	background: #89bfdb;
}

.blue:hover, .blue:visited:hover {
	color: #FFFFFF;
	background: #a2d4ee;
}

/**/
.red, .red:visited {
	color: #fef4e9;
	border: solid 1px #b00007;
	background: #b00007;
}

.red:hover, .red:visited:hover {
	color: #fef4e9;
	background: #ef4c44;
}

/**/
.black, .black:visited {
	color: #fef4e9;
	border: solid 1px #333333;
	background: #333333;
}

.black:hover, .black:visited:hover {
	color: #fef4e9;
	background: #000000;
}

/**/
.gray, .gray:visited {
	color: #676A6D;
	border: solid 1px #cecbbe;
	background: #e5e5e5;
}

.gray:hover, .gray:visited:hover {
	color: #676A6D;
	background: #cbcbcb;
}

/**/
.cream {
	background: #faf9f5;
}

/**/

.small {
	font-size: 10.5px;
}

.big {
	font-size: 18px;
}

/* @end */

/* @group Pagination */

/* Pagination
----------------------------------------------------------------------------- */

#pagination {
	font-size:12px;
	padding:10px;
	/*border-top:#ddd 1px solid;*/
}

#pagination ul {
	text-decoration: none;
	margin: 0px;
}

#pagination li {
	display: inline;
	list-style-type: none;
}

#pagination li.selected a:link {
	color: #FFFFFF;
    background-color: #333333;
}

#pagination a, #pagination strong {
	display:block;
	float:left;
	line-height:12px;
	margin:2px 2px 2px 0;
	text-decoration:none;
	width:auto;
	height:auto;
	padding: .4em .5em;
}

#pagination a:hover {
	color:#FFFFFF;
	background:#7BBCE4;
}

/* @end */

/* @group Tabs */

/* TAB
----------------------------------------------------------------------------- */

#tabWrapper {
	width: 550px;
	margin-top: 40px;
}

/* Generic Utility */
.hideTab {
	position: absolute;
	top: -9999px;
	left: -9999px;
}

/* Specific to example one */

#tabGroup .tabGroupPanel {
	background: #e3f2fa;
	padding: 30px;
	margin: 0 0 15px 0;
    -moz-border-radius-topleft: 0px;
	-moz-border-radius-topright: 0px;
	-moz-border-radius-bottomright: 15px;
	-moz-border-radius-bottomleft: 15px;
	-webkit-border-top-left-radius: 0px;
	-webkit-border-top-right-radius: 15px;
	-webkit-border-bottom-left-radius: 15px;
	-webkit-border-bottom-right-radius: 15px;
}

#tabGroup .navTab {
	overflow: hidden;
}

#tabGroup ul { /*Override contentMain ul*/
	list-style-position: none;
	line-height: 1.5em;
	list-style-type: none;
	margin-left: 0px;
	margin-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}

#tabGroup li { /*Override in contentMain li*/
	padding-bottom: 0px;
}

#tabGroup .navTab li {
	/*width: 97px;*/
	float: left;
	margin: 0 5px 0 0;
}

#tabGroup .navTab li.last {
	margin-right: 0;
}

#tabGroup .navTab li a {
	display: block;
	background: #89bfdb;
	color: white;
	font-size: 14px;
	text-align: center;
	padding: 10px 20px 8px;
	-moz-border-radius-topleft: 15px;
	-moz-border-radius-topright: 15px;
	-webkit-border-top-left-radius: 15px;
	-webkit-border-top-right-radius: 15px;
	
}

#tabGroup li a.current,
#tabGroup li a.current:hover {
	background-color: #e3f2fa !important;
	color: #37352a;
}

#tabGroup .nav li a:hover,
#tabGroup .nav li a:focus {
	background-color: #89bfdb;
}

/* @end */

/* @group Search/Newsletter */

/* SEARCH

----------------------------------------------------------------------------- */

/*Search Form Box*/

/*Using this for newsletter form*/

#searchWrapper {
	float: left;
	width:592px; /*follow your image's size*/
	height:71px; /*important*/
	padding:0px;
	margin:0px;
	margin-bottom:35px;
	position:relative;
	background: url(../images/interface/shared/img_newsletter.png) no-repeat;
}

#footerRightWrapper {
	float: right;
	margin-right: 18px;
}
 
#searchWrapper form { display:inline; }
 
.searchBox {
	border:0px; /*important*/
	/*IE doesn't like transparent bknd for searchBox*/
	background-color:#282828; /*important*/
	position:absolute; /*important*/
	top:20px;
	left:290px;
	width:200px;
	height:20px;
}
 
.searchBox_submit {
	border:0px; /*important*/
	background-color:transparent; /*important*/
	position:absolute; /*important*/
	top:14px;
	left:503px;
	width:80px;
	height:30px;
}

#searchWrapper input {
	/*background-color: transparent;*/
	color: #FFFFFF;
}

/*IE 5,6,7 doesn't work with input:focus*/
	/*#searchWrapper input:focus {	
		background-color: #262626;
		color: #FFFFFF;
	}*/

/* @end */

/* @group Campaign Monitor */

/* CAMPAIGN MONITOR 
----------------------------------------------------------------------------- */

#formSideCM {
	padding: 5px;
	padding-top: 5px;
}

#formSideCM span.label{
	font-weight: bold;
	font-size: 11px;
}

/*#formSideCM p{
	line-height: 2em;
}*/

.cmSubmit {
	margin-top: 4px;
}

/* @end */