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

a {
	color: #533a64;
	text-decoration: none;
}

.code
{
	font-family: monospace;
	font-size: 14px;
	background-color: #CADEAC;
}

.codeblock
{
	background-color: #CADEAC;

}

#header {
	background: #f2f2f2; /* Old browsers */
	background: -moz-linear-gradient(top, #f2f2f2 0%, #d6d6d6 50%, #cccccc 51%, #f2f2f2 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f2f2f2), color-stop(50%, #d6d6d6), color-stop(51%, #cccccc), color-stop(100%, #f2f2f2)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #f2f2f2 0%, #d6d6d6 50%, #cccccc 51%, #f2f2f2 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #f2f2f2 0%, #d6d6d6 50%, #cccccc 51%, #f2f2f2 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #f2f2f2 0%, #d6d6d6 50%, #cccccc 51%, #f2f2f2 100%); /* IE10+ */
	background: linear-gradient(top, #f2f2f2 0%, #d6d6d6 50%, #cccccc 51%, #f2f2f2 100%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#f2f2f2', GradientType=0 ); /* IE6-9 */
	height: 50px;
	box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.40);
	-moz-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.40);
	-webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.40);
	min-width: auto;
/*	min-width: 740px;
*/}

.gridContainer {
	padding-top: 50 px;
	background-color: #d0d0d0;
	box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.40);
	-moz-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.40);
	-webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.40);
	border-bottom-left-radius: 15px;
	border-bottom-right-radius: 15px;
	background: rgb(184,186,198);
	background: -moz-linear-gradient(top, rgba(184,186,198,1) 0%, rgba(224,226,229,1) 7%, rgba(245,246,246,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(184,186,198,1)), color-stop(7%, rgba(224,226,229,1)), color-stop(100%, rgba(245,246,246,1)));
	background: -webkit-linear-gradient(top, rgba(184,186,198,1) 0%, rgba(224,226,229,1) 7%, rgba(245,246,246,1) 100%);
	background: -o-linear-gradient(top, rgba(184,186,198,1) 0%, rgba(224,226,229,1) 7%, rgba(245,246,246,1) 100%);
	background: -ms-linear-gradient(top, rgba(184,186,198,1) 0%, rgba(224,226,229,1) 7%, rgba(245,246,246,1) 100%);
	background: linear-gradient(top, rgba(184,186,198,1) 0%, rgba(224,226,229,1) 7%, rgba(245,246,246,1) 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b8bac6', endColorstr='#f5f6f6', GradientType=0 );
}
#footer {
	text-align: center;
	color: #FFF;
	padding-top: 20px;
	padding-bottom: 20px;
}
/* .gridContainer {
	background-color: #5f7e31;
	box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.80);
	-moz-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.80);
	-webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.80);
} */
body {
	background-color: #546b31;
}
#topBar {
}
#mainMenuLinks {
	margin-top: 15px;
	font-size: 16px;
}
#loginButton {
	margin-top: 10px;
	font: 14px/100% Arial, Helvetica, sans-serif;
}
.purpleGradButton {
	display: inline-block;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	padding: .5em 1.5em .55em;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em;
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
	color: #f2f2f2;
	border: solid 1px #533a64;
	background: #533a64;
	background: -webkit-gradient(linear, left top, left bottom, from(#88679b), to(#533a64));
	background: -moz-linear-gradient(top, #88679b, #533a64);
 filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#88679b', endColorstr='#533a64');
}
.purpleGradButton:hover {
	background: #533a64;
	text-decoration: none;
}
.purpleGradButton:active {
	position: relative;
	top: 1px;
}

.imageOne
{
	text-align: center;
}

h1
{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
/*	font-style: oblique;
	text-align: center;
*/	font-size:30px;	
}

.leftMainBoxText {
	margin: auto;
	color: #666;
/*	padding-top: 50px;
	padding-left: 50px;
	padding-right: 50px;
	padding-bottom: 50px;
*/	text-shadow: 2px 2px 2px #f2f2f2;
}
.infobox {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-style: oblique;
	text-align: center;
	font-size:28px;	
}

#leftMainBox {
/*	height: 350px;
*/	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-style: oblique;
	text-align: center;
}
#bottomChunk {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 18px;
	text-shadow: 2px 2px 2px #f2f2f2;
}
.columnTitle {
	text-shadow: 1px 1px 1px #ffffff;
	font-weight: bold;
	color: #444444;
	margin-left: 20px;
}
#itsSoEasy {
	padding: 50px;
	padding-right: 0px;
	color: #000;
	text-shadow: 2px 2px 2px #f2f2f2;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	/*	font-style:oblique;
*/		
	text-align: center;
}
#middrift {
	padding-top: 50px;
	text-align: center;
}
#coreDataCloudSyncing {
	margin-top: 50px;
	text-align: center;
}
#simplyDrop {
	padding-top: 50px;
	text-align: right;
}
#simplyDrop img {
	box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.40);
	-moz-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.40);
	-webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.40);
}
#tryItNow {
	padding-top: 25px;
	padding-bottom: 25px;
	text-align: center;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 24px;
}
.cleanWhite {
	background-color: #FFF;
}
.arrow_box {
	padding: 20px;
	border-radius: 15px;
	position: relative;
	background: #88b7d5;
	border: 4px solid #c2e1f5;
	box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.40);
	-moz-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.40);
	-webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.40);
	border-bottom-left-radius: 15px;
	border-bottom-right-radius: 15px;
}
.arrow_box:after, .arrow_box:before {
	left: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.arrow_box:after {
	border-left-color: #88b7d5;
	border-width: 30px;
	top: 50%;
	margin-top: -30px;
}
.arrow_box:before {
	border-left-color: #c2e1f5;
	border-width: 36px;
	top: 50%;
	margin-top: -36px;
}

#integrateTextBlog a
{
	text-decoration: underline;	
}