input[type="text"], input[type="password"], select {
	display:block;
	padding: 5px;
    color: #111;
    border: 1px solid #ccc;
	margin: 0;
    background-color: #fff;
    border-radius: 0;
    line-height: auto;
    font-size: 16px;
    height: 24px;
    width: 96%
}
select {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
	background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeD0iMTJweCIgeT0iMHB4IiB3aWR0aD0iMjRweCIgaGVpZ2h0PSIzcHgiIHZpZXdCb3g9IjAgMCA2IDMiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDYgMyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBvbHlnb24gcG9pbnRzPSI1Ljk5MiwwIDIuOTkyLDMgLTAuMDA4LDAgIi8+PC9zdmc+");
	background-position: 100% center;
	background-repeat: no-repeat;
}
textarea {
	display: block;
	padding: 5px;
    color: #111;
    border: 1px solid #ccc;
      margin: 0 0 1rem 0;
    background-color: #fff;
    border-radius: 0;
    line-height: 1.5em;
    font-size: 16px;
    width: 100%
}
input[type="text"]:focus, input[type="password"]:focus, textarea:focus, select:focus {
	outline: none;
	background: #fff;
	color: #111;
	border: 1px solid #aaa;
}


/* 
label {
	margin-top: 1.1rem;
	padding-left: 4px;
	color: #248dc1;
	opacity: 1.0;
	font-size: 0.8rem;
	text-transform: none;
	letter-spacing: 0.01rem;
	font-weight: 400;
}
 */

/* 
select{
    padding: 6px;
    border: solid 1px #d5d5d5;
    height: auto;
    outline: 0;
    font: normal 15px/100% Titillium Web, sans-serif;
    background: #FFFFFF url('/art/bg_form.png') left top repeat-x;
    -moz-border-radius: 1px;
	-webkit-border-radius: 1px;
	-khtml-border-radius: 1px;
	border-radius: 1px;
    box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
    -moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
    -webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
}
select:focus{ 
    border: solid 1px #83b4e6;
	border-radius: 1px;
    box-shadow: rgba(131,180,230, 0.8) 0px 0px 8px;
    -moz-box-shadow: rgba(131,180,230, 0.8) 0px 0px 8px;
    -webkit-box-shadow: rgba(131,180,230, 0.8) 0px 0px 8px;
}
 */

input[type=submit]{
    padding-top: 7px;
    padding-right: 7px;
    padding-left: 7px;
    padding-bottom: 7px;
    border: solid 1px #bbb;
    outline: 0;
    font: normal 16px/100% Titillium Web, sans-serif;
    font-weight: 600;
    background: #FFFFFF url('/art/bg_form.png') left top repeat-x;
    color: #333;
    -moz-border-radius: 1px;
	-webkit-border-radius: 1px;
	-khtml-border-radius: 1px;
	border-radius: 6px;
    box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
    -moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
    -webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
}
input[type=submit]:hover{ 
    border: solid 1px #83b4e6;
	background: #21a773;
	color: #fff;
    box-shadow: rgba(0,0,0, 0.3) 0px 0px 8px;
    -moz-box-shadow: rgba(0,0,0, 0.3) 0px 0px 8px;
    -webkit-box-shadow: rgba(0,0,0, 0.3) 0px 0px 8px;
}
/* 

textarea { 
    padding-top: 7px;
    padding-right: 7px;
    padding-left: 7px;
    padding-bottom: 5px;
    border: solid 1px #d5d5d5;
    outline: 0;
    font: normal 16px/100% Titillium Web, sans-serif;
    font-weight: 300;
    background: #FFFFFF url('/art/bg_form-textbox.png') left top repeat-x;
    -moz-border-radius: 1px;
	-webkit-border-radius: 1px;
	-khtml-border-radius: 1px;
	border-radius: 1px;
    box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
    -moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
    -webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
}
textarea:focus { 
    border: solid 1px #83b4e6;
	border-radius: 1px;
    box-shadow: rgba(131,180,230, 0.8) 0px 0px 8px;
    -moz-box-shadow: rgba(131,180,230, 0.8) 0px 0px 8px;
    -webkit-box-shadow: rgba(131,180,230, 0.8) 0px 0px 8px;
}
 */
