
.pagequote	{ font-size: 1.3em; font-weight: 500; font-style: italic; }

#content-box	{
		width: 100%;
		float: left;
		margin-right: -285px;
		}

.content-left	{ vertical-align: top; margin-right: 285px; }

.sidebar-right	{ font-size: 0.85em; float: left; width: 220px; vertical-align: top; padding: 0px 0px 0px 60px; }

.sidelist div	{
		font-size: 0.85em;
		padding-left: 17px;
		background: url("../picts/bullit-purple.png") no-repeat 0px 5px;
		}

a.side-button:link, a.side-button:visited, a.side-button:active
	{
	color: #FFFFFF;
	font-size: 15px;
	font-weight: 700;
	text-decoration: none;
	background: #02B2FF url("../picts/arrow-bold-white.png") no-repeat 14px 13px;
	display: block;
	border-radius: 4px;
	padding: 12px 5px 12px 30px;
	border: #02B2FF 1px solid;
	}

a.side-button:hover	{ color: #FFFFFF; text-decoration: none; background-color: #FF9900; border: #FF9900 1px solid; }

.sample-template {
	width: 100%;
	max-width: 200px;
	height: auto;
	vertical-align: bottom;
	margin: 5px 10px 15px 0px;
	box-shadow: 5px 5px 8px rgba(0,22,68,0.25);
	border: transparent 0px solid;
	-webkit-transition: all 0.1s;
	transition: all 0.1s ease;
	}

.sample-template:hover {
		margin: 9px 6px 11px 4px;
		}

.sampbox-c {
	float: left;
	width: 25%;
	}

.sampbox-c img {
	box-shadow: 5px 5px 8px rgba(0,22,68,0.25);
	position: relative;
	top: 0px;
	left: 0px;
	-webkit-transition: all 0.1s;
	transition: all 0.1s ease;
	}

.sampbox-c img:hover {
		position: relative;
		top: 3px;
		left: 3px;
		}

.sampbox-c div { padding: 7px; }

.sampbox:after {
	content: "";
	display: table;
	clear: both;
	}

.list, .plainlist	{ margin-top: 6px; text-align: left; }

.fancylist	{ margin: 12px 0px 8px 20px; padding: 0px; text-align: left; }

.fancylist li 	{
		text-indent: 1px;
		text-align: left;
		padding: 4px 0px 4px 21px;
		list-style: none;
		background: url("../picts/arrow-fancy.gif") no-repeat 0 0px;
		}

.listpad5 li	{ padding-top: 5px; padding-bottom: 5px; }

.listpad10 li	{ padding-top: 10px; padding-bottom: 10px; }

.fancypad10 li	{ padding-top: 4px; padding-bottom: 16px; }

.arrowD-black {
	display: block;
	width: 0;
	height: 0;
	margin: 4px 0px 0px 20px;
	border-left: 14px solid transparent;
	border-right: 14px solid transparent;
	border-top: 14px solid #000000;
	}

.arrowU-black {
	display: inline-block;
	width: 0;
	height: 0;
	margin: 0px 0px 2px 5px;
	border-left: 14px solid transparent;
	border-right: 14px solid transparent;
	border-bottom: 14px solid #000000;
	}

.flt-help	{ padding: 60px 0px 0px 0px; width: 68%; display: inline-block; vertical-align: top; }

.flt-help-thumb { padding: 60px 0px 0px 0px; width: 30%; max-width: 450px; display: inline-block; text-align: center; vertical-align: top; }

.flt-help-box	{ padding-right: 50px; }

.flt-help-thumb	img { width: 100%; height: auto; }



.setup-sublink	{
		font-size: 0.90em;
		padding: 3px 0px 0px 28px;
		margin: 3px 0px 0px 0px;
		border-top: #FF9900 2px solid;
		}

a.boxlink:link, a.boxlink:visited, a.boxlink:active
		{
		background-color: transparent;
		color: #0066FF;
		padding: 5px 5px 5px 5px;
		border: #0066FF 0px solid;
		}

a.boxlink:hover	{ color: #FFFFFF; background-color: #FF9900; }

.flt-help-thumb img	{ left: 0px; position: relative; top: 0px; }

.flt-help-thumb img:hover	{ left: 3px; position: relative; top: 3px;  }

.padb10	{ padding-bottom: 10px; }


/***************
MQS 765
***************/
@media handheld and (max-width: 765px),
   screen and (max-device-width: 765px),
   screen and (max-width: 765px) 
	{

.flt-help	{ padding: 40px 0px 0px 0px; width: auto; display: block; }

.flt-help-box	{ padding-right: 10px; }

.flt-help-thumb { padding: 10px 0px 0px 0px; width: auto; max-width: 350px; display: block; }

	}
/***************
END MQs 
***************/



/***************
MQS 680
***************/
@media handheld and (max-width: 680px),
   screen and (max-device-width: 680px),
   screen and (max-width: 680px) 
	{

#content-box	{
		width: auto;
		float: none;
		margin-right: 0;
		}

.content-left	{ margin-right: 0; }

.sidebar-right	{ float: none; padding: 0; }

.sampbox-c div	{ padding: 2px; }

	}
/***************
END MQs 
***************/



/***************
MQS 680
***************/
@media handheld and (max-width: 440px),
   screen and (max-device-width: 440px),
   screen and (max-width: 440px) 
	{

.sampbox-c {
	float: left;
	width: 50%;
	}

	}
/***************
END MQs 
***************/
