html,
button,
input,
select,
textarea {
    color: #222;
}

body {
    font-size: 1em;
    line-height: 1.4;
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

img {
    vertical-align: middle;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}


/* ==========================================================================
   custom styles
   ========================================================================== */

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, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
}


ul,ol,li,dl,dt,dd{
	list-style-type:none;
	list-style-position:outside;
}



/*-----------------------------------------------------

TEXT

-------------------------------------------------------*/

p{
	margin-bottom: 1.5em;
	font-size: 86%;
	line-height: 1.7;
}

.text10 { font-size:72% !important; }
.text11 { font-size:79% !important; }
.text12 { font-size:86% !important; }
.text13 { font-size:93% !important; }
.text14 { font-size:100% !important; }
.text15 { font-size:108% !important; }
.text16 { font-size:115% !important; }
.text17 { font-size:122% !important; }
.text18 { font-size:129% !important; }
.text19 { font-size:136% !important; }
.text20 { font-size:143% !important; }
.text21 { font-size:150% !important; }
.text22 { font-size:158% !important; }
.text23 { font-size:165% !important; }
.text24 { font-size:172% !important; }
.text25 { font-size:179% !important; }
.text26 { font-size:186% !important; }

.fs70 { font-size: 0.7em !important;}
.fs80 { font-size: 0.8em !important;}
.fs90 { font-size: 0.9em !important;}
.fs100{ font-size: 1em !important;}
.fs110{ font-size: 1.1em !important;}
.fs120{ font-size: 1.2em !important;}
.fs130{ font-size: 1.3em !important;}
.fs140{ font-size: 1.4em !important;}
.fs150{ font-size: 1.5em !important;}




/*-----------------------------------------------------

MARGIN, PADDING

-------------------------------------------------------*/
.mt5{ margin-top: 5px !important;}
.mt10{ margin-top: 10px !important;}
.mt15{ margin-top: 15px !important;}
.mt20{ margin-top: 20px !important;}
.mt25{ margin-top: 25px !important;}
.mt30{ margin-top: 30px !important;}
.mt35{ margin-top: 35px !important;}
.mt40{ margin-top: 40px !important;}
.mt45{ margin-top: 45px !important;}
.mt50{ margin-top: 50px !important;}
.mt60{ margin-top: 60px !important;}
.mt70{ margin-top: 70px !important;}
.mt80{ margin-top: 80px !important;}
.mt90{ margin-top: 90px !important;}
.mt100{ margin-top:100px !important;}

.mb5{ margin-bottom: 5px !important;}
.mb10{ margin-bottom: 10px !important;}
.mb15{ margin-bottom: 15px !important;}
.mb20{ margin-bottom: 20px !important;}
.mb25{ margin-bottom: 25px !important;}
.mb30{ margin-bottom: 30px !important;}
.mb35{ margin-bottom: 35px !important;}
.mb40{ margin-bottom: 40px !important;}
.mb45{ margin-bottom: 45px !important;}
.mb50{ margin-bottom: 50px !important;}
.mb60{ margin-bottom: 60px !important;}
.mb70{ margin-bottom: 70px !important;}
.mb80{ margin-bottom: 80px !important;}
.mb90{ margin-bottom: 90px !important;}
.mb100{ margin-bottom:100px !important;}

.ml5{ margin-left: 5px !important;}
.ml10{ margin-left: 10px !important;}
.ml15{ margin-left: 15px !important;}
.ml20{ margin-left: 20px !important;}
.ml25{ margin-left: 25px !important;}
.ml30{ margin-left: 30px !important;}
.ml35{ margin-left: 35px !important;}
.ml40{ margin-left: 40px !important;}
.ml45{ margin-left: 45px !important;}
.ml50{ margin-left: 50px !important;}
.ml60{ margin-left: 60px !important;}
.ml70{ margin-left: 70px !important;}
.ml80{ margin-left: 80px !important;}
.ml90{ margin-left: 90px !important;}
.ml100{ margin-left:100px !important;}

.mr5{ margin-right: 5px !important;}
.mr10{ margin-right: 10px !important;}
.mr15{ margin-right: 15px !important;}
.mr20{ margin-right: 20px !important;}
.mr25{ margin-right: 25px !important;}
.mr30{ margin-right: 30px !important;}
.mr35{ margin-right: 35px !important;}
.mr40{ margin-right: 40px !important;}
.mr45{ margin-right: 45px !important;}
.mr50{ margin-right: 50px !important;}
.mr60{ margin-right: 60px !important;}
.mr70{ margin-right: 70px !important;}
.mr80{ margin-right: 80px !important;}
.mr90{ margin-right: 90px !important;}
.mr100{ margin-right:100px !important;}