body, html {
	font-weight: 400;
	font-family: Titillium Web, sans-serif;
	font-size: 16px;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.tableTable {
	display: table;
}
.tableRow  {
	display: table-row;
}
.tableTDleft {
	display: table-cell;
	text-align: left;
	vertical-align: middle;
}
.tableTDright {
	display: table-cell;
	text-align: right;
	padding:0 0 0 0;
	margin:0;
}
.tableTDmiddle {
	display: table-cell;
	text-align: center;
}
.nodisplaymediumsmallResp {
	visibility: visible;
}
.displaymediumsmallonly {
	display: none;
}
.displaysmallonly {
	display: none;
}
.inline-block {
	display: inline-block;
}

.mainTable  {
	width:100%;
	max-width: 1100px;
}
.topmargin { margin-top: 30px; }
.inlineblockDesigns {
	display: inline-block; vertical-align: top; margin: 10px;
}
.mediumbutton {
	font-size: 14px;
	background-color: #248dc1;
	font-weight: normal;
	letter-spacing: 1px;
	display: inline-block;
	margin-right:0.5rem;
}
.mediumbutton a:link, .mediumbutton a:visited {
	padding: 7px 13px 7px 13px;
	background-color: #248dc1;
	display: inline-block;
	color: #fff;
}
.mediumbutton a:hover {
	background-color: #e7753f;
	text-decoration: none;
}
.smallbutton {
	font-size: 12px;
	background-color: #248dc1;
	font-weight: normal;
	letter-spacing: 1px;
	display: inline-block;
	margin-right:0.5rem;
}
.smallbutton a:link, .smallbutton a:visited {
	padding: 6px 10px 6px 10px;
	background-color: #248dc1;
	display: inline-block;
	color: #fff;
}
.smallbutton a:hover {
	background-color: #e7753f;
	text-decoration: none;
}

.smallbuttonlogin {
	-webkit-appearance: none;
	-moz-appearance: none;
	font-family: open-sans, sans-serif;
	font-size: 10px;
	cursor: pointer;
	letter-spacing: 0.3em;
	font-weight: 400 !important;
	color: #ffffff;
	line-height: normal;
	text-transform: uppercase;
	border-radius: 4px;
	margin-bottom: 3px;
	background-color: #248dc1;
	padding:6px 8px 6px 10px;
	position: relative;
	display: inline-block;
	transition: background-color 200ms ease-out; 
}
.smallbuttonlogin a:link, .smallbuttonlogin a:visited {
	background-color: #248dc1;
	color: #ffffff;
	padding:6px 8px 6px 10px;
	border-radius: 4px;
	text-decoration: none;
}
.smallbuttonlogin:hover, .smallbuttonlogin:focus {
	background: #222;
	text-decoration: none;
}

.smallbuttonUsers {
	font-size: 10px;
	background-color: #248dc1;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: 0.09rem;
	display: inline-block;
	margin: 0.7rem 0.3rem 0 0;
}
.smallbuttonUsers a:link, .smallbuttonUsers a:visited {
	padding: 2px 5px 2px 5px;
	background-color: #248dc1;
	display: inline-block;
	color: #fff;
}
.smallbuttonUsers a:hover {
	background-color: #e7753f;
	text-decoration: none;
}

.smallbuttonUsers-p1 {
	font-size: 12px;
	letter-spacing: 1.5rem;
	background-color: #248dc1;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: 0.2rem;
	display: inline-block;
	margin: 0.7rem 0.3rem 0 0;
}
.smallbuttonUsers-p1 a:link, .smallbuttonUsers-p1 a:visited {
	padding: 3px 6px 3px 7px;
	background-color: #248dc1;
	display: inline-block;
	color: #fff !important;
}
.smallbuttonUsers-p1 a:hover {
	background-color: #e7753f;
	text-decoration: none !important;
}

.smallbuttondemotout {
	font-size: 14px;
	font-weight: normal;
	letter-spacing: 2px;
	display: inline-block;
	text-transform:uppercase;
}
.smallbuttondemotout a:link, .smallbuttondemotout a:visited {
	padding: 1px 1px 1px 2px;
	display: inline-block;
	color: #fff;
}
.smallbuttondemotout a:hover {
	text-decoration: none;
}
.p1featuredusersleft {
	padding-right: 20px;
	text-align: left;
	display: inline-block;
	width: 100%;
	max-width: 275px;
	vertical-align: top;
}
.p1featuredusersright {
	text-align: left; 
	display: inline-block;
	max-width: 600px; 
	height: auto;
	vertical-align: top;
}
.topFontsLeftHome {
	font-family: Titillium Web, serif;
	font-size: 11px;
	letter-spacing: 2px;
	font-style: 300;
	color: #888888;
	text-transform: uppercase;
	font-weight: 400;
}
.topFontsHome {
	letter-spacing: 2px;
	font-family: Titillium Web, sans-serif;
	font-size: 11px;
	color: #666666;
}
.mainHeader {	
	font-family: Titillium Web, sans-serif;
	font-weight: 400;
	font-size: 1.5rem;
	color: #444;
	margin: 0 20px 22px 28px;
	text-align: left;
}
.mainText {	
	font-family: Titillium Web, sans-serif;
	font-size: 16px;
	color: #333333;
	margin-left: 48px;
	line-height: 1.6em;
	text-align: left;
	font-weight: 300;
}
.testimonials {	
	font-family: Cardo, serif;
	font-size: 24px;
	color: #ffffff;
	line-height: 32px;
	text-align: center;
	font-style: italic;
}
.firstHeader {
	display: none;
	visibility: hidden;
}
.descHeader {
	font-family: Titillium Web, sans-serif;
	font-size: 10px;
	text-align: justify;
}
.descHeader2 {
	font-family: Titillium Web, sans-serif;
	font-size: 9px;
	text-align: justify;
}
.form10pt {
	font-family: Titillium Web, sans-serif;
	font-size: 10px;
}
.form11pt {
	font-family: Titillium Web, sans-serif;
	font-size: 11px;
}
.verdana12pt { font-family: Titillium Web, sans-serif; font-size: 12px; } .verdana12ptbold { font-family: Titillium Web, sans-serif; font-size: 12px; font-weight: 600; } .verdana11pt { font-family: Titillium Web, sans-serif; font-size: 11px; } .verdana11ptbold { font-family: Titillium Web, sans-serif; font-size: 11px; font-weight: 600; } .verdana10pt { font-family: Titillium Web, sans-serif; font-size: 10px; } .verdana10ptbold { font-family: Titillium Web, sans-serif; font-size: 10px; font-weight: 600; } .verdana10ptnorm { font-family: Titillium Web, sans-serif; font-size: 10px; line-height: 16px; } .verdana9pt { font-family: Titillium Web, sans-serif; font-size: 9px; } .verdana9ptbold { font-family: Titillium Web, sans-serif; font-size: 9px; font-weight: 600; } .verdana13pt { font-family: Titillium Web, sans-serif; font-size: 13px; } .verdana13ptbold { font-family: Titillium Web, sans-serif; font-size: 13px; font-weight: 600; } .verdana14pt { font-family: Titillium Web, sans-serif; font-size: 14px; } .verdana14ptbold { font-family: Titillium Web, sans-serif; font-size: 14px; font-weight: 600; } .verdana15pt { font-family: Titillium Web, sans-serif; font-size: 15px; } .verdana15ptbold { font-family: Titillium Web, sans-serif; font-size: 15px; font-weight: 600; } .verdana16pt { font-family: Titillium Web, sans-serif; font-size: 16px; } .verdana16ptbold { font-family: Titillium Web, sans-serif; font-size: 16px; font-weight: 600; } .verdana18pt { font-family: Titillium Web, sans-serif; font-size: 18px; } .verdana18ptbold { font-family: Titillium Web, sans-serif; font-size: 18px; font-weight: 600; } .verdana20pt { font-family: Titillium Web, sans-serif; font-size: 22px; } .verdana20ptbold { font-family: Titillium Web, sans-serif; font-size: 22px; font-weight: 600; } .verdana22pt { font-family: Titillium Web, sans-serif; font-size: 24px; } .verdana22ptbold { font-family: Titillium Web, sans-serif; font-size: 24px; font-weight: 600; } .verdana24ptbold { font-family: Titillium Web, sans-serif; font-size: 28px; font-weight: 600; } .verdana24pt { font-family: Titillium Web, sans-serif; font-size: 28px; } .verdana18ptbold { font-family: Titillium Web, sans-serif; font-size: 20px; font-weight: 600; } .verdana11pt-deep { font-family: Titillium Web, sans-serif; font-size: 13px; line-height: 22px; } .verdana11pt-deep2 { font-family: Titillium Web, sans-serif; font-size: 13px; line-height: 21px; } .verdana12ptdeep { font-family: Titillium Web, sans-serif; font-size: 13px; line-height: 20px; } .verdana12ptdeep2 { font-family: Titillium Web, sans-serif; font-size: 13px; line-height: 16px; } .verdana12ptdeep-justify { font-family: Titillium Web, sans-serif; font-size: 13px; line-height: 20px; text-align: justify; } .verdana12ptdeep-justifyPlain { font-family: Titillium Web, sans-serif; font-size: 13px; line-height: 20px; text-align: justify; font-style: normal; font-weight: normal; } .verdana13ptdeep { font-family: Titillium Web, sans-serif; font-size: 13px; line-height: 21px; } .verdana14ptdeep { font-family: Titillium Web, sans-serif; font-size: 14px; line-height: 20px; } .verdana15ptdeep { font-family: Titillium Web, sans-serif; font-size: 15px; line-height: 22px; } .verdana16ptdeep { font-family: Titillium Web, sans-serif; font-size: 16px; line-height: 24px; } .verdana16ptdeep-justify { font-family: Titillium Web, sans-serif; font-size: 16px; line-height: 24px; text-align: justify; } .verdana14ptdeep-justify { font-family: Titillium Web, sans-serif; font-size: 14px; line-height: 20px; text-align: justify; } .verdana10ptdeep { font-family: Titillium Web, sans-serif; font-size: 12px; line-height: 15px; } .times10pt { font-family: "Times New Roman", Times, serif; font-size: 10px; } .times11pt { font-family: "Times New Roman", Times, serif; font-size: 11px; } .times12pt { font-family: "Times New Roman", Times, serif; font-size: 12px; } .times12ptnormlineheight { font-family: "Times New Roman", Times, serif; font-size: 12px; line-height: 14px; } .times13pt { font-family: "Times New Roman", Times, serif; font-size: 13px; } .times14pt { font-family: "Times New Roman", Times, serif; font-size: 14px; } .times14ptnormlineheight { font-family: "Times New Roman", Times, serif; font-size: 14px; line-height: 16px; } .times16pt { font-family: "Times New Roman", Times, serif; font-size: 16px; line-height: 22px; } .times18pt { font-family: "Times New Roman", Times, serif; font-size: 18px; } .arial10pt { font-family: Helvetica, Arial, sans-serif; font-size: 10px; } .arial11pt { font-family: Helvetica, Arial, sans-serif; font-size: 11px; } .arial12pt { font-family: Helvetica, Arial, sans-serif; font-size: 12px; } .arial13pt { font-family: Helvetica, Arial, sans-serif; font-size: 14px; } .arial14pt { font-family: Helvetica, Arial, sans-serif; font-size: 14px; } .arial16pt { font-family: Helvetica, Arial, sans-serif; font-size: 16px; } .arial18pt { font-family: Helvetica, Arial, sans-serif; font-size: 18px; } .georgia10pt { font-family: Georgia, "Times New Roman", Times, serif; font-size: 10px; } .georgia11pt { font-family: Georgia, "Times New Roman", Times, serif; font-size: 11px; } .georgia12pt { font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px; } .georgia13pt { font-family: Georgia, "Times New Roman", Times, serif; font-size: 13px; } .georgia14pt { font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px; } .georgia16pt { font-family: Georgia, "Times New Roman", Times, serif; font-size: 16px; } .georgia18pt { font-family: Georgia, "Times New Roman", Times, serif; font-size: 18px; } .courier12pt { font-family: Courier, Courier New, Monaco, sans-serif; font-size: 12px; } .courier14pt { font-family: Courier, Courier New, Monaco, sans-serif; font-size: 14px; }
.subhead2 {
	font-family: Titillium Web, sans-serif;
	font-size: 14px;
	font-weight: 600;
	color: #424D62;
}
.alignright {
	text-align: right
}
.alignleft {
	text-align: left
}
.aligncenter {
	text-align: center
}
.alignjustify {
	text-align: justify
}
.bordergreen {
	border: 2px dashed green;
}
.borderred {
	border: 2px dashed red;
}
/* article text */
#articleParent {
	position: relative; 
	height: 200px; 
	overflow: hidden; 
	z-index: 1;
}
.artCol {
	position: absolute; 
	width: 221px;
	margin-right: 14px; 
	z-index: 1;
}
.artText {
	position: absolute; 
	width: 221px; 
	top: 0px; 
	left: 0px; 
	margin-right: 5px; 
	font-family: Arial, san-serif; 
	font-size: 10px; 
	line-height: 16px; 
	color: #444444; 
	display: none;
}

.customerImageTestimonial {
	float:right; padding: 5px 20px 10px 25px; font-style:italic; line-height: 1.5em; font-size: 0.8em; max-width: 540px; color: #eeeeee; text-align:justify;
}
.popup {
	TEXT-DECORATION: none
}
.Tout-Headliner {
	font-size: 1.0rem; 
	font-weight: 600;
	color: #777777;
	letter-spacing: 0.45em;
	text-transform: uppercase;
	text-align:center;
}
.Tout-Heads {
	font-family: georgia, sans-serif;
	font-size: 24px;
	line-height: 36px;
	font-weight: 400;
	color: #a47700;
}
.Tout-Heads a{
	color: #a47700;
}
.Tout-Heads a:hover{
	color: #a9483e;
	text-decoration: underline;
}

