/***** Reset & Basics *****/
/*#htmlhome html, body, div, span, applet,
object, iframe, h1, h2, h3, h4,
h5, h6, p, blockquote, pre, a,
abbr, acronym, address, big, cite,
code, del, dfn, em, img, 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:baseline;
}*/

body {
    line-height:1;
}

ol, ul {
    list-style:none;
}

/*-----------------------GENERAL-STYLES----------------------------*/
#htmlhome .center{
    display: block;
    margin-left: auto;
    margin-right: auto;
}
#htmlhome .shadow{
    -moz-box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.11);
    -webkit-box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.11);
    box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.11);
}





/*------------------END--------------------------*/
	
/***** Basic Styles *****/

html {
    overflow-y:scroll;
    overflow:-moz-scrollbars-vertical;
}
body { margin:0;
       padding:0;
       background-color:#fff;
       font-family:"Trebuchet MS", Helvetica, sans-serif;
       font-size: 13px;
       color:#333333;
       -webkit-font-smoothing:antialiased;
       -webkit-text-size-adjust:none;
}

/***** END *****/

/***** Typography *****/

#htmlhome h1, h2, h3, h4, h5, h6 {
    margin:0;
    padding:0;
    font-family:Helvetica, Arial, sans-serif;
    font-weight:normal;
}
#htmlhome h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{
    font-weight:inherit;
}
#htmlhome h1{
    margin:0 0 10px 0;
    padding:0;
    font-size:36px;
    line-height:40px;
    color:#333333;
}
#htmlhome h2{
    margin:0 0 10px 0;
    padding:0;
    font-size:30px;
    line-height:34px;
    color:#333333;
}
#htmlhome h3{
    margin:0 0 10px 0;
    padding:0;
    font-size:24px;
    line-height:28px;
    color:#333333;
}
#htmlhome h4{
    margin:0 0 10px 0;
    padding:0;
    font-size:18px;
    line-height:22px;
    color:#333333;
}
#htmlhome h5{
    margin:0 0 10px 0;
    padding:0;
    font-size:14px;
    line-height:16px;
    color:#333333;
}
#htmlhome h6{
    margin:0 0 10px 0;
    padding:0;
    font-size:12px;
    line-height:16px;
    color:#333333;
}

#htmlhome p{
    margin:0;
    padding:0 0 10px 0;
    line-height:20px;
    font-size: 14pt;
}

#htmlhome ol{
    margin:0 0 20px 20px;
    list-style:decimal;
}
#htmlhome ol li{ margin:0 0 5px 0;
       padding:0;
       line-height:18px;
}

/***** Links *****/

#htmlhome a:link{
    color:#6C6967;
    text-decoration:none;
    outline:0;
    transition-property:color .1s linear 0s;
    -moz-transition:color .1s linear 0s;
    -webkit-transition:color .1s linear 0s;
    -o-transition:color .1s linear 0s;
}
#htmlhome a:visited{
    color:#6C6967;
    text-decoration:none;
    outline:0;
}
#htmlhome a:active{
    color:#333;
    text-decoration:none;
    outline:0;
}
#htmlhome a:hover{
    color:#333333;
    text-decoration:none;
    outline:0;
}
#htmlhome a:focus{
    -moz-outline-style:none;
}

/***** Images iFrames & Videos  *****/

#htmlhome img 									{ border:0; -ms-interpolation-mode:bicubic; }
#htmlhome.max-img 								{ width:100%; height:auto; }		

/***** Buttons  *****/

#htmlhome a.btn, .btn{
    margin:5px 0 5px 0;
    padding:7px 20px;
    font-size: 12pt;
    border-radius: 20px 20px 20px 20px;
    display:inline-block;
    color:#fff;
    border:none;
    background-color: #F39400;
    cursor:pointer;
}
#htmlhome a:hover.btn{
    text-decoration:none;
    border:none;
    color:#6C6967;
}
#htmlhome a.btn-green, .btn-green{
    margin:5px 0 5px 0;
    padding:7px 20px;
    font-size: 12pt;
    border-radius: 20px 20px 20px 20px;
    display:inline-block;
    color:#fff;
    border:none;
    background-color: #76B145;
    cursor:pointer;
}
#htmlhome a:hover.btn-green{
    text-decoration:none;
    border:none;
    color:#6C6967;
}
/***** Global Classes *****/

#htmlhome .img-left   							{ float:left; margin:0 30px 30px 0; border:none; }
#htmlhome .img-right  							{ float:right; margin:0 0 30px 30px; border:none; }
	
#htmlhome .clear       							{ clear:both; }
#htmlhome .float-left 							{ float:left; }
#htmlhome .float-right   							{ float:right; }

#htmlhome .text-big								{ color:#a2bd30; font-weight:bold; line-height:26px; }
#htmlhome .text-left    							{ text-align:left; }
#htmlhome .text-right    							{ text-align:right; }
#htmlhome .text-center   							{ text-align:center; }
#htmlhome .text-justify  							{ text-align:justify; }

#htmlhome .normal									{ font-weight:normal; }
#htmlhome .bold          							{ font-weight:bold; }
#htmlhome .italic        							{ font-style:italic; }
#htmlhome .underline     							{ border-bottom:1px solid; }
#htmlhome .highlight     							{ padding:0 3px 2px; color:#333; font-size:11px; background:#00deff; font-weight:bold; }
#htmlhome .intro									{ font-size:130%; line-height:130%; }