.pt5{ padding-top: 5px !important;}
.pt10{ padding-top: 10px !important;}
.pt15{ padding-top: 15px !important;}
.pt20{ padding-top: 20px !important;}
.pt25{ padding-top: 25px !important;}
.pt30{ padding-top: 30px !important;}
.pt35{ padding-top: 34px !important;}
.pt40{ padding-top: 40px !important;}
.pt45{ padding-top: 45px !important;}
.pt50{ padding-top: 50px !important;}
.pt60{ padding-top: 60px !important;}
.pt70{ padding-top: 70px !important;}
.pt80{ padding-top: 80px !important;}
.pt90{ padding-top: 90px !important;}
.pt100{ padding-top:100px !important;}

.pb5{ padding-bottom: 5px !important;}
.pb10{ padding-bottom: 10px !important;}
.pb15{ padding-bottom: 15px !important;}
.pb20{ padding-bottom: 20px !important;}
.pb25{ padding-bottom: 25px !important;}
.pb30{ padding-bottom: 30px !important;}
.pb35{ padding-bottom: 35px !important;}
.pb40{ padding-bottom: 40px !important;}
.pb45{ padding-bottom: 45px !important;}
.pb50{ padding-bottom: 50px !important;}
.pb60{ padding-bottom: 60px !important;}
.pb70{ padding-bottom: 70px !important;}
.pb80{ padding-bottom: 80px !important;}
.pb90{ padding-bottom: 90px !important;}
.pb100{ padding-bottom:100px !important;}

.pl5{ padding-left: 5px !important;}
.pl10{ padding-left: 10px !important;}
.pl15{ padding-left: 15px !important;}
.pl20{ padding-left: 20px !important;}
.pl25{ padding-left: 25px !important;}
.pl30{ padding-left: 30px !important;}
.pl35{ padding-left: 35px !important;}
.pl40{ padding-left: 40px !important;}
.pl45{ padding-left: 45px !important;}
.pl50{ padding-left: 50px !important;}
.pl60{ padding-left: 60px !important;}
.pl70{ padding-left: 70px !important;}
.pl80{ padding-left: 80px !important;}
.pl90{ padding-left: 90px !important;}
.pl100{ padding-left:100px !important;}

.pr5{ padding-right: 5px !important;}
.pr10{ padding-right: 10px !important;}
.pr15{ padding-right: 15px !important;}
.pr20{ padding-right: 20px !important;}
.pr25{ padding-right: 25px !important;}
.pr30{ padding-right: 30px !important;}
.pr35{ padding-right: 35px !important;}
.pr40{ padding-right: 40px !important;}
.pr45{ padding-right: 45px !important;}
.pr50{ padding-right: 50px !important;}
.pr60{ padding-right: 60px !important;}
.pr70{ padding-right: 70px !important;}
.pr80{ padding-right: 80px !important;}
.pr90{ padding-right: 90px !important;}
.pr100{ padding-right:100px !important;}


/*-----------------------------------------------------

FLOAT, ALIGN

-------------------------------------------------------*/
.floatL{ float: left;}
.floatR{ float: right;}

.alignL{ text-align: left;}
.alignC{ text-align: center;}
.alignR{ text-align: right;}
.alignC img{ margin: 0 auto;}

.clear {
	clear: both;
	margin: 0px;
	padding: 0px;
	font-size: 0px;
	font-style: normal;
	line-height: 0px;
	font-weight: normal;
	font-variant: normal;
}
div.clear hr{
	display: none;
}





/*-----------------------------------------------------

IMAGE

-------------------------------------------------------*/
body img{
	vertical-align: bottom;
	border: none;
}

.imgCenter{
	margin: 0 auto;
	text-align: center;
}

.imgLeft{
	float: left;
	margin: 0 20px 20px 0;
}

.imgRight{
	float: right;
	margin: 0 0 20px 20px;
}





/*-----------------------------------------------------

LINK

-------------------------------------------------------*/

a{
	outline:none;
}

a:link,
a:visited{
	color: #c8a063;
	text-decoration: underline;
}

a:hover{
	color: #333;
	text-decoration: none;
}





/*-----------------------------------------------------

TABLE

-------------------------------------------------------*/
table {
	margin: 0 0 0.5em;
	border-collapse: collapse;
	border-spacing: 0;
	font-size: inherit;
}
* html table {
	font-size: 100%;
}

th,
td {
	vertical-align: top;
	padding: 0.5em;
	border: 1px solid #999;
	text-align: left;
}

caption {
	margin: 0 0 0.5em;
}





/* ==========================================================================
   Helper classes
   ========================================================================== */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

.hidden {
    display: none !important;
    visibility: hidden;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.invisible {
    visibility: hidden;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}