@import url("//hello.myfonts.net/count/2d5b93"); 
@import url("//hello.myfonts.net/count/2d5c97");

@font-face {font-family: 'ProximaNova-Regular';src: url('/includes/css/webfonts/2D5B93_2_0.eot');src: url('/includes/css/webfonts/2D5B93_2_0.eot?#iefix') format('embedded-opentype'),url('/includes/css/webfonts/2D5B93_2_0.woff2') format('woff2'),url('/includes/css/webfonts/2D5B93_2_0.woff') format('woff'),url('/includes/css/webfonts/2D5B93_2_0.ttf') format('truetype');} 
@font-face {font-family: 'ProximaNova-Bold';src: url('/includes/css/webfonts/2D5C97_2_0.eot');src: url('/includes/css/webfonts/2D5C97_2_0.eot?#iefix') format('embedded-opentype'),url('/includes/css/webfonts/2D5C97_2_0.woff2') format('woff2'),url('/includes/css/webfonts/2D5C97_2_0.woff') format('woff'),url('/includes/css/webfonts/2D5C97_2_0.ttf') format('truetype');}


html, body, div, span, img, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: middle;
}
img
{
	vertical-align: middle;
}
button
{
	vertical-align: middle;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
html
{
}
body 
{
	line-height: 1;
	font-size: 75%;

	font-family: Helvetica, Arial, sans-serif;
	-webkit-text-size-adjust: none;	
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

a, button.link-button {
	color: #3C5A98;
}

.link-button {
	background: none;
	border: none;
	padding: 0;
	vertical-align: baseline;
}

.link-button:hover {
	cursor: pointer;
	text-decoration: underline;
}

.clear
{
	clear: both;
	overflow: hidden;
}	
.pagewrap 
{
	margin: 0px auto; 
	padding-right: 0px;
	padding-left: 0px;
	clear: both; 
	max-width: 1080px;
}
.masterWrap
{
	box-shadow: 0px 0px 8px 8px rgba(50,70,110, .6);
	-moz-box-shadow: 0px 0px 8px 8px rgba(50,70,110, .6);
	-webkit-box-shadow: 0px 0px 8px 8px rgba(50,70,110, .6);
}

#newblog
{
	padding: 3px;
	margin-left: 5px;
	background-color: #cd2128;
	font-size: .8em;
	color: #FFFFFF;

	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;	

	box-shadow: 2px 2px 4px 2px rgba(50,13,13, .3);
	-moz-box-shadow: 2px 2px 4px 2px rgba(50,13, 13, .3);
	-webkit-box-shadow: 2px 2px 4px 2px rgba(50,13,13, .3);		
}
footer
{
	line-height: 1.6em;
	color: #999999;
	vertical-align: baseline;		
	background-color: #151515;
}

footer a
{
	color: #cecece;
	vertical-align: baseline;
}


#copyright
{
	padding-top: 0px;
}

#footerBottom
{
	padding-top: 30px;
	padding-bottom: 45px;
	border-top: 1px solid #333333;
	font-family: Roobert, ProximaNova-Regular, Arial, sans-serif;
	padding-left: 15px;
	padding-right: 15px;
}
#footerBottom ul
{
	padding-top: 35px;
	font-size: 1em;
}
#footerBottom li
{
	display: inline;
	padding-right: 15px;
}
#footerBottom li:last-child
{
	padding-right: 0px;
}
#footerBottom li a
{
	text-decoration: none;
	color: #888888;
}
#footerBottom li a:hover
{
	text-decoration: underline;
}
#footerTop
{
	font-family: Roobert, ProximaNova-Regular, Arial, sans-serif;
	padding-top: 45px;
	padding-bottom: 30px;

	padding-left: 15px;
	padding-right: 15px;

}
.footMob
{
	display: none;
}
.footerCol
{
	float: left;
	padding-right: 50px;
}
.footerCol li
{
	padding-bottom: 10px;
	font-size: 1.2em;
}
.footerCol li a
{
	color: #999999;
	text-decoration: none;
}
.footerCol li a:hover
{
	text-decoration: underline;
}

.footerCol .colHead
{
	font-size: 1.2em;
	font-weight: normal;
	color: #FCFCFC;
	padding-bottom: 20px;
}
#newsSign
{

	margin-bottom: 10px;

	border: 1px solid #BDBDBD;
}

.colLast input[type="text"], .colLast input[type="email"]
{
	background-color: #FFFFFF;

	font-size: 1em;
	font-family: sans-serif;
    padding: 9px 10px;

    width: 240px;
	color:#666666;

	vertical-align: middle;
	border: 1px solid #BDBDBD;

	border-radius: 3px  !important;
	-moz-border-radius: 3px  !important;
	-webkit-border-radius: 3px  !important; 	


}
.colLast a
{
	/*background-color: #65cc22; */
	background-color: #85c226; 
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;		

	padding: 8px 15px;
	margin-left: 5px;
	
	display: inline-block;

	color: #FFFFFF !important;
	font-size: .9em;
	font-weight: bold;
	text-decoration: none !important;
	font-family: helvetica, sans-serif;
}
.colLast a:hover
{
	background-color: #92d033;
}

.colLast
{
	padding-right: 0px;
	padding-top: 35px;
}

.footerMenu
{

}
#footerAbout
{
	display: none;
}
#footerMenuMenu
{
	text-align: left;	
}
#footerMenuSocial
{
	text-align: left;
	display: block;

	padding-top: 0px;
	padding-left: 0px;
	padding-right: 45px;
}
#footerMenuSocial .extra
{
	display: none;
}

.footerMenu ul
{
	margin-left: 0px;
}
.footerMenu li
{
	font-size: 1em;
	float: left;
	padding-right: 20px;
}
.footerMenu li:last-child
{
	padding-right: 0px;
}
.footerHead
{
	display: none;
}


header
{
	background-color: #000000;
	position: relative;
	/* UPDATE AFTER LAUNCH OF BETATESTING */ 
	/* position: fixed; 
	padding-left: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	*/

	z-index: 1000;
	top:0;
	left: 0;
	width: 100%;
	box-sizing: border-box;
}
#leftMenu
{
	display: none;
}
#rightMenu
{
	display: none;
}
#rightMenu .dropdown-toggle
{
	font-size: 1.2em;
	text-decoration: none;
	color: #FCFCFC;
}
#rightMenu .dropdown
{
	float: right;
	padding-left: 10px;
	padding-top: 20px;
	line-height: 1.3em;
}
#rightMenu .caret
{
    border-top: 4px solid #FFFFFF;
    margin-top: 6px;
    margin-left: 4px;
}
#rightMenu .dropdown-menu
{
	left: auto;
	right: 0px;
	top: 150%;
}
#rightMenu .dropdown-menu a
{
	text-decoration: none;
	font-size: .9em;
}
#page
{
	position: relative;
	/* UPDATE AFTER LAUNCH OF BETATESTING */
	/* padding-top: 42px; */
}

#grassBottom
{
	height: 30px;

	/*background-color: #59BA4D; */
	background-color: #79B04C;
}
#mobileMenu a
{
	text-decoration: none;
	color: #F6F6F6;
	font-weight: normal;
	font-family: ProximaNova-Regular, sans-serif;	
}
#mobileMenu ul
{
	font-size: 1.3em;
}
#mobileMenu li
{
	padding-right: 25px;
	padding-top: 13px;
	padding-bottom: 13px;
	border-bottom: 1px solid #222222;
	border-top: 1px solid #444444;
	background-repeat: no-repeat;	
	padding-left: 20px;

	text-align: left;
}
#mobileMenu li:last-child
{
	border-bottom: none;	
}
/*
#ma
{
	background-image: url('/images/menu-comment.png');
	background-position: 18px 17px;
}
#m0
{
	background-image: url('/images/menu-flag.png');
	background-position: 18px 12px;
}
#m1
{
	background-image: url('/images/menu-bird.png');
	background-position: 15px 12px;
}
#m2
{
	background-image: url('/images/menu-star.png');
	background-position: 15px 12px;
}
#viewport .m3
{
	background-image: url('/images/menu-book.png');
	background-position: 18px 12px;
}
*/

#mobilePostBox
{
	display: none;
	width: 100%;
	height: 100%;
	background-color: #EEEEEE;
}
#mPostButtons a
{
	width: 60px;
	font-weight: bold;
	font-size: .9em;
}
#mPostButtons .greenButtonSmall
{
	float: right;
}

#mobilePostBox ul
{
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 7px;
	padding-bottom: 7px;

	background-color: #000000;
}
#mobilePostBox li
{
	width: 33%;
	text-align: center;
	color: #EEEEEE;
	font-size: 1.1em;
	float: left;
}
#mPostTop
{
	font-size: 1.2em;
	padding-top: 8px;
	font-weight: bold;	
}
#mobileFeedback
{
	border: none;
	width: 100%;
	height: 110px;
	font-size: 1em;
	font-family: sans-serif;
	padding: 5px;
}
#viewport 
{
    min-height: 100%;
    overflow: hidden;
    position: relative;
    width: 100%;
}
#mobileButtons
{
	font-weight: bold;
	padding-left: 15px;
	padding-top: 15px;
	padding-bottom: 12px;
	background-color: #222222;
}
#mobileButtons a
{
	margin-right: 10px;
}
#mobileMenu
{
	display:none;
    position: fixed;
    background-color:  #353535;
    /*min-height: 100%; */

    overflow: hidden;
    width: 280px;

	/* UPDATE AFTER LAUNCH OF BETATESTING */
	/* top: 42px; */

    top: 47px;
    right:0px;
    z-index: 1000;   
    border-bottom-left-radius: 15px;
   	-moz-border-radius-bottomleft: 15px;
	-webkit-border-bottom-left-radius: 15px;
	padding-bottom: 5px;
 
	box-shadow: inset 2px -2px 2px 2px rgba(64,64,64, .4);
	/*-moz-box-shadow: 2px 2px 3px 3px rgba(115,115,115, .33);
	-webkit-box-shadow: 2px 2px 3px 3px rgba(115,115,115, .33);  */

}
.mobileMenuShow
{
	display: block;
	left: 0px;
}
.pageShift
{
	/*	left: 260px; */
}
#menuIcon
{
	position: absolute;
	right: 15px;
	/* UPDATE AFTER LAUNCH OF BETATESTING */
	/*
	top: 13px;
	*/
	bottom: 13px;
	cursor: pointer;
}
/*
 * Web Fonts from fontspring.com
 *
 * The font included below is copyrighted by the vendor listed below.
 *
 * Vendor:      exljbris Font Foundry
 * License URL: http://www.fontspring.com/fflicense/exljbris
 *
 *
 */

@font-face {
    font-family: 'museo_sans_500regular';
    src: url('/includes/css/museosans/MuseoSans_500-webfont.eot');
    src: url('/includes/css/museosans/MuseoSans_500-webfont.eot?#iefix') format('embedded-opentype'),
         url('/includes/css/museosans/MuseoSans_500-webfont.woff') format('woff'),
         url('/includes/css/museosans/MuseoSans_500-webfont.ttf') format('truetype'),
         url('/includes/css/museosans/MuseoSans_500-webfont.svg#museo_sans_500regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

.menuList li
{
	padding-top: 5px;
	padding-bottom: 1px;
	margin-left: 12px;
	margin-right: 12px;
	float: right;
	width: auto;
	border-bottom: 1px solid #353535;
}
.menuList li span
{
	vertical-align: baseline;
}
.menuList li a
{
	font-size: 1em;
	text-decoration: none;
	color: #EEEEEE;
	font-family: sans-serif;
}

.menuList .mActive
{
	border-bottom: 1px solid #999999;
	font-weight: bold;
}
.menuList li:hover
{
	border-bottom: 1px solid #999999;	
}
#leftMenu ul .selected
{

}
.loginMenu
{	
	padding-top: 8px !important;
	font-size: 1em;
}
.loginMenu li
{
	border-right: 1px solid #666666;
	padding-right: 12px;
	margin-right: 0px;
}
.loginMenu li:hover
{
	border-bottom: none;
}
.loginMenu li a:hover
{
	text-decoration: underline;
}
.menuList li:first-child
{
	border-right: none;
	margin-right: 0px;
}

#signup a
{
	color: #59ba4f;
	font-weight: bold;	
}
body
{
	background-color: #e0e0e0;
	/*background-image: url('/images/back-pattern.png'); */
	background-repeat: repeat;
}
#socialLogin img
{
	padding-top: 4px;
}
.loadingDialog .ui-dialog-titlebar {display:none}
.loadingDialog
{

/*	background-color: #FFFFFF !important;
	border: 10px solid #a09f9f  !important;
	
	border-radius: 5px  !important;
	-moz-border-radius: 5px  !important;
	-webkit-border-radius: 5px  !important; 	
	
	padding: 15px !important;

*/

	background-color: #FFFFFF !important;
	border: 5px solid #4c4c4c  !important;
	
	border-radius: 4px  !important;
	-moz-border-radius: 4px  !important;
	-webkit-border-radius: 4px  !important; 	
	padding-top: 5px !important;
	padding-left: 5px !important;
	padding-bottom: 5px !important;
	padding-right: 5px !important;	
	overflow: hidden;
	position: relative;			

	text-align: center !important;	
}

#loadGraphic
{
    font-size: 1.45em;
    color: #000000;
    padding-top: 5px;
}
#loadGraphic img
{
	vertical-align: middle;
}
#loadHead
{
    color: #333333;
    font-family: 'ProximaNova-Regular';
    font-size: .9em;
    display: inline-block;	
}
#loadDetail
{
    padding-top: 10px;
    line-height: 1.3em;
    font-family: 'ProximaNova-Regular';
    padding-bottom: 5px;
}

#sitefor
{
	display: none;
}
#menuBar
{
	padding: 9px 12px 7px 12px;	
	background-color: #ececec;
	border: 1px solid #dddddd;

	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;		
}



.bigSocialButton
{
	padding: 5px 13px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	/* BACKGROUND GRADIENTS */

	border: 4px solid #b7b5b5;

    background: #f8f7f7;
	background: -moz-linear-gradient(top, #f8f7f7, #f8f7f7 50%, #cecece 51%, #e8e8e8);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f8f7f7), color-stop(.5, #f8f7f7), color-stop(.51, #cecece), to(#e8e8e8));

	color: #2b416d;
	display: block;
	text-decoration: none;

	width: 190px;
	margin-left: auto;
	margin-right: auto;


}
.bigSocialButton:hover
{
    background: #f8f7f7;
	background: -moz-linear-gradient(top, #f1f1f1, #f1f1f1 50%, #cecece 51%, #cecece);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f1f1f1), color-stop(.5, #f1f1f1), color-stop(.51, #cecece), to(#cecece));

}

.menuButton
{
	padding: 6px 13px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	/* BACKGROUND GRADIENTS */  
	
    background: #3c5ba0;
	background: -moz-linear-gradient(top, #6785c6, #3c5ba0 40%, #3c5ba0);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #6785c6), color-stop(.4, #3c5ba0), to(#3c5ba0));

	box-shadow: 2px 2px 3px 3px rgba(115,115,115, .33);
	-moz-box-shadow: 2px 2px 3px 3px rgba(115,115,115, .33);
	-webkit-box-shadow: 2px 2px 3px 3px rgba(115,115,115, .33);
	margin-bottom: 3px;
	margin-right: 3px;
	margin-top: 8px;
	color: #2b416d;
	display: block;
	float: left;
	text-decoration: none;
}
.menuButton:hover
{
    background: #3c5ba0;
	background: -moz-linear-gradient(top, #3c5ba0, #3c5ba0 40%, #3c5ba0);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #3c5ba0), color-stop(.4, #3c5ba0), to(#3c5ba0));

}

.buttonIcon
{
	padding-right: 14px; 
}

#popupDialog a
{
	color: #3C5A98;
}

#popupDialog
{
	padding-top: 15px;
	line-height: 1.4em;
	max-height: 250px;
	overflow: auto;
	overflow-x: hidden;
	overflow-y: auto;
}
.popupDialog
{
	/*
	border: 10px solid #555555  !important;
	
	border-radius: 20px  !important;
	-moz-border-radius: 20px  !important;
	-webkit-border-radius: 20px  !important; 	
	padding: 7px !important;
*/

	background-color: #FFFFFF !important;
	border: 5px solid #4c4c4c  !important;
	
	border-radius: 4px  !important;
	-moz-border-radius: 4px  !important;
	-webkit-border-radius: 4px  !important; 	
	padding-top: 5px !important;
	padding-left: 5px !important;
	padding-bottom: 5px !important;
	padding-right: 5px !important;	
	overflow: hidden;
	position: relative;			
}
.popupDialog .ui-dialog-titlebar span
{
    padding-bottom: 2px;
    font-family: "Roobert Medium", ProximaNova-Bold, Arial, sans-serif;
    font-size: 1.2em;
    padding-top: 2px;	
}
.popupDialog .ui-widget-header
{
	border: none;
	background: none;
}
.popupDialog .ui-dialog-titlebar
{
    border-bottom: 1px solid #DDDDDD;
    border-radius: 0px;	
}
#doneDiv
{
	clear: both;
	overflow: hidden;
}

.doneDialog
{
	background-color: #FFFFFF !important;
	border: 5px solid #737272  !important;
	
	border-radius: 10px  !important;
	-moz-border-radius: 10px  !important;
	-webkit-border-radius: 10px  !important; 	
	padding-top: 5px !important;
	padding-left: 5px !important;
	padding-bottom: 5px !important;
	padding-right: 5px !important;	
	overflow: hidden;
}
#doneDiv h3
{
	font-weight: normal;
	font-size: 1.6em;
	line-height: 1.2em;
	color:#999999;
	padding-top: 10px;
	padding-bottom: 15px;
	text-align: center;
	font-family: sans-serif;		
}
#doneDiv  h3 > em
{
	font-size: 1em;
}
#doneDiv  .lucky
{
	font-weight: bold;
	font-size: 1.3em;
	padding-bottom: 20px;
	padding-left: 93px;
}
#doneDiv  h4
{
	font-weight: bold;
	font-size: 1.6em;
	line-height: 1.4em;
	color:#000000;
	padding-top: 8px;
	padding-bottom: 8px;
	margin-top: 5px;
	margin-bottom: 15px;
	text-align: center;
	background-color:#F3F3F3;
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
}
#doneDiv li
{
	font-size: 1.2em;
	color:#333333;
	padding-bottom: 25px;
	padding-left: 30px;
	vertical-align: middle !important;
}
#doneDiv li > span
{
	color: #cb2128;
	font-weight: bold;
	padding-right: 10px;
	vertical-align: middle !important;
}
#doneDiv .twitter-share-button
{
	padding-left: 10px;
}

#popHead img
{
	float: left;
	padding-right: 20px;
	vertical-align: middle !important;
}
#popHead
{
	clear: both;
	overflow: hidden;
}

#popClose
{
	display: none;
	float: right;
	padding-left: 10px;
	padding-bottom: 5px;
}


#social .fb-like
{
	padding-top: 0px;
	padding-bottom: 10px;
	float: left;
}
.fb-like span
{	
	padding-right: 0px !important;
}
.tweet
{
	float: left;
}
#social
{
	padding-bottom: 15px;
}	
.tweet a
{
	color:#CCCCCC;
}

#userPic
{
	display: none;
}
#userPicName
{
	display: none;
}
#userName
{
	float: left;
	padding-left: 15px;
	font-size: 1.4em;
	color: #666666;
}
#userName a
{
	text-decoration: none;
}
#userName a:hover
{
	text-decoration: underline;
}
#logout
{
	padding-top: 5px;
	font-size: .6em;
}
#logout a
{
	color: #999999;	
}


#ifmad
{
	padding-top: 15px;
	padding-bottom: 25px;
	max-width: 550px;
	color: #7777777;
	font-style: italic;
	margin: 0 auto;
	font-size: 1.2em;
	line-height: 1.4em;
	text-align: center;
}
#ifmad a
{
	color: #666666;
	font-style: italic;
	text-decoration: none;
}
#ifmad a:hover
{
	color: #666666;
	text-decoration: underline;
	font-style: italic;
}

.tooltip
{
	cursor:default;
	line-height: 1.8em;

}
#tiptip_content
{
	font-size: 1.2em !important;
	line-height: 1.4em !important;
}

#noFB
{
	padding-left: 10px;
	padding-top: 10px;
	color: #666666;
}


.buttonLink
{
	text-decoration: none;

	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;		
	
	padding: 12px 15px;
	border: 1px solid #3c5a98;

	background: #3c5a98;
	background: -moz-linear-gradient(top, #3c5a98, #3c5a98 50%, #516ca3 51%, #516ca3);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #3c5a98), color-stop(.5, #3c5a98), color-stop(.5, #516ca3), to(#516ca3));
	
	box-shadow: 3px 3px 3px 0px #999999;
	-moz-box-shadow: 3px 3px 3px 0px #999999;
	-webkit-box-shadow: 3px 3px 3px 0px #999999;

	display: block;
	float: left;

	margin-top: 2px;
	margin-bottom: 3px;
	margin-right: 3px;
	color: #FFFFFF;
	font-size: 1.5em;
}
.buttonLink:hover
{
	background: #4967a6;
	background: -moz-linear-gradient(top, #37538d, #37538d 50%, #486295 51%, #486295);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #37538d), color-stop(.5, #37538d), color-stop(.5, #486295), to(#486295));
	border: 1px solid #B9B9B9;	
}	

.grayButtonLink
{
	text-decoration: none;

	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;		
	
	padding: 12px 15px;

	border: 1px solid #E0E0E0;

    background: #efeded;
	background: -moz-linear-gradient(top, #f8f7f7, #f8f7f7 50%, #dddddd 51%, #dddddd);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f8f7f7), color-stop(.5, #f8f7f7), color-stop(.5, #dddddd), to(#dddddd));
	
	box-shadow: 3px 3px 3px 0px #999999;
	-moz-box-shadow: 3px 3px 3px 0px #999999;
	-webkit-box-shadow: 3px 3px 3px 0px #999999;

	display: block;
	float: left;
	margin-top: 3px;
	margin-bottom: 3px;
	margin-right: 3px;
	color: #284586;
	font-size: 1.5em;
}
.grayButtonLink:hover
{
    background: #efeded;
	background: -moz-linear-gradient(top, #f4f3f3, #f4f3f3 50%, #e8e7e7 51%, #e8e7e7);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f4f3f3), color-stop(.5, #f4f3f3), color-stop(.5, #e8e7e7), to(#e8e7e7));

	border: 1px solid #B9B9B9;
}


.grayButtonSmall, .loginButtonSmall
{
	text-decoration: none;

	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;		
	
	padding: 8px 12px;
	
	background: #999999;

	display: block;
	float: left;

	color: #FFFFFF;
	font-size: 1.1em;
}
.grayButtonSmall:hover, .loginButtonSmall:hover
{
	background: #888888;
}	




#mainSignup
{
	display: none;
}

.loginDialog
{
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;	

	border: 12px solid #555555 !important;
}

#attribution_footer > div
{
	display: none;
}


#accountDiv .lucky
{
	font-weight: bold;
	font-size: 1.3em;
	padding-bottom: 20px;
	padding-left: 125px;
}
#accountDiv h2
{
	text-align: center;	
	color: #000000;
	font-weight: bold;
	font-size: 1.8em;
	padding-top: 20px;
	padding-bottom: 0px;
	margin-bottom: 0px;
	border: none;
}

#accountDiv h3
{
	font-weight: normal;
	font-size: 1.4em;
	line-height: 1.2em;
	color:#666666;
	padding-top: 15px;
	padding-bottom: 15px;
	text-align: center;
}
#accountDiv h4
{
	font-weight: bold;
	font-size: 1.6em;
	line-height: 1.4em;
	color:#000000;
	padding-top: 8px;
	padding-bottom: 8px;
	margin-top: 5px;
	margin-bottom: 15px;
	text-align: center;
	background-color:#F3F3F3;
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;	
}
#accountDiv p
{
	text-align: center;
	font-size: 1.2em;
	line-height: 1.3em;
}

#accountDiv p > em
{
	font-weight: bold;
}
#doThisButton
{
	margin-top: 25px;
	color: #FFFFFF;
	float: none;
	text-align: center;
}

#accountDiv li
{
	font-size: 1.2em;
	color:#333333;
	padding-bottom: 25px;
	padding-left: 5px;
	vertical-align: middle !important;
}
#accountDiv .headItem
{
	color: #cb2128;
	font-weight: bold;
	padding-right: 20px;
	vertical-align: middle !important;
	width: 100px;
	text-align: right;
	float: left;
}
#accountDiv .twitter-share-button
{
	padding-left: 10px;
}

#accountDiv ul
{
	padding-top: 20px;
	padding-bottom: 0px;
	margin-top: 0px;
	margin-bottom: 15px;

	border: 1px solid #CCCCCC;


	box-shadow: 3px 3px 3px 0px #CCCCCC;
	-moz-box-shadow: 3px 3px 3px 0px #CCCCCC;
	-webkit-box-shadow: 3px 3px 3px 0px #CCCCCC;

	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;		


}

.greenButtonSmall
{
	text-decoration: none;

	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;		
	
	padding: 8px 12px;

	background: #85c226;

	display: block;
	float: left;

	color: #FFFFFF;
	font-size: 1.1em;
}
.greenButtonSmall:hover
{
	background: #92d033;
}	


.greenButtonBig
{
	text-decoration: none;

	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;		
	
	padding: 15px 20px;
	
	background: #79B04C;

	display: block;
	float: left;

	color: #FFFFFF;
	font-size: 1.1em;
}
.greenButtonBig:hover
{
	background: #68A543;
}	

.grayButton
{
	text-decoration: none;

	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;		
	
	padding: 10px 12px;
	
	background: #edecec;

	display: block;
	float: left;

	color: #333333;
	font-size: 1.1em;
}
.grayButton:hover
{
	background: #e6e6e6;
}

.blueButton
{
	text-decoration: none;

	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;		
	
	padding: 10px 12px;
	
	background: #516ca3;

	display: block;
	float: left;

	color: #FFFFFF;
	font-size: 1.1em;
}
.blueButton:hover
{
	background: #476195;
}	
#cloudBottom
{
	display: none;
}
#termsSection
{
	position: absolute;
	left: 15px;
	bottom: 15px;
}
#termsSection a
{
	padding-right: 15px;
	color: #888888;
}
#footTree
{
	display: none;
}
#logo
{
	padding-left: 11px;
	padding-top: 11px;
	padding-bottom: 11px;
	display: none;
}
#logo img
{
	width: 100%;
}
#logoMobile
{
	float: left;

	/* UPDATE AFTER LAUNCH OF BETATESTING */
	/* remove padding, add to header */
	padding-left: 10px;
	padding-top: 10px;
	padding-bottom: 10px;

}
#logoMobile img
{
    max-width: 123px;
    max-height: 27px;
}
#nameMenu, #leaderboardMenu, #shopMenu
{
	display: none;
}

#badgePopup
{
	display: none;
	position: fixed;
	top: 10px;
	right: -1000px;

	background-color: #FFFFFF;
	border: 3px solid #999999;
	padding: 7px;

	text-align: left;
	max-width: 90%;

	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px; 	

	cursor: pointer;
}


#badgePopDesc
{
	float: left;
	width: 150px;
	line-height: 1.4em;
	color: #777777;
	padding-top: 14px;
	font-size: 1em;
}
#badgePopDesc p
{
	vertical-align: baseline;
}
#badgePopDesc em
{
	font-weight: bold;
	padding-right: 5px;
	vertical-align: baseline;
}
#badgePopList
{
	float: left;
	padding-right: 10px;
}
#badgePopList img
{
	padding-left: 3px;
	padding-right: 3px;
}

.dialogClose
{
	position: absolute;
	top: -5px;
	right: -5px;
	width: 20px;
	height: 20px;
	background-image: url('/images/dialog-close.png');
	background-repeat: no-repeat;
	cursor: pointer;
}
.dialogClose:hover
{
	background-image: url('/images/dialog-close-over.png');
}


.thirdWrap
{
	width: 99%;
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
}

.comBlurbVote
{
	display: none;
}
.comBlurbVoteCount
{
	padding-top: 3px;
	padding-bottom: 3px;
	font-size: 1em;
	color: #999999;
	text-align: center;
}
.comBlurbUpVote
{
	background-image: url('/images/upvote-small.png');
	background-repeat: no-repeat;
	width: 12px;
	height: 8px;
	cursor: pointer;
}
.comBlurbDownVote
{
	background-image: url('/images/downvote-small.png');
	background-repeat: no-repeat;
	width: 12px;
	height: 8px;
	cursor: pointer;
}
.comBlurbUpVote:hover
{
	background-image: url('/images/upvote-black-small.png');
}
.comBlurbDownVote:hover
{
	background-image: url('/images/downvote-black-small.png');	
}

.comBlurbPerson
{
	float: left;
	padding-right: 5px;
	padding-bottom: 10px;
	width: 20px;
	height: 30px;
	overflow: hidden;
}

.comBlurbPerson p
{
	padding-top: 4px;
	color:#999999;
	font-size: 1em;
}
.comBlurbPerson img
{
	max-width: 100%;
}
.comBlurbHead
{
	float: left;
	width: 80%;
}

.comBlurbTitle
{
    padding-bottom: 8px;
}
.comBlurbTitle a
{
	color: #333333;
 	font-family: 'museo_sans_500regular', sans-serif;	
    font-size: 1em;
    line-height: 1.3em;
    text-decoration: none;
    display: block;   
}
.comBlurbTitle a:hover
{
	text-decoration: underline;
}


.comBlurbBar
{	
}
.comBlurbBar ul
{
	float: left;
}
.comBlurbBar ul li
{
	float: left;

	padding-left: 22px;
	padding-right: 15px;
	padding-top: 1px;

	background-repeat: no-repeat;
	font-size: .9em;
	color: #999999;
	height: 19px;
}
.comBlurbBar ul li a
{
	color: inherit;
	text-decoration: none;
}
.comBlurbBar ul li a:hover
{
	text-decoration: underline;
}

.comBlurbViews
{
	background-image: url('/images/eye-gray.png');
}
.comBlurbComments
{
	background-image: url('/images/comment-gray.png');
	cursor: pointer;
	float: left;
}
.comBlurbComments:hover
{
	background-image: url('/images/comment-black.png');	
	color: #333333;
}
.comBlurbExternal
{
	background-image: url('/images/external.png');
	background-position: 2px 4px;
	cursor: pointer;
}
.comBlurbExternal:hover
{
	background-image: url('/images/external-black.png');
	background-position: 2px 4px;
	color: #333333;
}

#adminMg
{
	position: fixed;
	right: 0px;
	bottom: 0px;
	padding: 15px;
	background-color: #222222;
}
#adminMg a
{
	color: #FCFCFC;
	font-size: 1.1em;	
}



#mobileHeaderText
{
	float: left;
	padding-left: 15px;
	padding-top: 13px;
}
#mobileHeaderText p
{
	padding: 5px;

	max-width: 235px;
	white-space: nowrap;
	display: inline-block;
	overflow: hidden;
	text-overflow: ellipsis;

	font-size: 1.1em;
	color: #EEEEEE;		
}

#customerMenu
{
	display: none;
}
#headerMeld
{
	position: absolute;
	height: 10px;
	width: 100%;
	bottom: -10px;
	position: absolute;
	background-color: #151515;
	opacity: .5;
	display: none;
}

#signIn
{
	display: none;
}
.footerLinks 
{
	text-align: center;
}
.footerLinks a
{
	text-decoration: none;
	padding-bottom: 10px;
	padding-top: 10px;
	font-size: 1.2em;
	color: #999999;
	display: block;
}
.footerLinks a:hover
{
	text-decoration: underline;
}

#contactBottomWrap
{
	width: 100%;
	padding-top: 40px;
	padding-bottom: 60px;
	background-color: #e7e7e7;
	font-family: Roobert, ProximaNova-Regular, Arial, sans-serif;
	line-height: 1.4em;	
}
#contactBottom
{
	background-color: #ffffff;
	padding: 30px 20px;
	width: 80%;
	margin-left: auto;
	margin-right: auto;

}
#contactMap img
{
	padding-right: 30px;
	max-width: 100%;
}
#contactMap
{
	display: none;
}
#contactPhoneWrap
{
	padding-top: 10px;
	text-align: center;
}
#contactPhoneWrap em
{
	
	font-size: 2.2em;
	padding-bottom: 20px;
	display: block;
}
#contactPhoneWrap p
{
	font-size: 1.1em;
	line-height: 1.5em;	
	color: #666666;
}

#contactPhoneWrap a
{
	padding-top: 15px;
	display: block;
	font-size: 1.4em;
	color: #333333;
}
#contactHead
{
	text-align: center;
	font-size: 2em;
	padding-bottom: 25px;
}

.intercom-launcher-preview:before
{
	border: 1px solid #BBBBBB;
}

#page {
	display: flex;
	flex-direction: column;
	height: 100vh;
}

#menuPageWrapper {
	display: flex;
	flex-grow: 1;
	overflow: hidden;
}

#mainPage {
  /* To be displayed after js loads layout elements */
	display: none;
	height: 100%;
	overflow: auto;
	width: 100%;
	padding: 20px 20px 0 24px;
	box-sizing: border-box;
}

.pageContentWrapper {
	flex-grow: 1;
	overflow: hidden;
}

@media screen and (max-width: 768px) {
	div #menuPageWrapper {
		overflow: auto;
	}

	.pageContentWrapper {
		overflow: visible;
	}
}

/* --------------------------------------------------------------------- */
@media screen and (min-width: 550px) {

	#contactPhoneWrap em
	{
		
		font-size: 2.2em;
		padding-bottom: 20px;
		display: block;
		padding-left: 30px;
	}
	#contactPhoneWrap p
	{
		font-size: 1.1em;
		line-height: 1.5em;	
		padding-left: 30px;
		color: #666666;
	}

	#contactPhoneWrap a
	{
		padding-top: 15px;
		display: block;
		font-size: 1.4em;
		color: #333333;
		padding-left: 30px;
	}


	#contactAnswer
	{
		display: none;
	}

	#contactBottom
	{
		background-color: #ffffff;
		padding: 30px 40px;
		width: 700px;
		max-width: 80%;
	}

	#contactMap
	{
		float: left;
		width: 50%;
		display: block;
	}
	#contactPhoneWrap
	{
		float: left;
		width: 50%;
		text-align: left;
	}
	.comBlurbTitle a
	{
		color: #333333;
	    font-size: 1.1em;
	}

	.doneDialog
	{
/*		border: 10px solid #737272  !important;

		border-radius: 20px  !important;
		-moz-border-radius: 20px  !important;
		-webkit-border-radius: 20px  !important; 	*/


		background-color: #FFFFFF !important;
		border: 5px solid #4c4c4c  !important;
		
		border-radius: 4px  !important;
		-moz-border-radius: 4px  !important;
		-webkit-border-radius: 4px  !important; 	
		padding-top: 5px !important;
		padding-left: 5px !important;
		padding-bottom: 5px !important;
		padding-right: 5px !important;	
		overflow: hidden;
		z-index: 9999;
		position: relative;		

	}


	#logo
	{
		/*max-width: 151px; */
	}

	#userPicName
	{
		display: inline;
		vertical-align: baseline;
	}
	#userPic
	{
		display: block;
		float:right;	
		max-width: 30px;
	}
	#userPic img
	{
		width: 100%;
	}


	#footTree
	{
		position: absolute;
		right: 75px;
		bottom: 19px;
		display: block;
	}

	.menuButton
	{
		margin-top: 0px;
	}
	
	#subscribeButton
	{
		margin-top: 0px;
	}

	.pagewrap 
	{
		padding-right: 25px;
		padding-left: 25px;
	}

	#mainSignup
	{
		display: block;
		margin-right: 10px;
		padding: 8px 15px;
	}
	#mainSignup #bird
	{
		padding-right: 10px;
	}

	#termsSection
	{
		left: 15px;
	}

	.footerHead
	{
		font-family: 'Lobster', cursive;
		font-size: 1.8em;
		color: #555555;
		padding-bottom: 15px;
		display: block;
	}


}

@media screen and (max-width: 768px) {
	#mainPage {
		padding: 10px 12px 0 12px;
	}
}

@media screen and (min-width: 770px) {
	#useCasesMenu
	{
		display: none;
	}

	#mobileMenu
	{
	    top: 57px;
	}
	#menuIcon
	{
	/* UPDATE AFTER LAUNCH OF BETATESTING */
	/*
	top: 13px;
	*/		
		right: 15px;
		bottom: 20px;
	}


	#contactAnswer
	{
		display: block;
	}

	.footerLinks a
	{
		padding-right: 30px;
		font-size: 1.1em;
		display: inline-block;
	}

	#footerTop, #footerBottom
	{
		padding-left: 0px;
		padding-right: 0px;
	}

	#signIn em
	{
		display: none;
	}
	#joinTopMenu
	{
		display: none;
	}


	#mobileHeaderText
	{
		display: none;
	}

	#page
	{
		position: relative;
		/* UPDATE AFTER LAUNCH OF BETATESTING */
		/* padding-top: 58px; */
	}


	#footerBottom ul
	{
		float: right;
		padding-top: 0px;
	}


	.footMob
	{
		display: block;
	}
	.colLast
	{
		padding-top: 0px;
		padding-right: 0px;
	}
	#userHomeMenu
	{
		position: relative;
	}
	#mainAlert
	{
		padding-left: 6px;
		padding-right: 6px;
		padding-top: 3px;
		padding-bottom: 3px;

		-webkit-border-radius:8px;
	    -moz-border-radius:8px;
	    border-radius:8px;

		border:1px solid #59ba4f;
		background-color: #59ba4f;

		color: #FFFFFF;
		font-size: .9em;
		line-height: 1em;

		position: absolute;
		left: -10px;
		top: 0px;
		font-weight: bold;
   }

	.comBlurbVote
	{
		display: block;
		float: left;
		padding-right: 13px;
	}


	.comBlurbTitle a
	{
	    font-size: 1.1em;
	}


	.comBlurbHead
	{
		width: 90%;
		position: relative;
	}

	.thirdWrap
	{
		float: left;
		width: 42%;

		margin-left: 0px;
		margin-right: 0px;	
	}

	#rightMenu .dropdown-menu a
	{
		font-size: 1.1em;
	}

	header
	{
		background-color: #000000;
		padding: 0px;
	}
	footer
	{
		padding-left: 40px;
		padding-right: 40px;
	}	
	#externalHeader
	{
	}
	#adminMenuTitle 
	{
	    color: #EEEEEE;
    	font-size: 0.9em;
	}
	#adminMenu 
	{
    	padding-right: 13px;
    	width: 120px;
	}

	#rightMenu .dropdown-menu 
	{
		top: 40px;
		right: 7px;
	}
	#rightMenu .dropdown-menu::before {
	  position: absolute;
	  top: -7px;
	  right: 9px;
	  display: inline-block;
	  border-right: 7px solid transparent;
	  border-bottom: 7px solid #CCC;
	  border-left: 7px solid transparent;
	  border-bottom-color: rgba(0, 0, 0, 0.2);
	  content: '';
	}
	#rightMenu .dropdown-menu::after {
	  position: absolute;
	  top: -6px;
	  right: 10px;
	  display: inline-block;
	  border-right: 6px solid transparent;
	  border-bottom: 6px solid white;
	  border-left: 6px solid transparent;
	  content: '';
	}
		


	#logoMobile
	{
		display: none;
	}
	#logo
	{
		display: block;
		margin: 0;
		float: left;
	}

	#leftMenu
	{
		display: block;
		float: left;
		padding-left: 30px;
		padding-top: 8px;
		color: #EEEEEE;
	}
	#rightMenu
	{
		display: block;
		float: right;
		padding-top: 0px;
	}

	#homeMenu
	{
		display: none;
	}
	#nameMenu, #leaderboardMenu, #shopMenu
	{
		display: block;
	}

	#cloudBottom
	{
		display: block;
		background-image: url('/images/cloud-bottom.png');
		background-repeat: repeat-x;
		background-color: #FFFFFF;
		padding-top: 75px;
		padding-bottom: 30px;
		position: relative;
	}
	#fromComm
	{
		position: absolute;
		color: #999999;
		font-size: 1em;
		top: 60px;
		left: 50px;
	}
	#fromComm a
	{
		color: #999999;
		text-decoration: none;		
	}
	#fromComm a:hover
	{
		text-decoration: underline;
	}

	#viewAllComm a
	{
		position: absolute;
		color: #999999;
		font-size: 1em;
		bottom: 18px;
	}
	#viewAllComm a:hover
	{
		color: #333333;
	}

	#footerAbout
	{
		font-size: 1.0em;
		color: #444444;
		display: block;
	}

	header img
	{
		float: left;
	}
	header
	{
		text-align: left;
	}


	#footerAbout
	{
		float: left;
		max-width: 250px;
	}
	.footerHead
	{
		padding-bottom: 20px;
	}


	#termsSection
	{
		left: 15px;
	}	

	.smUnitOne
	{
		margin-right: 4% !important;
	}
	#cloudBottom .smUnitOne
	{
		margin-left: 4%;
	}

	.comBlurb
	{
		height: 70px;
	}
}
@media screen and (min-width: 880px) {

	#menuIcon
	{
		display: none;
	}

	#customerMenu
	{
		padding-top: 25px;
		padding-right: 20px;
		padding-left: 30px;
		font-family: Roobert, ProximaNova-Regular, Arial, sans-serif;
		display: block;
		float: left;
	}
	#customerMenu .prim
	{
		float: left;
		color: #DADADA;
		font-size: 1em;
		letter-spacing: 1.5px;
		position: relative;
	}
	#customerMenu .prim:first-child
	{
		padding-left: 0px;
	}
	#customerMenu .prim a
	{
		color: #DADADA;
		text-decoration: none;
		padding-bottom: 20px;
		padding-top: 25px;
		padding-left: 15px;
		padding-right: 15px;
	}
	#customerMenu .prim a:hover
	{
		background-color: #333333;
	}
	#customerMenu .subPrim a
	{
		padding-right: 12px;
	}
	#signIn
	{
		display: block;
		float: right;
		color: #666666;
		padding-top: 23px;
		padding-right: 20px;
	}
	#signIn a
	{
		color: #AAAAAA;
		text-decoration: none;
		font-size: 1.0em;
	}
	#signIn a:hover
	{
		text-decoration: underline;
	}


}

button.button, a.button {
	align-items: center;
	border-radius: 16px;
	border: none;
	box-sizing: border-box;
	color: var(--white);
	cursor: pointer;
	display: inline-flex;
	flex-shrink: 0;
	font-family: var(--default-font-family);
	font-size: 14px;
	height: 26px;
	justify-content: center;
	padding: 0 16px;
	text-decoration: none;
	white-space: nowrap;
}
button.button.primary, a.button.primary {
	background: var(--primary);
}
button.button.primary:hover, a.button.primary:hover {
	opacity: 0.95;
}
button.button.primary[disabled], a.button.primary[disabled] {
	color: var(--lighter-gray);
}
button.button.secondary, a.button.secondary {
	background: var(--secondary);
	color: var(--white);
	border: none;
}
button.button.secondary:hover, a.button.secondary:hover {
	opacity: 0.90;
	background: var(--secondary);
}
button.button.secondary[disabled], a.button.secondary[disabled], button.button.secondary[disabled]:hover, a.button.secondary[disabled]:hover {
	background: var(--light-violet);
	color: var(--white);
}
button.button.tertiary, a.button.tertiary {
	background: var(--tertiary);
	color: var(--dark-navy);
}
button.button.tertiary:hover, a.button.tertiary:hover {
	opacity: 0.90;
}
button.button.transparent, a.button.transparent {
	background: transparent;
	border: 1px solid var(--primary);
	color: var(--primary);
}
button.button.transparent:hover, a.button.transparent:hover {
	opacity: 0.95;
}
button.button.quaternary, a.button.quaternary {
	background: var(--lightest-gray);
	border: none;
	color: var(--primary);
}
button.button.quaternary:hover, a.button.quaternary:hover {
	opacity: 0.95;
}
button.button[disabled], a.button[disabled], button.button[disabled]:hover, a.button[disabled]:hover {
	background-color: var(--gray);
	color: var(--white);
	cursor: not-allowed;
}
button.button:focus-within, a.button:focus-within {
	text-decoration: underline;
}
button.button.sm:not(.quiet, .link), a.button.sm:not(.quiet, .link) {
	font-size: 13px;
	height: 20px;
	padding: 0 10px;
}
button.button.lg:not(.quiet, .link), a.button.lg:not(.quiet, .link) {
	border-radius: 30px;
	font-size: 16px;
	height: 38px;
	padding: 0 22px 1px;
}

@media screen and (min-width: 1000px) {

	#useCasesMenu	
	{
		display: block;
	}
	#signIn em
	{
		color: #444444;
		padding-left: 6px;
		padding-right: 6px;
		display: inline-block;
	}	
	#joinTopMenu
	{
		display: inline-block;
	}

	#signIn
	{
		padding-top: 0px;
	}
	#customerMenu
	{
		width: 650px;
		margin-left: auto;
		margin-right: auto;
		float: none;
	}
	#customerMenu .prim a
	{
		padding-left: 12px;
		padding-right: 12px;
	}

	.footerMenu
	{
		float: left;	
	}

	#footerMenuSocial .extra
	{
		display: block;
	}

	.comBlurbPerson
	{
		padding-right: 12px;
		width: 30px;
		max-width: 10%;
	}


	#footerMenuSocial
	{
		float: right;
		padding-right: 120px;
		padding-top: 0px;
	}

	#footerAbout
	{
		float: left;
		max-width: 335px;
	}

	#sitefor
	{
		display: block;
		float: left;
		padding-top: 12px;
		padding-left: 20px;	
		color: #CCCCCC;
		font-size: 1.2em;
	}


	.blueButton
	{
		padding: 15px 25px;
	}
	.grayButton
	{
		padding: 15px 25px;
	}

	.unitOne
	{
		margin-right: 0px !important;
	}	
	.smUnitOne
	{
		margin-right: 4% !important;
	}
}
@media screen and (min-width: 1200px) {

	#customerMenu .prim
	{
		font-size: 1em;
	}


	#fromComm, #viewAllComm
	{
		left: auto;
	}


	#cloudBottom .smUnitOne
	{
		margin-left: 0px;
	}

	.pagewrap 
	{
		padding-right: 50px;
		padding-left: 50px;
	}
/*
	#mainPage
	{
		background-image: url('/images/rays-back3.jpg');
		background-repeat: no-repeat;
	}
*/
	.smf .startupHead
	{	
		padding-top: 15px;
		padding-left: 15px;
		padding-right: 15px;
		padding-bottom: 65px;
	}

	.smf .startupWrapInner
	{			
	}
	.smf .headLeft
	{
		width: 80%;
	}
	.smf .headRight
	{
		width: 15%;
	}
	.smUnitOne
	{
		margin-right: 0px !important;
	}
	.unitTwo, .unitOne
	{
		margin-right: 3.5% !important;
	}	

	.thirdWrap
	{
		width: 31%;
	}
	.comBlurb
	{
		height: 70px;
	}
}

@media screen and (min-width: 1300px) {
	#customerMenu .prim
	{
		font-size: 1.1em;
	}
	#customerMenu .prim a
	{
		padding-left: 20px;
		padding-right: 20px;
	}	
	#customerMenu
	{
		width: 750px;
	}

}

@media screen and (min-width: 1400px) {
/*
	#mainPage
	{
		background-image: url('/images/rays-back2.jpg');
		background-repeat: no-repeat;
	}
*/
}


@media screen and (min-width: 1600px) {
/*
	#mainPage
	{
		background-image: url('/images/rays-back.jpg');
		background-repeat: no-repeat;
	}
*/
}