#htmlhome .nopadding 						   		{ padding:0; }
#htmlhome .noindent  						   		{ margin-left:0; padding-left:0; }
#htmlhome .nobullet  					   			{ list-style:none; list-style-image:none; }

#htmlhome .block									{ display:block; }
#htmlhome .hidden									{ display:none; }
#htmlhome .hide 									{ display:none; }

/*-----------------------------This is new stuff just for this project-------------------------------- */
#htmlhome.main-bg {
    background: url("http://confluence.loopup.info/images/loop-bg.png") no-repeat scroll 218px bottom #f1f0f0;
    border-radius: 15px;
    margin: 20px auto;
    padding: 20px;
    width: 90%;
}
#htmlhome .nav ul {
    font-size: 12pt;
    margin-bottom: 30px;
}
#htmlhome .nav ul {
    color: #6c6967;
    font-weight: 600;
    padding: 0;
}
#htmlhome .nav li {
    -moz-osx-font-smoothing: grayscale;
    display: inline;
    list-style-type: none;
    margin-right: 20px;
}
#htmlhome .nav li:hover{
    color: #329600;
    cursor: pointer;
}
#htmlhome .nav li.last{
    margin-right: 0;
}
#htmlhome .selected {
    border-bottom: 5px solid #b4d21e;
    margin-bottom: 0;
    padding-bottom: 5px;
    color: #33302d;
}
#htmlhome .selected:hover{
    color:#33302d;
}
#htmlhome .box-headings{
    margin-top: 15px;
}
#htmlhome .trigger-one{
    cursor: pointer;
}
#htmlhome .comp-links ul {
    font-size: 16px;
    margin-top: 20px;
    padding: 0;
}
#htmlhome .comp-links li {
    border-bottom: 1px solid #f1f0f0;
    margin-bottom: 10px;
    padding-bottom: 11px;
}
#htmlhome .trigger-two{
    cursor: pointer;
}
#htmlhome .trigger-three{
    cursor: pointer;
}
#htmlhome .s-m-links ul {
    font-size: 16px;
    margin-top: 20px;
    padding: 0;
}
#htmlhome .s-m-links li {
    border-bottom: 1px solid #f1f0f0;
    margin-bottom: 10px;
    padding-bottom: 11px;
}
#htmlhome .product-links ul {
    font-size: 16px;
    margin-top: 20px;
    padding: 0;
}
#htmlhome .product-links li {
    border-bottom: 1px solid #f1f0f0;
    margin-bottom: 10px;
    padding-bottom: 11px;
}
#htmlhome .row 								{ margin:0 auto; width:1200px; overflow:hidden; }
#htmlhome .row .row 							{ margin:0 -20px 0 -20px; width:auto; display:inline-block; }

#htmlhome .grid_1                                         { width:60px; margin:0 20px; overflow:hidden; float:left; display:inline; }
#htmlhome .grid_2                                         { width:160px; margin:0 20px; overflow:hidden; float:left; display:inline; }
#htmlhome .grid_3 {
    background-color: #fff;
    border-radius: 7px;
    display: inline;
    float: left;
    margin: 0 20px;
    padding: 20px;
    width: 220px;
}
#htmlhome .grid_4                                         { width:360px; margin:0 20px; overflow:hidden; float:left; display:inline; }
#htmlhome .grid_5                                         { width:460px; margin:0 20px; overflow:hidden; float:left; display:inline; }
#htmlhome .grid_6 {
    background-color: #fff;
    display: inline;
    float: left;
    margin: 0 20px;
    padding: 20px;
    width: 520px;
}
#htmlhome .grid_7                                         { width:660px; margin:0 20px; overflow:hidden; float:left; display:inline; }
#htmlhome .grid_8                                         { width:760px; margin:0 20px; overflow:hidden; float:left; display:inline; }
#htmlhome .grid_9                                         { width:860px; margin:0 20px; overflow:hidden; float:left; display:inline; }
#htmlhome .grid_10                                        { width:960px; margin:0 20px; overflow:hidden; float:left; display:inline; }
#htmlhome .grid_11                                        { width:1060px; margin:0 20px; overflow:hidden; float:left; display:inline; }
#htmlhome .grid_12                                        { width:1160px; margin:0 20px; overflow:hidden; float:left; display:inline; }

#htmlhome .offset_1                                       { margin-left:120px; }
#htmlhome .offset_2                                       { margin-left:220px; }
#htmlhome .offset_3                                       { margin-left:320px; }
#htmlhome .offset_4                                       { margin-left:420px; }
#htmlhome .offset_5                                       { margin-left:520px; }
#htmlhome .offset_6                                       { margin-left:620px; }
#htmlhome .offset_7                                       { margin-left:720px; }
#htmlhome .offset_8                                       { margin-left:820px; }
#htmlhome .offset_9                                       { margin-left:920px; }
#htmlhome .offset_10                                      { margin-left:1020px; }
#htmlhome .offset_11                                      { margin-left:1120px; }

#htmlhome .show-phone 						{ display:none !important; }
#htmlhome .show-tablet 						{ display:none !important; }
#htmlhome .show-screen						{ display:inherit; }
#htmlhome .show-fullwidth                                        { display:inherit; }
#htmlhome .show-otherwidth                                        { display:none; }

#htmlhome .hide-phone							{ display:inherit !important; }
#htmlhome .hide-tablet						{ display:inherit !important; }
#htmlhome .hide-screen						{ display:none !important; }
#htmlhome .top {
    margin: 30px auto 0;
}