.toutHeadsIndex {
	text-align: center;
	font-size: 10px;
	text-transform: uppercase;
	padding: 2px 9px 8px 9px;
	font-family: Titillium Web, sans-serif;
	font-weight: 400;
	margin-bottom: 2px;
	text-align: center;
	letter-spacing: 2px;
	display: inline-block;
}
.toutHeadsIndex a:link, .toutHeadsIndex a:visited {
	color: #777777;
	text-decoration: none;
}
.toutHeadsIndex a:hover {
	color: #333333;
	text-decoration: none;
}

.toutHeadsIndex2 {
	text-align: center;
	font-size: 10px;
	text-transform: uppercase;
	padding: 2px 9px 8px 9px;
	font-family: Titillium Web, sans-serif;
	font-weight: 400;
	margin-bottom: 2px;
	text-align: center;
	letter-spacing: 2px;
	display: inline-block;
}
.toutHeadsIndex2 a:link, .toutHeadsIndex2 a:visited {
	color: #0083c2;
	text-decoration: none;
}
.toutHeadsIndex2 a:hover {
	color: #d55c4f;
	text-decoration: none;
}
#toutheadsdiv {
	width: 320px;
	height: auto;
	display: block;
	background-image:url(art2012/black-45.png);
	padding: 8px;
	margin-left:auto;
	margin-right: auto;
	margin-top: 20px;
}
.toutHeads {
	text-align: center;
	font-size: 14px;
	padding: 2px 0px 2px 0px;
	font-family: Titillium Web, sans-serif;
	color: #ffffff;
	font-weight: 600;
	margin-bottom: 2px;
	line-height: 32px;
	text-transform: uppercase;
	letter-spacing: 5px;
}
.toutHeads a:link, .toutHeads a:visited {
	color: #ffffff;
	text-decoration: none;
}
.toutHeads a:hover {
	color: #ff6d37;
	text-decoration: none;
}
.logo {
	height: 45px;
}
.logo img {
	height: 45px !important;
	width: auto;
}
.topnavheight {
	height:75px;
}
.topNavTable {
	width: 100%; max-width: 1500px; margin-right: auto; margin-left: auto; padding:0; z-index:99; display: table;
}
#navigation {
	font-family: Titillium Web, sans-serif;
	font-size: 12px;
	font-weight: 600;
}
#navigation ul {
 list-style: none;
 margin: 0;
 padding: 0;
 padding-top: 0px;
}
#navigation li {
 display: inline;
}
#navigation a:link, #navigation a:visited {   
 padding: 3px 4px 3px 4px;  
 color: #FFFFFF;
 text-decoration: none;
}
#navigation a:hover {
 color: #FFFFFF;
 background-color: #266494;
}

#navigation2 {
	font-family: Titillium Web, sans-serif;
	font-size: 11px;
	font-weight: 600;
}
#navigation2 ul {
 list-style: none;
 margin: 0;
 padding: 0;
 padding-top: 1px;
}
#navigation2 li {
 display: inline;
}
#navigation2 a:link, #navigation2 a:visited {  
 padding: 3px 5px 3px 5px;  
 color: #22335d;
 text-decoration: none;
}
#navigation2 a:hover {
 color: #FFFFFF;
 background-color: #266494;
}

#navigation3 {
	font-family: Titillium Web, sans-serif;
	font-size: 10px;
	font-weight: 600;
}
#navigation3 ul {
 list-style: none;
 margin: 0;
 padding: 0;
 padding-top: 1px;
}
#navigation3 li {
 display: inline;
}
#navigation3 a:link, #navigation3 a:visited {  
 padding: 3px 5px 3px 5px;  
 color: #ffffff;
 text-decoration: none;
}
#navigation3 a:hover {
 color: #FFFFFF;
 background-color: #266494;
}

#navigation3a {
	font-family: Titillium Web, sans-serif;
	font-size: 10px;
	font-weight: 600;
}
#navigation3a ul {
 list-style: none;
 margin: 0;
 padding: 0;
 padding-top: 1px;
}
#navigation3a li {
 display: inline;
}
#navigation3a a:link, #navigation3a a:visited {  
 padding: 3px 5px 3px 5px;  
 color: #ffffff;
 text-decoration: none;
}
#navigation3a a:hover {
 color: #FFFFFF;
 background-color: #266494;
}

#navigation4 {
	font-family: Titillium Web, sans-serif;
	font-size: 10px;
	font-weight: normal;
}
#navigation4 ul {
 list-style: none;
 margin: 0;
 padding: 0;
 padding-top: 1px;
}
#navigation4 li {
 display: inline;
}
#navigation4 a:link, #navigation4 a:visited {  
 padding: 3px 7px 3px 7px;  
 color: #dddddd;
 text-decoration: none;
}
#navigation4 a:hover {
 color: #FFFFFF;
 background-color: #266494;
}

#navigation5 {
	font-family: Titillium Web, sans-serif;
	font-size: 9px;
	font-weight: normal;
}
#navigation5 ul {
 list-style: none;
 margin: 0;
 padding: 0;
 padding-top: 1px;
}
#navigation5 li {
 display: inline;
}
#navigation5 a:link, #navigation5 a:visited {  
 padding: 3px 6px 3px 6px;  
 color: #FFFFFF;
 background-color: #000000;
 text-decoration: none;
}
#navigation5 a:hover {
 color: #FFFFFF;
 background-color: #266494;
}


#navigation5b {
	font-family: Titillium Web, sans-serif;
	font-size: 9px;
	font-weight: normal;
}
#navigation5b ul {
 list-style: none;
 margin: 0;
 padding: 0;
 padding-top: 1px;
}
#navigation5b li {
 display: inline;
}
#navigation5b a:link, #navigation5b a:visited {  
 padding: 3px 6px 3px 6px;  
 color: #FFFFFF;
 background-color: #999999;
 text-decoration: none;
}
#navigation5b a:hover {
 color: #FFFFFF;
 background-color: #266494;
}


#navigation5c {
	font-family: Titillium Web, sans-serif;
	font-size: 10px;
	font-weight: 600;
}
#navigation5c ul {
 list-style: none;
 margin: 0;
 padding: 0;
 padding-top: 1px;
}
#navigation5c li {
 display: inline;
}
#navigation5c a:link, #navigation5c a:visited {  
 padding: 3px 6px 3px 6px;  
 color: #FFFFFF;
 background-color: #266494;
 text-decoration: none;
}
#navigation5c a:hover {
 color: #FFFFFF;
 background-color: #c44500;
}

#navigation5d {
	font-family: Titillium Web, sans-serif;
	font-size: 11px;
	font-weight: 600;
}
#navigation5d ul {
 list-style: none;
 margin: 0;
 padding: 0;
 padding-top: 1px;
}
#navigation5d li {
 display: inline;
}
#navigation5d a:link, #navigation5d a:visited {  
 padding: 5px 6px 5px 6px;  
 color: #FFFFFF;
 background-color: #333333;
 text-decoration: none;
}
#navigation5d a:hover {
 color: #FFFFFF;
 background-color: #266494;
}

#navigation5d2 {
	font-family: Titillium Web, sans-serif;
	font-size: 11px;
	font-weight: 600;
}
#navigation5d2 ul {
 list-style: none;
 margin: 0;
 padding: 0;
 padding-top: 1px;
}
#navigation5d2 li {
 display: inline;
}
#navigation5d2 a:link, #navigation5d2 a:visited {  
 padding: 3px 3px 3px 3px;  
 color: #FFFFFF;
 background-color: #266494;
 text-decoration: none;
}
#navigation5d2 a:hover {
 color: #FFFFFF;
 background-color: #c44500;
}

#navigation5d3 {
	font-family: Titillium Web, sans-serif;
	font-size: 11px;
	font-weight: 600;
}
#navigation5d3 ul {
 list-style: none;
 margin: 0;
 padding: 0;
 padding-top: 1px;
}
#navigation5d3 li {
 display: inline;
}
#navigation5d3 a:link, #navigation5d3 a:visited {  
 padding: 3px 6px 3px 6px;  
 color: #FFFFFF;
 background-color: #266494;
 text-decoration: none;
}
#navigation5d3 a:hover {
 color: #FFFFFF;
 background-color: #c44500;
}

