/* Requires: normalize.css */
/* Global Reset & Standards ---------------------- */

/* Base Type Styles Using Modular Scale ---------------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,th,td {
	margin: 0;
	padding: 0;
	font-size: 13px;
	direction: ltr;
}
p {
	font-size: 13px;
	line-height: 1.6;
	margin-bottom: 15px;
	color: #FFF;
}
p.lead { font-size: 17.5px; line-height: 1.6; margin-bottom: 17px; }
::-webkit-input-placeholder { font-size: 12px }
aside p { font-size: 13px; line-height: 1.35; font-style: italic; }
h1,h2,h3,h4,h5,h6 { font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; color: #222222; text-rendering: optimizeLegibility; line-height: 1.1; margin-bottom: 14px; margin-top: 14px; }
h1 small,h2 small,h3 small,h4 small,h5 small,h6 small { font-size: 60%; color: #6f6f6f; line-height: 0; }
h1 { font-size: 40px }
h2 { font-size: 37px }
h3 { font-size: 27px }
h4 { font-size: 23px }
h5 { font-size: 17px }
h6 { font-size: 14px }
hr { border: solid #ddd; border-width: 1px 0 0; clear: both; margin: 22px 0 21px; height: 0; }
.subheader { line-height: 1.3; color: #6f6f6f; font-weight: 300; margin-bottom: 17px; }
.header { line-height: 1.3; color: #6f6f6f; font-weight: 300; margin-bottom: 17px; }
em,i { font-style: italic; line-height: inherit; }
strong,b { font-weight: bold; line-height: inherit; }
small { font-size: 60%; line-height: inherit; }
code { font-weight: bold; background: #ffff99; }

/* Wrapped around .top-bar to make it fixed at the top */
.fixed { width: 100%; left: 0; position: fixed; top: 0; z-index: 99; }
/* <nav> */
.top-bar { nowhitespace: afterproperty; height: 45px; line-height: 45px; margin: 0 0 30px; padding: 0; width: 100%; }
/* Firefox Fixes */
@-moz-document url-prefix() { 
	.top-bar ul li .button.small { padding-bottom: 6px }
	.top-bar ul li.search form input[type=search] { font-size: 14px; height: 22px; padding: 3px; }
}
/* IE8 Fixes */
.lt-ie9 .top-bar ul li a { color: white; display: block; font-weight: bold; font-size: 13px; height: 45px; line-height: 45px; padding: 0 15px; }
.lt-ie9 .top-bar ul li a.button { height: auto; line-height: 30px; margin-top: 7px; }
.lt-ie9 .top-bar ul li a:hover { color: #cccccc }
.lt-ie9 .top-bar ul li a img { margin-top: -5px; vertical-align: middle; }
.lt-ie9 .top-bar ul li a.active { background: #151515; color: #d9d9d9; }
.lt-ie9 .top-bar ul li.has-dropdown { padding-right: 33.75px }
.lt-ie9 .top-bar ul li.has-dropdown > ul li { padding-right: 0 }

/* PORTOFOLIO */
.portofoliobutton:focus { outline: none }
.portofoliobutton.selected { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #555; *background-color: #444; background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#555), to(#444)); background-image: -webkit-linear-gradient(top, #555, #444); background-image: -o-linear-gradient(top, #555, #444); background-image: repeat-x; border-color: #444 #444 #387038; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ff555', endColorstr='#ff444', GradientType=0); filter: progid:dximagetransform.microsoft.gradient(enabled=false); }




/* CONTENT ---------------------- */
.subheadertext {
	padding: 0px 0 !important;
}
.headertext {padding:4px 0 4px !important;}
#testimonials blockquote p { margin: 0 !important; padding: 5px!important; }
#testimonials blockquote cite { font-style: normal; display: block; text-transform: uppercase; font-weight: bold; font-style: italic; padding-left: 5px; margin-top: 10px; }
#footer {padding: 20px 0; margin-top: 0px; }
#footer a {
	color: #FFF;
	font-size: 13px;
}
#footer h1 { font-size: 16px; color: #ccc; margin-bottom: 20px; }
.newsmargin { margin-left: 46px }
.copyright { background: #2284a1; padding: 1px 0; border-top: 1px solid #2284a1; color: #2284a1;}
.back-top { bottom: 55px; right: 20px; margin-bottom: 0; display: block; position: fixed; display: scroll; display: none; }

/* Menu ---------------------- */
#cssmenu ul,
#cssmenu a {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  font-weight: normal;
  line-height: 1;
  font-size: 50px;
 }
#cssmenu {
  width: 255px;
  border-bottom: 4px solid #d5d5d5;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
#cssmenu a {
  line-height: 1.3;
}

#cssmenu > ul > li > a {
  font-size: 14px;
  display: block;
  color: #2284a1;
  border: 1px solid #d5d5d5;
  border-top: none;
 
}
#cssmenu > ul > li > a > span {
	display: block;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	padding-top: 6px;
	padding-right: 10px;
	padding-bottom: 6px;
	padding-left: 10px;
}
#cssmenu > ul > li > a:hover {
  text-decoration: none;
}