@charset "utf-8";
/* CSS Document */

body {
	font-family: Tahoma, Helvetica, Arial, Sans-Serif;
	font-size: 12px;
	margin: 0; 
	padding: 0;
	text-align: center;
	background-color: #ededed;
} 

a {
	font-weight: normal;
	color: #2d4780;
	text-decoration: none;
} 

a:visited {
	color: #2d4780;
	text-decoration: none;
} 

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

img {
	border: 0px;
}

#page {
	width: 940px;
	margin: 0 auto;
}

#top {
	margin-top: 10px;
	height: 30px;
	clear: both;
}

#page-box {
	width: 940px;
	background-color: #fff;
	box-shadow: 0px 0px 12px #555; 
	-webkit-box-shadow: 0px 0px 12px #555; 
	-moz-box-shadow: 0px 0px 12px #555;
}

#bottom {
	height: 55px;
}

#headbar {
	height:125px; 
	font-size: 20px; 
	color: #c80202;
	background-image: url(http://www.monnit.com/content/images/bar-blue.jpg); 
	background-repeat: repeat-x; 
	background-position: left top;
}

#head {
	text-align: right;
	margin: 0px 30px 0px 30px;
}

#content {
	clear: both;
	margin: 0px 35px 0px 0px; 
}

#share {
	position: absolute;
	width: 42px;
	height: 202px;
	margin-top: 110px;
	margin-left: 942px;
	background-image: url(http://www.monnit.com/content/images/share.jpg);
	background-repeat:no-repeat;
	background-position: left top;
}

#logoblock {
	float:left;
	width: 360px;
	text-align:left; 
	margin-left: 20px; 
	margin-top: 15px;
}

#live {
	float:left;
	width: 120px;
	height: 60px;
	font-size: 18px;
	text-align: center;
	margin: 10px 40px 10px 90px;
}

#toptext {
	float: right;
	margin: 10px 20px 20px 20px; 
	text-align: right; 
	font-size: 30px; 
	color: #2d4780;
}
/* Text Formats */

h1 {
	margin: 0;	
	font-size: 28px;
	font-family: Arial, Helvetica, sans-serif;
	color: #c80202;
	font-style: italic;
}

h1 strong {
	font-size: 42px;
	font-style: normal;
}

h2 {
	font-size:20px; 
	font-weight:bold; 
	color:#2d4780;
	text-align: left;
	margin: 0px;
	padding: 0px;
}

h2 strong{
	font-family: Arial, Sans-Serif;
	margin-top: 0;
	font-size: 39px;
	font-weight: normal;
	font-style: italic;
	color: #666666;
}

h3 {
	font-size: 16px;
	font-weight: bold;
	color: #c80202;
	text-align: center;
}



p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #333;
	text-align: left;
}

sup {
	font-size: xx-small;
	vertical-align: top;
}

/* Elements */

#row {
	min-height: 320px;
}

#keyimage {
	float: left;
	width: 520px;
	margin:0px; 
	padding:0px;
}

#main-text {
	float: left;
	text-align: left;
	width: 370px;
	margin-left: 20px;
}

#why {
	float:left;
	text-align: left;
	color: #333;
	width: 500px;
	margin-left: 0px;
	margin-top: 0px;
}

#why strong {
	color: #2d4780;
}

#why ul {
	float:left;
	margin-top:0px;
    width:500px;
	padding: 5px 0px 10px 20px;
}

#why ul li {
	float:left;
	display:inline;
	margin:0;
	padding:.5em 0 .5em 35px;
	width:450px;
	font-size:1.2em;
	background:transparent url(http://www.monnit.com/content/images/check.png) no-repeat 12px .8em;
}

#buy {
	padding: 20px;
	text-align: center;
}

#video {
	float: right;
    margin-top: 20px;
	margin-right: 20px;
	text-align: center;
	color: #c80202;
	width: 320px;
}

#who {
    clear: both;
	float: left;
	margin: 30px 0px 10px 30px;
	color:#2d4780; 
	font-size:14px; 
	font-weight:bold;
}

#user-logos {
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
}


/**********************************************
 *	Auto update fields
 **********************************************/


.pendingTransaction {
    background-color:#bbbbff;
    border-color:#5555FF;
}

.transactionComplete {
    background-color:#bbffbb;
    border-color:#55FF55;
}