#navigation5e {
	font-family: Titillium Web, sans-serif;
	font-size: 10px;
	font-weight: 600;
}
#navigation5e ul {
 list-style: none;
 margin: 0;
 padding: 0;
 padding-top: 1px;
}
#navigation5e li {
 display: inline;
}
#navigation5e a:link, #navigation5e a:visited {  
 padding: 3px 6px 3px 6px;  
 color: #FFFFFF;
 background-color: #444444;
 text-decoration: none;
}
#navigation5e a:hover {
 color: #FFFFFF;
 background-color: #266494;
}
.swdemoholder {
	position: absolute; width:100%; top: 17%; padding-right:15px; padding-left: 15px;
}
.swdemoholderMoreinfo {
	position: absolute; width:100%; top: 17%; padding-right:15px; padding-left: 15px;
}
.demotoutholder {
	width:100%;
	max-width:750px;
	min-height: 80px;
	margin-top: 12px;
	margin-bottom: 12px;
	box-shadow: rgba(0,0,0, 0.3) 0px 0px 7px;
    -moz-box-shadow: rgba(0,0,0, 0.3) 0px 0px 7px;
    -webkit-box-shadow: rgba(0,0,0, 0.3) 0px 0px 7px;
    position: relative;
}
.demotoutOverlay {
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	height: 100%;
	width: 100%;
	background:rgba(0, 0, 0, .0);
	position: absolute;
	top: 0;
	display: block;
}
.demotoutOverlay:hover, .demotoutOverlay:active {
	background:rgba(0, 0, 0, .75);
	text-decoration: none;
}
.demotoutOverlayContent {
	position: absolute;
	padding-top: 31%;
	height: auto;
	opacity: 0.0;
	width:100%;
	height: 100%;
	text-align: center;
	display: hidden;
}
.demotoutOverlayContent a:link, .demotoutOverlayContent a:visited   {
	color: #ffffff;
}
.demotoutOverlayContent:hover   {
	opacity: 1.0;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.demotoutOverlayContent:active   {
	opacity: 1.0;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.demotoutholder:focus .demotoutOverlayContent {
	display: block;
	opacity: 1.0;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;	
}
.demotoutholder a {
	display: none;
}
.demotoutholder:focus a, .demotoutholder:hover a {
	display: inline-block;
}
.demotoutHeadline {
	font-size: 1.3em;
	letter-spacing: 0.7em;
	font-weight: 600;
	color: #ffffff;
	margin-bottom: 1.2rem;
	padding-left: 1.0rem;
}
.demodetailheader {
	text-transform: uppercase;
	color: #333333;
	padding-top: 0.1rem;
	font-weight: 600;
	font-size: 1.4rem;
	letter-spacing: 0.2rem;
}
.demodetailtext {
	color: #555555;
	padding: 1.1rem 0 0.5rem 0;
	font-weight: 400;
	font-size: 0.8rem;
	line-height: 1.4rem;
}
.demodetailclose {
	position: relative;
	top: 0.2rem;
	right: 0;
	text-align: right;
	z-index:101;
	font-size: 0.7rem;
	font-weight: 600;
	letter-spacing: 0.1rem;
	text-transform: uppercase;
	color: #248dc1;
}
.demodetailclose a:link, .demodetailclose a:visited {
	color: #666;
}
.relative {
	position: relative;
}

.floatright { float: right; }
.floatleft { float: left; }
.clearboth { clear:both; }

.tableDivDisplay {margin:0 auto; display:table} .tableRowDisplay {display:table-row} .tableCellDisplay {display:table-cell}

.vertaligntop { vertical-align:top} .vertalignmiddle { vertical-align:middle} .vertalignbottom { vertical-align:bottom}

.pad0 {padding:0}.pad1 {padding:1px} .pad2 {padding:2px} .pad3 {padding:3px} .pad4 {padding:4px} .pad5 {padding:5px} .pad6 {padding:6px} .pad7 {padding:7px} .pad8 {padding:8px} .pad9 {padding:9px} .pad10 {padding:10px} .pad11 {padding:11px} .pad12 {padding:12px} .pad13 {padding:13px} .pad14 {padding:14px} .pad15 {padding:15px} .pad16 {padding:16px} .pad17 {padding:17px} .pad18 {padding:18px} .pad19 {padding:19px} .pad20 {padding:20px} .pad21 {padding:21px} .pad22 {padding:22px} .pad23 {padding:23px} .pad24 {padding:24px} .pad25 {padding:25px} .pad26 {padding:26px} .pad27 {padding:27px} .pad28 {padding:28px} .pad29 {padding:29px} .pad30 {padding:30px} 

.padleft1 {padding-left:1px} .padleft2 {padding-left:2px} .padleft3 {padding-left:3px} .padleft4 {padding-left:4px} .padleft5 {padding-left:5px} .padleft6 {padding-left:6px} .padleft7 {padding-left:7px} .padleft8 {padding-left:8px} .padleft9 {padding-left:9px} .padleft10 {padding-left:10px} .padleft11 {padding-left:11px} .padleft12 {padding-left:12px} .padleft13 {padding-left:13px} .padleft14 {padding-left:14px} .padleft15 {padding-left:15px} .padleft16 {padding-left:16px} .padleft17 {padding-left:17px} .padleft18 {padding-left:18px} .padleft19 {padding-left:19px} .padleft20 {padding-left:20px} .padleft25 {padding-left:25px} .padleft30 {padding-left:30px} .padleft35 {padding-left:35px} .padleft40 {padding-left:40px} .padleft45 {padding-left:45px} .padleft50 {padding-left:50px} 

.padright1 {padding-right:1px} .padright2 {padding-right:2px} .padright3 {padding-right:3px} .padright4 {padding-right:4px} .padright5 {padding-right:5px} .padright6 {padding-right:6px} .padright7 {padding-right:7px} .padright8 {padding-right:8px} .padright9 {padding-right:9px} .padright10 {padding-right:10px} .padright15 {padding-right:15px} .padright16 {padding-right:16px} .padright17 {padding-right:17px} .padright18 {padding-right:18px} .padright19 {padding-right:19px} .padright20 {padding-right:20px} .padright25 {padding-right:25px} .padright30 {padding-right:30px} .padright35 {padding-right:35px} .padright40 {padding-right:40px} .padright45 {padding-right:45px} .padright50 {padding-right:50px} 

.padtop0 {padding-top:0} .padtop1 {padding-top:1px} .padtop2 {padding-top:2px} .padtop3 {padding-top:3px} .padtop4 {padding-top:4px} .padtop5 {padding-top:5px} .padtop6 {padding-top:6px} .padtop7 {padding-top:7px} .padtop8 {padding-top:8px} .padtop9 {padding-top:9px} .padtop10 {padding-top:10px}  .padtop11 {padding-top:11px}  .padtop12 {padding-top:12px}  .padtop13 {padding-top:13px}  .padtop14 {padding-top:14px} .padtop15 {padding-top:15px}.padtop20 {padding-top:20px} .padtop25 {padding-top:25px} .padtop30 {padding-top:30px} .padtop35 {padding-top:35px} .padtop40 {padding-top:40px} .padtop45 {padding-top:45px} .padtop50 {padding-top:50px} .padtop60 {padding-top:60px} .padtop70 {padding-top:70px} .padtop80 {padding-top:80px} .padtop90 {padding-top:90px} .padtop100 {padding-top:100px}

.padbottom1 {padding-bottom:1px} .padbottom2 {padding-bottom:2px} .padbottom3 {padding-bottom:3px} .padbottom4 {padding-bottom:4px} .padbottom5 {padding-bottom:5px} .padbottom6 {padding-bottom:6px} .padbottom7 {padding-bottom:7px} .padbottom8 {padding-bottom:8px} .padbottom9 {padding-bottom:9px} .padbottom10 {padding-bottom:10px} .padbottom11 {padding-bottom:11px} .padbottom12 {padding-bottom:12px} .padbottom13 {padding-bottom:13px} .padbottom14 {padding-bottom:14px} .padbottom15 {padding-bottom:15px} .padbottom20 {padding-bottom:20px} .padbottom25 {padding-bottom:25px} .padbottom30 {padding-bottom:30px} .padbottom35 {padding-bottom:35px} .padbottom40 {padding-bottom:40px} .padbottom45 {padding-bottom:45px} .padbottom50 {padding-bottom:50px} 

.margin0 {margin:0} .margin1 {margin:1px} .margin2 {margin:2px} .margin3 {margin:3px} .margin4 {margin:4px} .margin5 {margin:5px} .margin6 {margin:6px} .margin7 {margin:7px} .margin8 {margin:8px} .margin9 {margin:9px} .margin10 {margin:10px} .margin11 {margin:11px} .margin12 {margin:12px} .margin13 {margin:13px} .margin14 {margin:14px} .margin15 {margin:15px} .margin16 {margin:16px} .margin17 {margin:17px} .margin18 {margin:18px} .margin19 {margin:19px} .margin20 {margin:20px} .margin21 {margin:21px} .margin22 {margin:22px} .margin23 {margin:23px} .margin24 {margin:24px} .margin25 {margin:25px} .margin26 {margin:26px} .margin27 {margin:27px} .margin28 {margin:28px} .margin29 {margin:29px} .margin30 {margin:30px}

.marginleft1 {margin-left:1px} .marginleft2 {margin-left:2px} .marginleft3 {margin-left:3px} .marginleft4 {margin-left:4px} .marginleft5 {margin-left:5px} .marginleft6 {margin-left:6px} .marginleft7 {margin-left:7px} .marginleft8 {margin-left:8px} .marginleft9 {margin-left:9px} .marginleft10 {margin-left:10px} .marginleft11 {margin-left:11px} .marginleft12 {margin-left:12px} .marginleft13 {margin-left:13px} .marginleft14 {margin-left:14px} .marginleft15 {margin-left:15px} .marginleft20 {margin-left:20px} .marginleft25 {margin-left:25px} .marginleft30 {margin-left:30px} 

.marginright1 {margin-right:1px} .marginright2 {margin-right:2px} .marginright3 {margin-right:3px} .marginright4 {margin-right:4px} .marginright5 {margin-right:5px} .marginright6 {margin-right:6px} .marginright7 {margin-right:7px} .marginright8 {margin-right:8px} .marginright9 {margin-right:9px} .marginright10 {margin-right:10px} .marginright15 {margin-right:15px}.marginright20 {margin-right:20px} .marginright25 {margin-right:25px} .marginright30 {margin-right:30px} .marginright35 {margin-right:35px} .marginright40 {margin-right:40px} .marginright45 {margin-right:45px} .marginright50 {margin-right:50px} 

.margintop1 {margin-top:1px} .margintop2 {margin-top:2px} .margintop3 {margin-top:3px} .margintop4 {margin-top:4px} .margintop5 {margin-top:5px} .margintop6 {margin-top:6px} .margintop7 {margin-top:7px} .margintop8 {margin-top:8px} .margintop9 {margin-top:9px} .margintop10 {margin-top:10px} .margintop15 {margin-top:15px}.margintop20 {margin-top:20px} .margintop25 {margin-top:25px} .margintop30 {margin-top:30px} .margintop35 {margin-top:35px} .margintop40 {margin-top:40px} .margintop45 {margin-top:45px} .margintop50 {margin-top:50px} .margintop55 {margin-top:55px} .margintop60 {margin-top:60px} 

.marginbottom01 {margin-bottom:-1px} .marginbottom02 {margin-bottom:-2px} .marginbottom1 {margin-bottom:1px} .marginbottom2 {margin-bottom:2px} .marginbottom3 {margin-bottom:3px} .marginbottom4 {margin-bottom:4px} .marginbottom5 {margin-bottom:5px} .marginbottom6 {margin-bottom:6px} .marginbottom7 {margin-bottom:7px} .marginbottom8 {margin-bottom:8px} .marginbottom9 {margin-bottom:9px} .marginbottom10 {margin-bottom:10px} .marginbottom11 {margin-bottom:11px} .marginbottom12 {margin-bottom:12px} .marginbottom13 {margin-bottom:13px} .marginbottom14 {margin-bottom:14px} .marginbottom15 {margin-bottom:15px} .marginbottom20 {margin-bottom:20px} .marginbottom25 {margin-bottom:25px} .marginbottom30 {margin-bottom:30px} 

.marginauto { margin:0 auto; }
.alignleft { text-align:left;}
.alignright { text-align:right;}
.aligncenter { text-align:center;}
.width33pc { width:33% }
.width34pc { width:34% }
.height33pc { height:33% }
.height34pc { height:34% }

.width100pc { width:100%; }
.width90pc { width:90%; }
.width85pc { width:85%; }
.width80pc { width:80%; }
.width75pc { width:75%; }
.width70pc { width:70%; }
.width60pc { width:60%; }
.width100pcmax1100 { width:100%; max-width: 1100px; } .width100pcmax1200 { width:100%; max-width: 1200px; } .width100pcmax1300 { width:100%; max-width: 1300px; } .width100pcmax1400 { width:100%; max-width: 1400px; } .width100pcmax1450 { width:100%; max-width: 1450px; } .width100pcmax1500 { width:100%; max-width: 1500px; }
.backwhite { background: #ffffff; }

 .opacity10 {opacity:.10} .opacity20 {opacity:.20} .opacity30 {opacity:.30} .opacity40 {opacity:.40} .opacity50 {opacity:.50}  .opacity60 {opacity:.60}  .opacity70 {opacity:.70}  .opacity80 {opacity:.80}  .opacity90 {opacity:.90}  .opacity100 {opacity:1.0} 
 
 .textpoint1pt9em {font-size:1.9em;}  .textpoint1pt8em {font-size:1.9em;}  .textpoint1pt7em {font-size:1.7em;}  .textpoint1pt6em {font-size:1.6em;}  .textpoint1pt5em {font-size:1.5em;}  .textpoint1pt4em {font-size:1.4em;}  .textpoint1pt3em {font-size:1.3em;}  .textpoint1pt2em {font-size:1.2em;}  .textpoint1pt15em {font-size:1.15em;} .textpoint1pt1em {font-size:1.1em;} .textpoint9em {font-size:0.9em;} .textpoint8em {font-size:0.8em;}  .textpoint7em {font-size:0.7em;}  .textpoint6em {font-size:0.6em;}  .textpoint5em {font-size:0.5em;}
 
  .textpoint5ptrem {font-size:5.0rem;} .textpoint4pt5rem {font-size:4.5rem;} .textpoint4ptrem {font-size:4.0rem;} .textpoint3pt5rem {font-size:3.5rem;} .textpoin3ptrem {font-size:3.0rem;} .textpoint2pt5rem {font-size:2.5rem;} .textpoint2ptrem {font-size:2.0rem;}   .textpoint1pt9rem {font-size:1.9rem;}  .textpoint1pt8rem {font-size:1.9rem;}  .textpoint1pt7rem {font-size:1.7rem;}  .textpoint1pt6rem {font-size:1.6rem;}  .textpoint1pt5rem {font-size:1.5rem;}  .textpoint1pt4rem {font-size:1.4rem;}  .textpoint1pt3rem {font-size:1.3rem;}  .textpoint1pt2rem {font-size:1.2rem;}  .textpoint1pt15rem {font-size:1.15m;} .textpoint1pt1rem {font-size:1.1rem;} .textpoint1ptrem {font-size:1.0rem;} .textpoint9rem {font-size:0.9rem;} .textpoint8rem {font-size:0.8rem;}  .textpoint7rem {font-size:0.7rem;}  .textpoint6rem {font-size:0.6rem;}  .textpoint5rem {font-size:0.5rem;}
 
 .fontlight { font-weight: 300;} .fontregular { font-weight: 400;} .fontbold { font-weight: 600;} 
 .fontitalic { font-style: italic } .fontnormal { font-style: normal }
.displayblock {
	display:block;
}
.displayinline {
	display:inline;
}
.displayinlineblock {
	display:inline-block;
}
 .mediumSmallOnly {
	display: none;
}
.smallOnly {
	display: none;
}
.bluehighlight, .blue {
	color: #248dc1;
}
.greyhighlight {
	color: #777;
}
.blueback {
	background: #248dc1;
}
.darkgrey { color: #333 }
.black { color: #000; }

.circleclose {
    width:36px;
    height:36px;
    border-radius:18px;
    font-size:18px;
    color:#888;
    font-weight: 300;
    padding-left: 2px;
    line-height:32px;
    text-align:center;
    background:#fff;
    border: 1px solid #ddd;
	display: inline-block;
	vertical-align: middle;
}
.circleclose a:hover {
    color:#fff;
    background:#333;
    border: 1px solid #ddd;
}

.margintopbottom5 {
	margin-top:5px;
	margin-bottom:5px;
}
.margintop10 {
	margin-top:10px;
}

#ppnav {
	font-family: Titillium Web, sans-serif;
	font-size: 12px;
	font-weight: 600;
	color: #333333;
	background-color: #e2e2e2;
}
#ppnav ul {
 list-style: none;
 margin: 0;
 padding: 0;
 padding-top: 1px;
 background-color: #e2e2e2;
}
#ppnav li {
 display: inline;
 background-color: #e2e2e2;
}
#ppnav a:link, #ppnav a:visited {  
 padding: 3px 5px 3px 5px;  
 color: #333333;
 text-decoration: none;
  background-color: #e2e2e2;
}
#ppnav a:hover {
 color: #333333;
 background-color: #e2e2e2;
}


