body{background:url(../../image/tail-top2.gif) 0 0 repeat-x #fafafa; font-family:Arial, Helvetica, sans-serif;font-size:0.9em;line-height:1.2em;color:#000}
}

p {color: #666}

.panel {background: #fafafa}

.panel.callout {background: #C02702}

.panel.callout p {color: #FFF}

a: {color: #000; text-decoration: underline; cursor: pointer;}
a:hover {text-decoration: none;}

h1{font-size:1.25em;font-weight:700;color:#000;line-height:1.3em}
h2{font-size:1.2em;font-weight:700;color:#000;line-height:1.2em}
h2 a{font-size:1.2em;font-weight:700;color:#000;text-decoration:none}
h3{font-size:1.1em;font-weight:700;padding-bottom:3px;color:#000;;margin-bottom:10px}
h3 a{font-size:1.1em;font-weight:700;text-decoration:none}
h4{font-size:1.1em;color:#000;font-weight:700;padding-bottom:8px}
h4 a{font-size:1.1em;font-weight:700;color:#000;text-decoration:none}
h5{font-size:1.0em;margin-bottom:14px}
h6{font-size:0.9em;margin-bottom:8px;font-weight:bold}

.title-area li a{text-decoration:none}
.title-area li a:hover{text-decoration:underline}

.has-dropdown li a{text-decoration:none}
.has-dropdown li a:hover{text-decoration:underline}

.right li a{text-decoration:none}
.right li a:hover{text-decoration:underline}



.nav-bar {margin-top: 0; background: none}
.nav-bar > li {border: 0; padding: 0; font-family: 'Open Sans Condensed',sans-serif; letter-spacing: 2px}
.nav-bar > li > a:first-child {font-size: 16px; text-transform: uppercase; padding: 10px}
.nav-bar > li:last-child {border: 0}
.nav-bar > li.active:hover { background: #c02702; cursor: default; }{}
.nav-bar > li:hover { background: #c02702; color: #FFF;         
        -webkit-transition: all .2s ease-in-out;
        -moz-transition: all .2s ease-in-out;
        -ms-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out; 
}

.nav-bar > li > a { color: #000}
.nav-bar > li > a:hover { color: #fff;}

.nav-bar > li.has-flyout > a:first-child:after { content: ""; display: block; width: 0; height: 0; border: solid 4px; border-color: #848484 transparent transparent transparent; position: absolute; right: 20px; top: 44px; }

.nav-bar > li.has-flyout > a:hover:first-child:after { content: ""; display: block; width: 0; height: 0; border: solid 6px; border-color: #fff transparent transparent transparent; position: absolute; right: 20px; top: 43px; }


.flyout {background: #FFF; border-radius: 5px; border: 0; margin-top: 19px; box-shadow: 0 3px 10px rgba(0, 0, 0, 0.7);}

ul.flyout li, .nav-bar li ul li { border-left: 0}
ul.flyout li a, .nav-bar li ul li a { background: #fff; border: 0; font-size: 16px;}
ul.flyout li a:hover, .nav-bar li ul li a:hover { background: #C02702; color: #FFF; border: 0;         
        -webkit-transition: all .2s ease-in-out;
        -moz-transition: all .2s ease-in-out;
        -ms-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out; 
		}
.fleftimage{float:left;padding-right:15px}
.frightimage{float:right;padding-left:15px}
.fleftmini{float:left;padding-right:5px}

ul,ol{list-style:none}

.list1 li{position:relative;overflow:hidden;color:#444;border-bottom:1px solid #888;margin-bottom:0;height:20px;padding:5px 0 0 10px}
.list1 li a{color:#222;text-decoration:none;font-weight:400;padding-bottom:5px}
.list1 li a:hover{color:#000;font-weight:700;text-decoration:underline}
.list1 li li{color:#aaa;font-size:12px;background:none;padding:5px 0 0}
.list1 li a:active{color:#aaa}
.list1 li span{position:absolute;left:0;top:0;color:#ddd}
.list2{border-left:1px solid #3e3e3e;padding:0 0 0 16px}
.list2 li{background:url(../../image/arrow2.gif) no-repeat 0 5px;font-size:12px;padding:0 0 10px 17px}
.list2 li a:hover{text-decoration:underline;color:#807e83}
.list3 li{position:relative;overflow:hidden;color:#555;font-size:12px;border-bottom:1px solid #594c3e;margin-bottom:7px;padding:0 0 5px 10px}
.list4 li{font-size:0.9em;line-height:1.2em;background:url(../../image/arrow2.gif) no-repeat 0 5px;padding:0 0 7px 17px}
.list4 li a{font-size:inherit;line-height:1.2em;}
.list5 li{position:relative;overflow:hidden;color:#333;font-size:12px;border-bottom:1px solid #594c3e;margin-bottom:7px;padding:0 0 5px 10px}
.list5 li a{color:#333;text-decoration:none;padding-bottom:5px}
.list5 li a:active{color:#555}
.list6 li{font-size:0.8em;line-height:1.2em;background:url(../../image/arrow2.gif) no-repeat 0 5px;padding:0 0 5px 17px}
.list7 li{font-size:0.85em;font-weight:700;border-bottom:1px solid #bbb;padding:5px 0 5px 10px}
.list7 li a{color:#444;text-decoration:none;}
.list7 li a:hover{color:#000;text-decoration:underline;}
.list8 li{font-size:12px;text-indent:10px;border-bottom:none;padding:0 0 1px 17px}
.list9 li{font-size:0.75em;line-height:1.2em;border-bottom:1px solid #bbb;padding:5px}
.list9 li a{text-decoration:underline;color:#000}
.list9 li a:hover{text-decoration:none}

form{font-size:0.6em;line-height:1.9em;background:#919E9B;border:1px solid #bbb;margin:14px 0 6px 5px}
select{margin:2px 0}
#body-wrap{width:150px;margin:20px auto}
.padding10{margin:1px 0;padding:1px}
label{width:150px;text-align:right;display:inline-block;padding:0 8px 0 0}
table td{vertical-align:top;text-align:left}
#remaining{margin-left:20px;color:#24AD41}
.notice i{font-size:0.7em;color:#666;display:block;padding:5px 0}
.notice{margin-left:5px}
.antispam{display:none}


		
/* gallery menu */

.gallery-nav-bar {list-style:none; text-align: center; padding-top:10px; font-family: 'Open Sans Condensed',sans-serif; letter-spacing: 2px; text-transform: uppercase}
.gallery-nav-bar li {display: inline-block; margin-right: 1px}

.gallery-nav-bar li {padding: 3px 12px}

.gallery-nav-bar li a {color: #000; padding: 3px 12px}

.gallery-nav-bar li a:hover {background: #C02702; color: #FFF; padding: 3px 12px; border-radius: 3px}


/* footer menu */

.footer_menu {text-align:center; border-top: 1px dashed #999; margin: 25px 0 0; padding: 20px 0}
.footer_menu li {display: inline; list-style: none; margin-right: 20px}
.footer_menu li a {color: #C02702}



/**************************************************************************************/
/*------------------------------------ pricing tables -------------------------------*/
/************************************************************************************/

/*Pricing box*/
.pricing_box  { border: 1px solid #ccc; float: left; text-align: center; padding: 0 0 20px 0; margin-top: 25px; margin-left:-1px; box-shadow: 0 2px 10px -4px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 2px 10px -4px rgba(0, 0, 0, 0.5); background: #fff;}
.pricing_box.radius-left { -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; -moz-border-top-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; -moz-border-bottom-left-radius: 5px;}
.pricing_box.radius-right { -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px; -moz-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; -moz-border-bottom-right-radius: 5px;}
.pricing_box .header  { text-shadow: 0 1px 1px #fff; border-bottom: 1px solid #ccc; background:repeat; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px; -moz-border-top-right-radius: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; -moz-border-top-left-radius: 5px;}
.pricing_box .header { width: 100%; height: 68px; }
.pricing_box .header span { position: relative; top: 20px; font-size: 16px; font-weight: bold; line-height: 28px;}
.pricing_box .header span.info { position: relative; font-size: 12px; font-weight: normal; top: 2px; display: block; color: gray; } 
.pricing_box p { line-height: 28px;}
.pricing_box ul { list-style: none; margin: 0 0 15px 0!important; text-align: left;}

.cols-2 .pricing_box { width: 49.8%; margin-bottom:50px; }
.cols-3 .pricing_box  { width: 33%;  margin-bottom:50px;}
.cols-4 .pricing_box { width: 24.8%; font-size: 1em; }
.cols-5 .pricing_box { width: 19.5%; font-size: 0.9em;}

.pricing_box ul li { line-height: 4em; padding-left: 20px!important; margin-left:0; list-style-type: none!important;}
.pricing_box ul li.odd { background: #F9F9F9;}
.pricing_box ul li.even { background: #fff;}
.pricing_box strong { background:no-repeat 0 -9999px; height: 12px; padding-left: 20px; font-style: normal; color: gray; }
.pricing_box strong.no { background-position: 0 0;}
.pricing_box strong.yes { background-position: 0 -15px;}
.pricing_box strong.single { background-position: 0 -30px; }
.pricing_box strong.unlim { background-position: 0 -45px; }
.pricing_box strong.more{ background:no-repeat 0 0; height: 20px; width: 20px; cursor: pointer; float: right; padding: 0; margin: 14px 14px 0 0;}
.pricing_box strong.nopad { padding: 0;}
.pricing_box h3{ margin: 20px 0; font-size: 22px; display: block;}
.pricing_box h3 em{ font-size: 12px; font-weight: normal;}

.pricing_box p.button { height: 40px; background:no-repeat left 0; float: none; }
.pricing_box p.button a { font-size: 16px; font-weight:bold; line-height: 40px; background:no-repeat right -40px; padding:0 40px; }

.pricing_box p.button:hover {background-position:left -80px;}
.pricing_box p.button a:hover{background-position:right -120px;}

.pricing_box.large { position: relative; z-index: 9; margin-top: 0px; -moz-box-shadow: 0 1px 10px #cbcbcb; -webkit-box-shadow: 0 1px 10px #cbcbcb; box-shadow: 0px 1px 10px #cbcbcb; padding: 0 0 40px 0; border-radius: 5px;}
.pricing_box.large .header { color: #303E0E; text-shadow:0 1px 0 #C7DD90; height: 88px; background:repeat; border-bottom: 1px solid #b2d850;}
.pricing_box.large .header  span{ top: 30px; }
.pricing_box.large .header  span.info{ top: 14px; color: #576e1f; text-shadow:none; }

.pricing_box.large p.button { background-position:left -160px;}
.pricing_box.large p.button a{ background-position:right -200px; color: #303E0E; text-shadow:0 1px 0 #C7DD90;  }

.pricing_box.large p.button:hover { background-position:left -240px;}
.pricing_box.large p.button a:hover{ background-position:right -280px; }

/*-------------------------------------------------------------------------------------------------*/
/* Masonry
/*-------------------------------------------------------------------------------------------------*/

.centered { margin: 0 auto; }

.box {
  margin: 8px;
  padding: 5px;
  background: #fff;
  border: 1px solid #ccc;
  box-shadow: 3px 3px 5px #888888;
  font-size: 100%;
  line-height: 1.4em;
  float: left;
}

.box p {font-size: .8em; font-weight: bold; margin: 0; padding: 12px 0; text-align:center}

.box h2 {
  font-size: 14px;
  font-weight: 200;
}

.box img,
#tumblelog img {
  display: block;
  width: 100%;
}

.rtl .box {
  float: right;
  text-align: right; 
  direction: rtl;
}

.col1 { width: 80px; }
.col2 { width: 211px; }
.col3 { width: 280px; }
.col4 { width: 380px; }
.col5 { width: 480px; }

.col1 img { max-width: 80px; }
.col2 img { max-width: 211px; }
.col3 img { max-width: 280px; }
.col4 img { max-width: 380px; }
.col5 img { max-width: 480px; }