.transactionFailed {
    background-color:#ffbbbb;
    border-color:#FF5555;
}

/**********************************************
 *	Footer Page Styles
 **********************************************/

#footer {
	margin-top: 15px;
	height: 50px;
}

#brand {
	float: right;
	text-align: right;
	font-size: 11px;
	color: #484848;
}
 
/***	Bottom Navigation    ***/ 

#btm_nav {
 	float: left;
	margin-top: 0px;
}

#btm_nav ul {
	margin: 0px;
}

#btm_nav li {
	float: left;
	margin-right: 25px;
	list-style-type: none;
}

#btm_nav {
 	font-size: 12px;
}

#btm_nav a:visited {
	color: #777;
	text-decoration: none;
} 
#btm_nav a:link {
	color: #484848;
	text-decoration: none;
}
#btm_nav a:hover {
	color: #2d4780;
}

#social_nav {
	float: left;
	text-align: left;
	height: 200px;
	width: 20px;
	vertical-align: top;
	color: #fff;
	margin: 60px 0px 0px 5px;
}

#social_nav td {
	height: 20px;
}

#social_nav a img {
	filter:alpha(opacity=60); -moz-opacity:0.60; opacity:0.60; -khtml-opacity:0.60;
}

#social_nav a:hover img {
	 filter:alpha(opacity=99); -moz-opacity:0.99; opacity:0.99; -khtml-opacity:0.99;
}

#box {
	padding:10px; background-color:#f0f2f6; 
	border-radius: 5px;	
	-webkit-border-radius: 5px;	
	-moz-border-radius: 5px; 
	box-shadow: 0 0 3px #555; 
	-webkit-box-shadow: 0 0 3px #555; 
	-moz-box-shadow: 0 0 3px #555;
}

/* BUY NOW AREA & BUTTONS
--------------------------------------------------------------*/
#buynow{
	margin:20px 0 0 0;
	padding:25px 0px;
	width:auto;
	text-align:center;
	font-size:24px;
	color:#2f2f2f;
	border-top:1px dashed #fff;
	border-bottom:1px dashed #fff;
	
}

#buynow a{
	margin:0px 15px;
	color:#FFEDDF;
}

#buynow a:hover{
	color:#FFF;
}

#buybutton{
    background-color:#2d4780;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
    color: #FFFFFF;
	font-size:20px;
    font-weight: bold;
    letter-spacing: -1px;
    padding: 7px 17px;
    text-decoration: none;
	border: 2px solid #fff;
	text-shadow: .5px 2px 0 rgba(0, 0, 0, 0.25);
	box-shadow: .5px .5px 7px rgba(0, 0, 0, 0.45);
}

#buybutton:hover{
	background-color:#c80202;
}

#redbuy {
	float: right;
	margin:0px 20px 0px 0px;
}

#redbutton{
    background-color:#c80202;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
    color: #FFFFFF;
	font-size:20px;
    font-weight: normal;
    padding: 7px 17px;
    text-decoration: none;
	border: 2px solid #fff;
	text-shadow: .5px 2px 0 rgba(0, 0, 0, 0.25);
	box-shadow: .5px .5px 7px rgba(0, 0, 0, 0.45);
}

#redbutton:hover{
	background-color:#2d4780;
}

.kill_height {
 	clear:both;
	font-size:1px; 
	height:1px; 
	line-height:1px;
}

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


/*----------------------------------------------------------
  Account Bar   
----------------------------------------------------------*/

#accountBar {
    background-color:#555;
    color:#eee;
    height:30px;
}

#accountBar a, #accountBar a:link, #accountBar a:hover, #accountBar a:active, #accountBar a:visited{
    color:#eee;
    padding:8px;
}

#accountBar .links {
    float: right;
}

#accountBar div{
    padding:8px;
    float:left;
}
/*#accountBar div{
    float:right;
    padding:4px;
}

#accountBar div.left{
    float:left;
}*/


#box2 {
	padding:10px; background-color:#f0f2f6; 
	border-radius: 5px;	
	-webkit-border-radius: 5px;	
	-moz-border-radius: 5px; 
	box-shadow: 0 0 3px #555; 
	-webkit-box-shadow: 0 0 3px #555; 
	-moz-box-shadow: 0 0 3px #555;
}