#ppnav1 {
	font-family: Titillium Web, sans-serif;
	font-size: 12px;
	font-weight: 600;
}
#ppnav1 ul {
 list-style: none;
 margin: 0;
 padding: 0;
 padding-top: 1px;
}
#ppnav1 li {
 display: inline;
}
#ppnav1 a:link, #ppnav1 a:visited {  
 padding: 3px 5px 3px 5px;  
 color: #CCCCCC;
 text-decoration: none;
}
#ppnav1 a:hover {
 color: #edbe60;
 background-color: #706f6c;
}
.numberCirclesiteprefs {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    width: 34px;
    padding: 3px 3px 3px 3px;
    background: #1d8cbf;
    color: #fff;
    text-align: center;
    font: 20px Titillium Web, sans-serif;
    font-weight: 600;
    display: inline-block;
    margin-right: 6px;
}

.featuredUserHead {
	font-size: 17px;
	font-weight: 400;
	color: #555;
}
.featuredUserName {
	font-size: 15px;
	font-weight: 400;
}
.featuredUserDesc {
	font-size: 13px;
	font-weight: 300;
	line-height: 1.3rem;
}

#frontnav1 {
	font-family: Titillium Web, sans-serif;
	font-size: 12px;
	font-weight: 600;
}
#frontnav1 ul {
 list-style: none;
 margin: 0;
 padding: 1px;
 padding-top: 1px;
}
#frontnav1 li {
 display: inline;
}
#frontnav1 a:link, #frontnav1 a:visited {  
  padding: 2px 6px 2px 6px;    
 color: #FFFFFF;
 background-color: #a2a2a2;
 text-decoration: none;
}
#frontnav1 a:hover {
 color: #FFFFFF;
 background-color: #4d4d4d;
}

#frontnav1webmail {
	font-family: Titillium Web, sans-serif;
	font-size: 12px;
	font-weight: 600;
}
#frontnav1webmail ul {
 list-style: none;
 margin: 0;
 padding: 1px;
 padding-top: 1px;
}
#frontnav1webmail li {
 display: inline;
}
#frontnav1webmail a:link, #frontnav1webmail a:visited {  
  padding: 2px 6px 2px 6px;    
 color: #000000;
 background-color: #a2a2a2;
 text-decoration: none;
}
#frontnav1webmail a:hover {
 color: #FFFFFF;
 background-color: #4d4d4d;
}

#frontnav1b {
	font-family: Titillium Web, sans-serif;
	font-size: 11px;
	font-weight: 600;
}
#frontnav1b ul {
 list-style: none;
 margin: 0;
 padding: 1px;
 padding-top: 1px;
}
#frontnav1b li {
 display: inline;
}
#frontnav1b a:link, #frontnav1b a:visited {  
  padding: 3px 5px 3px 5px;    
 color: #FFFFFF;
 background-color: #ba8f33;
 text-decoration: none;
}
#frontnav1b a:hover {
 color: #FFFFFF;
 background-color: #546ca5;
}

#frontnav2 {
	font-family: Titillium Web, sans-serif;
	font-size: 11px;
	font-weight: 600;
}
#frontnav2 ul {
 list-style: none;
 margin: 0;
 padding: 0;
 padding-top: 1px;
}
#frontnav2 li {
 display: inline;
}
#frontnav2 a:link, #frontnav2 a:visited {  
  padding: 3px 5px 3px 5px;    
 color: #ffffff;
 background-color: #a2a2a2;
 text-decoration: none;
}
#frontnav2 a:hover {
 color: #FFFFFF;
 background-color: #ba8f33;
}


#frontnav-vert1 { width: 145px; }

#frontnav-vert1 ul
{
margin-left: 0;
padding-left: 0;
list-style-type: none;
font-family: Titillium Web, sans-serif;
font-size: 12px;
font-weight: 600;
}

#frontnav-vert1 a
{
display: block;
padding: 1px;
width: 145px;
background-color: #FFFFFF;
border-bottom: 1px solid #FFFFFF;
}

#frontnav-vert1 a:link, #frontnav-vert1 a:visited
{
color: #000000;
text-decoration: none;
}

#frontnav-vert1 a:hover
{
background-color: #333333;
color: #ffffff;
}


#frontnav-vert2 { width: 145px; }

#frontnav-vert2 ul
{
margin-left: 0;
padding-left: 0;
list-style-type: none;
font-family: Titillium Web, sans-serif;
font-size: 11px;
}

#frontnav-vert2 a
{
display: block;
padding: 3px;
width: 145px;
background-color: #FFFFFF;
border-bottom: 1px solid #FFFFFF;
}

#frontnav-vert2 a:link, #frontnav-vert2 a:visited
{
color: #324675;
text-decoration: none;
}

#frontnav-vert2 a:hover
{
background-color: #333333;
color: #ffffff;
}


#leftnav-vert-header { width: 165px; }

#leftnav-vert-header ul
{
margin-left: 0;
padding-left: 0;
list-style-type: none;
font-family: Titillium Web, sans-serif;
font-size: 13px;
letter-spacing: 2px;
font-weight: 600;
}

#leftnav-vert-header a
{
display: block;
padding: 1px;
width: 165px;
}

#leftnav-vert-header a:link, #leftnav-vert-header a:visited
{
color: #92caf1;
text-decoration: none;
}

#leftnav-vert-header a:hover
{
	color: #92caf1;
	background-color: #000000;
}


#leftnav-vert { width: 165px; }

#leftnav-vert ul
{
margin-left: 0;
padding-left: 0;
list-style-type: none;
font-family: Titillium Web, sans-serif;
font-size: 11px;
}

#leftnav-vert a
{
display: block;
padding: 3px;
width: 217px;
}

#leftnav-vert a:link, #leftnav-vert a:visited
{
color: #555555;
text-decoration: none;
}

#leftnav-vert a:hover
{
color: #2598f0;
}

#leftnav-vert-header2011 { width: 165px; }

#leftnav-vert-header2011 ul
{
margin-left: 0;
padding-left: 0;
list-style-type: none;
font-family: Titillium Web, sans-serif;
font-size: 13px;
letter-spacing: .1em;
font-weight: 600;
}

#leftnav-vert-header2011 a
{
display: block;
padding: 1px;
width: 165px;
}

#leftnav-vert-header2011 a:link, #leftnav-vert-header a:visited
{
color: #a47600;
text-decoration: none;
}

#leftnav-vert-header2011 a:hover
{
	color: #a47600;
	background-color: #000000;
}


#leftnav-vert2011 { width: 165px; }

#leftnav-vert2011 ul
{
margin-left: 0;
padding-left: 0;
list-style-type: none;
font-family: Titillium Web, sans-serif;
font-size: 14px;
}

#leftnav-vert2011 a
{
display: block;
padding: 3px;
width: 217px;
}

#leftnav-vert2011 a:link, #leftnav-vert2011 a:visited
{
color: #444444;
text-decoration: none;
}

#leftnav-vert2011 a:hover
{
color: #a47600;
}

.user-resource-header {
font-family: Titillium Web, sans-serif;
font-size: 10px;
letter-spacing: .3em;
font-weight: 600;
color: #2598f0;
}

.mainbackcolor {
	background-color: #666666;
}
.topNavBack {
	background: #ffffff;
}
#topNavPlacement {
z-index: 999997;
top: 0px;
position: fixed;
width: 100%;
}
#topNavPlacementNoFloat {
z-index: 999997;
top: 0px;
position: relative;
width: 100%;
}
#contentPlacement {
top: 74px;
bottom: 50px;
left: 50px;
right: 50px;
position: absolute;
overflow: auto;
}
#bottomNavPlacement {
z-index: 999995;
bottom: 0px;
position: fixed;
width: 100%;
}
 .designHeader {
	font-size: 1.5em;
	font-family: Titillium Web, sans-serif;
	font-weight: 500;
	text-align: left;
	padding-top: 14px;
	padding-left: 12px;
 }
 .designchoosetheme {
	 text-transform: uppercase !important;
	 font-size: 12px !important;
	 letter-spacing: 4px !important;
	 padding-left: 0.9rem !important;
 }
.designchoosethemeheader {
	font-size: 1.5rem;
}
.designchoicesholder {
	display: inline-block;
	margin-top:25px;
	padding:10px 10px 12px 10px;
	margin-left:auto; margin-right:auto;
	text-align:left;
	max-width: 1200px;
	background:#fff;
}
 .desnavlinks {
	color: #ffffff;
	font-family: Titillium Web, sans-serif;
	font-weight: 500;
	font-size: 10px;
	letter-spacing: 0.4em;
	width: 100%;
	text-align: left; /*set value to "left", "center", or "right"*/
	padding-left: 6px;
	padding-right: 6px;
	padding-top: 3px;
	padding-bottom: 3px;
	text-transform: uppercase;
}
.desnavlinks a:link, .desnavlinks a:visited {
	color: #ffffff;
	padding-left: 6px;
	padding-right: 6px;
	padding-top: 3px;
	padding-bottom: 3px;
	margin: 0;
	text-decoration: none;
	background-color: #aaa;
	border: 1px solid #bbb;
}
.desnavlinks a:hover {
	color: #ffffff;
	background-color: #777;
	border: 1px solid #bbb;
}
.rounded-corners {
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	-khtml-border-radius: 0px;
	border-radius: 0px;
}
.featuredUsersText {
	padding: 0px 30px 20px 20px;
	text-align: left;
	vertical-align: top;
	width: 100%;
	max-width: 275px;
	display: inline-block;
}
.featuredUsersPhoto {
	text-align: right;
	width: 100%;
	max-width: 700px;
	display: inline-block;
}
.menubars {
	font-size: 28px;
	color: #666666;
	margin: 0;
	padding: 0 0 0 0;
}
.menubars:hover {
	color: #1684b8;
}
.displayBox {
	padding: 14px;
	max-width: 420px;
	display: inline-block;
	vertical-align: bottom; 
	background: #ffffff;
	margin: 8px;
	text-align: left;
}
.imager {
	max-width:392px; margin-bottom: 6px;
}
.whichCreatives {
	font-size: 30px;
	letter-spacing: 1px;
	font-weight: 400;
	font-family: Titillium Web, sans-serif;
	text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.8);
	width: 100%;
	max-width: 860px;
	margin-left: auto;
	margin-right: auto; 
	padding-top: 130px;
	padding-bottom: 80px;
	display: block;
	z-index: 1199;
}
.whichCreatives a:link, .whichCreatives a:visited {
	color: #ffffff;
	text-decoration: none;
}
.whichCreatives2 {
	font-size: 22px;
	letter-spacing: 0.25em;
	font-weight: 400;
	text-transform: uppercase;
	font-family: Titillium Web, sans-serif;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
	width: 100%;
	max-width: 860px;
	margin-left: auto;
	margin-right: auto; 
	margin-top: 118px;
	padding-bottom: 65px;
	display: block;
	z-index: 1199;
}
.whichCreatives2 a:link, .whichCreatives2 a:visited {
	color: #ffffff;
	text-decoration: none;
}