.boxul {
	text-align:left;
	font-size: 13px;
	margin-top:0px;
	margin-left:-15px;
}

#lander {
	width: 940px;
	height: 380px;
	margin-top: -14px;
	background-color: #fff;
	background-image: url(http://www.monnit.com/content/images/temp-landing.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	text-align: left;
}

/**********************************************
 *	New Layout Additional Styles
 **********************************************/
 
 #how {
	margin-top: 20px;
	margin-bottom: 10px;
	width: 900px;
	background-color: #efefef;
	padding: 20px 15px 20px 25px;
	min-height: 220px;
	text-align: left;
}

.howtitle {
	margin-bottom: 20px;
	font-size: 20px;
	font-weight: lighter;
	color: #333;
	text-transform: uppercase;
}

.section {
	float:left;
	width: 290px;
	padding-right: 12px;
}

.last {
	float:left;
	width: 290px;
	padding-right: 0px;
}

.title {
	font-weight:bold;
	font-size: 18px;
	text-align: left;
	color:#2d4780;
	margin: 5px 0 5px 0;
}

.section img {
	max-width: 275px;
	margin-top: 20px;
	margin-bottom: 20px;
	border: 5px #fff solid;
	box-shadow: 0 1px 4px #555; 
	-webkit-box-shadow: 0 1px 4px #555; 
	-moz-box-shadow: 0 1px 4px #555;
}

#live2 {
	position: absolute;
	width: 250px;
	height: 32px;
	margin-top: 80px;
	margin-left: 690px;
}

.live-text {
	margin-top: 2px;
	margin-right: 10px;
	color: #fff;
	font-size: 18px;
	float: right;
}

.live-button {
	float: right;
}

/* Blocks */

.blocks {
	clear:both;
	margin: 20px;
}

.blocks p {
	font-family: Tahoma, Helvetica, Arial, Sans-Serif;
	font-size: 12px;
}

.blocks h3 {
	font-family: Tahoma, Helvetica, Arial, Sans-Serif;
	color: #2d4780;
	display: block;
	font-size: 1.17em;
	-webkit-margin-before: 1em;
	-webkit-margin-after: 1em;
	-webkit-margin-start: 0px;
	-webkit-margin-end: 0px;
	font-weight: bold;
	text-align: left;
}

.block {
	float:left;
	width:32%;
	margin-right:2%;
}

.block-last {
	float:left;
	width:32%;
	margin-right:0;
}

.block2 {
	float:left;
	margin-left: 17%;
	width:32%;
	margin-right:2%;
}

.block2-last {
	float:left;
	width:32%;
}

.box
{
	background: #eee;
	border: solid 1px #ccc;
	padding: 0 1.75em 1.75em 1.75em;
}

.box .image-full
{
	position: relative;
	width: auto;
	left: 1.75em;
	top: 0em;
	margin: -4.5em 0 4.25em -3.5em;
}

.box img {
	width: 117%;
}
		
/* Button */
	
.button
{
	display: inline-block;
	text-decoration: none;
	padding: 5px 13px;
	cursor: pointer;
	border: 2px solid #fff;
	text-shadow: .5px 2px 0 rgba(0, 0, 0, 0.25);
	box-shadow: .5px .5px 7px rgba(0, 0, 0, 0.45);
	border-radius: 5px;
	background: #2d4780;
	color: #fff !important;
	font-weight: 700;
	font-size:14px;
	outline: 0;
	-moz-transition: background-color .15s ease-in-out;
	-webkit-transition: background-color .15s ease-in-out;
	-o-transition: background-color .15s ease-in-out;
	-ms-transition: background-color .15s ease-in-out;
	transition: background-color .15s ease-in-out;
}

.button:hover
{
	background: #c80202;
	text-decoration:none;
}

.button:active
{
	background: #c80202;
	text-decoration:none;
}

/* Quotes */
#quotewrapper { width: 940px; margin-left:-30px; }
#quote_wrap { background: #2d4780; padding: 10px 0px 30px 0px; border: 1px solid #2d4780; }
blockquote p { margin-bottom: 20px; font-style: italic; font-size: 24px; color: #fff; line-height:28px; }
blockquote cite { font-style: normal; display: block; text-align: right; text-transform: uppercase; font-size: 10px; font-weight: bold; letter-spacing: 1px; color:#fff; }
blockquote { width: 800px; margin: 0 auto; }