.explore {
	-webkit-appearance: none;
	-moz-appearance: none;
	font-family: open-sans, sans-serif;
	font-size: 12px;
	cursor: pointer;
	letter-spacing: 0.35em;
	font-weight: 400;
	color: #ffffff;
	line-height: normal;
	text-transform: uppercase;
	padding:9px 11px 9px 13px;
	border-radius: 4px;
	margin-bottom: 0;
	background: rgba(4,123,179, 1.0);
	position: relative;
	display: inline-block;
	transition: background-color 200ms ease-out; 
}
.explore a:link, .explore a:visited {
	background: rgba(194,85,39, 0.75);
	color: #ffffff;
	padding:7px 9px 7px 12px;
	border-radius: 4px;
}
.explore:hover, .explore:focus {
	background: rgba(4,123,179, 0.5);
	text-decoration: none;
}
.exploreHP {
	font-size: 0.8rem;
}

.p01tabletouts {
	text-align: center;
	font-size: 2.2rem;
	line-height: 4.4rem;
	vertical-align: middle;
	font-family: Titillium Web, sans-serif;
	font-weight: 300;
	color: #222;
	letter-spacing: 0.3rem;
	text-transform: uppercase;
	width: 100%;
}

.p01tttext {
	border-bottom: 3px dotted transparent;
}
.p01tttext a:hover { border-bottom: 3px dotted #248dc1 }

.p01icontouts {
	display: inline-block; padding:15px 25px 15px 25px; font-size: 5.0rem; text-align: center; width: 33%; vertical-align: top; font-weight: 300;
}
.p01icontoutstext {
	font-size: 1.0rem; padding-top: 10px; padding-left: 14px; text-align: left; line-height: 1.9rem; color: #444; font-weight: 300;
}
.p01width {
	width:80%;
}
.p1arrows {
	opacity:1.0; text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2); font-size:0.9em; font-weight: 600; color:#f06930;
}
.dtwSel {
	background: #d0fdc3;
	border: 4px;
	border-style: dashed;
	border-color: #339900;
}
.dtwNonSel {
	background:#ededed;
	border: 4px;
	border-style: solid;
	border-color: #ededed;
}
.centerTable 
{
	line-height: 1.7em;
	padding: 10px 2px 10px 2px;
	width:100%;
	max-width: 1100px;
}
.designExampleHolder {
	width:100%; max-width:1000px; padding:6px; background-color:#f8f8f8; margin: 0 auto;  box-shadow: 0px 2px 6px 0px #aaa;
}
.designsThemesHeader {
	 text-transform: uppercase;
	 font-size: 1.1rem;
	 font-weight:600;
	 color: #555;
	  letter-spacing: 0.2em;
}
.designsthemesintroheader {
	text-align: justify;
	line-height: 1.7rem;
	font-size: 0.85rem;
}
.boxShadow1 {
  box-shadow: 0px 2px 6px 0px #aaa;
} 
.boxShadow1a {
  box-shadow: 0px 0 6px 0px #aaa;
} 
.boxShadow2 {
  box-shadow: 0 1px 8px 0 rgba(0,0,0, 0.33);
}
.boxgradient {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e8e8e8+0,f9f9f9+40 */
	background: #e8e8e8; /* Old browsers */
	background: -moz-linear-gradient(top,  #e8e8e8 0%, #f9f9f9 40%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #e8e8e8 0%,#f9f9f9 40%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #e8e8e8 0%,#f9f9f9 40%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8e8e8', endColorstr='#f9f9f9',GradientType=0 ); /* IE6-9 */
}
.boxgradient2 {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e8e8e8+0,f9f9f9+25 */
	background: #e8e8e8; /* Old browsers */
	background: -moz-linear-gradient(top,  #e8e8e8 0%, #f9f9f9 25%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #e8e8e8 0%,#f9f9f9 25%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #e8e8e8 0%,#f9f9f9 25%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8e8e8', endColorstr='#f9f9f9',GradientType=0 ); /* IE6-9 */
}
.designsThumbsChoices {
	width:100%;
	max-width:300px;
	height:auto;
	border: 1px solid rgba(0,0,0, 0.05);
	margin: 10px 0 10px 0;
}
.headerThemeBW {
	text-transform: uppercase;
	 font-size: 1.1rem;
	 font-weight:600;
	 color: #666;
	letter-spacing: 0.2em;
}
.headerThemeBW a:link, .headerThemeBW a:visited {
	 color: #888;
}
.headerThemeBW a:hover {
	 color: #222;
	 text-decoration: none;
}
.letterspacingPoint01 {
	letter-spacing: 0.1em;
}
.designsThemesHeader a:link, .designsThemesHeader a:visited {
	 color: #555;
}
.designsThemesHeader a:hover {
	 color: #000000;
	 text-decoration: none;
}
.designexamplespic {
	width:100%;
	max-width: 1092px;
	height:auto; 
	margin-bottom: 1.2rem;
}


/* START RESPONSIVE */
@media screen and (max-width: 1500px) {
	.p01tabletouts {
		line-height: 4.0rem;
		padding-bottom: 15px;
	}
	.tableTDright {
		padding:0 15px 0 0;
	}
}
@media screen and (max-width: 1200px) {
	.p01tabletouts {
		font-size: 2.0rem;
		line-height: 3.6rem;
	}
}
@media screen and (max-width: 1024px) {
	.nodisplaymediumsmall {
		display: none;
	}
	.designchoosetheme {
		 font-size: 10px !important;
		 letter-spacing: 4px !important;
		 padding-left: 0.9rem !important;
	}
	.topFontsLeftHome {
		font-size: 11px;
		letter-spacing: 1px;
	}
	.topFontsHome {
		letter-spacing: 1px;
		font-size: 11px;
	}
	.p1featuredusersleft {
		padding-right: 0px;
		text-align: left;
		display: inline-block;
		width: 90%;
		max-width: 90%;
		margin-left: 0px;
	}
	.p1featuredusersright {
		text-align: center; 
		display: inline-block;
		max-width: 660px; 
		height: auto;
	}
	.Tout-Headliner {
		font-size: 0.7rem;
		letter-spacing: 0.3em;
	}
	.Tout-Heads {
		font-size: 18px;
		line-height: 28px;
	}
	.toutHeadsIndex {
		text-align: center;
		font-size: 10px;
		text-transform: uppercase;
		padding: 2px 9px 8px 9px;
		font-family: Titillium Web, sans-serif;
		font-weight: 400;
		margin-bottom: 2px;
		text-align: center;
		letter-spacing: 2px;
		display: inline-block;
	}
	.toutHeadsIndex a:link, .toutHeadsIndex a:visited {
		color: #777777;
		text-decoration: none;
	}
	.toutHeadsIndex a:hover {
		color: #333333;
		text-decoration: none;
	}
	.toutHeadsIndexlight {
		text-align: center;
		font-size: 10px;
		text-transform: uppercase;
		padding: 2px 9px 8px 9px;
		font-family: Titillium Web, sans-serif;
		font-weight: 400;
		margin-bottom: 2px;
		text-align: center;
		letter-spacing: 2px;
		display: inline-block;
	}
	.toutHeadsIndexlight a:link, .toutHeadsIndexlight a:visited {
		color: #ffffff;
		text-decoration: none;
	}
	.toutHeadsIndexlight a:hover {
		color: #ffffff;
		text-decoration: none;
	}
	.mainHeader {	
		font-size: 1.5rem;
	}
	.mainText {	
		margin-left: 48px;
		line-height: 1.6em;
	}
	.displayBox {
		padding: 15px;
		width:100%;
		max-width: 308px;
	}
	.imager {
		max-width:282px; margin-bottom: 6px;
	}
	.whichCreatives {
		font-size: 30px;
		width: 100%;
		max-width: 860px;
		padding-top: 130px;
		padding-bottom: 80px;
	}
	.demotoutOverlayContent {
			padding-top: 26%;
		}
	.demodetailheader {
		font-size: 1.2rem;
	}
	.demotoutHeadline {
		font-size: 1.1em;
		letter-spacing: 0.7em;
		padding-left: 0.4rem;
	}
	.smallbuttondemotout {
		font-size: 13px;
		letter-spacing: 1px;
	}
	.menubars {
		padding: 24px 0 0 0;
	}
}
@media screen and (max-width: 990px) {
	.p01tabletouts {
		font-size: 1.9rem;
		line-height: 3.2rem;
	}
}

@media screen and (max-width: 880px) {
	.designchoosetheme {
		 font-size: 10px !important;
		 letter-spacing: 2px !important;
		 padding-left: 0.9rem !important;
	}
	.displaymediumsmallonly {
		display: inline;
	}
	.nodisplaymediumsmallResp {
		display: none;
		visibility: hidden;
	}
	.tableTDright {
		padding:0 0 0 0;
	}
	.topNavTable { padding:0 15px 0 0 }
	.p01tabletouts {
		font-size: 1.6rem;
		line-height: 2.8rem;
		padding-bottom: 14px;
	}
}
@media screen and (max-width: 768px) {
	.whichCreatives2 {
		font-size: 20px;
		letter-spacing: 0.25em;
	}
	.toutHeadsIndex {
		padding: 2px 19px 8px 19px;
	}
	.p01icontouts { font-size: 4.0rem; width: 49%; }
	body, html { font-size: 14px; }
}

@media screen and (max-width: 640px) {
	.nodisplaysmall {
		display: none;
	}
	.displayBox {
		padding: 15px;
		width:100%;
		max-width: 273px;
	}
	.imager {
		max-width:247px; margin-bottom: 6px;
	}
	.customerImageTestimonial {
		float:none; padding: 0 0 25px 25px; font-style:italic; line-height: 1.5em; font-size: 0.8em; max-width: 320px; color: #eeeeee; text-align:justify;
	}
	.designchoosetheme {
		 font-size: 14px !important;
		 letter-spacing: 4px !important;
		 padding-left: 0.9rem !important;
	}
	.designchoosethemeheader {
		font-size: 1.3rem;
	}
	.designchoicesholder {
		margin-top:10px;
		padding:8px 8px 8px 8px;
	}
	.displaysmallonly {
		display: block;
	}
	.topFontsLeftHome {
		font-size: 10px;
		letter-spacing: 1px;
	}
	.topFontsHome {
		letter-spacing: 1px;
		font-size: 10px;
		font-family: Titillium Web, sans-serif;
	}
	.p1featuredusersleft {
		max-width: 355px;
		padding: 0 0 0 15px;
	}
	.p1featuredusersright {
		padding: 10px 0 0 0;
		max-width: 340px; 
	}
	.featuredUserHead {
		font-size: 16px;
		font-weight: 600;
	}
	.featuredUserName {
		font-size: 13px;
		font-weight: 600;
	}
	.featuredUserDesc {
		font-size: 11px;
		font-weight: 400;
		line-height: 1.1rem;
	}
	.Tout-Headliner {
		font-size: 0.6rem;
		letter-spacing: 0.4em;
	}
	.Tout-Heads {
		font-size: 14px;
		line-height: 22px;
	}
	.mainHeader {	
		margin: 0 14px 12px 18px;
		font-size: 1.25rem;
	}
	.mainText {	
		font-size: 14px;
		margin-left: 28px;
		line-height: 1.5em;
	}
	.testimonials {	
		font-size: 18px;
		color: #ffffff;
		line-height: 24px;
	}
	.logo {
		height: 55px;
	}
	.logo img {
		height: 55px;
		width: auto;
	}
	.topnavheight {
		height:55px;
	}
	.whichCreatives {
		font-size: 24px;
		width: 100%;
		max-width: 860px;
		padding-top: 130px;
		padding-bottom: 90px;
	}
	.explore {
		font-size: 10px;
	}
	.demodetailclose {
		left: 0;
		text-align: left;
	}
	.demodetailheader {
		font-size: 1.0rem;
		letter-spacing: 0.2rem;
	}
	.demodetailtext {
		font-size: 0.7rem;
		line-height: 1.1rem;
	}
	.circleclose {
		width:30px;
		height:30px;
		border-radius:15px;
		font-size:15px;
		line-height:28px;
	}
	.demotoutOverlayContent {
			padding-top: 32%;
		}
	 .desnavlinks {
		font-size: 9px;
		letter-spacing: 0.3em;
		padding-left: 3px;
		padding-right: 3px;
		padding-top: 3px;
		padding-bottom: 3px;
	}
	.designsthemesintroheader {
		line-height: 1.2rem;
		font-size: 0.75rem;
	}
	.smallbuttondemotout {
		font-size: 13px;
		letter-spacing: 2px;
	}
	.designchoosethemeheader {
		font-size: 1.2rem;
	}
	.designchoicesholder {
		margin-top:5px;
		padding:4px 0px 6px 0px;
	}
	.whichCreatives2 {
		font-size: 18px;
		letter-spacing: 0.15em;
		padding-bottom: 40px;
	}
	.toutHeadsIndex {
		padding: 2px 12px 8px 12px;
	}
	.menubars {
		padding: 14px 0 0 0;
	}
	.p01tabletouts {
		font-size: 1.3rem;
		line-height: 3.0rem;
		padding-bottom: 14px;
	}
}
@media screen and (max-width: 620px) {
	.swdemoholder {
		top: 70px;
		padding-bottom: 30px;
	}
	.swdemoholderMoreinfo {
		top: 70px;
		padding-bottom: 30px;
	}
	.toutHeadsIndex {
		padding: 2px 7px 8px 7px;
	}
	.p01icontouts { display: block; font-size: 4.0rem; width: 100%; }
	.p01tabletouts {
		font-size: 1.2rem;
		line-height: 2.5rem;
		padding-bottom: 14px;
	}
}
@media screen and (max-width: 480px) {
	.p01tabletouts {
		font-size: 1.2rem;
		line-height: 2.0rem;
		padding-bottom: 14px;
	}
	.exploreHP {
		font-size: 0.7rem;
	}
}
@media screen and (max-width: 414px) {
	.p01tabletouts {
		font-size: 1.1rem;
		line-height: 1.6rem;
		padding-bottom: 14px;
	}
}
@media screen and (max-width: 375px) {
	.p01tabletouts {
		font-size: 1.0rem;
		line-height: 1.9rem;
		letter-spacing: 0.1rem;
		padding-bottom: 12px;
	}
	.exploreHP {
		font-size: 0.6rem;
	}
	.p01width { width:88%; }
	body, html { 
		font-size: 13px;
	}
	.topmargin { margin-top: 1px; }
}
	/* iphone 5 Portrait */
	@media screen and (max-width: 320px) {
		.demotoutOverlayContent {
			padding-top: 20%;
		}
		.demotoutHeadline {
			font-size: 0.9em;
			letter-spacing: 0.6em;
			padding-left: 0.4rem;
		}
		.designchoosetheme {
			 font-size: 12px !important;
			 letter-spacing: 3px !important;
			 padding-left: 0.9rem !important;
		}
		.explore {
			font-size: 9px;
			letter-spacing: 2px;
		}
		.p01tabletouts {
			font-size: 0.9rem;
			line-height: 1.6rem;
			letter-spacing: 0.1rem;
			padding-bottom: 30px;
		}
		.nodisplaysmaller {
			display: none;
		}
	}
	/* iphone 6 Portrait */
	@media screen
	and (min-device-width: 375px) 
	  and (max-device-width: 667px) 
	  and (-webkit-min-device-pixel-ratio: 2)
	  and (orientation: portrait)  { 
		.whichCreatives {
			padding-bottom: 50px;
		}
		.explore {
			margin-bottom: 14px;
		}
		.demotoutOverlayContent {
			padding-top: 22%;
		}
		.demotoutHeadline {
			font-size: 1.2em;
			letter-spacing: 0.7em;
			padding-left: 0.4rem;
		}
		.designchoosetheme {
			 font-size: 12px !important;
			 letter-spacing: 2px !important;
			 padding-left: 0.5rem !important;
		}
	}
}



/* 
@media all and (max-width: 850px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 850px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 850px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 850px), only screen and (min-device-pixel-ratio: 2) and (max-width: 850px), only screen and (min-resolution: 192dpi) and (max-width: 850px), only screen and (min-resolution: 2dppx) and (max-width: 850px) {

	#toutheadsdiv {
		width: 198px;
	}
	.toutHeads {
		font-size: 24px;
		line-height: 30px;
	}
	.featuredUsersText {
		width: auto;
		max-width: 810px;
		padding-right: 10px;
		margin-right: 20px;
	}
	.featuredUsersPhoto {
		text-align: center;
		width: 100%;
		max-width: 700px;
		display: inline-block;
	}

}
 */